@rigour-labs/cli 2.18.0 → 2.18.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/commands/studio.js +34 -0
- package/dist/smoke.test.js +10 -1
- package/package.json +2 -2
- package/studio-dist/assets/index-BQuSzeiD.js +289 -0
- package/studio-dist/assets/{index-CKXEiNN1.css → index-BiNiqx59.css} +1 -1
- package/studio-dist/index.html +2 -2
- package/studio-dist/assets/index-C6wm3xMF.js +0 -264
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--bg-main: #fafbfc;--bg-sidebar: #ffffff;--bg-header: #ffffff;--bg-card: #ffffff;--bg-accent: #f4f6f8;--bg-surface: #fafbfc;--border-dim: #e8eaed;--border-med: #d0d7de;--border-color: #e8eaed;--text-main: #1f2328;--text-dim: #656d76;--text-vibrant: #000000;--text-primary: #1f2328;--accent-primary: #0891b2;--accent-secondary: #0d9488;--accent-tertiary: #7c3aed;--accent-glow: rgba(8, 145, 178, .1);--status-ready: #059669;--status-success: #059669;--status-error: #dc2626;--status-warning: #d97706;--code-bg: #f6f8fa;--gradient-accent: linear-gradient(135deg, #0891b2 0%, #06b6d4 100%)}[data-theme=dark]{--bg-main: #050505;--bg-sidebar: #0a0a0a;--bg-header: #0a0a0a;--bg-card: #0d0d0d;--bg-accent: #151515;--bg-surface: #0d0d0d;--border-dim: #1a1a1a;--border-med: #222222;--border-color: #1a1a1a;--text-main: #eeeeee;--text-dim: #888888;--text-vibrant: #ffffff;--text-primary: #eeeeee;--accent-primary: #22d3ee;--accent-secondary: #2dd4bf;--accent-tertiary: #a78bfa;--accent-glow: rgba(34, 211, 238, .1);--status-ready: #34d399;--status-success: #34d399;--status-error: #f87171;--status-warning: #fbbf24;--code-bg: #090909;--gradient-accent: linear-gradient(135deg, #06b6d4 0%, #22d3ee 100%)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;overflow:hidden}.studio{display:flex;height:100vh;width:100vw}.sidebar{width:240px;background-color:var(--bg-sidebar);border-right:1px solid var(--border-dim);display:flex;flex-direction:column;padding:16px;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;padding:8px 12px;margin-bottom:32px}.logo-icon{width:28px;height:28px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:16px}.brand span{font-weight:700;font-size:18px;color:var(--text-vibrant);letter-spacing:-.5px}.version-pill{font-size:10px;background-color:var(--bg-accent);color:var(--text-dim);padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,monospace;margin-left:auto}nav{display:flex;flex-direction:column;gap:4px;flex-grow:1}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:var(--text-dim);text-decoration:none;font-size:14px;font-weight:500;background:transparent;border:none;cursor:pointer;width:100%;text-align:left;transition:all .2s ease;position:relative}.nav-item:hover{background-color:var(--bg-accent);color:var(--text-main)}.nav-item.active{color:var(--text-vibrant)}.nav-glow{position:absolute;left:0;top:10%;bottom:10%;width:3px;background-color:var(--accent-primary);border-radius:0 4px 4px 0;box-shadow:0 0 10px var(--accent-primary)}.sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--border-dim);display:flex;align-items:center;gap:8px}.trust-indicator{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-dim);padding:6px 10px;background:#10b9810d;border:1px solid rgba(16,185,129,.1);border-radius:100px;margin-right:auto}.footer-item{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:4px;border-radius:4px}.footer-item:hover{background-color:var(--bg-accent);color:var(--text-main)}.main-content{flex-grow:1;display:flex;flex-direction:column;overflow:hidden}header{height:56px;background-color:var(--bg-header);border-bottom:1px solid var(--border-dim);display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0}.header-right{display:flex;align-items:center;gap:20px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-dim)}.breadcrumb .current{color:var(--text-main);font-weight:500}.project-identity{display:flex;align-items:center;gap:12px;background:var(--bg-accent);padding:4px 12px;border-radius:8px;border:1px solid var(--border-med)}.project-name{font-weight:700;font-size:14px;color:var(--text-vibrant)}.project-path{font-size:11px;color:var(--text-dim);font-family:JetBrains Mono,monospace;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-status{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-dim);background:#22d3ee0d;padding:4px 10px;border-radius:6px;border:1px solid rgba(34,211,238,.1);font-family:JetBrains Mono,monospace}.status-indicator{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--status-ready)}.v-divider{width:1px;height:12px;background:var(--border-med);margin:0 8px}.pulse-emitter{width:6px;height:6px;background-color:var(--status-ready);border-radius:50%;position:relative;box-shadow:0 0 10px var(--status-ready)}.pulse-emitter:after{content:"";position:absolute;width:100%;height:100%;background-color:var(--status-ready);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(3);opacity:0}}.view-container{flex-grow:1;padding:32px;overflow-y:auto}.view-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.view-title{display:flex;align-items:center;gap:12px;color:var(--text-vibrant)}.view-title h2{font-size:20px;font-weight:700;letter-spacing:-.5px}.view-actions{display:flex;gap:12px}.btn-primary{background-color:var(--accent-primary);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover{background-color:#4338ca}.btn-secondary{background-color:var(--bg-accent);color:var(--text-main);border:1px solid var(--border-med);padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer}.btn-secondary:hover{background-color:var(--border-dim)}.log-container{min-height:400px;background-color:var(--bg-card);border:1px solid var(--border-dim);border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative}.empty-state{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:320px}.empty-state h3{font-weight:600;color:var(--text-vibrant)}.empty-state p{font-size:14px;color:var(--text-dim);line-height:1.5}.log-list{width:100%;height:100%;padding:16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.log-entry{background-color:var(--bg-accent);border:1px solid var(--border-med);border-radius:8px;padding:12px;font-family:JetBrains Mono,monospace;font-size:13px;transition:border-color .2s}.log-entry:hover{border-color:var(--accent-primary)}.log-meta{display:flex;align-items:center;gap:12px;margin-bottom:8px;border-bottom:1px solid var(--border-dim);padding-bottom:8px}.log-time{color:var(--text-dim)}.log-request-id{color:var(--border-med);font-size:11px}.status-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:6px}.status-badge.success{background:#10b9811a;color:#10b981}.status-badge.error{background:#ef44441a;color:#ef4444}.status-badge.warning{background:#f59e0b1a;color:#f59e0b}.status-badge.pending{background:#64748b1a;color:#64748b}.log-badge{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}.log-badge.tool_call{background:#4f46e533;color:var(--accent-primary)}.log-badge.tool_response{background:#06b8d433;color:var(--accent-secondary)}.log-tool{font-weight:700;color:var(--text-vibrant);display:block;margin-bottom:4px}.log-args{background:#000;padding:8px;border-radius:4px;color:#a5d6ff;font-size:12px;margin:8px 0;white-space:pre-wrap;word-break:break-all}.log-status{display:inline-flex;align-items:center;gap:4px;font-weight:600;font-size:11px}.log-status.success{color:var(--status-ready)}.log-status.error{color:var(--status-error)}.governance-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.governance-window{width:100%;max-width:1200px;height:100%;max-height:800px;background:#0d0d0df2;border:1px solid rgba(255,255,255,.1);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 40px 100px #000c,0 0 0 1px #ffffff0d}.governance-header{height:52px;padding:0 20px;background:var(--bg-header);border-bottom:1px solid var(--border-dim);display:flex;align-items:center;justify-content:space-between}.governance-header .title{display:flex;align-items:center;gap:12px;color:var(--text-main);font-weight:600}.governance-body{flex:1;display:flex;overflow:hidden;position:relative;z-index:10}.diff-view-area{flex:1;background:var(--code-bg);position:relative;z-index:20;overflow:hidden}.file-tree{width:250px;background:var(--bg-header);border-right:1px solid var(--border-dim);display:flex;flex-direction:column}.tree-header{padding:12px 16px;font-size:11px;color:var(--text-dim);text-transform:uppercase;font-weight:700;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.tree-list{flex:1;overflow-y:auto}.tree-item{padding:8px 16px;font-size:13px;color:var(--text-main);cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s}.tree-item:hover{background:#ffffff0d;color:var(--text-main)}.tree-item.active{background:var(--accent-glow);color:var(--accent-primary);border-right:2px solid var(--accent-primary)}.interception-view{flex:1;display:flex;flex-direction:column;padding:32px;gap:32px;overflow-y:auto}.interception-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;max-width:600px;margin:0 auto}.command-box{background:#000;padding:16px 24px;border-radius:8px;border:1px solid var(--accent-primary);box-shadow:0 0 20px #06b6d433;width:100%}.command-box code{font-family:JetBrains Mono,monospace;font-size:16px;color:var(--accent-primary)}.warning-note{display:flex;align-items:center;gap:8px;color:var(--status-warning);font-size:13px;background:#fbbf241a;padding:8px 16px;border-radius:6px}.btn-approve{background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 12px #10b9814d}.btn-reject{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 12px #ef44444d}.diff-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-dim);gap:16px}.inspectable{cursor:pointer;border-left:3px solid transparent}.inspectable:hover{background:#4f46e51a;border-left-color:var(--accent-primary)}.inspect-pill{margin-left:auto;font-size:10px;background:var(--accent-glow);color:var(--accent-secondary);padding:2px 8px;border-radius:100px;font-weight:500}.close-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:6px;border-radius:6px;transition:all .2s}.tree-item{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;border-radius:4px;transition:all .2s;font-size:13px;color:var(--text-dim);-webkit-user-select:none;user-select:none}.tree-item:hover{background:var(--bg-surface);color:var(--text-primary)}.tree-item.active{background:var(--accent-glow);color:var(--accent-secondary)}.tree-item.violated{color:var(--status-error);opacity:.9}.chevron{color:var(--text-dim);opacity:.6}.folder-icon{color:var(--accent-primary);opacity:.8}.file-icon{color:var(--text-dim);opacity:.6}.node-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.violation-icon{margin-left:auto;color:var(--status-error);opacity:.8}.diff-editor-container{flex:1;background:#1e1e1e;border-bottom-left-radius:12px;border-bottom-right-radius:12px;overflow:hidden;position:relative;min-height:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-med);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.theme-toggle{background:var(--bg-accent);border:1px solid var(--border-dim);border-radius:8px;padding:8px;cursor:pointer;color:var(--text-dim);display:flex;align-items:center;transition:all .2s}.theme-toggle:hover{color:var(--text-main);border-color:var(--border-med)}.memory-bank{display:flex;flex-direction:column;height:100%;background:var(--bg-main)}.memory-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-dim);background:var(--bg-card)}.memory-title{display:flex;align-items:center;gap:12px}.memory-title h2{font-size:18px;font-weight:600;color:var(--text-main)}.memory-count{background:var(--accent-glow);color:var(--accent-primary);padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.memory-actions{display:flex;gap:12px;align-items:center}.search-box{display:flex;align-items:center;gap:8px;background:var(--bg-accent);border:1px solid var(--border-dim);border-radius:8px;padding:8px 12px}.search-box input{background:transparent;border:none;outline:none;color:var(--text-main);font-size:14px;width:200px}.search-box input::placeholder{color:var(--text-dim)}.refresh-btn{background:var(--bg-accent);border:1px solid var(--border-dim);border-radius:8px;padding:8px;cursor:pointer;color:var(--text-dim);transition:all .2s}.refresh-btn:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.refresh-btn .spinning{animation:spin 1s linear infinite}.memory-content{display:grid;grid-template-columns:1fr 1.5fr;flex:1;overflow:hidden}.memory-list{border-right:1px solid var(--border-dim);overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.memory-loading,.memory-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-dim);text-align:center;gap:12px}.memory-empty h3{font-size:16px;color:var(--text-main)}.memory-empty code{background:var(--code-bg);padding:2px 6px;border-radius:4px;font-size:13px}.memory-item{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:10px;padding:14px;cursor:pointer;transition:all .2s}.memory-item:hover{border-color:var(--border-med);background:var(--bg-accent)}.memory-item.active{border-color:var(--accent-primary);background:var(--accent-glow)}.memory-item-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.memory-key{font-weight:600;color:var(--accent-primary);flex:1;font-size:14px}.memory-item-header .chevron{color:var(--text-dim);opacity:0;transition:opacity .2s}.memory-item:hover .chevron,.memory-item.active .chevron{opacity:1}.memory-item-meta{display:flex;align-items:center;gap:6px;color:var(--text-dim);font-size:12px;margin-bottom:8px}.memory-item-preview{font-size:13px;color:var(--text-dim);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.memory-detail{padding:24px;overflow-y:auto;background:var(--bg-card)}.detail-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.detail-header h3{font-size:18px;font-weight:600;color:var(--accent-primary)}.detail-meta{display:flex;align-items:center;justify-content:space-between;color:var(--text-dim);font-size:13px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-dim)}.meta-left{display:flex;align-items:center;gap:8px}.copy-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-accent);border:1px solid var(--border-dim);border-radius:6px;color:var(--text-dim);cursor:pointer;font-size:12px;transition:all .2s}.copy-btn:hover{background:var(--border-dim);color:var(--text-main)}.copy-btn.copied{background:var(--accent-glow);color:var(--accent-primary);border-color:var(--accent-primary)}.detail-content pre{background:var(--code-bg);border:1px solid var(--border-dim);border-radius:8px;padding:16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word;color:var(--text-main);overflow-x:auto}.formatted-content{display:flex;flex-direction:column;gap:12px;color:var(--text-main);font-family:var(--font-main)}.section-marker{color:var(--accent-primary);font-weight:700;font-size:14px;margin-top:8px;font-family:JetBrains Mono,monospace}.section-body{background:var(--bg-accent);border-left:3px solid var(--border-med);padding:12px 16px;border-radius:4px;font-size:14px;line-height:1.6}.priority-box{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#f59e0b;padding:12px 16px;border-radius:8px;font-size:13px;font-weight:500;margin-top:8px}.priority-box:before{content:"⚡ PRIORITY GUIDANCE";display:block;font-weight:700;font-size:11px;margin-bottom:4px}.detail-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-dim);gap:12px}.pattern-index{display:flex;flex-direction:column;height:100%;background:var(--bg-main)}.pattern-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-dim);background:var(--bg-card)}.pattern-title{display:flex;align-items:center;gap:12px}.pattern-title h2{font-size:18px;font-weight:600;color:var(--text-main)}.pattern-count{background:var(--accent-glow);color:var(--accent-primary);padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.pattern-actions{display:flex;gap:12px;align-items:center}.filter-box{display:flex;align-items:center;gap:8px;background:var(--bg-accent);border:1px solid var(--border-dim);border-radius:8px;padding:8px 12px}.filter-box select{background:transparent;border:none;outline:none;color:var(--text-main);font-size:14px;cursor:pointer}.pattern-stats{display:flex;gap:16px;padding:16px 24px;border-bottom:1px solid var(--border-dim);background:var(--bg-card)}.pattern-stats .stat-card{display:flex;align-items:center;gap:12px;background:var(--bg-accent);padding:12px 16px;border-radius:8px;border:1px solid var(--border-dim)}.stat-info{display:flex;flex-direction:column}.stat-info .stat-value{font-size:20px;font-weight:700;color:var(--text-main)}.stat-info .stat-label{font-size:12px;color:var(--text-dim)}.pattern-content{display:grid;grid-template-columns:1fr 1.5fr;flex:1;overflow:hidden}.pattern-list{border-right:1px solid var(--border-dim);overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.pattern-loading,.pattern-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-dim);text-align:center;gap:12px}.pattern-empty code{background:var(--code-bg);padding:2px 6px;border-radius:4px;font-size:13px}.pattern-item{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:8px;padding:12px;cursor:pointer;transition:all .2s}.pattern-item:hover{border-color:var(--border-med);background:var(--bg-accent)}.pattern-item.active{border-color:var(--accent-primary);background:var(--accent-glow)}.pattern-item-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.pattern-type-badge{background:var(--accent-secondary);color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.pattern-type-badge.large{padding:4px 12px;font-size:13px}.pattern-name{font-weight:600;color:var(--text-main);flex:1}.pattern-item-file{display:flex;align-items:center;gap:6px;color:var(--text-dim);font-size:12px;font-family:monospace}.exported-badge{background:var(--status-success);color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;margin-top:6px;display:inline-block}.pattern-detail{padding:24px;overflow-y:auto;background:var(--bg-card)}.detail-section{margin-bottom:20px}.detail-section h4{font-size:12px;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px;letter-spacing:.5px}.detail-section code{background:var(--code-bg);padding:8px 12px;border-radius:6px;font-family:monospace;font-size:13px;display:block;color:var(--accent-primary)}.detail-section pre{background:var(--code-bg);padding:12px;border-radius:6px;font-family:monospace;font-size:13px;overflow-x:auto;white-space:pre-wrap}.keywords-list{display:flex;flex-wrap:wrap;gap:6px}.keyword-tag{background:var(--bg-accent);color:var(--text-dim);padding:4px 10px;border-radius:12px;font-size:12px;border:1px solid var(--border-dim)}.quality-gates{display:flex;flex-direction:column;height:100%;background:var(--bg-main)}.gates-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-dim);background:var(--bg-card)}.gates-title{display:flex;align-items:center;gap:12px}.gates-title h2{font-size:18px;font-weight:600;color:var(--text-main)}.preset-badge{background:var(--accent-primary);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.gates-actions{display:flex;gap:12px;align-items:center}.view-toggle{display:flex;background:var(--bg-accent);border-radius:8px;padding:4px;border:1px solid var(--border-dim)}.view-toggle button{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;background:transparent;color:var(--text-dim);cursor:pointer;border-radius:6px;font-size:13px;transition:all .2s}.view-toggle button:hover{color:var(--text-main)}.view-toggle button.active{background:var(--bg-card);color:var(--accent-primary);box-shadow:0 1px 3px #0000001a}.gates-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-dim)}.gates-raw{flex:1;overflow:auto;padding:24px}.gates-raw pre{background:var(--code-bg);padding:20px;border-radius:8px;border:1px solid var(--border-dim);font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.6;color:var(--text-main);white-space:pre-wrap}.gates-content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.gate-section{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:12px;padding:20px}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--text-main)}.section-header h3{font-size:15px;font-weight:600}.gate-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.gate-card{background:var(--bg-accent);border:1px solid var(--border-dim);border-radius:8px;padding:14px;display:flex;align-items:center;gap:12px}.gate-icon{color:var(--accent-primary)}.gate-info{display:flex;flex-direction:column}.gate-value{font-size:18px;font-weight:700;color:var(--text-main)}.gate-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.protected-paths,.file-list{margin-top:16px}.protected-paths h4{font-size:12px;color:var(--text-dim);text-transform:uppercase;margin-bottom:10px}.path-list{display:flex;flex-wrap:wrap;gap:8px}.path-tag{background:var(--bg-accent);color:var(--accent-secondary);padding:4px 10px;border-radius:6px;font-family:monospace;font-size:12px;border:1px solid var(--border-dim)}.file-list{display:flex;flex-direction:column;gap:8px}.file-item{display:flex;align-items:center;gap:8px;color:var(--text-dim);font-size:13px;font-family:monospace}.audit-log{display:flex;flex-direction:column;height:100%;background:var(--bg-main)}.audit-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-dim);background:var(--bg-card)}.audit-title{display:flex;align-items:center;gap:12px}.audit-title h2{font-size:18px;font-weight:600;color:var(--text-main)}.log-count{background:var(--accent-glow);color:var(--accent-primary);padding:4px 10px;border-radius:12px;font-size:12px}.audit-actions{display:flex;gap:10px}.btn-secondary,.btn-primary{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s;border:none}.btn-secondary{background:var(--bg-accent);color:var(--text-dim);border:1px solid var(--border-dim)}.btn-secondary:hover{color:var(--text-main);border-color:var(--border-med)}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{opacity:.9}.audit-stats{display:flex;gap:12px;padding:16px 24px;border-bottom:1px solid var(--border-dim);background:var(--bg-card)}.stat-pill{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-accent);border-radius:20px;font-size:13px;color:var(--text-dim);border:1px solid var(--border-dim)}.stat-pill.success{color:var(--status-success)}.stat-pill.error{color:var(--status-error)}.stat-pill.pending{color:var(--status-warning)}.audit-filters{display:flex;gap:12px;padding:12px 24px;border-bottom:1px solid var(--border-dim)}.audit-content{display:grid;grid-template-columns:1fr 1.5fr;flex:1;overflow:hidden}.audit-content .log-list{border-right:1px solid var(--border-dim);overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.log-entry{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:8px;padding:12px;cursor:pointer;transition:all .2s}.log-entry:hover{border-color:var(--border-med);background:var(--bg-accent)}.log-entry.active{border-color:var(--accent-primary);background:var(--accent-glow)}.log-entry.has-report{border-left:3px solid var(--accent-primary)}.log-header{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-dim)}.status-dot.success{background:var(--status-success)}.status-dot.error{background:var(--status-error)}.status-dot.pending{background:var(--status-warning)}.log-tool{font-weight:600;color:var(--text-main);flex:1;font-size:13px}.log-time{display:flex;align-items:center;gap:4px;color:var(--text-dim);font-size:11px}.report-badge{display:flex;align-items:center;gap:4px;background:var(--accent-glow);color:var(--accent-primary);padding:2px 8px;border-radius:12px;font-size:11px}.log-entry .chevron{color:var(--text-dim);opacity:0;transition:opacity .2s}.log-entry:hover .chevron,.log-entry.active .chevron{opacity:1}.log-request-id{font-size:11px;color:var(--text-dim);font-family:monospace;margin-top:6px}.log-detail{background:var(--bg-card);overflow-y:auto}.log-detail-view{height:100%;display:flex;flex-direction:column}.detail-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-dim)}.detail-info{display:flex;align-items:center;gap:12px}.detail-info h3{font-size:16px;font-weight:600;color:var(--text-main)}.status-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;text-transform:capitalize}.status-badge.success{background:#22c55e26;color:var(--status-success)}.status-badge.error{background:#ef444426;color:var(--status-error)}.status-badge.pending{background:#eab30826;color:var(--status-warning)}.close-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:4px}.close-btn:hover{color:var(--text-main)}.detail-meta{display:flex;gap:24px;padding:12px 20px;border-bottom:1px solid var(--border-dim);background:var(--bg-accent)}.meta-item{display:flex;flex-direction:column;gap:2px}.meta-label{font-size:11px;text-transform:uppercase;color:var(--text-dim)}.meta-value{font-size:13px;color:var(--text-main)}.meta-value.mono{font-family:monospace}.detail-tabs{display:flex;padding:0 20px;border-bottom:1px solid var(--border-dim)}.detail-tabs button{padding:12px 16px;background:none;border:none;color:var(--text-dim);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.detail-tabs button:hover{color:var(--text-main)}.detail-tabs button.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.detail-body{flex:1;overflow-y:auto;padding:20px}.code-section,.error-section{margin-bottom:20px}.code-section h4,.error-section h4{font-size:12px;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px}.code-section pre{background:var(--code-bg);padding:16px;border-radius:8px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.6;overflow-x:auto;white-space:pre-wrap;color:var(--text-main)}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--status-error);padding:12px;border-radius:8px;font-size:13px}.diff-viewer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg-card)}.diff-viewer-window{flex:1;display:flex;flex-direction:column;overflow:hidden}.diff-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-sidebar);border-bottom:1px solid var(--border-dim)}.diff-viewer-header .title{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--text-main)}.diff-viewer-header .diff-badge{background:var(--accent-glow);color:var(--accent-primary);padding:2px 8px;border-radius:10px;font-size:11px}.diff-viewer-header .close-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:4px;border-radius:4px}.diff-viewer-header .close-btn:hover{color:var(--text-main);background:var(--bg-accent)}.diff-editor-container{flex:1;min-height:0;background:var(--code-bg)}.semantic-toggle{display:flex;align-items:center;gap:8px;background:var(--bg-accent);border:1px solid var(--border-dim);border-radius:8px;padding:8px 12px;font-size:13px;font-weight:500;color:var(--text-dim);cursor:pointer;transition:all .2s}.semantic-toggle:hover{border-color:var(--border-med);color:var(--text-main)}.semantic-toggle.active{background:var(--accent-glow);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 0 15px var(--accent-glow)}.semantic-toggle svg{color:var(--accent-tertiary)}.semantic-toggle.active svg{animation:rotate-spark 2s infinite ease-in-out}@keyframes rotate-spark{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}.similarity-badge{position:absolute;top:12px;right:12px;font-size:10px;font-weight:700;color:var(--accent-secondary);background:#2dd4bf1a;padding:2px 6px;border-radius:4px;border:1px solid rgba(45,212,191,.2)}.searching-indicator{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--accent-tertiary);margin:12px 0;font-weight:500}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hitl-actions{display:flex;align-items:center;gap:12px}.btn-approve,.btn-reject{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid transparent}.btn-approve{background:#10b9811a;color:#10b981;border-color:#10b98133}.btn-approve:hover{background:#10b98133;box-shadow:0 0 15px #10b98133}.btn-reject{background:#ef44441a;color:#ef4444;border-color:#ef444433}.btn-reject:hover{background:#ef444433;box-shadow:0 0 15px #ef444433}.hitl-actions .divider{width:1px;height:24px;background:var(--border-dim);margin:0 8px}.arbitrated-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;text-transform:uppercase;padding:2px 8px;border-radius:100px;margin-left:8px}.arbitrated-badge.approve{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.arbitrated-badge.reject{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}
|
|
1
|
+
:root{--bg-main: #fafbfc;--bg-sidebar: #ffffff;--bg-header: #ffffff;--bg-card: #ffffff;--bg-accent: #f4f6f8;--bg-surface: #fafbfc;--border-dim: #e8eaed;--border-med: #d0d7de;--border-color: #e8eaed;--text-main: #1f2328;--text-dim: #656d76;--text-vibrant: #000000;--text-primary: #1f2328;--accent-primary: #0891b2;--accent-secondary: #0d9488;--accent-tertiary: #7c3aed;--accent-glow: rgba(8, 145, 178, .1);--status-ready: #059669;--status-success: #059669;--status-error: #dc2626;--status-warning: #d97706;--code-bg: #f6f8fa;--gradient-accent: linear-gradient(135deg, #0891b2 0%, #06b6d4 100%)}[data-theme=dark]{--bg-main: #050505;--bg-sidebar: #0a0a0a;--bg-header: #0a0a0a;--bg-card: #0d0d0d;--bg-accent: #151515;--bg-surface: #0d0d0d;--border-dim: #1a1a1a;--border-med: #222222;--border-color: #1a1a1a;--text-main: #eeeeee;--text-dim: #888888;--text-vibrant: #ffffff;--text-primary: #eeeeee;--accent-primary: #22d3ee;--accent-secondary: #2dd4bf;--accent-tertiary: #a78bfa;--accent-glow: rgba(34, 211, 238, .1);--status-ready: #34d399;--status-success: #34d399;--status-error: #f87171;--status-warning: #fbbf24;--code-bg: #090909;--gradient-accent: linear-gradient(135deg, #06b6d4 0%, #22d3ee 100%)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;overflow:hidden}.studio{display:flex;height:100vh;width:100vw}.sidebar{width:240px;background-color:var(--bg-sidebar);border-right:1px solid var(--border-dim);display:flex;flex-direction:column;padding:16px;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;padding:8px 12px;margin-bottom:32px}.logo-icon{width:28px;height:28px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:16px}.brand span{font-weight:700;font-size:18px;color:var(--text-vibrant);letter-spacing:-.5px}.version-pill{font-size:10px;background-color:var(--bg-accent);color:var(--text-dim);padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,monospace;margin-left:auto}nav{display:flex;flex-direction:column;gap:4px;flex-grow:1}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:var(--text-dim);text-decoration:none;font-size:14px;font-weight:500;background:transparent;border:none;cursor:pointer;width:100%;text-align:left;transition:all .2s ease;position:relative}.nav-item:hover{background-color:var(--bg-accent);color:var(--text-main)}.nav-item.active{color:var(--text-vibrant)}.nav-glow{position:absolute;left:0;top:10%;bottom:10%;width:3px;background-color:var(--accent-primary);border-radius:0 4px 4px 0;box-shadow:0 0 10px var(--accent-primary)}.sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--border-dim);display:flex;align-items:center;gap:8px}.trust-indicator{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-dim);padding:6px 10px;background:#10b9810d;border:1px solid rgba(16,185,129,.1);border-radius:100px;margin-right:auto}.footer-item{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:4px;border-radius:4px}.footer-item:hover{background-color:var(--bg-accent);color:var(--text-main)}.main-content{flex-grow:1;display:flex;flex-direction:column;overflow:hidden}header{height:56px;background-color:var(--bg-header);border-bottom:1px solid var(--border-dim);display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0}.header-right{display:flex;align-items:center;gap:20px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-dim)}.breadcrumb .current{color:var(--text-main);font-weight:500}.project-identity{display:flex;align-items:center;gap:12px;background:var(--bg-accent);padding:4px 12px;border-radius:8px;border:1px solid var(--border-med)}.project-name{font-weight:700;font-size:14px;color:var(--text-vibrant)}.project-path{font-size:11px;color:var(--text-dim);font-family:JetBrains Mono,monospace;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-status{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-dim);background:#22d3ee0d;padding:4px 10px;border-radius:6px;border:1px solid rgba(34,211,238,.1);font-family:JetBrains Mono,monospace}.status-indicator{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--status-ready)}.v-divider{width:1px;height:12px;background:var(--border-med);margin:0 8px}.pulse-emitter{width:6px;height:6px;background-color:var(--status-ready);border-radius:50%;position:relative;box-shadow:0 0 10px var(--status-ready)}.pulse-emitter:after{content:"";position:absolute;width:100%;height:100%;background-color:var(--status-ready);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(3);opacity:0}}.view-container{flex-grow:1;padding:32px;overflow-y:auto}.view-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.view-title{display:flex;align-items:center;gap:12px;color:var(--text-vibrant)}.view-title h2{font-size:20px;font-weight:700;letter-spacing:-.5px}.view-actions{display:flex;gap:12px}.btn-primary{background-color:var(--accent-primary);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover{background-color:#4338ca}.btn-secondary{background-color:var(--bg-accent);color:var(--text-main);border:1px solid var(--border-med);padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer}.btn-secondary:hover{background-color:var(--border-dim)}.log-container{min-height:400px;background-color:var(--bg-card);border:1px solid var(--border-dim);border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative}.empty-state{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:320px}.empty-state h3{font-weight:600;color:var(--text-vibrant)}.empty-state p{font-size:14px;color:var(--text-dim);line-height:1.5}.log-list{width:100%;height:100%;padding:16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.log-entry{background-color:var(--bg-accent);border:1px solid var(--border-med);border-radius:8px;padding:12px;font-family:JetBrains Mono,monospace;font-size:13px;transition:border-color .2s}.log-entry:hover{border-color:var(--accent-primary)}.log-meta{display:flex;align-items:center;gap:12px;margin-bottom:8px;border-bottom:1px solid var(--border-dim);padding-bottom:8px}.log-time{color:var(--text-dim)}.log-request-id{color:var(--border-med);font-size:11px}.status-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:6px}.status-badge.success{background:#10b9811a;color:#10b981}.status-badge.error{background:#ef44441a;color:#ef4444}.status-badge.warning{background:#f59e0b1a;color:#f59e0b}.status-badge.pending{background:#64748b1a;color:#64748b}.log-badge{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}.log-badge.tool_call{background:#4f46e533;color:var(--accent-primary)}.log-badge.tool_response{background:#06b8d433;color:var(--accent-secondary)}.log-tool{font-weight:700;color:var(--text-vibrant);display:block;margin-bottom:4px}.log-args{background:#000;padding:8px;border-radius:4px;color:#a5d6ff;font-size:12px;margin:8px 0;white-space:pre-wrap;word-break:break-all}.log-status{display:inline-flex;align-items:center;gap:4px;font-weight:600;font-size:11px}.log-status.success{color:var(--status-ready)}.log-status.error{color:var(--status-error)}.governance-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.governance-window{width:100%;max-width:1200px;height:100%;max-height:800px;background:#0d0d0df2;border:1px solid rgba(255,255,255,.1);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 40px 100px #000c,0 0 0 1px #ffffff0d}.governance-header{height:52px;padding:0 20px;background:var(--bg-header);border-bottom:1px solid var(--border-dim);display:flex;align-items:center;justify-content:space-between}.governance-header .title{display:flex;align-items:center;gap:12px;color:var(--text-main);font-weight:600}.governance-body{flex:1;display:flex;overflow:hidden;position:relative;z-index:10}.diff-view-area{flex:1;background:var(--code-bg);position:relative;z-index:20;overflow:hidden}.file-tree{width:250px;background:var(--bg-header);border-right:1px solid var(--border-dim);display:flex;flex-direction:column}.tree-header{padding:12px 16px;font-size:11px;color:var(--text-dim);text-transform:uppercase;font-weight:700;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.tree-list{flex:1;overflow-y:auto}.tree-item{padding:8px 16px;font-size:13px;color:var(--text-main);cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s}.tree-item:hover{background:#ffffff0d;color:var(--text-main)}.tree-item.active{background:var(--accent-glow);color:var(--accent-primary);border-right:2px solid var(--accent-primary)}.interception-view{flex:1;display:flex;flex-direction:column;padding:32px;gap:32px;overflow-y:auto}.interception-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;max-width:600px;margin:0 auto}.command-box{background:#000;padding:16px 24px;border-radius:8px;border:1px solid var(--accent-primary);box-shadow:0 0 20px #06b6d433;width:100%}.command-box code{font-family:JetBrains Mono,monospace;font-size:16px;color:var(--accent-primary)}.warning-note{display:flex;align-items:center;gap:8px;color:var(--status-warning);font-size:13px;background:#fbbf241a;padding:8px 16px;border-radius:6px}.btn-approve{background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 12px #10b9814d}.btn-reject{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 12px #ef44444d}.diff-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-dim);gap:16px}.inspectable{cursor:pointer;border-left:3px solid transparent}.inspectable:hover{background:#4f46e51a;border-left-color:var(--accent-primary)}.inspect-pill{margin-left:auto;font-size:10px;background:var(--accent-glow);color:var(--accent-secondary);padding:2px 8px;border-radius:100px;font-weight:500}.close-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:6px;border-radius:6px;transition:all .2s}.tree-item{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;border-radius:4px;transition:all .2s;font-size:13px;color:var(--text-dim);-webkit-user-select:none;user-select:none}.tree-item:hover{background:var(--bg-surface);color:var(--text-primary)}.tree-item.active{background:var(--accent-glow);color:var(--accent-secondary)}.tree-item.violated{color:var(--status-error);opacity:.9}.chevron{color:var(--text-dim);opacity:.6}.folder-icon{color:var(--accent-primary);opacity:.8}.file-icon{color:var(--text-dim);opacity:.6}.node-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.violation-icon{margin-left:auto;color:var(--status-error);opacity:.8}.diff-editor-container{flex:1;background:#1e1e1e;border-bottom-left-radius:12px;border-bottom-right-radius:12px;overflow:hidden;position:relative;min-height:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-med);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.theme-toggle{background:var(--bg-accent);border:1px solid var(--border-dim);border-radius:8px;padding:8px;cursor:pointer;color:var(--text-dim);display:flex;align-items:center;transition:all .2s}.theme-toggle:hover{color:var(--text-main);border-color:var(--border-med)}.memory-bank{display:flex;flex-direction:column;height:100%;background:var(--bg-main)}.memory-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-dim);background:var(--bg-card)}.memory-title{display:flex;align-items:center;gap:12px}.memory-title h2{font-size:18px;font-weight:600;color:var(--text-main)}.memory-count{background:var(--accent-glow);color:var(--accent-primary);padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.memory-actions{display:flex;gap:12px;align-items:center}.search-box{display:flex;align-items:center;gap:8px;background:var(--bg-accent);border:1px solid var(--border-dim);border-radius:8px;padding:8px 12px}.search-box input{background:transparent;border:none;outline:none;color:var(--text-main);font-size:14px;width:200px}.search-box input::placeholder{color:var(--text-dim)}.refresh-btn{background:var(--bg-accent);border:1px solid var(--border-dim);border-radius:8px;padding:8px;cursor:pointer;color:var(--text-dim);transition:all .2s}.refresh-btn:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.refresh-btn .spinning{animation:spin 1s linear infinite}.memory-content{display:grid;grid-template-columns:1fr 1.5fr;flex:1;overflow:hidden}.memory-list{border-right:1px solid var(--border-dim);overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.memory-loading,.memory-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-dim);text-align:center;gap:12px}.memory-empty h3{font-size:16px;color:var(--text-main)}.memory-empty code{background:var(--code-bg);padding:2px 6px;border-radius:4px;font-size:13px}.memory-item{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:10px;padding:14px;cursor:pointer;transition:all .2s}.memory-item:hover{border-color:var(--border-med);background:var(--bg-accent)}.memory-item.active{border-color:var(--accent-primary);background:var(--accent-glow)}.memory-item-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.memory-key{font-weight:600;color:var(--accent-primary);flex:1;font-size:14px}.memory-item-header .chevron{color:var(--text-dim);opacity:0;transition:opacity .2s}.memory-item:hover .chevron,.memory-item.active .chevron{opacity:1}.memory-item-meta{display:flex;align-items:center;gap:6px;color:var(--text-dim);font-size:12px;margin-bottom:8px}.memory-item-preview{font-size:13px;color:var(--text-dim);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.memory-detail{padding:24px;overflow-y:auto;background:var(--bg-card)}.detail-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.detail-header h3{font-size:18px;font-weight:600;color:var(--accent-primary)}.detail-meta{display:flex;align-items:center;justify-content:space-between;color:var(--text-dim);font-size:13px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-dim)}.meta-left{display:flex;align-items:center;gap:8px}.copy-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-accent);border:1px solid var(--border-dim);border-radius:6px;color:var(--text-dim);cursor:pointer;font-size:12px;transition:all .2s}.copy-btn:hover{background:var(--border-dim);color:var(--text-main)}.copy-btn.copied{background:var(--accent-glow);color:var(--accent-primary);border-color:var(--accent-primary)}.detail-content pre{background:var(--code-bg);border:1px solid var(--border-dim);border-radius:8px;padding:16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word;color:var(--text-main);overflow-x:auto}.formatted-content{display:flex;flex-direction:column;gap:12px;color:var(--text-main);font-family:var(--font-main)}.section-marker{color:var(--accent-primary);font-weight:700;font-size:14px;margin-top:8px;font-family:JetBrains Mono,monospace}.section-body{background:var(--bg-accent);border-left:3px solid var(--border-med);padding:12px 16px;border-radius:4px;font-size:14px;line-height:1.6}.priority-box{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#f59e0b;padding:12px 16px;border-radius:8px;font-size:13px;font-weight:500;margin-top:8px}.priority-box:before{content:"⚡ PRIORITY GUIDANCE";display:block;font-weight:700;font-size:11px;margin-bottom:4px}.detail-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-dim);gap:12px}.pattern-index{display:flex;flex-direction:column;height:100%;background:var(--bg-main)}.pattern-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-dim);background:var(--bg-card)}.pattern-title{display:flex;align-items:center;gap:12px}.pattern-title h2{font-size:18px;font-weight:600;color:var(--text-main)}.pattern-count{background:var(--accent-glow);color:var(--accent-primary);padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.pattern-actions{display:flex;gap:12px;align-items:center}.filter-box{display:flex;align-items:center;gap:8px;background:var(--bg-accent);border:1px solid var(--border-dim);border-radius:8px;padding:8px 12px}.filter-box select{background:transparent;border:none;outline:none;color:var(--text-main);font-size:14px;cursor:pointer}.pattern-stats{display:flex;gap:16px;padding:16px 24px;border-bottom:1px solid var(--border-dim);background:var(--bg-card)}.pattern-stats .stat-card{display:flex;align-items:center;gap:12px;background:var(--bg-accent);padding:12px 16px;border-radius:8px;border:1px solid var(--border-dim)}.stat-info{display:flex;flex-direction:column}.stat-info .stat-value{font-size:20px;font-weight:700;color:var(--text-main)}.stat-info .stat-label{font-size:12px;color:var(--text-dim)}.pattern-content{display:grid;grid-template-columns:1fr 1.5fr;flex:1;overflow:hidden}.pattern-list{border-right:1px solid var(--border-dim);overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.pattern-loading,.pattern-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-dim);text-align:center;gap:12px}.pattern-empty code{background:var(--code-bg);padding:2px 6px;border-radius:4px;font-size:13px}.pattern-item{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:8px;padding:12px;cursor:pointer;transition:all .2s}.pattern-item:hover{border-color:var(--border-med);background:var(--bg-accent)}.pattern-item.active{border-color:var(--accent-primary);background:var(--accent-glow)}.pattern-item-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.pattern-type-badge{background:var(--accent-secondary);color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.pattern-type-badge.large{padding:4px 12px;font-size:13px}.pattern-name{font-weight:600;color:var(--text-main);flex:1}.pattern-item-file{display:flex;align-items:center;gap:6px;color:var(--text-dim);font-size:12px;font-family:monospace}.exported-badge{background:var(--status-success);color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;margin-top:6px;display:inline-block}.pattern-detail{padding:24px;overflow-y:auto;background:var(--bg-card)}.detail-section{margin-bottom:20px}.detail-section h4{font-size:12px;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px;letter-spacing:.5px}.detail-section code{background:var(--code-bg);padding:8px 12px;border-radius:6px;font-family:monospace;font-size:13px;display:block;color:var(--accent-primary)}.detail-section pre{background:var(--code-bg);padding:12px;border-radius:6px;font-family:monospace;font-size:13px;overflow-x:auto;white-space:pre-wrap}.keywords-list{display:flex;flex-wrap:wrap;gap:6px}.keyword-tag{background:var(--bg-accent);color:var(--text-dim);padding:4px 10px;border-radius:12px;font-size:12px;border:1px solid var(--border-dim)}.quality-gates{display:flex;flex-direction:column;height:100%;background:var(--bg-main)}.gates-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-dim);background:var(--bg-card)}.gates-title{display:flex;align-items:center;gap:12px}.gates-title h2{font-size:18px;font-weight:600;color:var(--text-main)}.preset-badge{background:var(--accent-primary);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.gates-actions{display:flex;gap:12px;align-items:center}.view-toggle{display:flex;background:var(--bg-accent);border-radius:8px;padding:4px;border:1px solid var(--border-dim)}.view-toggle button{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;background:transparent;color:var(--text-dim);cursor:pointer;border-radius:6px;font-size:13px;transition:all .2s}.view-toggle button:hover{color:var(--text-main)}.view-toggle button.active{background:var(--bg-card);color:var(--accent-primary);box-shadow:0 1px 3px #0000001a}.gates-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-dim)}.gates-raw{flex:1;overflow:auto;padding:24px}.gates-raw pre{background:var(--code-bg);padding:20px;border-radius:8px;border:1px solid var(--border-dim);font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.6;color:var(--text-main);white-space:pre-wrap}.gates-content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.gate-section{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:12px;padding:20px}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--text-main)}.section-header h3{font-size:15px;font-weight:600}.gate-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.gate-card{background:var(--bg-accent);border:1px solid var(--border-dim);border-radius:8px;padding:14px;display:flex;align-items:center;gap:12px}.gate-icon{color:var(--accent-primary)}.gate-info{display:flex;flex-direction:column}.gate-value{font-size:18px;font-weight:700;color:var(--text-main)}.gate-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.protected-paths,.file-list{margin-top:16px}.protected-paths h4{font-size:12px;color:var(--text-dim);text-transform:uppercase;margin-bottom:10px}.path-list{display:flex;flex-wrap:wrap;gap:8px}.path-tag{background:var(--bg-accent);color:var(--accent-secondary);padding:4px 10px;border-radius:6px;font-family:monospace;font-size:12px;border:1px solid var(--border-dim)}.file-list{display:flex;flex-direction:column;gap:8px}.file-item{display:flex;align-items:center;gap:8px;color:var(--text-dim);font-size:13px;font-family:monospace}.audit-log{display:flex;flex-direction:column;height:100%;background:var(--bg-main)}.audit-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-dim);background:var(--bg-card)}.audit-title{display:flex;align-items:center;gap:12px}.audit-title h2{font-size:18px;font-weight:600;color:var(--text-main)}.log-count{background:var(--accent-glow);color:var(--accent-primary);padding:4px 10px;border-radius:12px;font-size:12px}.audit-actions{display:flex;gap:10px}.btn-secondary,.btn-primary{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s;border:none}.btn-secondary{background:var(--bg-accent);color:var(--text-dim);border:1px solid var(--border-dim)}.btn-secondary:hover{color:var(--text-main);border-color:var(--border-med)}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{opacity:.9}.audit-stats{display:flex;gap:12px;padding:16px 24px;border-bottom:1px solid var(--border-dim);background:var(--bg-card)}.stat-pill{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-accent);border-radius:20px;font-size:13px;color:var(--text-dim);border:1px solid var(--border-dim)}.stat-pill.success{color:var(--status-success)}.stat-pill.error{color:var(--status-error)}.stat-pill.pending{color:var(--status-warning)}.audit-filters{display:flex;gap:12px;padding:12px 24px;border-bottom:1px solid var(--border-dim)}.audit-content{display:grid;grid-template-columns:1fr 1.5fr;flex:1;overflow:hidden}.audit-content .log-list{border-right:1px solid var(--border-dim);overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.log-entry{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:8px;padding:12px;cursor:pointer;transition:all .2s}.log-entry:hover{border-color:var(--border-med);background:var(--bg-accent)}.log-entry.active{border-color:var(--accent-primary);background:var(--accent-glow)}.log-entry.has-report{border-left:3px solid var(--accent-primary)}.log-header{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-dim)}.status-dot.success{background:var(--status-success)}.status-dot.error{background:var(--status-error)}.status-dot.pending{background:var(--status-warning)}.log-tool{font-weight:600;color:var(--text-main);flex:1;font-size:13px}.log-time{display:flex;align-items:center;gap:4px;color:var(--text-dim);font-size:11px}.report-badge{display:flex;align-items:center;gap:4px;background:var(--accent-glow);color:var(--accent-primary);padding:2px 8px;border-radius:12px;font-size:11px}.log-entry .chevron{color:var(--text-dim);opacity:0;transition:opacity .2s}.log-entry:hover .chevron,.log-entry.active .chevron{opacity:1}.log-request-id{font-size:11px;color:var(--text-dim);font-family:monospace;margin-top:6px}.log-detail{background:var(--bg-card);overflow-y:auto}.log-detail-view{height:100%;display:flex;flex-direction:column}.detail-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-dim)}.detail-info{display:flex;align-items:center;gap:12px}.detail-info h3{font-size:16px;font-weight:600;color:var(--text-main)}.status-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;text-transform:capitalize}.status-badge.success{background:#22c55e26;color:var(--status-success)}.status-badge.error{background:#ef444426;color:var(--status-error)}.status-badge.pending{background:#eab30826;color:var(--status-warning)}.close-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:4px}.close-btn:hover{color:var(--text-main)}.detail-meta{display:flex;gap:24px;padding:12px 20px;border-bottom:1px solid var(--border-dim);background:var(--bg-accent)}.meta-item{display:flex;flex-direction:column;gap:2px}.meta-label{font-size:11px;text-transform:uppercase;color:var(--text-dim)}.meta-value{font-size:13px;color:var(--text-main)}.meta-value.mono{font-family:monospace}.detail-tabs{display:flex;padding:0 20px;border-bottom:1px solid var(--border-dim)}.detail-tabs button{padding:12px 16px;background:none;border:none;color:var(--text-dim);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.detail-tabs button:hover{color:var(--text-main)}.detail-tabs button.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.detail-body{flex:1;overflow-y:auto;padding:20px}.code-section,.error-section{margin-bottom:20px}.code-section h4,.error-section h4{font-size:12px;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px}.code-section pre{background:var(--code-bg);padding:16px;border-radius:8px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.6;overflow-x:auto;white-space:pre-wrap;color:var(--text-main)}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--status-error);padding:12px;border-radius:8px;font-size:13px}.diff-viewer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg-card)}.diff-viewer-window{flex:1;display:flex;flex-direction:column;overflow:hidden}.diff-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-sidebar);border-bottom:1px solid var(--border-dim)}.diff-viewer-header .title{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--text-main)}.diff-viewer-header .diff-badge{background:var(--accent-glow);color:var(--accent-primary);padding:2px 8px;border-radius:10px;font-size:11px}.diff-viewer-header .close-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:4px;border-radius:4px}.diff-viewer-header .close-btn:hover{color:var(--text-main);background:var(--bg-accent)}.diff-editor-container{flex:1;min-height:0;background:var(--code-bg)}.semantic-toggle{display:flex;align-items:center;gap:8px;background:var(--bg-accent);border:1px solid var(--border-dim);border-radius:8px;padding:8px 12px;font-size:13px;font-weight:500;color:var(--text-dim);cursor:pointer;transition:all .2s}.semantic-toggle:hover{border-color:var(--border-med);color:var(--text-main)}.semantic-toggle.active{background:var(--accent-glow);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 0 15px var(--accent-glow)}.semantic-toggle svg{color:var(--accent-tertiary)}.semantic-toggle.active svg{animation:rotate-spark 2s infinite ease-in-out}@keyframes rotate-spark{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}.similarity-badge{position:absolute;top:12px;right:12px;font-size:10px;font-weight:700;color:var(--accent-secondary);background:#2dd4bf1a;padding:2px 6px;border-radius:4px;border:1px solid rgba(45,212,191,.2)}.searching-indicator{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--accent-tertiary);margin:12px 0;font-weight:500}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hitl-actions{display:flex;align-items:center;gap:12px}.btn-approve,.btn-reject{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid transparent}.btn-approve{background:#10b9811a;color:#10b981;border-color:#10b98133}.btn-approve:hover{background:#10b98133;box-shadow:0 0 15px #10b98133}.btn-reject{background:#ef44441a;color:#ef4444;border-color:#ef444433}.btn-reject:hover{background:#ef444433;box-shadow:0 0 15px #ef444433}.hitl-actions .divider{width:1px;height:24px;background:var(--border-dim);margin:0 8px}.arbitrated-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;text-transform:uppercase;padding:2px 8px;border-radius:100px;margin-left:8px}.arbitrated-badge.approve{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.arbitrated-badge.reject{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.verification-view{padding:20px;background:var(--bg-surface);border-radius:12px;border:1px solid var(--border-dim)}.checkpoint-viz,.agent-viz{display:flex;flex-direction:column;gap:20px}.viz-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.viz-stat{background:var(--bg-card);padding:16px;border-radius:10px;border:1px solid var(--border-med);display:flex;flex-direction:column;gap:4px}.viz-stat .label{font-size:11px;text-transform:uppercase;color:var(--text-dim);letter-spacing:.5px}.viz-stat .value{font-size:24px;font-weight:700;color:var(--text-vibrant)}.viz-summary h4,.viz-files h4,.scope-box h4{font-size:13px;font-weight:600;color:var(--text-main);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.viz-summary p{font-size:14px;color:var(--text-dim);line-height:1.6}.file-badges,.scope-list{display:flex;flex-wrap:wrap;gap:8px}.file-badge{background:var(--bg-accent);color:var(--accent-secondary);padding:4px 10px;border-radius:6px;font-size:12px;font-family:JetBrains Mono,monospace;border:1px solid var(--border-med)}.agent-viz{align-items:center;text-align:center}.viz-icon{color:var(--accent-primary);margin-bottom:8px}.scope-box{width:100%;text-align:left}.scope-list code{background:#000;color:var(--accent-primary);padding:4px 8px;border-radius:4px;font-size:13px;border:1px solid rgba(6,182,212,.3)}.has-report{border-left:3px solid var(--accent-primary)!important}.has-warnings{border-left:3px solid var(--status-warning)!important}.drift-visualization{display:flex;align-items:center;gap:12px;background:#ffffff08;padding:4px 12px;border-radius:100px;border:1px solid var(--border-dim)}.drift-sparkline{overflow:visible}.drift-label{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--text-dim);letter-spacing:.5px}
|
package/studio-dist/index.html
CHANGED
|
@@ -8,8 +8,8 @@
|
|
|
8
8
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
9
9
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
10
10
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
|
|
11
|
-
<script type="module" crossorigin src="/assets/index-
|
|
12
|
-
<link rel="stylesheet" crossorigin href="/assets/index-
|
|
11
|
+
<script type="module" crossorigin src="/assets/index-BQuSzeiD.js"></script>
|
|
12
|
+
<link rel="stylesheet" crossorigin href="/assets/index-BiNiqx59.css">
|
|
13
13
|
</head>
|
|
14
14
|
<body>
|
|
15
15
|
<div id="root"></div>
|