@game_ryo/lsji 0.3.0 → 1.1.0

package/src/execution/idempotency.js

@@ -7,6 +7,7 @@
 
 import { createStorage } from '../index.js';
 import { v4 as uuidv4 } from 'uuid';
+import { createHash } from 'crypto';
 
 /**
  * Idempotency record
@@ -80,16 +81,39 @@ export class IdempotencyStore {
 
   /**
    * Create hash of request for deduplication
+   * BUG FIX: Use native Web Crypto API instead of require('crypto')
    */
   hashRequest(request) {
-    const crypto = require('crypto');
-    return crypto.createHash('sha256').update(JSON.stringify(request)).digest('hex');
+    const data = JSON.stringify(request);
+    const hashBuffer = createHash('sha256').update(data).digest();
+    return Buffer.from(hashBuffer).toString('hex');
+  }
+
+  /**
+   * Transform database row or memory record to standard format
+   */
+  _transformRecord(record) {
+    return {
+      key: record.key,
+      operation: record.operation,
+      requestHash: record.request_hash || record.requestHash,
+      request: (record.request_data || record.requestData) ? JSON.parse(record.request_data || record.requestData) : null,
+      response: (record.response_data || record.responseData) ? JSON.parse(record.response_data || record.responseData) : null,
+      status: record.status,
+      createdAt: record.created_at || record.createdAt,
+      completedAt: record.completed_at || record.completedAt,
+      expiresAt: record.expires_at || record.expiresAt,
+    };
   }
 
   /**
    * Check if key exists and return cached response
+   * BUG FIX: Added request parameter to verify hash matches
+   * @param {string} key - Idempotency key
+   * @param {Object} [request] - Optional request to verify hash against stored hash
+   * @returns {Promise<Object|null>} Cached record or null
    */
