@rigour-labs/cli 2.11.0 → 2.12.0

package/dist/commands/studio.js

@@ -11,262 +11,282 @@ export const studioCommand = new Command('studio')
     .option('--dev', 'Run in development mode', true)
     .action(async (options) => {
     const cwd = process.cwd();
-    // Calculate the workspace root where the studio package lives
-    // This file is in packages/rigour-cli/src/commands/studio.ts (or dist/commands/studio.js)
-    const workspaceRoot = path.join(path.dirname(new URL(import.meta.url).pathname), '../../../../');
+    const apiPort = parseInt(options.port) + 1;
+    const eventsPath = path.join(cwd, '.rigour/events.jsonl');
+    // Calculate the local dist path (where the pre-built Studio UI lives)
+    const __dirname = path.dirname(new URL(import.meta.url).pathname);
+    const localStudioDist = path.join(__dirname, '../studio-dist');
+    const workspaceRoot = path.join(__dirname, '../../../../');
     console.log(chalk.bold.cyan('\n🛡️ Launching Rigour Studio...'));
     console.log(chalk.gray(`Project Root: ${cwd}`));
+    // Pre-flight check: Is the project initialized?
+    const configPath = path.join(cwd, 'rigour.yml');
+    if (!(await fs.pathExists(configPath))) {
+        console.log(chalk.yellow('\n⚠️ Warning: rigour.yml not found.'));
+        console.log(chalk.dim('The Studio will be empty until you initialize the project.'));
+        console.log(chalk.cyan('Suggest: ') + chalk.bold('npx @rigour-labs/cli init') + '\n');
+    }
     console.log(chalk.gray(`Shadowing interactions in ${path.join(cwd, '.rigour/events.jsonl')}\n`));
-    // For Phase 1, we start the studio in dev mode via pnpm
-    // This ensures the user has a live, hot-reloading governance dashboard
-    try {
-        // Start the Studio dev server in the workspace root
-        const studioProcess = execa('pnpm', ['--filter', '@rigour-labs/studio', 'dev', '--port', options.port], {
-            stdio: 'inherit',
-            shell: true,
-            cwd: workspaceRoot
-        });
-        // Start a small API server for events on port + 1
-        const apiPort = parseInt(options.port) + 1;
-        const eventsPath = path.join(cwd, '.rigour/events.jsonl');
-        const apiServer = http.createServer(async (req, res) => {
-            const url = new URL(req.url || '', `http://${req.headers.host || 'localhost'}`);
-            // Set global CORS headers
-            res.setHeader('Access-Control-Allow-Origin', '*');
-            res.setHeader('Access-Control-Allow-Methods', 'GET, OPTIONS');
-            res.setHeader('Access-Control-Allow-Headers', 'Content-Type');
-            if (req.method === 'OPTIONS') {
-                res.writeHead(204);
-                res.end();
-                return;
+    // Check if we are in a monorepo development environment
+    const isMonorepo = await fs.pathExists(path.join(workspaceRoot, 'packages/rigour-studio'));
+    if (isMonorepo && options.dev) {
+        console.log(chalk.yellow('Monorepo detected: Launching Studio in Development Mode...'));
+        try {
+            // Start the Studio dev server in the workspace root
+            const studioProcess = execa('pnpm', ['--filter', '@rigour-labs/studio', 'dev', '--port', options.port], {
+                stdio: 'inherit',
+                shell: true,
+                cwd: workspaceRoot
+            });
+            await setupApiAndLaunch(apiPort, options.port, eventsPath, cwd, studioProcess);
+            return;
+        }
+        catch (e) {
+            console.log(chalk.dim('Development mode failed, falling back to standalone...'));
+        }
+    }
+    // Standalone Mode: Serve pre-built static files
+    console.log(chalk.green('Launching Studio in Standalone Mode...'));
+    if (!(await fs.pathExists(localStudioDist))) {
+        console.error(chalk.red(`\n❌ Error: Studio UI artifacts not found at ${localStudioDist}`));
+        console.log(chalk.yellow('If you are a developer, run "pnpm build" in the monorepo root first.\n'));
+        process.exit(1);
+    }
+    const staticServer = http.createServer(async (req, res) => {
+        const url = new URL(req.url || '', `http://${req.headers.host || 'localhost'}`);
+        let filePath = path.join(localStudioDist, url.pathname === '/' ? 'index.html' : url.pathname);
+        try {
+            if (!(await fs.pathExists(filePath)) || (await fs.stat(filePath)).isDirectory()) {
+                filePath = path.join(localStudioDist, 'index.html');
             }
-            if (url.pathname === '/api/events') {
-                res.writeHead(200, {
-                    'Content-Type': 'text/event-stream',
-                    'Cache-Control': 'no-cache',
-                    'Connection': 'keep-alive'
-                });
-                // Send existing events first
-                if (await fs.pathExists(eventsPath)) {
-                    const content = await fs.readFile(eventsPath, 'utf8');
-                    const lines = content.split('\n').filter(l => l.trim());
-                    for (const line of lines) {
-                        res.write(`data: ${line}\n\n`);
-                    }
+            const content = await fs.readFile(filePath);
+            const ext = path.extname(filePath);
+            const contentTypes = {
+                '.html': 'text/html',
+                '.js': 'application/javascript',
+                '.css': 'text/css',
+                '.json': 'application/json',
+                '.png': 'image/png',
+                '.jpg': 'image/jpeg',
+                '.svg': 'image/svg+xml',
+                '.ico': 'image/x-icon'
+            };
+            res.writeHead(200, { 'Content-Type': contentTypes[ext] || 'application/octet-stream' });
+            res.end(content);
+        }
+        catch (e) {
+            res.writeHead(404);
+            res.end('Not Found');
+        }
+    });
+    staticServer.listen(options.port, () => {
+        setupApiAndLaunch(apiPort, options.port, eventsPath, cwd);
+    });
+});
+async function setupApiAndLaunch(apiPort, studioPort, eventsPath, cwd, studioProcess) {
+    const apiServer = http.createServer(async (req, res) => {
+        const url = new URL(req.url || '', `http://${req.headers.host || 'localhost'}`);
+        res.setHeader('Access-Control-Allow-Origin', '*');
+        res.setHeader('Access-Control-Allow-Methods', 'GET, OPTIONS, POST');
+        res.setHeader('Access-Control-Allow-Headers', 'Content-Type');
+        if (req.method === 'OPTIONS') {
+            res.writeHead(204);
+            res.end();
+            return;
+        }
+        if (url.pathname === '/api/events') {
+            res.writeHead(200, {
+                'Content-Type': 'text/event-stream',
+                'Cache-Control': 'no-cache',
+                'Connection': 'keep-alive'
+            });
+            if (await fs.pathExists(eventsPath)) {
+                const content = await fs.readFile(eventsPath, 'utf8');
+                const lines = content.split('\n').filter(l => l.trim());
+                for (const line of lines) {
+                    res.write(`data: ${line}\n\n`);
                 }
-                // Watch for new events
-                await fs.ensureDir(path.dirname(eventsPath));
-                const watcher = fs.watch(path.dirname(eventsPath), (eventType, filename) => {
-                    if (filename === 'events.jsonl') {
-                        fs.readFile(eventsPath, 'utf8').then(content => {
-                            const lines = content.split('\n').filter(l => l.trim());
-                            const lastLine = lines[lines.length - 1];
-                            if (lastLine) {
-                                res.write(`data: ${lastLine}\n\n`);
-                            }
-                        }).catch(() => { });
-                    }
-                });
-                req.on('close', () => watcher.close());
             }
-            else if (url.pathname === '/api/file') {
-                const filePath = url.searchParams.get('path');
-                if (!filePath) {
-                    res.writeHead(400);
-                    res.end('Missing path parameter');
-                    return;
-                }
-                const absolutePath = path.resolve(cwd, filePath);
-                if (!absolutePath.startsWith(cwd)) {
-                    res.writeHead(403);
-                    res.end('Forbidden: Path outside project root');
-                    return;
+            await fs.ensureDir(path.dirname(eventsPath));
+            const watcher = fs.watch(path.dirname(eventsPath), (eventType, filename) => {
+                if (filename === 'events.jsonl') {
+                    fs.readFile(eventsPath, 'utf8').then(content => {
+                        const lines = content.split('\n').filter(l => l.trim());
+                        const lastLine = lines[lines.length - 1];
+                        if (lastLine) {
+                            res.write(`data: ${lastLine}\n\n`);
+                        }
+                    }).catch(() => { });
                 }
-                try {
-                    const stats = await fs.stat(absolutePath);
-                    if (!stats.isFile()) {
-                        res.writeHead(400);
-                        res.end('Path is not a file');
-                        return;
+            });
+            req.on('close', () => watcher.close());
+        }
+        else if (url.pathname === '/api/file') {
+            const filePath = url.searchParams.get('path');
+            if (!filePath) {
+                res.writeHead(400);
+                res.end('Missing path');
+                return;
+            }
+            const absolutePath = path.resolve(cwd, filePath);
+            if (!absolutePath.startsWith(cwd)) {
+                res.writeHead(403);
+                res.end('Forbidden');
+                return;
+            }
+            try {
+                const content = await fs.readFile(absolutePath, 'utf8');
+                res.writeHead(200, { 'Content-Type': 'text/plain' });
+                res.end(content);
+            }
+            catch {
+                res.writeHead(404);
+                res.end('Not found');
+            }
+        }
+        else if (url.pathname === '/api/tree') {
+            try {
+                const getTree = async (dir) => {
+                    const entries = await fs.readdir(dir, { withFileTypes: true });
+                    let files = [];
+                    const exclude = ['node_modules', '.git', '.rigour', '.venv', 'dist', 'build'];
+                    for (const entry of entries) {
+                        if (exclude.includes(entry.name) || entry.name.startsWith('.'))
+                            continue;
+                        const fullPath = path.join(dir, entry.name);
+                        if (entry.isDirectory()) {
+                            files = [...files, ...(await getTree(fullPath))];
+                        }
+                        else {
+                            files.push(path.relative(cwd, fullPath));
+                        }
                     }
-                    const content = await fs.readFile(absolutePath, 'utf8');
+                    return files;
+                };
+                res.writeHead(200, { 'Content-Type': 'application/json' });
+                res.end(JSON.stringify(await getTree(cwd)));
+            }
+            catch (e) {
+                res.writeHead(500);
+                res.end(e.message);
+            }
+        }
+        else if (url.pathname === '/api/config') {
+            try {
+                const configPath = path.join(cwd, 'rigour.yml');
+                if (await fs.pathExists(configPath)) {
                     res.writeHead(200, { 'Content-Type': 'text/plain' });
-                    res.end(content);
+                    res.end(await fs.readFile(configPath, 'utf8'));
                 }
-                catch (e) {
+                else {
                     res.writeHead(404);
-                    res.end(`File not found: ${e.message}`);
+                    res.end('Not found');
                 }
             }
-            else if (url.pathname === '/api/tree') {
-                try {
-                    const getTree = async (dir) => {
-                        const entries = await fs.readdir(dir, { withFileTypes: true });
-                        let files = [];
-                        const exclude = [
-                            'node_modules', '.git', '.rigour', '.github', '.vscode', '.cursor',
-                            'venv', '.venv', 'dist', 'build', 'out', 'target', '__pycache__'
-                        ];
-                        for (const entry of entries) {
-                            if (exclude.includes(entry.name) || entry.name.startsWith('.')) {
-                                if (entry.name !== '.cursorrules' && entry.name !== '.cursor') {
-                                    continue;
-                                }
-                            }
-                            const fullPath = path.join(dir, entry.name);
-                            if (entry.isDirectory()) {
-                                files = [...files, ...(await getTree(fullPath))];
-                            }
-                            else {
-                                files.push(path.relative(cwd, fullPath));
-                            }
-                        }
-                        return files;
-                    };
-                    const tree = await getTree(cwd);
+            catch (e) {
+                res.writeHead(500);
+                res.end(e.message);
+            }
+        }
+        else if (url.pathname === '/api/memory') {
+            try {
+                const memoryPath = path.join(cwd, '.rigour/memory.json');
+                if (await fs.pathExists(memoryPath)) {
                     res.writeHead(200, { 'Content-Type': 'application/json' });
-                    res.end(JSON.stringify(tree));
+                    res.end(await fs.readFile(memoryPath, 'utf8'));
                 }
-                catch (e) {
-                    res.writeHead(500);
-                    res.end(e.message);
+                else {
+                    res.end(JSON.stringify({}));
                 }
             }
-            else if (url.pathname === '/api/config') {
-                try {
-                    const configPath = path.join(cwd, 'rigour.yml');
-                    if (await fs.pathExists(configPath)) {
-                        const content = await fs.readFile(configPath, 'utf8');
-                        res.writeHead(200, { 'Content-Type': 'text/plain' });
-                        res.end(content);
-                    }
-                    else {
-                        res.writeHead(404);
-                        res.end('rigour.yml not found');
-                    }
-                }
-                catch (e) {
-                    res.writeHead(500);
-                    res.end(e.message);
-                }
+            catch (e) {
+                res.writeHead(500);
+                res.end(e.message);
             }
-            else if (url.pathname === '/api/memory') {
-                try {
-                    const memoryPath = path.join(cwd, '.rigour/memory.json');
-                    if (await fs.pathExists(memoryPath)) {
-                        const content = await fs.readFile(memoryPath, 'utf8');
-                        res.writeHead(200, { 'Content-Type': 'application/json' });
-                        res.end(content);
-                    }
-                    else {
-                        res.end(JSON.stringify({}));
-                    }
+        }
+        else if (url.pathname === '/api/index-stats') {
+            try {
+                const indexPath = path.join(cwd, '.rigour/patterns.json');
+                if (await fs.pathExists(indexPath)) {
+                    res.writeHead(200, { 'Content-Type': 'application/json' });
+                    res.end(JSON.stringify(await fs.readJson(indexPath)));
                 }
-                catch (e) {
-                    res.writeHead(500);
-                    res.end(e.message);
+                else {
+                    res.end(JSON.stringify({ patterns: [], stats: { totalPatterns: 0, totalFiles: 0, byType: {} } }));
                 }
             }
-            else if (url.pathname === '/api/index-stats') {
-                try {
-                    const indexPath = path.join(cwd, '.rigour/patterns.json'); // Corrected path
-                    if (await fs.pathExists(indexPath)) {
-                        const content = await fs.readJson(indexPath);
-                        res.writeHead(200, { 'Content-Type': 'application/json' });
-                        res.end(JSON.stringify(content));
-                    }
-                    else {
-                        res.end(JSON.stringify({ patterns: [], stats: { totalPatterns: 0, totalFiles: 0, byType: {} } }));
-                    }
-                }
-                catch (e) {
-                    res.writeHead(500);
-                    res.end(e.message);
-                }
+            catch (e) {
+                res.writeHead(500);
+                res.end(e.message);
             }
-            else if (url.pathname === '/api/index-search') {
-                const query = url.searchParams.get('q');
-                if (!query) {
-                    res.writeHead(400);
-                    res.end('Missing query parameter');
-                    return;
-                }
+        }
+        else if (url.pathname === '/api/index-search') {
+            const query = url.searchParams.get('q');
+            if (!query) {
+                res.writeHead(400);
+                res.end('Missing query');
+                return;
+            }
+            try {
+                const { generateEmbedding, semanticSearch } = await import('@rigour-labs/core/pattern-index');
+                const indexPath = path.join(cwd, '.rigour/patterns.json');
+                const indexData = await fs.readJson(indexPath);
+                const queryVector = await generateEmbedding(query);
+                const similarities = semanticSearch(queryVector, indexData.patterns);
+                const results = indexData.patterns.map((p, i) => ({ ...p, similarity: similarities[i] }))
+                    .filter((p) => p.similarity > 0.3)
+                    .sort((a, b) => b.similarity - a.similarity)
+                    .slice(0, 20);
+                res.writeHead(200, { 'Content-Type': 'application/json' });
+                res.end(JSON.stringify(results));
+            }
+            catch (e) {
+                res.writeHead(500);
+                res.end(e.message);
+            }
+        }
+        else if (url.pathname === '/api/arbitrate' && req.method === 'POST') {
+            let body = '';
+            req.on('data', chunk => body += chunk);
+            req.on('end', async () => {
                 try {
-                    const { generateEmbedding, semanticSearch } = await import('@rigour-labs/core/pattern-index');
-                    const indexPath = path.join(cwd, '.rigour/patterns.json');
-                    if (!(await fs.pathExists(indexPath))) {
-                        res.writeHead(404);
-                        res.end('Index not found');
-                        return;
-                    }
-                    const indexData = await fs.readJson(indexPath);
-                    const queryVector = await generateEmbedding(query);
-                    const similarities = semanticSearch(queryVector, indexData.patterns);
-                    // Attach similarity to patterns and sort
-                    const results = indexData.patterns.map((p, i) => ({
-                        ...p,
-                        similarity: similarities[i]
-                    }))
-                        .filter((p) => p.similarity > 0.3) // Threshold
-                        .sort((a, b) => b.similarity - a.similarity)
-                        .slice(0, 20);
-                    res.writeHead(200, { 'Content-Type': 'application/json' });
-                    res.end(JSON.stringify(results));
+                    const decision = JSON.parse(body);
+                    const logEntry = JSON.stringify({
+                        id: randomUUID(),
+                        timestamp: new Date().toISOString(),
+                        tool: 'human_arbitration',
+                        requestId: decision.requestId,
+                        decision: decision.decision,
+                        status: decision.decision === 'approve' ? 'success' : 'error',
+                        arbitrated: true
+                    }) + "\n";
+                    await fs.appendFile(eventsPath, logEntry);
+                    res.writeHead(200);
+                    res.end(JSON.stringify({ success: true }));
                 }
                 catch (e) {
                     res.writeHead(500);
                     res.end(e.message);
                 }
-            }
-            else if (url.pathname === '/api/arbitrate' && req.method === 'POST') {
-                let body = '';
-                req.on('data', chunk => body += chunk);
-                req.on('end', async () => {
-                    try {
-                        const decision = JSON.parse(body);
-                        const logEntry = JSON.stringify({
-                            id: randomUUID(),
-                            timestamp: new Date().toISOString(),
-                            tool: 'human_arbitration',
-                            requestId: decision.requestId,
-                            decision: decision.decision,
-                            status: decision.decision === 'approve' ? 'success' : 'error',
-                            arbitrated: true
-                        }) + "\n";
-                        await fs.appendFile(eventsPath, logEntry);
-                        res.writeHead(200);
-                        res.end(JSON.stringify({ success: true }));
-                    }
-                    catch (e) {
-                        res.writeHead(500);
-                        res.end(e.message);
-                    }
-                });
-                return;
-            }
-            else {
-                res.writeHead(404);
-                res.end();
-            }
-        });
-        apiServer.listen(apiPort, () => {
-            console.log(chalk.gray(`API Streamer active on port ${apiPort}`));
-        });
-        // Open browser
-        setTimeout(async () => {
-            const url = `http://localhost:${options.port}`;
-            console.log(chalk.green(`\n✅ Rigour Studio is live at ${chalk.bold(url)}`));
-            try {
-                await execa('open', [url]);
-            }
-            catch {
-            }
-        }, 2000);
+            });
+        }
+        else {
+            res.writeHead(404);
+            res.end();
+        }
+    });
+    apiServer.listen(apiPort, () => {
+        console.log(chalk.gray(`API Streamer active on port ${apiPort}`));
+    });
+    setTimeout(async () => {
+        const url = `http://localhost:${studioPort}`;
+        console.log(chalk.green(`\n✅ Rigour Studio is live at ${chalk.bold(url)}`));
+        try {
+            await execa('open', [url]);
+        }
+        catch { }
+    }, 1500);
+    if (studioProcess) {
         await studioProcess;
     }
-    catch (error) {
-        console.error(chalk.red(`\n❌ Failed to launch Rigour Studio: ${error.message}`));
-        console.log(chalk.yellow('Make sure to run "pnpm install" in the root directory.\n'));
-        process.exit(1);
-    }
-});
+}

package/package.json

@@ -1,10 +1,15 @@
 {
   "name": "@rigour-labs/cli",
-  "version": "2.11.0",
+  "version": "2.12.0",
   "type": "module",
   "bin": {
     "rigour": "dist/cli.js"
   },
+  "files": [
+    "dist",
+    "studio-dist",
+    "templates"
+  ],
   "repository": {
     "type": "git",
     "url": "https://github.com/rigour-labs/rigour"
@@ -23,7 +28,7 @@
     "inquirer": "9.2.16",
     "ora": "^8.0.1",
     "yaml": "^2.8.2",
-    "@rigour-labs/core": "2.11.0"
+    "@rigour-labs/core": "2.12.0"
   },
   "devDependencies": {
     "@types/fs-extra": "^11.0.4",
@@ -31,7 +36,8 @@
     "@types/node": "^25.0.3"
   },
   "scripts": {
-    "build": "tsc",
+    "build": "tsc && pnpm bundle-studio",
+    "bundle-studio": "node scripts/bundle-studio.js",
     "test": "vitest run"
   }
 }

package/studio-dist/assets/index-CSj2lLc7.css

@@ -0,0 +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}.connection-status{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-dim);background:var(--bg-accent);padding:4px 12px;border-radius:6px;font-family:JetBrains Mono,monospace}.status-indicator{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--status-ready)}.pulse-emitter{width:8px;height:8px;background-color:var(--status-ready);border-radius:50%;position:relative}.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}.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:#000c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000}.governance-window{width:90vw;height:85vh;background:var(--bg-card);border:1px solid var(--border-med);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 32px 64px #0009}.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}.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)}.diff-view-area{flex:1;background:var(--code-bg);position:relative}.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;gap:8px;color:var(--text-dim);font-size:13px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-dim)}.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}.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)}