coding-tool-x 3.5.12 → 3.5.14

package/src/server/services/claude-token-recovery.js

@@ -0,0 +1,386 @@
+const http = require('http');
+const https = require('https');
+
+const CLAUDE_COUNT_TOKENS_BETA_HEADER = 'claude-code-20250219,token-counting-2024-11-01';
+const CLAUDE_COUNT_TOKENS_USER_AGENT = 'claude-cli/2.1.59 (external, cli)';
+const DEFAULT_TIMEOUT_MS = 5000;
+
+function cloneJsonCompatible(value) {
+  try {
+    return JSON.parse(JSON.stringify(value));
+  } catch {
+    return value;
+  }
+}
+
+function toArrayContent(content) {
+  if (Array.isArray(content)) {
+    return content.map(item => cloneJsonCompatible(item));
+  }
+  if (typeof content === 'string') {
+    return content.trim() ? [{ type: 'text', text: content }] : [];
+  }
+  if (content && typeof content === 'object') {
+    return [cloneJsonCompatible(content)];
+  }
+  return [];
+}
+
+function createClaudeStreamRecoveryState() {
+  return {
+    model: '',
+    blockTypeByIndex: new Map(),
+    textByIndex: new Map(),
+    toolUseByIndex: new Map()
+  };
+}
+
+function appendTextDelta(state, index, value) {
+  const previous = state.textByIndex.get(index) || '';
+  state.textByIndex.set(index, previous + value);
+}
+
+function appendToolInputDelta(state, index, value) {
+  const current = state.toolUseByIndex.get(index) || {
+    id: `toolu_recovered_${index}`,
+    name: '',
+    inputJson: ''
+  };
+  current.inputJson = `${current.inputJson || ''}${value}`;
+  state.toolUseByIndex.set(index, current);
+}
+
+function mergeClaudeStreamEvent(state, eventType, parsed) {
+  if (!state || !parsed || typeof parsed !== 'object') {
+    return;
+  }
+
+  if (eventType === 'message_start' && parsed.message && typeof parsed.message === 'object') {
+    const model = typeof parsed.message.model === 'string' ? parsed.message.model.trim() : '';
+    if (model) {
+      state.model = model;
+    }
+  } else if (!state.model && typeof parsed.model === 'string' && parsed.model.trim()) {
+    state.model = parsed.model.trim();
+  }
+
+  if (eventType === 'content_block_start') {
+    const index = Number(parsed.index);
+    const blockIndex = Number.isFinite(index) ? index : 0;
+    const block = (parsed.content_block && typeof parsed.content_block === 'object') ? parsed.content_block : {};
+    const blockType = typeof block.type === 'string' ? block.type : '';
+    if (!blockType) {
+      return;
+    }
+
+    state.blockTypeByIndex.set(blockIndex, blockType);
+
+    if (blockType === 'text' && typeof block.text === 'string') {
+      state.textByIndex.set(blockIndex, block.text);
+      return;
+    }
+
+    if (blockType === 'tool_use') {
+      state.toolUseByIndex.set(blockIndex, {
+        id: String(block.id || `toolu_recovered_${blockIndex}`),
+        name: typeof block.name === 'string' ? block.name : '',
+        inputJson: block.input && typeof block.input === 'object' && !Array.isArray(block.input)
+          ? JSON.stringify(block.input)
+          : ''
+      });
+    }
+    return;
+  }
+
+  if (eventType !== 'content_block_delta') {
+    return;
+  }
+
+  const index = Number(parsed.index);
+  const blockIndex = Number.isFinite(index) ? index : 0;
+  const delta = (parsed.delta && typeof parsed.delta === 'object') ? parsed.delta : {};
+
+  if (delta.type === 'text_delta' && typeof delta.text === 'string') {
+    appendTextDelta(state, blockIndex, delta.text);
+    return;
+  }
+
+  if (delta.type === 'input_json_delta' && typeof delta.partial_json === 'string') {
+    appendToolInputDelta(state, blockIndex, delta.partial_json);
+  }
+}
+
+function parseToolInput(inputJson) {
+  if (typeof inputJson !== 'string' || !inputJson.trim()) {
+    return {};
+  }
+  try {
+    const parsed = JSON.parse(inputJson);
+    if (parsed && typeof parsed === 'object' && !Array.isArray(parsed)) {
+      return parsed;
+    }
+  } catch {
+  }
+  return {};
+}
+
+function buildAssistantMessageFromStreamState(state) {
+  if (!state || !(state.blockTypeByIndex instanceof Map) || state.blockTypeByIndex.size === 0) {
+    return null;
+  }
+
+  const content = [];
+  const indexes = Array.from(state.blockTypeByIndex.keys())
+    .map(value => Number(value))
+    .filter(Number.isFinite)
+    .sort((a, b) => a - b);
+
+  indexes.forEach((index) => {
+    const blockType = state.blockTypeByIndex.get(index);
+    if (blockType === 'text') {
+      const text = state.textByIndex.get(index) || '';
+      if (text) {
+        content.push({
+          type: 'text',
+          text
+        });
+      }
+      return;
+    }
+
+    if (blockType === 'tool_use') {
+      const toolUse = state.toolUseByIndex.get(index);
+      if (!toolUse || !toolUse.name) {
+        return;
+      }
+      content.push({
+        type: 'tool_use',
+        id: toolUse.id,
+        name: toolUse.name,
+        input: parseToolInput(toolUse.inputJson)
+      });
+    }
+  });
+
+  if (content.length === 0) {
+    return null;
+  }
+
+  return {
+    role: 'assistant',
+    content
+  };
+}
+
+function buildClaudeCountTokensTargetUrl(baseUrl = '') {
+  let targetUrl;
+  try {
+    targetUrl = new URL(String(baseUrl || '').trim() || 'https://api.anthropic.com');
+  } catch {
+    targetUrl = new URL('https://api.anthropic.com');
+  }
+
+  let pathname = targetUrl.pathname.replace(/\/+$/, '');
+  if (!pathname || pathname === '/') {
+    pathname = '/v1/messages/count_tokens';
+  } else if (pathname.endsWith('/messages/count_tokens')) {
+    // noop
+  } else if (pathname.endsWith('/messages')) {
+    pathname = `${pathname}/count_tokens`;
+  } else if (pathname.endsWith('/v1')) {
+    pathname = `${pathname}/messages/count_tokens`;
+  } else {
+    pathname = `${pathname}/v1/messages/count_tokens`;
+  }
+
+  targetUrl.pathname = pathname;
+  targetUrl.searchParams.set('beta', 'true');
+  return targetUrl.toString();
+}
+
+function buildClaudeCountTokensHeaders(apiKey) {
+  return {
+    'x-api-key': apiKey,
+    authorization: `Bearer ${apiKey}`,
+    'anthropic-version': '2023-06-01',
+    'anthropic-beta': CLAUDE_COUNT_TOKENS_BETA_HEADER,
+    'content-type': 'application/json',
+    accept: 'application/json',
+    'accept-encoding': 'gzip, deflate',
+    'user-agent': CLAUDE_COUNT_TOKENS_USER_AGENT
+  };
+}
+
+function postJson(url, headers, payload, timeoutMs = DEFAULT_TIMEOUT_MS) {
+  return new Promise((resolve, reject) => {
+    const target = new URL(url);
+    const isHttps = target.protocol === 'https:';
+    const client = isHttps ? https : http;
+    const body = JSON.stringify(payload || {});
+    const request = client.request({
+      hostname: target.hostname,
+      port: target.port || (isHttps ? 443 : 80),
+      path: `${target.pathname}${target.search}`,
+      method: 'POST',
+      timeout: timeoutMs,
+      headers: {
+        ...headers,
+        'Content-Type': 'application/json',
+        'Content-Length': Buffer.byteLength(body)
+      }
+    }, (response) => {
+      let rawBody = '';
+      response.on('data', (chunk) => {
+        rawBody += chunk.toString('utf8');
+      });
+      response.on('end', () => {
+        resolve({
+          statusCode: Number(response.statusCode) || 500,
+          headers: response.headers || {},
+          rawBody
+        });
+      });
+      response.on('error', reject);
+    });
+
+    request.on('error', reject);
+    request.on('timeout', () => {
+      request.destroy(new Error('count_tokens request timeout'));
+    });
+    request.write(body);
+    request.end();
+  });
+}
+
+function readCountTokensValue(responseBody) {
+  if (!responseBody || typeof responseBody !== 'object') {
+    return null;
+  }
+
+  const direct = Number(responseBody.input_tokens ?? responseBody.inputTokens);
+  if (Number.isFinite(direct)) {
+    return direct;
+  }
+
+  const nested = Number(responseBody.usage?.input_tokens ?? responseBody.usage?.inputTokens);
+  if (Number.isFinite(nested)) {
+    return nested;
+  }
+
+  return null;
+}
+
+function buildClaudeCountTokensPayload(requestBody = {}) {
+  const payload = {
+    model: requestBody.model,
+    messages: Array.isArray(requestBody.messages)
+      ? requestBody.messages.map(message => cloneJsonCompatible(message))
+      : []
+  };
+
+  if (requestBody.system !== undefined) {
+    payload.system = cloneJsonCompatible(requestBody.system);
+  }
+  if (Array.isArray(requestBody.tools) && requestBody.tools.length > 0) {
+    payload.tools = cloneJsonCompatible(requestBody.tools);
+  }
+  if (requestBody.tool_choice && typeof requestBody.tool_choice === 'object') {
+    payload.tool_choice = cloneJsonCompatible(requestBody.tool_choice);
+  }
+  if (requestBody.metadata && typeof requestBody.metadata === 'object') {
+    payload.metadata = cloneJsonCompatible(requestBody.metadata);
+  }
+  if (requestBody.thinking && typeof requestBody.thinking === 'object') {
+    payload.thinking = cloneJsonCompatible(requestBody.thinking);
+  }
+
+  return payload;
+}
+
+async function countClaudeInputTokens({ baseUrl, apiKey, payload, timeoutMs = DEFAULT_TIMEOUT_MS }) {
+  const response = await postJson(
+    buildClaudeCountTokensTargetUrl(baseUrl),
+    buildClaudeCountTokensHeaders(apiKey),
+    payload,
+    timeoutMs
+  );
+
+  if (response.statusCode < 200 || response.statusCode >= 300) {
+    throw new Error(`count_tokens returned HTTP ${response.statusCode}`);
+  }
+
+  let parsedBody = null;
+  try {
+    parsedBody = response.rawBody ? JSON.parse(response.rawBody) : {};
+  } catch {
+    parsedBody = null;
+  }
+
+  const tokens = readCountTokensValue(parsedBody);
+  if (!Number.isFinite(tokens)) {
+    throw new Error('count_tokens response missing input_tokens');
+  }
+
+  return tokens;
+}
+
+function appendAssistantMessage(messages = [], assistantMessage) {
+  const normalizedMessages = Array.isArray(messages)
+    ? messages.map(message => cloneJsonCompatible(message))
+    : [];
+
+  normalizedMessages.push({
+    role: 'assistant',
+    content: toArrayContent(assistantMessage.content)
+  });
+  return normalizedMessages;
+}
+
+async function recoverClaudeUsageViaCountTokens({
+  baseUrl,
+  apiKey,
+  requestBody,
+  assistantMessage,
+  timeoutMs = DEFAULT_TIMEOUT_MS
+}) {
+  if (!assistantMessage || !assistantMessage.content || !baseUrl || !apiKey) {
+    return null;
+  }
+
+  const promptPayload = buildClaudeCountTokensPayload(requestBody);
+  if (!promptPayload.model || !Array.isArray(promptPayload.messages)) {
+    return null;
+  }
+
+  const promptTokens = await countClaudeInputTokens({
+    baseUrl,
+    apiKey,
+    payload: promptPayload,
+    timeoutMs
+  });
+
+  const promptWithAssistantPayload = {
+    ...promptPayload,
+    messages: appendAssistantMessage(promptPayload.messages, assistantMessage)
+  };
+
+  const promptPlusAssistantTokens = await countClaudeInputTokens({
+    baseUrl,
+    apiKey,
+    payload: promptWithAssistantPayload,
+    timeoutMs
+  });
+
+  return {
+    inputTokens: promptTokens,
+    outputTokens: Math.max(promptPlusAssistantTokens - promptTokens, 0)
+  };
+}
+
+module.exports = {
+  createClaudeStreamRecoveryState,
+  mergeClaudeStreamEvent,
+  buildAssistantMessageFromStreamState,
+  buildClaudeCountTokensPayload,
+  recoverClaudeUsageViaCountTokens
+};

