coding-tool-x 3.5.12 → 3.5.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/web/assets/{Analytics-GuTri2mr.js → Analytics-B9Shk-uq.js} +1 -1
- package/dist/web/assets/{ConfigTemplates-DILbDhRj.js → ConfigTemplates-Dlkn-_zW.js} +1 -1
- package/dist/web/assets/{Home-ri7cXeJp.js → Home-AGf32LvJ.js} +1 -1
- package/dist/web/assets/Home-BeGkC4bb.css +1 -0
- package/dist/web/assets/{PluginManager-DQPeUFkr.js → PluginManager-BnAjHN4u.js} +1 -1
- package/dist/web/assets/{ProjectList-Cpf82Lgb.js → ProjectList-7YV_zk9L.js} +1 -1
- package/dist/web/assets/{SessionList-DXhPIwJI.js → SessionList-D0un-UKS.js} +1 -1
- package/dist/web/assets/{SkillManager-DNVyDlEv.js → SkillManager-DhYBmbtd.js} +1 -1
- package/dist/web/assets/{WorkspaceManager-Cp0t7cjn.js → WorkspaceManager-JOZIPAGo.js} +1 -1
- package/dist/web/assets/{index-C5wcoiDy.js → index-DM3yF1Oo.js} +2 -2
- package/dist/web/assets/{index-DfikIh5S.css → index-dzKgnRhx.css} +1 -1
- package/dist/web/index.html +2 -2
- package/package.json +1 -1
- package/src/server/opencode-proxy-server.js +14 -8
- package/src/server/services/base/response-usage-parser.js +40 -13
- package/dist/web/assets/Home-Bm7mK2qz.css +0 -1
package/dist/web/index.html
CHANGED
|
@@ -5,14 +5,14 @@
|
|
|
5
5
|
<link rel="icon" href="/favicon.ico">
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
7
7
|
<title>coding-tool-x · AI 编程工作台</title>
|
|
8
|
-
<script type="module" crossorigin src="/assets/index-
|
|
8
|
+
<script type="module" crossorigin src="/assets/index-DM3yF1Oo.js"></script>
|
|
9
9
|
<link rel="modulepreload" crossorigin href="/assets/markdown-BNJfEgCA.js">
|
|
10
10
|
<link rel="modulepreload" crossorigin href="/assets/vue-vendor-B5RqjEjQ.js">
|
|
11
11
|
<link rel="modulepreload" crossorigin href="/assets/naive-ui-DM897mIP.js">
|
|
12
12
|
<link rel="modulepreload" crossorigin href="/assets/icons-QFXzEgqM.js">
|
|
13
13
|
<link rel="modulepreload" crossorigin href="/assets/vendors-DQA4Hw9v.js">
|
|
14
14
|
<link rel="stylesheet" crossorigin href="/assets/markdown-BfC0goYb.css">
|
|
15
|
-
<link rel="stylesheet" crossorigin href="/assets/index-
|
|
15
|
+
<link rel="stylesheet" crossorigin href="/assets/index-dzKgnRhx.css">
|
|
16
16
|
</head>
|
|
17
17
|
<body>
|
|
18
18
|
<div id="app"></div>
|
package/package.json
CHANGED
|
@@ -1924,6 +1924,12 @@ function reportOpenCodeGatewayFailure({
|
|
|
1924
1924
|
}
|
|
1925
1925
|
|
|
1926
1926
|
function publishOpenCodeUsageLog({ requestId, channel, model, usage, startTime }) {
|
|
1927
|
+
const parsedUsage = parseNonStreamingUsage({
|
|
1928
|
+
model: model || '',
|
|
1929
|
+
usage: usage && typeof usage === 'object' ? usage : {}
|
|
1930
|
+
});
|
|
1931
|
+
const parsedTokens = parsedUsage.tokens || {};
|
|
1932
|
+
|
|
1927
1933
|
return publishUsageLog({
|
|
1928
1934
|
source: 'opencode',
|
|
1929
1935
|
metadata: {
|
|
@@ -1932,15 +1938,15 @@ function publishOpenCodeUsageLog({ requestId, channel, model, usage, startTime }
|
|
|
1932
1938
|
channelId: channel?.id,
|
|
1933
1939
|
startTime
|
|
1934
1940
|
},
|
|
1935
|
-
model: model || '',
|
|
1941
|
+
model: parsedUsage.model || model || '',
|
|
1936
1942
|
tokens: {
|
|
1937
|
-
input: Number(
|
|
1938
|
-
output: Number(
|
|
1939
|
-
cacheCreation: Number(
|
|
1940
|
-
cacheRead: Number(
|
|
1941
|
-
cached: Number(
|
|
1942
|
-
reasoning: Number(
|
|
1943
|
-
total: Number(
|
|
1943
|
+
input: Number(parsedTokens.input || 0),
|
|
1944
|
+
output: Number(parsedTokens.output || 0),
|
|
1945
|
+
cacheCreation: Number(parsedTokens.cacheCreation || 0),
|
|
1946
|
+
cacheRead: Number(parsedTokens.cacheRead || 0),
|
|
1947
|
+
cached: Number(parsedTokens.cached || 0),
|
|
1948
|
+
reasoning: Number(parsedTokens.reasoning || 0),
|
|
1949
|
+
total: Number(parsedTokens.total || 0)
|
|
1944
1950
|
},
|
|
1945
1951
|
calculateCost,
|
|
1946
1952
|
broadcastLog,
|
|
@@ -64,6 +64,15 @@ function parseUsageObject(rawUsage) {
|
|
|
64
64
|
rawUsage.inputTokensDetails !== undefined ||
|
|
65
65
|
rawUsage.output_tokens_details !== undefined ||
|
|
66
66
|
rawUsage.outputTokensDetails !== undefined;
|
|
67
|
+
const hasOpenAiCompatibilityFields =
|
|
68
|
+
hasOpenAiPromptFields ||
|
|
69
|
+
hasOpenAiResponseFields ||
|
|
70
|
+
rawUsage.cached_tokens !== undefined ||
|
|
71
|
+
rawUsage.cachedTokens !== undefined ||
|
|
72
|
+
rawUsage.reasoning_tokens !== undefined ||
|
|
73
|
+
rawUsage.reasoningTokens !== undefined ||
|
|
74
|
+
rawUsage.completion_tokens_details !== undefined ||
|
|
75
|
+
rawUsage.completionTokensDetails !== undefined;
|
|
67
76
|
|
|
68
77
|
const input = readNumericField(rawUsage, ['input_tokens', 'prompt_tokens', 'inputTokens', 'promptTokens']);
|
|
69
78
|
if (input !== undefined) tokens.input = input;
|
|
@@ -74,31 +83,43 @@ function parseUsageObject(rawUsage) {
|
|
|
74
83
|
const total = readNumericField(rawUsage, ['total_tokens', 'totalTokens']);
|
|
75
84
|
if (total !== undefined) tokens.total = total;
|
|
76
85
|
|
|
77
|
-
const cacheCreation = readNumericField(rawUsage, ['cache_creation_input_tokens', 'cacheCreationInputTokens'])
|
|
86
|
+
const cacheCreation = readNumericField(rawUsage, ['cache_creation_input_tokens', 'cacheCreationInputTokens'])
|
|
87
|
+
?? readNestedNumericField(rawUsage, [
|
|
88
|
+
['prompt_tokens_details', 'cache_creation_input_tokens'],
|
|
89
|
+
['promptTokensDetails', 'cacheCreationInputTokens']
|
|
90
|
+
]);
|
|
78
91
|
if (cacheCreation !== undefined) tokens.cacheCreation = cacheCreation;
|
|
79
92
|
|
|
80
93
|
const cacheRead = readNumericField(rawUsage, ['cache_read_input_tokens', 'cacheReadInputTokens']);
|
|
81
94
|
if (cacheRead !== undefined) tokens.cacheRead = cacheRead;
|
|
82
95
|
|
|
83
|
-
const cached =
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
96
|
+
const cached = readNumericField(rawUsage, ['cached_tokens', 'cachedTokens'])
|
|
97
|
+
?? readNestedNumericField(rawUsage, [
|
|
98
|
+
['input_tokens_details', 'cached_tokens'],
|
|
99
|
+
['prompt_tokens_details', 'cached_tokens'],
|
|
100
|
+
['inputTokensDetails', 'cachedTokens'],
|
|
101
|
+
['promptTokensDetails', 'cachedTokens']
|
|
102
|
+
]);
|
|
89
103
|
if (cached !== undefined) tokens.cached = cached;
|
|
90
104
|
|
|
91
|
-
const reasoning =
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
105
|
+
const reasoning = readNumericField(rawUsage, ['reasoning_tokens', 'reasoningTokens'])
|
|
106
|
+
?? readNestedNumericField(rawUsage, [
|
|
107
|
+
['completion_tokens_details', 'reasoning_tokens'],
|
|
108
|
+
['output_tokens_details', 'reasoning_tokens'],
|
|
109
|
+
['completionTokensDetails', 'reasoningTokens'],
|
|
110
|
+
['outputTokensDetails', 'reasoningTokens']
|
|
111
|
+
]);
|
|
95
112
|
if (reasoning !== undefined) tokens.reasoning = reasoning;
|
|
96
113
|
|
|
114
|
+
if (tokens.total === undefined && tokens.input !== undefined && tokens.output !== undefined && !hasAnthropicCacheFields) {
|
|
115
|
+
tokens.total = tokens.input + tokens.output;
|
|
116
|
+
}
|
|
117
|
+
|
|
97
118
|
// OpenAI/OpenAI-compatible usage commonly reports prompt/input totals that
|
|
98
119
|
// already include cache hits. Align with OpenCode's provider contract by
|
|
99
120
|
// moving cached prompt tokens into a dedicated field and keeping input as the
|
|
100
121
|
// net uncached prompt tokens.
|
|
101
|
-
if (!hasAnthropicCacheFields &&
|
|
122
|
+
if (!hasAnthropicCacheFields && hasOpenAiCompatibilityFields && tokens.cached !== undefined && tokens.input !== undefined) {
|
|
102
123
|
tokens.input = Math.max(tokens.input - tokens.cached, 0);
|
|
103
124
|
}
|
|
104
125
|
|
|
@@ -132,13 +153,16 @@ function parseSSEUsage(parsed, eventType) {
|
|
|
132
153
|
if (eventType === 'message_start' && parsed.message && parsed.message.model) {
|
|
133
154
|
model = parsed.message.model;
|
|
134
155
|
}
|
|
156
|
+
if (!tokens && parsed.message && parsed.message.usage) {
|
|
157
|
+
tokens = parseUsageObject(parsed.message.usage);
|
|
158
|
+
}
|
|
135
159
|
if (eventType === 'message_stop') {
|
|
136
160
|
isDone = true;
|
|
137
161
|
}
|
|
138
162
|
|
|
139
163
|
// === OpenAI Responses API 格式 ===
|
|
140
164
|
// data: {"type": "response.completed", "response": {"model", "usage": {...}}}
|
|
141
|
-
if (parsed.type === 'response.completed' && parsed.response) {
|
|
165
|
+
if ((parsed.type === 'response.completed' || parsed.type === 'response.incomplete') && parsed.response) {
|
|
142
166
|
if (parsed.response.model) {
|
|
143
167
|
model = parsed.response.model;
|
|
144
168
|
}
|
|
@@ -171,6 +195,9 @@ function parseSSEUsage(parsed, eventType) {
|
|
|
171
195
|
if (parsed.usageMetadata.cachedContentTokenCount) {
|
|
172
196
|
tokens.cached = parsed.usageMetadata.cachedContentTokenCount;
|
|
173
197
|
}
|
|
198
|
+
if (parsed.usageMetadata.thoughtsTokenCount) {
|
|
199
|
+
tokens.reasoning = parsed.usageMetadata.thoughtsTokenCount;
|
|
200
|
+
}
|
|
174
201
|
}
|
|
175
202
|
|
|
176
203
|
// === 通用 model fallback ===
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.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}}
|