-  async check(key) {
+  async check(key, request = null) {
     await this.initialize();
     
     if (this.isSqlStorage()) {
@@ -99,24 +123,30 @@ export class IdempotencyStore {
       );
       
       if (row) {
-        return {
-          key: row.key,
-          operation: row.operation,
-          requestHash: row.request_hash,
-          request: row.request_data ? JSON.parse(row.request_data) : null,
-          response: row.response_data ? JSON.parse(row.response_data) : null,
-          status: row.status,
-          createdAt: row.created_at,
-          completedAt: row.completed_at,
-          expiresAt: row.expires_at,
-        };
+        // BUG FIX: Verify request hash matches if request provided
+        if (request !== null) {
+          const currentHash = this.hashRequest(request);
+          if (row.request_hash !== currentHash) {
+            // Hash mismatch - different request with same key, treat as new
+            return null;
+          }
+        }
+        
+        return this._transformRecord(row);
       }
     } else {
       // Memory fallback
       if (!this.memoryKeys) this.memoryKeys = new Map();
       const record = this.memoryKeys.get(key);
       if (record && new Date(record.expiresAt) > new Date()) {
-        return record;
+        // BUG FIX: Verify request hash matches if request provided
+        if (request !== null) {
+          const currentHash = this.hashRequest(request);
+          if (record.requestHash !== currentHash) {
+            return null;
+          }
+        }
+        return this._transformRecord(record);
       }
     }
     
@@ -211,10 +241,11 @@ export class IdempotencyStore {
 
   /**
    * Execute operation with idempotency
+   * BUG FIX: Pass request to check() for hash verification
    */
   async execute(key, operation, request, executor) {
-    // Check for existing
-    const existing = await this.check(key);
+    // Check for existing - BUG FIX: Pass request for hash verification
+    const existing = await this.check(key, request);
     if (existing) {
       if (existing.status === 'completed') {
         return { ...existing.response, idempotent: true };
@@ -281,17 +312,7 @@ export class IdempotencyStore {
         'SELECT * FROM idempotency_keys WHERE operation = ? ORDER BY created_at DESC LIMIT ?',
         [operation, limit]
       );
-      return rows.map(r => ({
-        key: r.key,
-        operation: r.operation,
-        requestHash: r.request_hash,
-        request: r.request_data ? JSON.parse(r.request_data) : null,
-        response: r.response_data ? JSON.parse(r.response_data) : null,
-        status: r.status,
-        createdAt: r.created_at,
-        completedAt: r.completed_at,
-        expiresAt: r.expires_at,
-      }));
+      return rows.map(r => this._transformRecord(r));
     }
     
     return [];

package/src/index.js

@@ -64,6 +64,7 @@ export {
   createProvider,
   OpenAIProvider,
   AnthropicProvider,
+  GeminiProvider,
   LocalProvider,
   ToolRegistry,
   createToolRegistry,

package/src/llm/index.js

@@ -3,7 +3,7 @@
  * 
  * Exports all LLM agent components:
  * - LLMAgent: Main agent class
- * - Providers: OpenAI, Anthropic, Local
+ * - Providers: OpenAI, Anthropic, Gemini, Local
  * - Tools: Registry and built-in tools
  * - Memory: Conversation, Semantic, Episodic
  * - PromptManager: Template management
@@ -13,6 +13,7 @@ export { LLMAgent, createLLMAgent } from './llm-agent.js';
 export { LLMProvider, createProvider } from './providers/base.js';
 export { OpenAIProvider } from './providers/openai.js';
 export { AnthropicProvider } from './providers/anthropic.js';
+export { GeminiProvider } from './providers/gemini.js';
 export { LocalProvider } from './providers/local.js';
 export { ToolRegistry, createToolRegistry } from './tools/registry.js';
 export { ConversationMemory, createConversationMemory } from './memory/conversation.js';

package/src/llm/providers/base.js

@@ -105,6 +105,10 @@ export async function createProvider(config) {
       const { AnthropicProvider } = await import('./anthropic.js');
       return new AnthropicProvider(options);
     }
+    case 'gemini': {
+      const { GeminiProvider } = await import('./gemini.js');
+      return new GeminiProvider(options);
+    }
     case 'local':
     case 'ollama': {
       const { LocalProvider } = await import('./local.js');

package/src/llm/providers/gemini.js

@@ -0,0 +1,323 @@
+/**
+ * Google Gemini Provider
+ * 
+ * Implements LLMProvider interface for Google's Gemini API.
+ * Supports function calling, streaming, and token counting.
+ */
+
+import { LLMProvider } from './base.js';
+
+const DEFAULT_BASE_URL = 'https://generativelanguage.googleapis.com/v1beta';
+
+/**
+ * Gemini Provider
+ */
+export class GeminiProvider extends LLMProvider {
+  constructor(config = {}) {
+    super(config);
+    this.baseUrl = config.baseUrl || DEFAULT_BASE_URL;
+    this.apiVersion = config.apiVersion || 'v1beta';
+  }
+
+  /**
+   * Generate completion from Gemini
+   */
+  async generate(messages, options = {}) {
+    const { temperature = 0.7, maxTokens = 4096, tools, toolChoice = 'auto' } = options;
+
+    // Convert messages to Gemini format
+    const contents = this.convertMessages(messages);
+    const systemInstruction = this.extractSystemInstruction(messages);
+
+    const requestBody = {
+      contents,
+      generationConfig: {
+        temperature,
+        maxOutputTokens: maxTokens,
+        topP: 0.95,
+        topK: 40,
+      },
+    };
+
+    // Add system instruction if present
+    if (systemInstruction) {
+      requestBody.systemInstruction = { parts: [{ text: systemInstruction }] };
+    }
+
+    // Add tools if provided
+    if (tools && tools.length > 0) {
+      requestBody.tools = [{ functionDeclarations: this.convertTools(tools) }];
+      requestBody.toolConfig = { functionCallingConfig: { mode: this.convertToolChoice(toolChoice) } };
+    }
+
+    const url = `${this.baseUrl}/models/${this.model}:generateContent?key=${this.apiKey}`;
+
+    const response = await fetch(url, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(requestBody),
+    });
+
+    if (!response.ok) {
+      const error = await response.json().catch(() => ({}));
+      throw new Error(`Gemini API error: ${response.status} - ${error.error?.message || response.statusText}`);
+    }
+
+    const data = await response.json();
+    return this.parseResponse(data);
+  }
+
+  /**
+   * Generate streaming completion
+   */
+  async *generateStream(messages, options = {}) {
+    const { temperature = 0.7, maxTokens = 4096, tools, toolChoice = 'auto' } = options;
+
+    const contents = this.convertMessages(messages);
+    const systemInstruction = this.extractSystemInstruction(messages);
+
+    const requestBody = {
+      contents,
+      generationConfig: {
+        temperature,
+        maxOutputTokens: maxTokens,
+        topP: 0.95,
+        topK: 40,
+      },
+    };
+
+    if (systemInstruction) {
+      requestBody.systemInstruction = { parts: [{ text: systemInstruction }] };
+    }
+
+    if (tools && tools.length > 0) {
+      requestBody.tools = [{ functionDeclarations: this.convertTools(tools) }];
+      requestBody.toolConfig = { functionCallingConfig: { mode: this.convertToolChoice(toolChoice) } };
+    }
+
+    const url = `${this.baseUrl}/models/${this.model}:streamGenerateContent?key=${this.apiKey}`;
+
+    const response = await fetch(url, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(requestBody),
+    });
+
+    if (!response.ok) {
+      const error = await response.json().catch(() => ({}));
+      throw new Error(`Gemini API error: ${response.status} - ${error.error?.message || response.statusText}`);
+    }
+
+    const reader = response.body.getReader();
+    const decoder = new TextDecoder();
+    let buffer = '';
+
+    while (true) {
+      const { done, value } = await reader.read();
+      if (done) break;
+
+      buffer += decoder.decode(value, { stream: true });
+      const lines = buffer.split('\n');
+      buffer = lines.pop() || '';
+
+      for (const line of lines) {
+        if (line.startsWith('data: ')) {
+          const jsonStr = line.slice(6);
+          if (jsonStr === '[DONE]') return;
+          try {
+            const chunk = JSON.parse(jsonStr);
+            const parsed = this.parseStreamChunk(chunk);
+            if (parsed) yield parsed;
+          } catch {
+            // Ignore parse errors for partial chunks
+          }
+        }
+      }
+    }
+  }
+
+  /**
+   * Convert messages to Gemini format
+   */
+  convertMessages(messages) {
+    return messages
+      .filter(m => m.role !== 'system')
+      .map(m => ({
+        role: m.role === 'assistant' ? 'model' : 'user',
+        parts: [{ text: m.content || '' }],
+      }));
+  }
+
+  /**
+   * Extract system instruction from messages
+   */
+  extractSystemInstruction(messages) {
+    const systemMsg = messages.find(m => m.role === 'system');
+    return systemMsg?.content || null;
+  }
+
+  /**
+   * Convert OpenAI-style tools to Gemini function declarations
+   */
+  convertTools(tools) {
+    return tools
+      .filter(t => t.type === 'function')
+      .map(t => ({
+        name: t.function.name,
+        description: t.function.description,
+        parameters: t.function.parameters,
+      }));
+  }
+
+  /**
+   * Convert tool choice to Gemini mode
+   */
+  convertToolChoice(choice) {
+    switch (choice) {
+      case 'none': return 'NONE';
+      case 'required': return 'ANY';
+      case 'auto':
+      default: return 'AUTO';
+    }
+  }
+
+  /**
+   * Parse full response
+   */
+  parseResponse(data) {
+    const candidate = data.candidates?.[0];
+    if (!candidate) {
+      throw new Error('No candidate in Gemini response');
+    }
+
+    const content = candidate.content?.parts?.[0]?.text || '';
+    const toolCalls = this.extractToolCalls(candidate);
+    const usage = data.usageMetadata ? {
+      promptTokens: data.usageMetadata.promptTokenCount || 0,
+      completionTokens: data.usageMetadata.candidatesTokenCount || 0,
+      totalTokens: data.usageMetadata.totalTokenCount || 0,
+    } : null;
+
+    return {
+      content,
+      toolCalls,
+      usage,
+      model: this.model,
+      provider: 'gemini',
+    };
+  }
+
+  /**
+   * Parse streaming chunk
+   */
+  parseStreamChunk(data) {
+    const candidate = data.candidates?.[0];
+    if (!candidate) return null;
+
+    const delta = candidate.content?.parts?.[0]?.text || '';
+    const toolCalls = this.extractToolCalls(candidate);
+
+    return {
+      content: delta,
+      toolCalls: toolCalls.length > 0 ? toolCalls : undefined,
+      usage: data.usageMetadata ? {
+        promptTokens: data.usageMetadata.promptTokenCount || 0,
+        completionTokens: data.usageMetadata.candidatesTokenCount || 0,
+        totalTokens: data.usageMetadata.totalTokenCount || 0,
+      } : undefined,
+    };
+  }
+
+  /**
+   * Extract tool calls from candidate
+   */
+  extractToolCalls(candidate) {
+    const functionCalls = candidate.content?.parts
+      ?.filter(p => p.functionCall)
+      .map(p => p.functionCall) || [];
+
+    return functionCalls.map((fc, i) => ({
+      id: `call_${Date.now()}_${i}`,
+      type: 'function',
+      function: {
+        name: fc.name,
+        arguments: JSON.stringify(fc.args || {}),
+      },
+    }));
+  }
+
+  /**
+   * Calculate estimated cost
+   */
+  calculateCost(usage) {
+    if (!usage) return 0;
+
+    // Approximate pricing (as of 2024) - update as needed
+    const pricing = {
+      'gemini-1.5-flash': { input: 0.075, output: 0.30 }, // per 1M tokens
+      'gemini-1.5-pro': { input: 3.50, output: 10.50 },
+      'gemini-2.0-flash': { input: 0.075, output: 0.30 },
+      'gemini-2.0-flash-lite': { input: 0.0375, output: 0.15 },
+    };
+
+    const modelPricing = pricing[this.model] || pricing['gemini-1.5-flash'];
+    const inputCost = (usage.promptTokens / 1_000_000) * modelPricing.input;
+    const outputCost = (usage.completionTokens / 1_000_000) * modelPricing.output;
+
+    return inputCost + outputCost;
+  }
+
+  /**
+   * Validate configuration
+   */
+  async validate() {
+    if (!this.apiKey) {
+      return { valid: false, error: 'Gemini API key is required' };
+    }
+
+    // Quick validation call
+    try {
+      const url = `${this.baseUrl}/models/${this.model}:generateContent?key=${this.apiKey}`;
+      const response = await fetch(url, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          contents: [{ role: 'user', parts: [{ text: 'test' }] }],
+          generationConfig: { maxOutputTokens: 1 },
+        }),
+      });
+
+      if (!response.ok) {
+        const error = await response.json().catch(() => ({}));
+        return { valid: false, error: `Gemini validation failed: ${error.error?.message || response.statusText}` };
+      }
+
+      return { valid: true };
+    } catch (error) {
+      return { valid: false, error: `Gemini validation failed: ${error.message}` };
+    }
+  }
+
+  /**
+   * Check if provider supports function calling
+   */
+  supportsTools() {
+    return true;
+  }
+
+  /**
+   * Check if provider supports streaming
+   */
+  supportsStreaming() {
+    return true;
+  }
+
+  /**
+   * More accurate token estimation for Gemini
+   */
+  estimateTokens(messages) {
+    const text = messages.map(m => m.content || '').join(' ');
+    // Gemini uses similar tokenization to other models
+    return Math.ceil(text.length / 4);
+  }
+}

package/src/llm/tools/registry.js

@@ -134,8 +134,11 @@ export class ToolRegistry {
     
     // Execute with idempotency if enabled
     if (tool.idempotent && this.idempotencyStore) {
-      const key = `${name}_${uuidv4()}`;
-      return this.idempotencyStore.execute(key, name, params, () => tool.execute(params, context));
+      // BUG FIX: Use full request object (including tool name) for idempotency key
+      const requestForIdem = { name, params };
+      const requestHash = this.idempotencyStore.hashRequest(requestForIdem);
+      const key = `${name}_${requestHash}`;
+      return this.idempotencyStore.execute(key, name, requestForIdem, () => tool.execute(params, context));
     }
     
     return tool.execute(params, context);

package/src/server/index.js

@@ -17,7 +17,7 @@ import { createBudgetController } from '../execution/budget/index.js';
 import { createLLMAgent } from '../llm/llm-agent.js';
 import { createStorage } from '../storage/index.js';
 import { createToolRegistry } from '../llm/tools/registry.js';
-import { loadPlugins } from '../llm/plugins/index.js';
+import { loadPlugins, globalPluginRegistry } from '../llm/plugins/index.js';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
@@ -81,6 +81,7 @@ export function createApp(config = {}) {
       task: run.task,
       steps: run.steps,
       budget: run.budget,
+      thoughts: run.thoughts || [],
       currentThought: run.currentThought,
     });
   });