package/src/server/services/codex-channels.js

@@ -6,7 +6,6 @@ const tomlStringify = require('@iarna/toml').stringify;
 const { PATHS } = require('../../config/paths');
 const { getCodexDir } = require('./codex-config');
 const { isProxyConfig, readConfig } = require('./codex-settings-manager');
-const { clearNativeOAuth } = require('./native-oauth-adapters');
 const { syncCodexUserEnvironment } = require('./codex-env-manager');
 const BaseChannelService = require('./base/base-channel-service');
 
@@ -35,13 +34,17 @@ function resolveCurrentManagedChannel(channels = []) {
   return allChannels.find(ch => ch.enabled !== false) || null;
 }
 
+function channelRequiresOpenaiAuth(channel) {
+  return channel?.requiresOpenaiAuth === true;
+}
+
 function buildManagedCodexEnvMap(channels = [], { includeProxyKey = false, activeChannel = null } = {}) {
   if (includeProxyKey) {
     return { [CODEX_MANAGED_ENV_KEY]: CODEX_PROXY_ENV_VALUE };
   }
 
   const targetChannel = activeChannel || resolveCurrentManagedChannel(channels);
-  if (targetChannel?.apiKey) {
+  if (!channelRequiresOpenaiAuth(targetChannel) && targetChannel?.apiKey) {
     return { [CODEX_MANAGED_ENV_KEY]: targetChannel.apiKey };
   }
   return {};
@@ -108,7 +111,7 @@ function writeCodexConfigForMultiChannel(channels) {
         base_url: ch.baseUrl,
         wire_api: ch.wireApi || 'responses',
         env_key: CODEX_MANAGED_ENV_KEY,
-        requires_openai_auth: ch.requiresOpenaiAuth !== false
+        requires_openai_auth: channelRequiresOpenaiAuth(ch)
       };
       if (ch.queryParams && Object.keys(ch.queryParams).length > 0) {
         config.model_providers[ch.providerKey].query_params = ch.queryParams;
@@ -147,7 +150,7 @@ class CodexChannelService extends BaseChannelService {
     ch.speedTestModel = ch.speedTestModel || null;
     ch.modelRedirects = Array.isArray(ch.modelRedirects) ? ch.modelRedirects : [];
     ch.gatewaySourceType = ch.gatewaySourceType || 'codex';
-    ch.requiresOpenaiAuth = ch.requiresOpenaiAuth !== false;
+    ch.requiresOpenaiAuth = ch.requiresOpenaiAuth === true;
     ch.queryParams = ch.queryParams || {};
     return ch;
   }
@@ -193,12 +196,10 @@ class CodexChannelService extends BaseChannelService {
         return;
       }
     }
-    clearNativeOAuth('codex');
     syncAllChannelEnvVars();
   }
 
   _applyToNativeSettings(channel) {
-    clearNativeOAuth('codex');
     const codexDir = getCodexDir();
     const configPath = path.join(codexDir, 'config.toml');
 
@@ -224,7 +225,7 @@ class CodexChannelService extends BaseChannelService {
       base_url: channel.baseUrl,
       wire_api: channel.wireApi || 'responses',
       env_key: CODEX_MANAGED_ENV_KEY,
-      requires_openai_auth: channel.requiresOpenaiAuth !== false
+      requires_openai_auth: channelRequiresOpenaiAuth(channel)
     };
 
     if (channel.queryParams && Object.keys(channel.queryParams).length > 0) {

package/dist/web/assets/Home-Bm7mK2qz.css

@@ -1 +0,0 @@
-.channel-column[data-v-ed1480ec]{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--gradient-card);border:1px solid var(--border-primary);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm)}.channel-header[data-v-ed1480ec]{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--bg-primary);position:relative}.drag-handle[data-v-ed1480ec]{cursor:grab;color:var(--text-tertiary);display:flex;align-items:center;padding:4px;margin:-4px 0 -4px -4px;border-radius:4px;transition:all .2s}.drag-handle[data-v-ed1480ec]:hover{color:var(--text-secondary);background:var(--bg-tertiary)}.drag-handle[data-v-ed1480ec]:active{cursor:grabbing}.channel-header[data-v-ed1480ec]:after{content:"";position:absolute;bottom:0;left:14px;right:14px;height:2px;border-radius:1px}.channel-header.claude[data-v-ed1480ec]{background:linear-gradient(135deg,rgba(24,160,88,.08) 0%,transparent 100%)}.channel-header.claude[data-v-ed1480ec]:after{background:linear-gradient(90deg,#18a058,#18a0584d)}.channel-header.codex[data-v-ed1480ec]{background:linear-gradient(135deg,rgba(59,130,246,.08) 0%,transparent 100%)}.channel-header.codex[data-v-ed1480ec]:after{background:linear-gradient(90deg,#3b82f6,#3b82f64d)}.channel-header.gemini[data-v-ed1480ec]{background:linear-gradient(135deg,rgba(168,85,247,.08) 0%,transparent 100%)}.channel-header.gemini[data-v-ed1480ec]:after{background:linear-gradient(90deg,#a855f7,#a855f74d)}.channel-header.opencode[data-v-ed1480ec]{background:linear-gradient(135deg,rgba(234,88,12,.08) 0%,transparent 100%)}.channel-header.opencode[data-v-ed1480ec]:after{background:linear-gradient(90deg,#ea580c,#ea580c4d)}.header-icon[data-v-ed1480ec]{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}.channel-header.claude .header-icon[data-v-ed1480ec]{background:linear-gradient(135deg,#18a058,#15803d);color:#fff}.channel-header.codex .header-icon[data-v-ed1480ec]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.channel-header.gemini .header-icon[data-v-ed1480ec]{background:linear-gradient(135deg,#a855f7,#9333ea);color:#fff}.channel-header.opencode .header-icon[data-v-ed1480ec]{background:linear-gradient(135deg,#ea580c,#c2410c);color:#fff}.channel-title[data-v-ed1480ec]{font-size:15px;font-weight:700;margin:0;color:var(--text-primary);letter-spacing:.3px}.channel-content[data-v-ed1480ec]{flex:1;min-height:0;overflow:hidden;padding:10px;display:flex;flex-direction:column;gap:8px}.card[data-v-ed1480ec]{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 12px #0000000d;position:relative}.card[data-v-ed1480ec]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s ease}.card[data-v-ed1480ec]:hover{box-shadow:0 6px 20px #0000001a;border-color:var(--border-secondary)}.card[data-v-ed1480ec]:hover:before{opacity:1}.card.clickable[data-v-ed1480ec]{cursor:pointer}.card.clickable[data-v-ed1480ec]:hover{border-color:#18a058;transform:translateY(-2px);box-shadow:0 8px 24px #18a0582e}.card.clickable[data-v-ed1480ec]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(24,160,88,.02) 0%,transparent 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.card.clickable[data-v-ed1480ec]:hover:after{opacity:1}.card-header[data-v-ed1480ec]{display:flex;align-items:center;gap:8px;padding:10px 12px;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-bottom:1px solid var(--border-primary);position:relative;min-height:24px}.card-header.compact[data-v-ed1480ec]{padding:8px 12px}.card-header .n-icon[data-v-ed1480ec]{color:var(--text-tertiary);transition:color .2s ease}.card:hover .card-header .n-icon[data-v-ed1480ec]{color:var(--text-secondary)}.card-title[data-v-ed1480ec]{font-size:11px;font-weight:700;margin:0;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px}.runtime-badge[data-v-ed1480ec]{display:inline-flex;align-items:center;padding:3px 8px;margin-left:8px;font-size:10px;font-weight:600;color:#10b981;background:linear-gradient(135deg,#10b9811a,#34d3991a);border:1px solid rgba(16,185,129,.2);border-radius:4px;white-space:nowrap;animation:pulse-runtime-ed1480ec 2s ease-in-out infinite}@keyframes pulse-runtime-ed1480ec{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}}.card-body[data-v-ed1480ec]{padding:12px;background:var(--bg-primary)}.card-body.compact[data-v-ed1480ec]{padding:10px 12px}.proxy-control[data-v-ed1480ec]{display:flex;justify-content:space-between;align-items:center;gap:16px}.proxy-info[data-v-ed1480ec]{display:flex;flex-direction:column;gap:4px}.proxy-info-row[data-v-ed1480ec]{display:flex;align-items:center;justify-content:space-between}.proxy-status[data-v-ed1480ec]{display:flex;align-items:center;gap:6px}.proxy-port[data-v-ed1480ec]{font-size:11px;color:var(--text-secondary);margin-left:6px}.channel-selector[data-v-ed1480ec]{display:flex;align-items:center;padding:4px 8px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-secondary);transition:all .2s ease}.channel-selector[data-v-ed1480ec]:hover{background:var(--hover-bg);border-color:var(--border-secondary);color:var(--text-primary)}.channel-selector[data-v-ed1480ec]:disabled{opacity:.5;cursor:not-allowed}.channel-name[data-v-ed1480ec]{font-size:11px;font-weight:500;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot[data-v-ed1480ec]{width:8px;height:8px;border-radius:50%;background:var(--border-secondary);transition:all .3s ease}.status-dot.active[data-v-ed1480ec]{background:#18a058;box-shadow:0 0 8px #18a05880}.quick-stats[data-v-ed1480ec]{display:flex;gap:16px;padding:4px 0}.stat-item[data-v-ed1480ec]{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0}.stat-divider[data-v-ed1480ec]{width:1px;background:linear-gradient(180deg,transparent 0%,var(--border-primary) 50%,transparent 100%)}.quick-access-list[data-v-ed1480ec]{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.access-card[data-v-ed1480ec]{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;background:var(--bg-secondary);border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;min-height:52px;overflow:hidden}.access-card[data-v-ed1480ec]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s ease;pointer-events:none}.access-icon[data-v-ed1480ec]{width:32px;height:32px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.access-content[data-v-ed1480ec]{display:flex;flex-direction:column;gap:4px;flex:1}.access-card-projects .access-icon[data-v-ed1480ec]{background:linear-gradient(135deg,#6366f126,#8b5cf626);color:#6366f1}.access-card-projects[data-v-ed1480ec]:before{background:linear-gradient(135deg,#6366f114,#8b5cf614)}.access-card-projects:hover .access-icon[data-v-ed1480ec]{background:linear-gradient(135deg,#6366f140,#8b5cf640);transform:scale(1.1) rotate(-5deg)}.access-card-sessions .access-icon[data-v-ed1480ec]{background:linear-gradient(135deg,#10b98126,#05966926);color:#10b981}.access-card-sessions[data-v-ed1480ec]:before{background:linear-gradient(135deg,#10b98114,#05966914)}.access-card-sessions:hover .access-icon[data-v-ed1480ec]{background:linear-gradient(135deg,#10b98140,#05966940);transform:scale(1.1) rotate(5deg)}.access-card-goto .access-icon[data-v-ed1480ec]{background:linear-gradient(135deg,#f59e0b26,#fb923c26);color:#f59e0b}.access-card-goto[data-v-ed1480ec]:before{background:linear-gradient(135deg,#f59e0b14,#fb923c14)}.access-card-goto:hover .access-icon[data-v-ed1480ec]{background:linear-gradient(135deg,#f59e0b40,#fb923c40);transform:scale(1.1) translate(3px)}.access-card.clickable[data-v-ed1480ec]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a;border-color:var(--border-secondary)}.access-card.clickable[data-v-ed1480ec]:hover:before{opacity:1}.access-card.clickable[data-v-ed1480ec]:active{transform:translateY(0)}.access-label[data-v-ed1480ec]{display:block;font-size:10px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.access-value[data-v-ed1480ec]{display:block;font-size:18px;font-weight:800;color:var(--text-primary);line-height:1}.access-goto[data-v-ed1480ec]{display:block;font-size:12px;font-weight:700;color:var(--text-primary);line-height:1.2;white-space:nowrap}.stats-inline[data-v-ed1480ec]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stats-inline.stats-3col[data-v-ed1480ec]{grid-template-columns:repeat(3,1fr)}.stat-inline-item[data-v-ed1480ec]{display:flex;align-items:center;gap:8px;padding:10px;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-primary);transition:all .2s ease}.stat-inline-item[data-v-ed1480ec]:hover{border-color:var(--border-secondary);background:var(--hover-bg)}.stat-icon-dot[data-v-ed1480ec]{width:8px;height:8px;border-radius:50%;flex-shrink:0}.stat-icon-dot.requests[data-v-ed1480ec]{background:#3b82f6;box-shadow:0 0 6px #3b82f680}.stat-icon-dot.tokens[data-v-ed1480ec]{background:#18a058;box-shadow:0 0 6px #18a05880}.stat-icon-dot.cost[data-v-ed1480ec]{background:#f59e0b;box-shadow:0 0 6px #f59e0b80}.stat-info[data-v-ed1480ec]{display:flex;flex-direction:column;gap:1px;min-width:0}.stat-label[data-v-ed1480ec]{font-size:10px;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.2px}.stat-value[data-v-ed1480ec]{font-size:16px;font-weight:700;color:var(--text-primary);line-height:1.2;transition:all .3s ease}.stat-value.animating[data-v-ed1480ec]{animation:numberChange-ed1480ec .6s ease}@keyframes numberChange-ed1480ec{0%{transform:translateY(-6px);opacity:.5}50%{transform:translateY(0);opacity:1;color:var(--primary-color)}to{transform:translateY(0);opacity:1}}.stats-card[data-v-ed1480ec],.chart-card[data-v-ed1480ec]{border-left:2px solid transparent}.stats-card-claude[data-v-ed1480ec],.chart-card[data-v-ed1480ec]:has(+.stats-card-claude),.card[data-v-ed1480ec]:has(.panel-card):nth-child(4){border-left-color:#18a058}.chart-card.chart-card-claude[data-v-ed1480ec]{border-left-color:#18a058}.stats-card-codex[data-v-ed1480ec],.chart-card[data-v-ed1480ec]:has(+.stats-card-codex),.card[data-v-ed1480ec]:has(.panel-card):nth-child(4){border-left-color:#3b82f6}.chart-card.chart-card-codex[data-v-ed1480ec]{border-left-color:#3b82f6}.stats-card-gemini[data-v-ed1480ec],.chart-card[data-v-ed1480ec]:has(+.stats-card-gemini),.card[data-v-ed1480ec]:has(.panel-card):nth-child(4){border-left-color:#a855f7}.chart-card.chart-card-gemini[data-v-ed1480ec]{border-left-color:#a855f7}.stats-card-opencode[data-v-ed1480ec],.chart-card[data-v-ed1480ec]:has(+.stats-card-opencode),.card[data-v-ed1480ec]:has(.panel-card):nth-child(4){border-left-color:#ea580c}.chart-card.chart-card-opencode[data-v-ed1480ec]{border-left-color:#ea580c}.chart-card[data-v-ed1480ec]{padding:0;overflow:hidden}.chart-card[data-v-ed1480ec] .panel-card{border:none;border-radius:0;box-shadow:none;background:transparent}.stat-requests .stat-value[data-v-ed1480ec]{color:#3b82f6}.stat-input .stat-value[data-v-ed1480ec]{color:#18a058}.stat-output .stat-value[data-v-ed1480ec]{color:#f59e0b}.token-label[data-v-ed1480ec]{display:flex;align-items:center;gap:8px}.token-dot[data-v-ed1480ec]{width:8px;height:8px;border-radius:50%}.logs-card[data-v-ed1480ec]{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-primary);border-radius:6px}.logs-card-body[data-v-ed1480ec]{flex:1;min-height:0;display:flex;flex-direction:column;padding:0}.logs-card .card-header[data-v-ed1480ec]{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)}.logs-table-wrapper[data-v-ed1480ec]{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary)}.logs-table-header[data-v-ed1480ec]{display:flex;padding:10px 12px;background:linear-gradient(180deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);border-bottom:2px solid var(--border-primary);font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.6px;flex-shrink:0}.logs-header-claude .log-col[data-v-ed1480ec]{color:#18a058b3;font-weight:600}.logs-header-codex .log-col[data-v-ed1480ec]{color:#3b82f6b3;font-weight:600}.logs-header-gemini .log-col[data-v-ed1480ec]{color:#a855f7b3;font-weight:600}.logs-header-opencode .log-col[data-v-ed1480ec]{color:#ea580cb3;font-weight:600}[data-theme=dark] .logs-header-claude .log-col[data-v-ed1480ec]{color:#34d399a6}[data-theme=dark] .logs-header-codex .log-col[data-v-ed1480ec]{color:#60a5faa6}[data-theme=dark] .logs-header-gemini .log-col[data-v-ed1480ec]{color:#c084fca6}[data-theme=dark] .logs-header-opencode .log-col[data-v-ed1480ec]{color:#fb923ca6}.logs-container[data-v-ed1480ec]{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.logs-container[data-v-ed1480ec]::-webkit-scrollbar{width:4px}.logs-container[data-v-ed1480ec]::-webkit-scrollbar-thumb{background:#18a0584d;border-radius:2px}.logs-container[data-v-ed1480ec]::-webkit-scrollbar-thumb:hover{background:#18a05880}.empty-logs[data-v-ed1480ec]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-tertiary);min-height:200px;text-align:center}.log-row[data-v-ed1480ec]{display:flex;align-items:center;padding:10px 12px;min-height:40px;border-bottom:1px solid var(--border-primary);font-size:12px;transition:all .2s ease;background:var(--bg-primary);position:relative}.log-row[data-v-ed1480ec]:nth-child(2n){background:var(--bg-secondary)}.log-row[data-v-ed1480ec]:hover{background:var(--hover-bg);transform:translate(2px)}.log-row.new-log[data-v-ed1480ec]{animation:newLogPulse-ed1480ec 4.5s cubic-bezier(.25,.46,.45,.94) forwards;border-left:3px solid #18a058}@keyframes newLogPulse-ed1480ec{0%{background:linear-gradient(90deg,#18a05826,#18a0580f);box-shadow:0 0 8px #18a05833}5%{background:linear-gradient(90deg,#18a0582e,#18a05814);box-shadow:0 0 12px 1px #18a05840}15%{background:linear-gradient(90deg,#18a05829,#18a05812);box-shadow:0 0 10px 1px #18a05833}30%{background:linear-gradient(90deg,#18a0581f,#18a0580d);box-shadow:0 0 6px #18a05826}50%{background:linear-gradient(90deg,#18a05814,#18a05808);box-shadow:0 0 4px #18a0581a}70%{background:linear-gradient(90deg,#18a0580a,#18a05804);box-shadow:0 0 2px #18a0580f}85%{background:linear-gradient(90deg,#18a05805,#18a05802);box-shadow:0 0 1px #18a05808}to{background:transparent;box-shadow:0 0 #18a05800;border-left-color:transparent}}[data-theme=dark] .log-row.new-log[data-v-ed1480ec]{animation:newLogPulseDark-ed1480ec 4.5s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes newLogPulseDark-ed1480ec{0%{background:linear-gradient(90deg,#18a05833,#18a05814);box-shadow:0 0 10px #18a05840}5%{background:linear-gradient(90deg,#18a0583d,#18a0581a);box-shadow:0 0 14px 2px #18a0584d}15%{background:linear-gradient(90deg,#18a05836,#18a05817);box-shadow:0 0 12px 1px #18a05840}30%{background:linear-gradient(90deg,#18a05829,#18a05812);box-shadow:0 0 8px 1px #18a0582e}50%{background:linear-gradient(90deg,#18a0581c,#18a0580b);box-shadow:0 0 5px #18a0581f}70%{background:linear-gradient(90deg,#18a0580f,#18a05806);box-shadow:0 0 3px #18a05814}85%{background:linear-gradient(90deg,#18a05808,#18a05803);box-shadow:0 0 1px #18a0580a}to{background:transparent;box-shadow:0 0 #18a05800;border-left-color:transparent}}.log-row.new-log.action-row[data-v-ed1480ec]{border-left:3px solid #18a058}.log-row.action-row[data-v-ed1480ec]{background:linear-gradient(90deg,#18a0581f,#18a0580a);border-left:3px solid #18a058;padding-left:8px}.log-row.error-row[data-v-ed1480ec]{background:linear-gradient(90deg,#d0305024,#d030500a);border-left:3px solid #d03050;padding-left:8px}.log-row.action-row[data-v-ed1480ec]:hover{background:linear-gradient(90deg,#18a0582e,#18a05814)}.log-row.error-row[data-v-ed1480ec]:hover{background:linear-gradient(90deg,#d0305033,#d0305014)}.action-content[data-v-ed1480ec]{display:flex;align-items:center;gap:8px;width:100%}.action-msg[data-v-ed1480ec]{flex:1;font-size:11px;color:#18a058;font-weight:600;letter-spacing:.2px}.action-msg.error-msg[data-v-ed1480ec]{color:#d03050}.action-time[data-v-ed1480ec]{font-size:10px;font-family:SF Mono,Monaco,monospace;color:var(--text-tertiary);background:#18a0581a;padding:2px 6px;border-radius:4px}.action-time.error-time[data-v-ed1480ec]{background:#d030501f}.log-col[data-v-ed1480ec]{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-channel[data-v-ed1480ec]{min-width:0}.col-channel .n-tag[data-v-ed1480ec]{max-width:100%;font-size:11px;font-weight:600;border-radius:4px;padding:3px 10px}.col-token[data-v-ed1480ec]{justify-content:center;font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;font-weight:600;color:var(--text-secondary);background:#00000008;padding:4px 8px;border-radius:4px;margin:0 3px}[data-theme=dark] .col-token[data-v-ed1480ec]{background:#ffffff0f}.col-time[data-v-ed1480ec]{justify-content:flex-end;font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px;font-weight:500;color:var(--text-tertiary);padding-right:2px;opacity:.85}.log-row:hover .col-time[data-v-ed1480ec]{opacity:1;color:var(--text-secondary)}.col-channel-claude[data-v-ed1480ec]{flex:2 1 60px;min-width:50px}.col-token-claude[data-v-ed1480ec]{flex:1 1 40px;min-width:35px}.col-time-claude[data-v-ed1480ec]{flex:1.5 1 55px;min-width:50px}.col-channel-codex[data-v-ed1480ec]{flex:2 1 60px;min-width:50px}.col-token-codex[data-v-ed1480ec]{flex:1 1 40px;min-width:35px}.col-time-codex[data-v-ed1480ec]{flex:1.5 1 55px;min-width:50px}.col-channel-gemini[data-v-ed1480ec]{flex:2.5 1 70px;min-width:55px}.col-token-gemini[data-v-ed1480ec]{flex:1.2 1 45px;min-width:40px}.col-time-gemini[data-v-ed1480ec]{flex:1.8 1 60px;min-width:55px}.col-channel-opencode[data-v-ed1480ec]{flex:2.5 1 70px;min-width:55px}.col-token-opencode[data-v-ed1480ec]{flex:1.2 1 45px;min-width:40px}.col-time-opencode[data-v-ed1480ec]{flex:1.8 1 60px;min-width:55px}.claude-extra-area[data-v-ed1480ec]{display:flex;align-items:center;gap:6px;margin-left:auto}.mcp-count-tag[data-v-ed1480ec],.skills-count-tag[data-v-ed1480ec]{font-size:10px;font-weight:500;padding:0 8px;height:22px;line-height:22px;border-radius:4px;cursor:pointer;transition:all .2s ease}.mcp-count-tag.clickable[data-v-ed1480ec]:hover,.skills-count-tag.clickable[data-v-ed1480ec]:hover{transform:scale(1.03);filter:brightness(1.1)}.mcp-quick-panel[data-v-ed1480ec],.skills-quick-panel[data-v-ed1480ec]{padding:2px 0}.mcp-quick-panel .panel-title[data-v-ed1480ec],.skills-quick-panel .panel-title[data-v-ed1480ec]{display:flex;justify-content:space-between;align-items:center;padding:6px 10px 8px;border-bottom:1px solid var(--border-primary);margin-bottom:4px}.mcp-quick-panel .panel-title span[data-v-ed1480ec]:first-child,.skills-quick-panel .panel-title span[data-v-ed1480ec]:first-child{font-size:13px;font-weight:600;color:var(--text-primary)}.no-items[data-v-ed1480ec]{padding:16px 10px;text-align:center}.mcp-quick-list[data-v-ed1480ec],.skills-quick-list[data-v-ed1480ec]{max-height:300px;overflow-y:auto;padding:0 4px 4px}.mcp-quick-item[data-v-ed1480ec],.skill-quick-item[data-v-ed1480ec]{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:5px;margin-bottom:4px;background:var(--bg-secondary);transition:all .2s ease}.mcp-quick-item[data-v-ed1480ec]:hover,.skill-quick-item[data-v-ed1480ec]:hover{background:var(--hover-bg)}.mcp-item-icon[data-v-ed1480ec],.skill-item-icon[data-v-ed1480ec]{width:24px;height:24px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mcp-item-icon[data-v-ed1480ec]{background:linear-gradient(135deg,#3b82f626,#3b82f60d);color:#3b82f6}.skill-item-icon[data-v-ed1480ec]{background:linear-gradient(135deg,#18a05826,#18a0580d);color:#18a058}.mcp-item-info[data-v-ed1480ec],.skill-item-info[data-v-ed1480ec]{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.mcp-item-name[data-v-ed1480ec],.skill-item-name[data-v-ed1480ec]{font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mcp-item-type[data-v-ed1480ec]{font-size:10px;color:var(--text-tertiary);text-transform:uppercase}.skill-item-desc[data-v-ed1480ec]{font-size:10px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mcp-item-status[data-v-ed1480ec]{flex-shrink:0}.mcp-item-status .status-dot[data-v-ed1480ec]{width:8px;height:8px;border-radius:50%;background:var(--border-secondary)}.mcp-item-status.online .status-dot[data-v-ed1480ec]{background:#18a058;box-shadow:0 0 6px #18a05880}.mcp-item-status.error .status-dot[data-v-ed1480ec]{background:#d03050;box-shadow:0 0 6px #d0305080}.mcp-quick-list[data-v-ed1480ec]::-webkit-scrollbar,.skills-quick-list[data-v-ed1480ec]::-webkit-scrollbar{width:4px}.mcp-quick-list[data-v-ed1480ec]::-webkit-scrollbar-thumb,.skills-quick-list[data-v-ed1480ec]::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}[data-theme=dark] .mcp-quick-list[data-v-ed1480ec]::-webkit-scrollbar-thumb,[data-theme=dark] .skills-quick-list[data-v-ed1480ec]::-webkit-scrollbar-thumb{background:#ffffff26}.skills-button[data-v-ed1480ec]{padding:6px!important;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:5px;background:var(--bg-secondary);border:1px solid var(--border-primary);transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000000d}.skills-button .n-icon[data-v-ed1480ec]{color:var(--text-color-3);transition:all .25s ease}.skills-button[data-v-ed1480ec]:hover{background:linear-gradient(135deg,#18a0581a,#18a0580d);border-color:#18a0584d;box-shadow:0 4px 12px #18a05826;transform:translateY(-1px)}.skills-button:hover .n-icon[data-v-ed1480ec]{color:#18a058;transform:scale(1.1)}.skills-button[data-v-ed1480ec]:active{transform:translateY(0);box-shadow:0 2px 4px #0000000d}.lock-button[data-v-ed1480ec]{margin-left:6px;padding:6px!important;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:5px;background:var(--bg-secondary);border:1px solid var(--border-primary);transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000000d}.lock-button .n-icon[data-v-ed1480ec]{color:var(--text-color-3);transition:all .25s ease}.lock-button[data-v-ed1480ec]:hover{background:linear-gradient(135deg,#6b72801a,#6b72800d);border-color:#6b72804d;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.lock-button:hover .n-icon[data-v-ed1480ec]{color:var(--text-color-1);transform:scale(1.1)}.lock-button[data-v-ed1480ec]:active{transform:translateY(0);box-shadow:0 2px 4px #0000000d}.locked-overlay[data-v-ed1480ec]{flex:1;display:flex;align-items:center;justify-content:center;border-radius:6px;margin:10px;position:relative;overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.locked-overlay[data-v-ed1480ec]:before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.4;filter:blur(60px);pointer-events:none}.locked-claude[data-v-ed1480ec]{background:linear-gradient(135deg,rgba(24,160,88,.03) 0%,var(--bg-secondary) 50%,rgba(24,160,88,.02) 100%)}.locked-claude[data-v-ed1480ec]:before{background:radial-gradient(circle,rgba(24,160,88,.15) 0%,transparent 70%)}.locked-codex[data-v-ed1480ec]{background:linear-gradient(135deg,rgba(59,130,246,.03) 0%,var(--bg-secondary) 50%,rgba(59,130,246,.02) 100%)}.locked-codex[data-v-ed1480ec]:before{background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%)}.locked-gemini[data-v-ed1480ec]{background:linear-gradient(135deg,rgba(168,85,247,.03) 0%,var(--bg-secondary) 50%,rgba(168,85,247,.02) 100%)}.locked-gemini[data-v-ed1480ec]:before{background:radial-gradient(circle,rgba(168,85,247,.15) 0%,transparent 70%)}.locked-opencode[data-v-ed1480ec]{background:linear-gradient(135deg,rgba(234,88,12,.03) 0%,var(--bg-secondary) 50%,rgba(234,88,12,.02) 100%)}.locked-opencode[data-v-ed1480ec]:before{background:radial-gradient(circle,rgba(234,88,12,.15) 0%,transparent 70%)}.locked-content[data-v-ed1480ec]{display:flex;flex-direction:column;align-items:center;gap:20px;padding:60px 40px;text-align:center;position:relative;z-index:1}.lock-icon[data-v-ed1480ec]{width:96px;height:96px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--bg-primary);border:2px solid var(--border-primary);margin-bottom:8px;position:relative;box-shadow:0 8px 24px #0000001f;animation:lock-float-ed1480ec 3s ease-in-out infinite}@keyframes lock-float-ed1480ec{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.lock-icon[data-v-ed1480ec]:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:20px;opacity:.6;filter:blur(12px)}.locked-claude .lock-icon[data-v-ed1480ec]{background:linear-gradient(135deg,rgba(24,160,88,.12) 0%,var(--bg-primary) 100%);border-color:#18a05840;box-shadow:0 8px 24px #18a05826,0 0 0 1px #18a0581a inset}.locked-claude .lock-icon[data-v-ed1480ec]:before{background:radial-gradient(circle,rgba(24,160,88,.3) 0%,transparent 60%)}.locked-claude .lock-icon .n-icon[data-v-ed1480ec]{color:#18a058;filter:drop-shadow(0 2px 4px rgba(24,160,88,.3))}.locked-codex .lock-icon[data-v-ed1480ec]{background:linear-gradient(135deg,rgba(59,130,246,.12) 0%,var(--bg-primary) 100%);border-color:#3b82f640;box-shadow:0 8px 24px #3b82f626,0 0 0 1px #3b82f61a inset}.locked-codex .lock-icon[data-v-ed1480ec]:before{background:radial-gradient(circle,rgba(59,130,246,.3) 0%,transparent 60%)}.locked-codex .lock-icon .n-icon[data-v-ed1480ec]{color:#3b82f6;filter:drop-shadow(0 2px 4px rgba(59,130,246,.3))}.locked-gemini .lock-icon[data-v-ed1480ec]{background:linear-gradient(135deg,rgba(168,85,247,.12) 0%,var(--bg-primary) 100%);border-color:#a855f740;box-shadow:0 8px 24px #a855f726,0 0 0 1px #a855f71a inset}.locked-gemini .lock-icon[data-v-ed1480ec]:before{background:radial-gradient(circle,rgba(168,85,247,.3) 0%,transparent 60%)}.locked-gemini .lock-icon .n-icon[data-v-ed1480ec]{color:#a855f7;filter:drop-shadow(0 2px 4px rgba(168,85,247,.3))}.locked-opencode .lock-icon[data-v-ed1480ec]{background:linear-gradient(135deg,rgba(234,88,12,.12) 0%,var(--bg-primary) 100%);border-color:#ea580c40;box-shadow:0 8px 24px #ea580c26,0 0 0 1px #ea580c1a inset}.locked-opencode .lock-icon[data-v-ed1480ec]:before{background:radial-gradient(circle,rgba(234,88,12,.3) 0%,transparent 60%)}.locked-opencode .lock-icon .n-icon[data-v-ed1480ec]{color:#ea580c;filter:drop-shadow(0 2px 4px rgba(234,88,12,.3))}.lock-icon .n-icon[data-v-ed1480ec]{opacity:.85;position:relative;z-index:1}.locked-title[data-v-ed1480ec]{font-size:17px;font-weight:600;color:var(--text-color-1);margin:0;letter-spacing:.3px}.locked-hint[data-v-ed1480ec]{font-size:13px;color:var(--text-color-3);max-width:220px;line-height:1.7;opacity:.9}.channel-status[data-v-ed1480ec]{cursor:pointer;padding:4px 8px!important;border-radius:4px;transition:all .2s ease}.channel-status[data-v-ed1480ec]:hover{background:var(--hover-bg)}.channel-quick-panel[data-v-ed1480ec]{padding:4px 0}.panel-title[data-v-ed1480ec]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px 12px;border-bottom:1px solid var(--border-primary);margin-bottom:8px}.panel-title span[data-v-ed1480ec]:first-child{font-size:13px;font-weight:600;color:var(--text-primary)}.no-channels[data-v-ed1480ec]{padding:24px 12px;text-align:center}.channel-quick-list[data-v-ed1480ec]{max-height:360px;overflow-y:auto}.channel-quick-item[data-v-ed1480ec]{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:6px;margin:0 4px 6px;background:var(--bg-secondary);transition:all .2s ease}.channel-quick-item[data-v-ed1480ec]:hover{background:var(--hover-bg)}.channel-quick-item.disabled[data-v-ed1480ec]{opacity:.6}.channel-quick-info[data-v-ed1480ec]{display:flex;align-items:center;gap:8px;width:100%}.channel-quick-name[data-v-ed1480ec]{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-metrics[data-v-ed1480ec]{display:flex;gap:6px;width:100%}.channel-metrics .metric-item[data-v-ed1480ec]{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;background:var(--bg-primary);border-radius:4px;border:1px solid var(--border-primary)}.channel-metrics .metric-label[data-v-ed1480ec]{font-size:10px;color:var(--text-tertiary);font-weight:500}.channel-metrics .metric-value[data-v-ed1480ec]{font-size:12px;font-weight:700;color:var(--text-primary);font-family:SF Mono,Monaco,monospace}.channel-metrics .metric-value.active[data-v-ed1480ec]{color:#f59e0b}.channel-switching-tip[data-v-ed1480ec]{font-size:11px;color:var(--text-tertiary);padding:0 2px}.channel-quick-item.disabled .channel-metrics .metric-value[data-v-ed1480ec]{color:var(--text-tertiary)}.channel-quick-list[data-v-ed1480ec]::-webkit-scrollbar{width:4px}.channel-quick-list[data-v-ed1480ec]::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}[data-theme=dark] .channel-quick-list[data-v-ed1480ec]::-webkit-scrollbar-thumb{background:#ffffff26}@media (max-width: 1024px){.channel-column[data-v-ed1480ec]{border-radius:6px}.card-header[data-v-ed1480ec]{padding:8px 10px}.card-title[data-v-ed1480ec]{font-size:13px}.stats-inline[data-v-ed1480ec]{gap:6px}.stat-inline-item[data-v-ed1480ec]{padding:8px}.stat-value[data-v-ed1480ec]{font-size:14px}.stat-label[data-v-ed1480ec]{font-size:9px}.logs-table-header[data-v-ed1480ec]{padding:8px 10px;font-size:10px}.log-row[data-v-ed1480ec]{padding:8px 10px;font-size:11px}}@media (max-width: 768px){.channel-column[data-v-ed1480ec]{border-radius:6px;min-height:300px;height:auto;max-height:400px}.card-header[data-v-ed1480ec]{padding:8px;gap:6px}.card-title[data-v-ed1480ec]{font-size:12px}.stats-inline[data-v-ed1480ec]{gap:4px}.stat-inline-item[data-v-ed1480ec]{padding:6px;gap:6px}.stat-icon-dot[data-v-ed1480ec]{width:6px;height:6px}.stat-value[data-v-ed1480ec]{font-size:13px}.stat-label[data-v-ed1480ec]{font-size:8px}.logs-card[data-v-ed1480ec]{min-height:150px}.logs-table-header[data-v-ed1480ec]{padding:6px 8px;font-size:9px}.log-row[data-v-ed1480ec]{padding:6px 8px;font-size:10px;min-height:32px}.col-token[data-v-ed1480ec]{font-size:10px;padding:2px 4px}.col-time[data-v-ed1480ec]{font-size:9px}.mcp-count-tag[data-v-ed1480ec],.skills-count-tag[data-v-ed1480ec]{font-size:9px;padding:0 6px;height:18px;line-height:18px}.skills-button[data-v-ed1480ec]{padding:4px 8px;font-size:10px;gap:4px}.lock-button[data-v-ed1480ec]{width:26px;height:26px}}@media (max-width: 640px){.channel-column[data-v-ed1480ec]{min-height:250px;max-height:350px}.card-header[data-v-ed1480ec]{padding:6px;gap:4px;flex-wrap:wrap}.card-title[data-v-ed1480ec]{font-size:11px}.stats-card .card-content[data-v-ed1480ec]{padding:6px}.stats-inline[data-v-ed1480ec]{gap:3px;flex-wrap:wrap}.stat-inline-item[data-v-ed1480ec]{padding:5px;gap:4px;min-width:calc(33% - 3px);flex:1 1 auto}.stat-icon-dot[data-v-ed1480ec]{width:5px;height:5px}.stat-value[data-v-ed1480ec]{font-size:12px}.stat-label[data-v-ed1480ec]{font-size:7px}.logs-card[data-v-ed1480ec]{min-height:120px}.logs-table-header[data-v-ed1480ec]{padding:5px 6px;font-size:8px;letter-spacing:.3px}.log-row[data-v-ed1480ec]{padding:5px 6px;font-size:9px;min-height:28px}.col-channel .n-tag[data-v-ed1480ec]{font-size:9px;padding:2px 6px}.col-token[data-v-ed1480ec]{font-size:9px;padding:2px 3px;margin:0 1px}.col-time[data-v-ed1480ec]{font-size:8px}.claude-extra-area[data-v-ed1480ec]{gap:4px}.mcp-count-tag[data-v-ed1480ec],.skills-count-tag[data-v-ed1480ec]{font-size:8px;padding:0 4px;height:16px;line-height:16px}.skills-button[data-v-ed1480ec]{padding:3px 6px;font-size:9px;gap:3px}.skills-button .n-icon[data-v-ed1480ec]{font-size:12px!important}.lock-button[data-v-ed1480ec]{width:24px;height:24px;margin-left:4px}.lock-button .n-icon[data-v-ed1480ec]{font-size:12px!important}.locked-content[data-v-ed1480ec]{padding:30px 20px;gap:12px}.lock-icon[data-v-ed1480ec]{width:64px;height:64px}.lock-icon .n-icon[data-v-ed1480ec]{font-size:28px!important}.lock-title[data-v-ed1480ec]{font-size:14px}.lock-subtitle[data-v-ed1480ec]{font-size:10px}.unlock-btn[data-v-ed1480ec]{padding:8px 16px;font-size:11px}}@media (max-width: 480px){.channel-column[data-v-ed1480ec]{min-height:220px;max-height:300px}.card-header[data-v-ed1480ec]{padding:5px}.card-title[data-v-ed1480ec]{font-size:10px}.stats-inline[data-v-ed1480ec]{gap:2px}.stat-inline-item[data-v-ed1480ec]{padding:4px;gap:3px}.stat-value[data-v-ed1480ec]{font-size:11px}.stat-label[data-v-ed1480ec]{font-size:6px}.logs-table-header[data-v-ed1480ec]{padding:4px 5px;font-size:7px}.log-row[data-v-ed1480ec]{padding:4px 5px;font-size:8px;min-height:24px}.col-token[data-v-ed1480ec]{font-size:8px}.col-time[data-v-ed1480ec]{font-size:7px}}.card[data-v-ed1480ec]:not(.logs-card) .n-collapse{background:transparent}.card[data-v-ed1480ec]:not(.logs-card) .n-collapse-item{background:transparent}.card[data-v-ed1480ec] .n-collapse-item__header{padding:12px 16px;background:transparent;transition:all .3s ease}.card[data-v-ed1480ec] .n-collapse-item__header:hover{background:#00000005}.card[data-v-ed1480ec] .n-collapse-item__header-main{width:100%}.card[data-v-ed1480ec]:not(.logs-card) .n-collapse-item__content-wrapper{padding:0 16px 12px}.card[data-v-ed1480ec]:not(.logs-card) .n-collapse-item__content-inner{padding-top:0}.chart-card[data-v-ed1480ec]:has(.n-collapse){padding:0}.dashboard-container[data-v-06100f0f]{height:100%;background:var(--bg-primary);overflow:hidden;padding:12px;box-sizing:border-box;display:flex;flex-direction:column}.dashboard-toolbar[data-v-06100f0f]{display:flex;justify-content:flex-end;margin-bottom:8px;flex-shrink:0}.analytics-link[data-v-06100f0f]{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--primary-color, #18a058);text-decoration:none;padding:4px 10px;border-radius:4px;background:#18a05814;transition:background .2s}.analytics-link[data-v-06100f0f]:hover{background:#18a05826}.analytics-link-icon[data-v-06100f0f]{font-size:14px}.dashboard-grid[data-v-06100f0f]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;flex:1;min-height:0;overflow:hidden;box-sizing:border-box}.dashboard-grid[data-v-06100f0f] .sortable-ghost{opacity:.4}.dashboard-grid[data-v-06100f0f] .sortable-chosen{box-shadow:0 8px 24px #00000026}@media (max-width: 1600px){.dashboard-grid[data-v-06100f0f]{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1200px){.dashboard-grid[data-v-06100f0f]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.dashboard-container[data-v-06100f0f]{padding:10px}.dashboard-grid[data-v-06100f0f]{gap:10px}}@media (max-width: 900px){.dashboard-grid[data-v-06100f0f]{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-container[data-v-06100f0f]{padding:8px;overflow-y:auto}.dashboard-grid[data-v-06100f0f]{gap:8px;overflow:visible;min-height:auto}}@media (max-width: 640px){.dashboard-container[data-v-06100f0f]{padding:6px}.dashboard-grid[data-v-06100f0f]{gap:6px}}@media (max-width: 480px){.dashboard-container[data-v-06100f0f]{padding:4px}.dashboard-grid[data-v-06100f0f]{gap:4px}}