@@ -155,6 +156,7 @@ export function createApp(config = {}) {
         startTime: Date.now(),
         task,
         steps: [],
+        thoughts: [],
         budget: budgetCtrl.getStatus(runId),
         currentThought: null,
         execution,
@@ -203,7 +205,7 @@ export function createApp(config = {}) {
       }
 
       // Broadcast to all clients
-      io.emit('approval:updated', { approvalId, status: result.status, runId: getRunIdForApproval(approvalId) });
+      io.emit('approval:updated', { approvalId, status: result.status });
 
       res.json(result);
     } catch (error) {
@@ -229,17 +231,21 @@ export function createApp(config = {}) {
   // API: Budget status
   app.get('/api/budget/:budgetId?', (req, res) => {
     const budgetId = req.params.budgetId || 'default';
-    // Find run with this budget
     for (const [runId, run] of activeRuns) {
       if (run.budgetCtrl) {
         return res.json(run.budgetCtrl.getStatus(budgetId));
       }
     }
-    // Fallback to global
     const budgetCtrl = createBudgetController({});
     res.json(budgetCtrl.getStatus(budgetId));
   });
 
+  // API: Plugins
+  app.get('/api/plugins', (req, res) => {
+    const plugins = globalPluginRegistry.listPlugins();
+    res.json({ plugins });
+  });
+
   // API: Stop a run
   app.post('/api/runs/:runId/stop', async (req, res) => {
     const runId = req.params.runId;
@@ -274,17 +280,26 @@ export function createApp(config = {}) {
     connectedClients.add(socket.id);
     console.log(`Client connected: ${socket.id} (total: ${connectedClients.size})`);
 
-    // Send current state
-    socket.emit('init', {
-      runs: Array.from(activeRuns.entries()).map(([runId, data]) => ({
-        runId,
-        workflowId: data.workflowId,
-        status: data.status,
-        startTime: data.startTime,
-        task: data.task?.slice(0, 100),
-      })),
-      approvals: await getAllPendingApprovals(),
-    });
+    // Send current state - use Promise.all for async operations
+    Promise.all(
+      Array.from(activeRuns.entries()).map(async ([runId, run]) => {
+        const approvals = await run.hitl.getPendingApprovals(50);
+        return approvals.map(a => ({ ...a, runId }));
+      })
+    ).then(allApprovalsArrays => {
+      const currentApprovals = allApprovalsArrays.flat();
+      
+      socket.emit('init', {
+        runs: Array.from(activeRuns.entries()).map(([runId, data]) => ({
+          runId,
+          workflowId: data.workflowId,
+          status: data.status,
+          startTime: data.startTime,
+          task: data.task?.slice(0, 100),
+        })),
+        approvals: currentApprovals,
+      });
+    }).catch(console.error);
 
     // Subscribe to run updates
     socket.on('subscribe:run', (runId) => {
@@ -306,23 +321,6 @@ export function createApp(config = {}) {
     io.emit(event, data);
   }
 
-  // Helper to find runId for approval
-  function getRunIdForApproval(approvalId) {
-    for (const [runId, run] of activeRuns) {
-      // This is async but we need sync here - in practice would cache
-    }
-    return null;
-  }
-
-  async function getAllPendingApprovals() {
-    const all = [];
-    for (const [runId, run] of activeRuns) {
-      const approvals = await run.hitl.getPendingApprovals(50);
-      all.push(...approvals.map(a => ({ ...a, runId })));
-    }
-    return all;
-  }
-
   return { app, httpServer, io, broadcast, activeRuns };
 }
 
@@ -334,12 +332,15 @@ async function runAgent(runId, task, hitlGate, budgetCtrl, workflowId, io) {
   if (!run) return;
 
   try {
-    // Override agent's run method to emit thought logs
-    const originalRun = run.agent.run.bind(run.agent);
-    
-    // We'll monkey-patch to emit thought events
-    let step = 0;
-    
+    // Add initial thought
+    run.thoughts.push({
+      id: `thought_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`,
+      type: 'thought',
+      content: `Starting task: ${task.slice(0, 200)}`,
+      timestamp: new Date().toISOString(),
+    });
+    io.to(`run:${runId}`).emit('thought:new', run.thoughts[run.thoughts.length - 1]);
+
     const result = await run.agent.run(task, {
       runId,
       budgetId: runId,
@@ -351,12 +352,30 @@ async function runAgent(runId, task, hitlGate, budgetCtrl, workflowId, io) {
     run.steps = result.steps;
     run.budget = run.budgetCtrl.getStatus(runId);
     
+    // Add completion thought
+    run.thoughts.push({
+      id: `thought_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`,
+      type: result.success ? 'observation' : 'error',
+      content: result.success ? `Task completed successfully` : `Task failed: ${result.error || 'Unknown error'}`,
+      timestamp: new Date().toISOString(),
+    });
+    io.to(`run:${runId}`).emit('thought:new', run.thoughts[run.thoughts.length - 1]);
+    
     io.to(`run:${runId}`).emit('run:completed', { runId, result });
     broadcast('run:updated', { runId, status: run.status, result });
     
   } catch (error) {
     run.status = 'error';
     run.error = error.message;
+    
+    run.thoughts.push({
+      id: `thought_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`,
+      type: 'error',
+      content: `Error: ${error.message}`,
+      timestamp: new Date().toISOString(),
+    });
+    io.to(`run:${runId}`).emit('thought:new', run.thoughts[run.thoughts.length - 1]);
+    
     io.to(`run:${runId}`).emit('run:error', { runId, error: error.message });
     broadcast('run:updated', { runId, status: 'error', error: error.message });
   }

package/src/server/ui/dist/assets/main-DNMVBaZA.css

@@ -0,0 +1 @@
+:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--border: #30363d;--text-primary: #e6edf3;--text-secondary: #8b949e;--accent: #58a6ff;--accent-hover: #79c0ff;--success: #3fb950;--warning: #d29922;--danger: #f85149;--purple: #a371f7}*{box-sizing:border-box}body{margin:0;background:var(--bg-primary);color:var(--text-primary);font-size:14px;line-height:1.5}#root{min-height:100vh;display:flex;flex-direction:column}.app{display:flex;flex-direction:column;min-height:100vh}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:16px}.logo{font-size:18px;font-weight:600;color:var(--accent)}.version{font-size:12px;color:var(--text-secondary);background:var(--bg-tertiary);padding:2px 8px;border-radius:4px}.header-right{display:flex;align-items:center;gap:16px}.connection-status{display:flex;align-items:center;gap:8px;font-size:12px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--success)}.status-dot.disconnected{background:var(--danger)}.main{display:flex;flex:1;overflow:hidden}.sidebar{width:280px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.sidebar-section{padding:16px;border-bottom:1px solid var(--border)}.sidebar-title{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:12px;font-weight:600}.run-list{display:flex;flex-direction:column;gap:8px}.run-item{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;padding:12px;cursor:pointer;transition:all .15s}.run-item:hover{border-color:var(--accent)}.run-item.active{border-color:var(--accent);background:#58a6ff1a}.run-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.run-id{font-family:monospace;font-size:12px;color:var(--accent)}.run-status{font-size:11px;padding:2px 8px;border-radius:12px;font-weight:500}.run-status.running{background:#58a6ff33;color:var(--accent)}.run-status.completed{background:#3fb95033;color:var(--success)}.run-status.failed{background:#f8514933;color:var(--danger)}.run-status.stopped{background:#d2992233;color:var(--warning)}.run-task{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.run-meta{font-size:11px;color:var(--text-secondary);margin-top:8px;display:flex;gap:16px}.content{flex:1;display:flex;flex-direction:column;overflow:hidden}.content-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.content-title{font-size:16px;font-weight:600}.content-actions{display:flex;gap:8px}.btn{padding:8px 16px;border-radius:6px;border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:6px}.btn:hover{background:var(--border)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#0d1117}.btn.primary:hover{background:var(--accent-hover)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.success{background:var(--success);border-color:var(--success);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.panels{display:flex;flex:1;overflow:hidden}.panel{flex:1;display:flex;flex-direction:column;min-width:0}.panel-header{padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.panel-title{font-size:13px;font-weight:600}.panel-content{flex:1;overflow-y:auto;padding:16px}.thought-log{display:flex;flex-direction:column;gap:8px}.thought-entry{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;padding:12px;animation:slideIn .2s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.thought-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:11px;color:var(--text-secondary)}.thought-type{font-weight:600;text-transform:uppercase}.thought-type.thought{color:var(--purple)}.thought-type.action{color:var(--accent)}.thought-type.observation{color:var(--success)}.thought-type.error{color:var(--danger)}.thought-content{font-family:monospace;font-size:12px;white-space:pre-wrap;word-break:break-word}.thought-tool{background:#58a6ff1a;padding:8px;border-radius:4px;margin-top:8px;font-size:11px}.approval-list{display:flex;flex-direction:column;gap:12px}.approval-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:16px}.approval-header{display:flex;justify-content:space-between;margin-bottom:12px}.approval-action{font-weight:600;color:var(--accent);font-family:monospace;font-size:13px}.approval-badge{font-size:11px;padding:2px 8px;border-radius:12px;font-weight:500}.approval-badge.pending{background:#d2992233;color:var(--warning)}.approval-context{font-size:12px;color:var(--text-secondary);margin-bottom:12px}.approval-context pre{background:var(--bg-primary);padding:8px;border-radius:4px;overflow-x:auto;font-size:11px}.approval-actions{display:flex;gap:8px;justify-content:flex-end}.budget-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:24px}.budget-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:16px}.budget-card.warning{border-color:var(--warning)}.budget-card.danger{border-color:var(--danger)}.budget-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;margin-bottom:4px}.budget-value{font-size:24px;font-weight:600;font-family:monospace}.budget-value.warning{color:var(--warning)}.budget-value.danger{color:var(--danger)}.budget-details{font-size:11px;color:var(--text-secondary);margin-top:8px;display:flex;justify-content:space-between}.plugin-list{display:flex;flex-direction:column;gap:8px}.plugin-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;padding:12px;display:flex;justify-content:space-between;align-items:center}.plugin-info{display:flex;flex-direction:column;gap:2px}.plugin-name{font-weight:500}.plugin-version{font-size:11px;color:var(--text-secondary)}.plugin-tools{font-size:11px;color:var(--accent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:24px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-title{font-size:18px;font-weight:600;margin-bottom:20px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:12px;font-weight:500;margin-bottom:6px}.form-input,.form-textarea,.form-select{width:100%;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:13px;font-family:inherit}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--accent)}.form-textarea{min-height:100px;resize:vertical;font-family:monospace}.form-row{display:flex;gap:12px}.form-row .form-group{flex:1}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);text-align:center;gap:12px}.empty-state svg{width:48px;height:48px;opacity:.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}