coding-tool-x 3.3.1 → 3.3.2

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

@@ -195,8 +195,12 @@ function createChannel(name, baseUrl, apiKey, model = 'gemini-2.5-pro', extraCon
   data.channels.push(newChannel);
   saveChannels(data);
 
-  // 写入 Gemini 配置文件
-  writeGeminiConfigForMultiChannel(data.channels);
+  // 仅在非动态切换模式下写入 Gemini 配置文件
+  const { getGeminiProxyStatus } = require('../gemini-proxy-server');
+  const proxyStatus = getGeminiProxyStatus();
+  if (!proxyStatus.running) {
+    writeGeminiConfigForMultiChannel(data.channels);
+  }
 
   return newChannel;
 }
@@ -237,9 +241,9 @@ function updateChannel(channelId, updates) {
   const proxyStatus = getGeminiProxyStatus();
   const isProxyRunning = proxyStatus.running;
 
-  // Single-channel enforcement: enabling a channel disables all others
-  // (applies regardless of proxy state — user intent is to switch to this channel)
-  if (nextChannel.enabled && !oldChannel.enabled) {
+  // Single-channel enforcement: enabling a channel disables all others ONLY when proxy is OFF
+  // When proxy is ON (dynamic switching), multiple channels can be enabled simultaneously
+  if (!isProxyRunning && nextChannel.enabled && !oldChannel.enabled) {
     data.channels.forEach((ch, i) => {
       if (i !== index && ch.enabled) {
         ch.enabled = false;
@@ -258,12 +262,12 @@ function updateChannel(channelId, updates) {
 
   saveChannels(data);
 
-  // Sync .env whenever a channel becomes enabled (proxy OFF: immediate switch;
-  // proxy ON: pre-configures for when proxy stops)
-  if (nextChannel.enabled) {
+  // Only sync .env when proxy is OFF.
+  // In dynamic switching mode, defer local config writes until proxy stop.
+  if (!isProxyRunning && nextChannel.enabled) {
     console.log(`[Gemini Settings-sync] Channel "${nextChannel.name}" enabled, syncing .env...`);
     applyChannelToSettings(channelId, data.channels);
-  } else {
+  } else if (!isProxyRunning) {
     // 更新 Gemini 配置文件 (full rewrite for non-active-channel changes)
     writeGeminiConfigForMultiChannel(data.channels);
   }
@@ -352,8 +356,12 @@ async function deleteChannel(channelId) {
   data.channels.splice(index, 1);
   saveChannels(data);
 
-  // 更新 Gemini 配置文件
-  writeGeminiConfigForMultiChannel(data.channels);
+  // 仅在非动态切换模式下更新 Gemini 配置文件
+  const { getGeminiProxyStatus } = require('../gemini-proxy-server');
+  const proxyStatus = getGeminiProxyStatus();
+  if (!proxyStatus.running) {
+    writeGeminiConfigForMultiChannel(data.channels);
+  }
 
   return { success: true };
 }

package/src/server/services/gemini-settings-manager.js

@@ -138,6 +138,19 @@ function backupSettings() {
   }
 }
 
+// 只删除备份文件，不恢复（保留当前配置中用户对 MCP 等的修改）
+function deleteBackup() {
+  try {
+    if (fs.existsSync(getEnvBackupPath())) fs.unlinkSync(getEnvBackupPath());
+    if (fs.existsSync(getSettingsBackupPath())) fs.unlinkSync(getSettingsBackupPath());
+    console.log('Gemini backup files deleted');
+    return { success: true };
+  } catch (err) {
+    console.warn('Failed to delete Gemini backup files:', err.message);
+    return { success: false, error: err.message };
+  }
+}
+
 // 恢复配置
 function restoreSettings() {
   try {
@@ -257,6 +270,7 @@ module.exports = {
   writeSettings,
   backupSettings,
   restoreSettings,
+  deleteBackup,
   setProxyConfig,
   isProxyConfig,
   getCurrentProxyPort

package/src/server/services/mcp-service.js

@@ -419,12 +419,19 @@ function writeOpenCodeConfig(filePath, data) {
 // MCP 数据管理
 // ============================================================================
 
-function normalizeServerApps(apps = {}) {
+const DEFAULT_SERVER_APPS = {
+  claude: true,
+  codex: false,
+  gemini: false,
+  opencode: false
+};
+
+function normalizeServerApps(apps = {}, fallbackApps = DEFAULT_SERVER_APPS) {
   return {
-    claude: apps.claude !== undefined ? !!apps.claude : true,
-    codex: !!apps.codex,
-    gemini: !!apps.gemini,
-    opencode: !!apps.opencode
+    claude: apps.claude !== undefined ? !!apps.claude : !!fallbackApps.claude,
+    codex: apps.codex !== undefined ? !!apps.codex : !!fallbackApps.codex,
+    gemini: apps.gemini !== undefined ? !!apps.gemini : !!fallbackApps.gemini,
+    opencode: apps.opencode !== undefined ? !!apps.opencode : !!fallbackApps.opencode
   };
 }
 
@@ -455,7 +462,9 @@ function getServer(id) {
 /**
  * 保存 MCP 服务器（添加或更新）
  */
-async function saveServer(server) {
+async function saveServer(server, options = {}) {
+  const { syncPlatforms = true } = options;
+
   if (!server.id || !server.id.trim()) {
     throw new Error('MCP 服务器 ID 不能为空');
   }
@@ -464,25 +473,34 @@ async function saveServer(server) {
   validateServerSpec(server.server);
 
   const servers = getAllServers();
+  const existingServer = servers[server.id];
+  const previousApps = existingServer ? normalizeServerApps(existingServer.apps) : null;
 
   // 如果是新服务器，设置默认值
-  if (!servers[server.id]) {
+  if (!existingServer) {
     server.createdAt = Date.now();
+  } else {
+    server.createdAt = existingServer.createdAt || server.createdAt || Date.now();
   }
   server.updatedAt = Date.now();
 
   // 确保 apps 字段存在
   if (!server.apps) {
-    server.apps = { claude: true, codex: false, gemini: false, opencode: false };
+    // Updating a server without explicit app flags should preserve existing platform toggles.
+    server.apps = previousApps
+      ? normalizeServerApps(previousApps)
+      : normalizeServerApps(DEFAULT_SERVER_APPS);
   } else {
-    server.apps = normalizeServerApps(server.apps);
+    server.apps = normalizeServerApps(server.apps, previousApps || DEFAULT_SERVER_APPS);
   }
 
   servers[server.id] = server;
   writeJsonFile(MCP_SERVERS_FILE, servers);
 
   // 同步到各平台配置
-  await syncServerToAllPlatforms(server);
+  if (syncPlatforms) {
+    await syncServerToAllPlatforms(server, previousApps);
+  }
 
   return server;
 }
@@ -580,30 +598,37 @@ function validateServerSpec(spec) {
 /**
  * 同步服务器到所有已启用的平台
  */
-async function syncServerToAllPlatforms(server) {
+async function syncServerToAllPlatforms(server, previousApps = null) {
   const { apps } = server;
+  const previous = previousApps ? normalizeServerApps(previousApps) : null;
+
+  const shouldRemoveFromPlatform = (platform) => {
+    // For new servers we should not delete existing platform config implicitly.
+    if (!previous) return false;
+    return previous[platform] && !apps[platform];
+  };
 
   if (apps.claude) {
     await syncServerToPlatform(server, 'claude');
-  } else {
+  } else if (shouldRemoveFromPlatform('claude')) {
     await removeServerFromPlatform(server.id, 'claude');
   }
 
   if (apps.codex) {
     await syncServerToPlatform(server, 'codex');
-  } else {
+  } else if (shouldRemoveFromPlatform('codex')) {
     await removeServerFromPlatform(server.id, 'codex');
   }
 
   if (apps.gemini) {
     await syncServerToPlatform(server, 'gemini');
-  } else {
+  } else if (shouldRemoveFromPlatform('gemini')) {
     await removeServerFromPlatform(server.id, 'gemini');
   }
 
   if (apps.opencode) {
     await syncServerToPlatform(server, 'opencode');
-  } else {
+  } else if (shouldRemoveFromPlatform('opencode')) {
     await removeServerFromPlatform(server.id, 'opencode');
   }
 }

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

@@ -245,6 +245,23 @@ function saveChannelOrder(order) {
   saveChannels(data);
 }
 
+function applyChannelToSettings(channelId) {
+  const data = loadChannels();
+  const channel = data.channels.find(c => c.id === channelId);
+
+  if (!channel) {
+    throw new Error('Channel not found');
+  }
+
+  // In single-channel mode, only this channel should be enabled
+  data.channels.forEach(ch => {
+    ch.enabled = ch.id === channelId;
+  });
+  saveChannels(data);
+
+  return channel;
+}
+
 function loadCodexChannels() {
   const filePath = getCodexChannelsFilePath();
   if (!fs.existsSync(filePath)) {
@@ -361,6 +378,7 @@ module.exports = {
   deleteChannel,
   getEnabledChannels,
   saveChannelOrder,
+  applyChannelToSettings,
   getEffectiveApiKey,
   getEffectiveApiKeyCandidates
 };

package/src/server/services/opencode-sessions.js

@@ -441,11 +441,35 @@ function normalizeSession(session, projectId = null) {
   };
 }
 
+function isSessionLikeName(name) {
+  return /^ses_[a-z0-9_-]+$/i.test(name);
+}
+
+function getProjectDisplayName(project) {
+  const rawName = typeof project?.name === 'string' ? project.name.trim() : '';
+  const rawId = typeof project?.id === 'string' ? project.id.trim() : '';
+  const worktree = typeof project?.worktree === 'string' ? project.worktree.trim() : '';
+
+  // OpenCode 的 project.name 可能为空或异常写成会话ID，优先回退为目录名。
+  if (rawName && rawName !== rawId && !isSessionLikeName(rawName)) {
+    return rawName;
+  }
+
+  if (worktree) {
+    const dirName = path.basename(worktree);
+    if (dirName && dirName !== path.sep && dirName !== '.' && dirName !== '..') {
+      return dirName;
+    }
+  }
+
+  return rawName || rawId;
+}
+
 // 获取所有项目
 function getProjects() {
   const projects = getProjectRows().map((project) => ({
     name: project.id,
-    displayName: project.name || project.id,
+    displayName: getProjectDisplayName(project),
     fullPath: project.worktree || '/',
     path: project.worktree || '/',
     sessionCount: Number(project.session_count) || 0,

package/src/server/services/opencode-settings-manager.js

@@ -442,6 +442,21 @@ function restoreSettings() {
   return { success: restored };
 }
 
+// 只删除备份文件，不恢复（保留当前配置中用户对 MCP 等的修改）
+function deleteBackup() {
+  try {
+    [CONFIG_PATHS.opencodec, CONFIG_PATHS.opencode, CONFIG_PATHS.config].forEach(p => {
+      const bp = getBackupPath(p);
+      if (fs.existsSync(bp)) fs.unlinkSync(bp);
+    });
+    console.log('[OpenCode] Backup files deleted');
+    return { success: true };
+  } catch (err) {
+    console.warn('[OpenCode] Failed to delete backup files:', err.message);
+    return { success: false, error: err.message };
+  }
+}
+
 function isProxyConfig() {
   try {
     const filePath = selectConfigPath();
@@ -472,6 +487,7 @@ module.exports = {
   hasBackup,
   setProxyConfig,
   restoreSettings,
+  deleteBackup,
   isProxyConfig,
   getCurrentProxyPort,
   CONFIG_PATHS

package/dist/web/assets/Home-DHYMMKOU.js

@@ -1 +0,0 @@
-import{d as e}from"./vendors-DMjSfzlv.js";import{a8 as a,f as l,r as n,w as s,h as c,K as t,a7 as o,c as i,o as u,a as d,W as r,X as v,a0 as p,Y as h,N as y,a3 as g,_ as m,p as f,F as k,$ as T,L as b,Z as x,v as C}from"./vue-vendor-DET08QYg.js";import{_,u as w,a as $,R as z,g as q,b as S,c as L,d as I,e as O,f as j,t as M,h as N,i as A,j as F,k as P,l as U,m as D,n as E,o as V,s as J}from"./index-ZttxvTKw.js";import{E as G,o as K,n as R,m as Z,ar as B,R as H,as as W,at as X,au as Y,av as Q,aa as ee,i as ae,A as le,aw as ne,ax as se,T as ce,a as te}from"./icons-B29onFfZ.js";import{L as oe,N as ie,c as ue,b as de,a as re,Z as ve,B as pe,s as he}from"./naive-ui-CxpuzdjU.js";import"./markdown-C9MYpaSi.js";const ye={class:"channel-column"},ge={class:"drag-handle",title:"拖拽排序"},me={class:"header-icon"},fe={class:"channel-title"},ke={class:"mcp-quick-panel"},Te={class:"panel-title"},be={key:0,class:"no-items"},xe={key:1,class:"mcp-quick-list"},Ce={class:"mcp-item-icon"},_e={class:"mcp-item-info"},we={class:"mcp-item-name"},$e={class:"mcp-item-type"},ze={key:1,class:"claude-extra-area"},qe={class:"skills-quick-panel"},Se={class:"panel-title"},Le={key:0,class:"no-items"},Ie={key:1,class:"skills-quick-list"},Oe={class:"skill-item-icon"},je={class:"skill-item-info"},Me={class:"skill-item-name"},Ne={class:"skill-item-desc"},Ae={key:0,class:"channel-content"},Fe={class:"card"},Pe={class:"card-header"},Ue={key:0,class:"runtime-badge"},De={class:"card-body",style:{padding:"6px 10px"}},Ee={class:"proxy-info-row"},Ve={class:"proxy-status"},Je={class:"proxy-port"},Ge={class:"channel-name"},Ke={class:"channel-quick-panel"},Re={class:"panel-title"},Ze={key:0,class:"no-channels"},Be={key:1,class:"channel-quick-list"},He={class:"channel-quick-info"},We={class:"channel-quick-name"},Xe={key:0,class:"channel-switching-tip"},Ye={class:"channel-metrics"},Qe={class:"metric-item"},ea={class:"metric-value"},aa={class:"metric-item"},la={class:"metric-value"},na={class:"metric-item"},sa={class:"metric-value"},ca={class:"metric-item"},ta={class:"card"},oa={class:"card-header compact"},ia={class:"card-body",style:{padding:"8px 10px"}},ua={class:"quick-access-list"},da={class:"access-icon"},ra={class:"access-content"},va={class:"access-value"},pa={class:"access-icon"},ha={class:"access-content"},ya={class:"access-value"},ga={class:"access-icon"},ma={class:"access-content"},fa={class:"access-goto"},ka={class:"card-header compact"},Ta={class:"card-body",style:{padding:"8px 10px"}},ba={class:"stats-inline stats-3col"},xa={class:"stat-inline-item stat-requests"},Ca={class:"stat-info"},_a={class:"stat-inline-item stat-input"},wa={class:"stat-info"},$a={class:"stat-inline-item stat-output"},za={class:"stat-info"},qa={key:1,class:"card logs-card"},Sa={class:"card-header compact"},La={class:"card-body logs-card-body"},Ia={class:"logs-table-wrapper"},Oa={key:0,class:"empty-logs"},ja={key:0,class:"action-content"},Ma={class:"action-msg"},Na={class:"action-time"},Aa={class:"locked-content"},Fa={class:"lock-icon"},Pa="channelLocks",Ua=_({__name:"ChannelColumn",props:{channelType:{type:String,required:!0,validator:e=>["claude","codex","gemini","opencode"].includes(e)}},setup(e){let _=null,V=null;const J=e,Ua=a(),Da=oe(),{claudeProxy:Ea,codexProxy:Va,geminiProxy:Ja,opencodeProxy:Ga,claudeChannels:Ka,codexChannels:Ra,geminiChannels:Za,opencodeChannels:Ba,schedulerState:Ha,getProxyState:Wa,startProxy:Xa,stopProxy:Ya,getLogs:Qa,clearLogsForSource:el,loadChannels:al,logLimit:ll,statsInterval:nl}=w(),{dashboardData:sl,loadDashboard:cl}=$(),tl={claude:{title:"ClaudeCode",subtitle:"智能编程助手",icon:Z},codex:{title:"Codex-CLI",subtitle:"高效代码生成",icon:R},gemini:{title:"Gemini-CLI",subtitle:"多模态AI助手",icon:K},opencode:{title:"OpenCode",subtitle:"AI 代码助手",icon:G}},ol=l(()=>tl[J.channelType].title);l(()=>tl[J.channelType].subtitle);const il=l(()=>tl[J.channelType].icon),ul=l(()=>"claude"===J.channelType?Ea.value:"codex"===J.channelType?Va.value:"gemini"===J.channelType?Ja.value:"opencode"===J.channelType?Ga.value:{}),dl=l(()=>"claude"===J.channelType?"Claude":"codex"===J.channelType?"Codex":"gemini"===J.channelType?"Gemini":"opencode"===J.channelType?"OpenCode":""),rl=n({projects:0,sessions:0}),vl=n({requests:0,tokens:0,cost:0}),pl=n({requests:0,tokens:0,cost:0}),hl={requests:0,tokens:0,cost:3};let yl={requests:null,tokens:null,cost:null};const gl=n({requests:!1,tokens:!1,cost:!1}),ml=l(()=>{var e,a,l;const n="claude"===J.channelType?"claude":"codex"===J.channelType?"codex":"opencode"===J.channelType?"opencode":"gemini";return(null==(l=null==(a=null==(e=sl.value)?void 0:e.todayStats)?void 0:a[n])?void 0:l.byModel)||{}});function fl(e,a,l,n=600){yl[e]&&cancelAnimationFrame(yl[e]),gl.value[e]=!0;const s=Date.now(),c=()=>{const t=Date.now()-s,o=Math.min(t/n,1),i=1-Math.pow(1-o,2),u=a+(l-a)*i,d=hl[e]??0,r=Math.pow(10,d),v=d>0?Math.round(u*r)/r:Math.round(u);pl.value[e]=v,o<1?yl[e]=requestAnimationFrame(c):gl.value[e]=!1};yl[e]=requestAnimationFrame(c)}const kl=n(!1),Tl=n(0),bl=n([]),xl=n(0),Cl=n([]),_l=l(()=>({claude:"Claude",codex:"Codex",gemini:"Gemini",opencode:"OpenCode"}[J.channelType]||""));async function wl(){if(["claude","codex","gemini","opencode"].includes(J.channelType))try{const e=await O(!1,J.channelType);if(e.success&&e.skills){const a=e.skills.filter(e=>e.installed);Tl.value=a.length,bl.value=a.slice(0,10).map(e=>({...e,_uninstalling:!1}))}}catch(e){}}async function $l(e=!1){try{const a=await async function(e=!1){if(!e&&_)return _;if(!e&&V)return V;const a=D().then(e=>(_=(null==e?void 0:e.success)&&e.servers?Object.values(e.servers):[],_)).finally(()=>{V=null});return V=a,a}(e),l=a.filter(e=>{var a;return!0===(null==(a=e.apps)?void 0:a[J.channelType])});xl.value=l.length,Cl.value=l.slice(0,10).map(e=>({...e,_toggling:!1}))}catch(a){}}function zl(e){try{const a=localStorage.getItem(Pa),l=a?JSON.parse(a):{};l[J.channelType]=e,localStorage.setItem(Pa,JSON.stringify(l))}catch(a){}}const ql=n(function(){try{const e=localStorage.getItem(Pa);if(e){return JSON.parse(e)[J.channelType]||!1}}catch(e){}return!1}());async function Sl(){ql.value=!ql.value,zl(ql.value);try{if(await E("channelLocks",J.channelType,ql.value),sl.value){const e=sl.value.uiConfig||{},a={...e.channelLocks||{}};a[J.channelType]=ql.value,sl.value={...sl.value,uiConfig:{...e,channelLocks:a}}}}catch(e){}}const Ll=n(!0);function Il(e){e.detail&&void 0!==e.detail.showLogs&&(Ll.value=e.detail.showLogs)}const Ol=n(Date.now()),jl=l(()=>{if(!ul.value.running)return"";const e=ul.value.startTime;if(!e)return"";const a=Ol.value-e;if(a<=0)return"";const l=Math.floor(a/1e3),n=Math.floor(l/3600),s=Math.floor(l%3600/60),c=l%60;let t="已运行 ";return n>0&&(t+=`${n}小时`),s>0&&(t+=`${s}分`),(c>0||0===n&&0===s)&&(t+=`${c}秒`),t}),Ml=n(null),Nl=l(()=>ll.value),Al={claude:Qa("claude"),codex:Qa("codex"),gemini:Qa("gemini"),opencode:Qa("opencode")},Fl=l(()=>((Al[J.channelType]||Al.claude).value||[]).slice(0,Nl.value));let Pl=null,Ul=null,Dl=null,El=!1,Vl=null;const Jl=l(()=>{let e=[];"claude"===J.channelType?e=Ka.value||[]:"codex"===J.channelType?e=Ra.value||[]:"gemini"===J.channelType?e=Za.value||[]:"opencode"===J.channelType&&(e=Ba.value||[]);return[...e.filter(e=>!1!==e.enabled),...e.filter(e=>!1===e.enabled)]});function Gl(e){const a=Ha[J.channelType];if(!a||!a.channels)return 0;const l=a.channels.find(a=>a.id===e);return l?l.inflight:0}const Kl=l(()=>{var e;const a=Jl.value.filter(e=>!1!==e.enabled).length;return(null==(e=ul.value.proxy)?void 0:e.running)?`${a}个渠道调度中`:Jl.value.length>0?`${a}个渠道已启用`:"无渠道"}),Rl=n({});function Zl(e){return Rl.value[e]||{requests:0,tokens:0,cost:0}}async function Bl(){var e;try{let a;if("claude"===J.channelType?a=await q():"codex"===J.channelType?a=await S():"gemini"===J.channelType?a=await L():"opencode"===J.channelType&&(a=await I()),a&&a.byChannel){const l={};for(const[n,s]of Object.entries(a.byChannel))l[n]={requests:s.requests||0,tokens:(null==(e=s.tokens)?void 0:e.total)||0,cost:s.cost||0};Rl.value=l}}catch(a){}}async function Hl(e){var a,l;const n=Wa(J.channelType);n.value.loading=!0;try{let a;a=e?await Xa(J.channelType):await Ya(J.channelType),!1!==a.success?Da.success(e?`${ol.value} 代理已启动`:`${ol.value} 代理已停止`):(Da.error(a.error||"操作失败"),n.value.running=!e)}catch(s){Da.error((null==(l=null==(a=s.response)?void 0:a.data)?void 0:l.error)||s.message||"操作失败"),n.value.running=!e}finally{n.value.loading=!1}}function Wl(){Ua.push({name:`${J.channelType}-projects`})}function Xl(){Ua.push({name:`${J.channelType}-projects`})}s(Fl,e=>{var a;const l=(null==(a=e[0])?void 0:a.id)||null;if(!l||l===Pl)return void(Pl=l);Pl=l,Vl&&clearTimeout(Vl),Vl=setTimeout(()=>{Bl()},5e3);(!Ml.value||Ml.value.scrollTop<20)&&C(()=>{Ml.value&&(Ml.value.scrollTop=0)})}),s(()=>vl.value.requests,e=>{fl("requests",pl.value.requests,e,600)}),s(()=>vl.value.tokens,e=>{fl("tokens",pl.value.tokens,e,600)}),s(()=>vl.value.cost,e=>{fl("cost",pl.value.cost,e,600)}),s(()=>J.channelType,()=>{var e;Pl=(null==(e=Fl.value[0])?void 0:e.id)||null}),s(()=>{var e,a;return null==(a=null==(e=sl.value)?void 0:e.counts)?void 0:a[J.channelType]},()=>{an()}),s(nl,()=>{El&&function(){Ul&&(clearInterval(Ul),Ul=null);const e=nl.value||30,a=Math.max(1e3*e,1e4);Ul=setInterval(()=>{ln(),Bl()},a)}()});const Yl=n({});function Ql(e){return!!Yl.value[e]}function en(e,a){e&&(Yl.value={...Yl.value,[e]:!!a})}function an(){var e,a;const l=null==(a=null==(e=sl.value)?void 0:e.counts)?void 0:a[J.channelType];rl.value.projects=(null==l?void 0:l.projectCount)||0,rl.value.sessions=(null==l?void 0:l.sessionCount)||0}async function ln(){if(sl.value&&sl.value.todayStats){const e=sl.value.todayStats[J.channelType];e&&(vl.value.requests=e.requests||0,vl.value.tokens=e.tokens||0,vl.value.cost=e.cost||0)}an()}function nn(){el(J.channelType)}function sn(){window.dispatchEvent(new CustomEvent("open-skills-drawer",{detail:{platform:J.channelType}}))}return c(async()=>{await Promise.all([cl().then(()=>ln()),Bl()]),wl(),$l(),async function(){var e,a;try{if(sl.value&&sl.value.uiConfig)Ll.value=!1!==(null==(e=sl.value.uiConfig.panelVisibility)?void 0:e.showLogs);else{const e=await j();e.success&&e.config&&(Ll.value=!1!==(null==(a=e.config.panelVisibility)?void 0:a.showLogs))}}catch(l){}}(),async function(){var e,a;try{let l=!1;if(sl.value&&sl.value.uiConfig)l=(null==(e=sl.value.uiConfig.channelLocks)?void 0:e[J.channelType])||!1;else{const e=await j();e.success&&e.config&&(l=(null==(a=e.config.channelLocks)?void 0:a[J.channelType])||!1)}ql.value=l,zl(l)}catch(l){}}(),window.addEventListener("panel-visibility-change",Il),pl.value={...vl.value},El=!0,Dl=setInterval(()=>{Ol.value=Date.now()},1e3)}),t(()=>{El=!1,Ul&&clearInterval(Ul),Dl&&clearInterval(Dl),Vl&&clearTimeout(Vl),window.removeEventListener("panel-visibility-change",Il),Object.values(yl).forEach(e=>{e&&cancelAnimationFrame(e)})}),(a,l)=>{const n=o("n-collapse");return u(),i("div",ye,[d("div",{class:b(["channel-header",e.channelType])},[d("div",ge,[v(y(ie),{size:16},{default:h(()=>[v(y(B))]),_:1})]),d("div",me,[v(y(ie),{size:20},{default:h(()=>[(u(),p(g(il.value)))]),_:1})]),d("h2",fe,m(ol.value),1),xl.value>0?(u(),p(y(ve),{key:0,trigger:"click",placement:"bottom",width:340,class:"mcp-popover"},{trigger:h(()=>[v(y(re),{type:"info",size:"small",bordered:!1,class:"mcp-count-tag clickable"},{default:h(()=>[f(" 已启用 "+m(xl.value)+" 个 MCP ",1)]),_:1})]),default:h(()=>[d("div",ke,[d("div",Te,[l[3]||(l[3]=d("span",null,"已启用的 MCP 服务",-1)),v(y(ue),{depth:"3",style:{"font-size":"11px"}},{default:h(()=>[f(m(_l.value)+" 平台",1)]),_:1})]),0===Cl.value.length?(u(),i("div",be,[v(y(ue),{depth:"3"},{default:h(()=>[...l[4]||(l[4]=[f("暂无启用的 MCP 服务",-1)])]),_:1})])):(u(),i("div",xe,[(u(!0),i(k,null,T(Cl.value,e=>(u(),i("div",{key:e.id,class:"mcp-quick-item"},[d("div",Ce,[v(y(ie),{size:14},{default:h(()=>[v(y(H))]),_:1})]),d("div",_e,[d("span",we,m(e.name),1),d("span",$e,m(e.transportType||"stdio"),1)]),v(y(de),{size:"small",value:!0,"onUpdate:value":a=>async function(e,a){e._toggling=!0;try{await M(e.id,J.channelType,a),Da.success(a?`已启用 ${e.name}`:`已禁用 ${e.name}`),await $l(!0)}catch(l){Da.error("操作失败: "+(l.message||"未知错误"))}finally{e._toggling=!1}}(e,a),loading:e._toggling},null,8,["onUpdate:value","loading"])]))),128))]))])]),_:1})):r("",!0),["claude","codex","gemini","opencode"].includes(e.channelType)?(u(),i("div",ze,[Tl.value>0?(u(),p(y(ve),{key:0,trigger:"click",placement:"bottom",width:340,class:"skills-popover"},{trigger:h(()=>[v(y(re),{type:"success",size:"small",bordered:!1,class:"skills-count-tag clickable"},{default:h(()=>[f(m(Tl.value)+" 个技能 ",1)]),_:1})]),default:h(()=>[d("div",qe,[d("div",Se,[l[6]||(l[6]=d("span",null,"已安装的技能",-1)),v(y(pe),{text:"",size:"tiny",onClick:sn},{default:h(()=>[...l[5]||(l[5]=[f(" 管理全部 ",-1)])]),_:1})]),0===bl.value.length?(u(),i("div",Le,[v(y(ue),{depth:"3"},{default:h(()=>[...l[7]||(l[7]=[f("暂无已安装的技能",-1)])]),_:1})])):(u(),i("div",Ie,[(u(!0),i(k,null,T(bl.value,e=>(u(),i("div",{key:e.id,class:"skill-quick-item"},[d("div",Oe,[v(y(ie),{size:14},{default:h(()=>[v(y(G))]),_:1})]),d("div",je,[d("span",Me,m(e.name),1),d("span",Ne,m(e.description||"无描述"),1)]),v(y(pe),{size:"tiny",tertiary:"",type:"error",onClick:a=>async function(e){e._uninstalling=!0;try{const a=await N(e.directory,J.channelType);a.success?(Da.success(`已卸载 ${e.name}`),await wl()):Da.error(a.error||"卸载失败")}catch(a){Da.error("卸载失败: "+(a.message||"未知错误"))}finally{e._uninstalling=!1}}(e),loading:e._uninstalling},{default:h(()=>[...l[8]||(l[8]=[f(" 卸载 ",-1)])]),_:1},8,["onClick","loading"])]))),128))]))])]),_:1})):r("",!0),v(y(he),{trigger:"hover"},{trigger:h(()=>[v(y(pe),{text:"",class:"skills-button",onClick:sn,title:"Skills 技能管理"},{icon:h(()=>[v(y(ie),{size:18},{default:h(()=>[v(y(G))]),_:1})]),_:1})]),default:h(()=>[l[9]||(l[9]=f(" Skills 技能管理 ",-1))]),_:1})])):r("",!0),v(y(pe),{text:"",class:"lock-button",onClick:Sl,title:ql.value?"解锁此列":"锁定此列"},{icon:h(()=>[v(y(ie),{size:18},{default:h(()=>[ql.value?(u(),p(y(W),{key:0})):(u(),p(y(X),{key:1}))]),_:1})]),_:1},8,["title"])],2),ql.value?r("",!0):(u(),i("div",Ae,[d("div",Fe,[d("div",Pe,[v(y(ie),{size:16},{default:h(()=>[v(y(Y))]),_:1}),l[10]||(l[10]=d("h3",{class:"card-title"},"代理控制",-1)),ul.value.running&&jl.value?(u(),i("span",Ue,m(jl.value),1)):r("",!0),v(y(de),{value:ul.value.running,"onUpdate:value":[l[0]||(l[0]=e=>ul.value.running=e),Hl],loading:ul.value.loading,size:"small",style:{"margin-left":"auto"}},null,8,["value","loading"])]),d("div",De,[d("div",Ee,[d("div",Ve,[d("div",{class:b(["status-dot",{active:ul.value.running}])},null,2),v(y(ue),{type:ul.value.running?"success":"default",style:{"font-size":"12px"}},{default:h(()=>[f(m(ul.value.running?"运行中":"已停止"),1)]),_:1},8,["type"]),d("span",Je,"端口: "+m(ul.value.port),1)]),v(y(ve),{trigger:"click",placement:"bottom",width:320,class:"channel-popover"},{trigger:h(()=>[v(y(pe),{text:"",size:"tiny",class:"channel-status"},{default:h(()=>[d("span",Ge,m(Kl.value),1)]),_:1})]),default:h(()=>[d("div",Ke,[d("div",Re,[l[12]||(l[12]=d("span",null,"渠道快捷管理",-1)),v(y(ue),{depth:"3",style:{"font-size":"11px"}},{default:h(()=>[...l[11]||(l[11]=[f("点击开关切换状态",-1)])]),_:1})]),0===Jl.value.length?(u(),i("div",Ze,[v(y(ue),{depth:"3"},{default:h(()=>[...l[13]||(l[13]=[f("暂无配置渠道",-1)])]),_:1})])):(u(),i("div",Be,[(u(!0),i(k,null,T(Jl.value,e=>{var a,n;return u(),i("div",{key:e.id,class:b(["channel-quick-item",{disabled:!1===e.enabled}])},[d("div",He,[d("span",We,m(e.name),1),"frozen"===(null==(a=e.health)?void 0:a.status)?(u(),p(y(re),{key:0,size:"tiny",type:"error",bordered:!1},{default:h(()=>[...l[14]||(l[14]=[f(" 冻结 ",-1)])]),_:1})):r("",!0),v(y(de),{size:"small",value:!1!==e.enabled,"onUpdate:value":a=>async function(e,a){if(e&&!Ql(e.id)){en(e.id,!0);try{let l;"claude"===J.channelType?l=A:"codex"===J.channelType?l=F:"gemini"===J.channelType?l=P:"opencode"===J.channelType&&(l=U),l&&(await l(e.id,{enabled:a}),Da.success(a?`渠道「${e.name}」已启用`:`渠道「${e.name}」已停用`),await al())}catch(l){Da.error("操作失败: "+l.message)}finally{en(e.id,!1)}}}(e,a),loading:Ql(e.id),disabled:Ql(e.id),style:{"margin-left":"auto"}},null,8,["value","onUpdate:value","loading","disabled"])]),Ql(e.id)?(u(),i("div",Xe," 正在切换渠道状态... ")):r("",!0),d("div",Ye,[d("span",Qe,[l[15]||(l[15]=d("span",{class:"metric-label"},"请求",-1)),d("span",ea,m(Zl(e.id).requests),1)]),d("span",aa,[l[16]||(l[16]=d("span",{class:"metric-label"},"Tokens",-1)),d("span",la,m((n=Zl(e.id).tokens,n>=1e6?(n/1e6).toFixed(1)+"M":n>=1e3?(n/1e3).toFixed(1)+"K":n.toString())),1)]),d("span",na,[l[17]||(l[17]=d("span",{class:"metric-label"},"权重",-1)),d("span",sa,m(e.weight||1),1)]),d("span",ca,[l[18]||(l[18]=d("span",{class:"metric-label"},"并发",-1)),d("span",{class:b(["metric-value",{active:Gl(e.id)>0}])},m(Gl(e.id))+m(e.maxConcurrency?`/${e.maxConcurrency}`:""),3)])])],2)}),128))]))])]),_:1})])])]),d("div",ta,[d("div",oa,[v(y(ie),{size:14},{default:h(()=>[v(y(Q))]),_:1}),l[19]||(l[19]=d("h3",{class:"card-title"},"快速访问",-1))]),d("div",ia,[d("div",ua,[d("div",{class:"access-card access-card-projects clickable",onClick:Wl},[d("div",da,[v(y(ie),{size:16},{default:h(()=>[v(y(ee))]),_:1})]),d("div",ra,[l[20]||(l[20]=d("span",{class:"access-label"},"项目",-1)),d("span",va,m(rl.value.projects),1)])]),d("div",{class:"access-card access-card-sessions clickable",onClick:l[1]||(l[1]=e=>kl.value=!0)},[d("div",pa,[v(y(ie),{size:16},{default:h(()=>[v(y(ae))]),_:1})]),d("div",ha,[l[21]||(l[21]=d("span",{class:"access-label"},"最新对话",-1)),d("span",ya,m(rl.value.sessions),1)])]),d("div",{class:"access-card access-card-goto clickable",onClick:Xl},[d("div",ga,[v(y(ie),{size:16},{default:h(()=>[v(y(le))]),_:1})]),d("div",ma,[l[22]||(l[22]=d("span",{class:"access-label"},"前往",-1)),d("span",fa,m(dl.value),1)])])])])]),d("div",{class:b(["card stats-card",`stats-card-${e.channelType}`])},[d("div",ka,[v(y(ie),{size:14},{default:h(()=>[v(y(ne))]),_:1}),l[23]||(l[23]=d("h3",{class:"card-title"},"今日数据",-1))]),d("div",Ta,[d("div",ba,[d("div",xa,[l[25]||(l[25]=d("div",{class:"stat-icon-dot requests"},null,-1)),d("div",Ca,[l[24]||(l[24]=d("span",{class:"stat-label"},"请求",-1)),d("span",{class:b(["stat-value",{animating:gl.value.requests}])},m(pl.value.requests),3)])]),d("div",_a,[l[27]||(l[27]=d("div",{class:"stat-icon-dot tokens"},null,-1)),d("div",wa,[l[26]||(l[26]=d("span",{class:"stat-label"},"总 Tokens",-1)),d("span",{class:b(["stat-value",{animating:gl.value.tokens}])},m((c=pl.value.tokens,c>=1e6?(c/1e6).toFixed(1)+"M":c>=1e3?(c/1e3).toFixed(1)+"K":c.toString())),3)])]),d("div",$a,[l[29]||(l[29]=d("div",{class:"stat-icon-dot cost"},null,-1)),d("div",za,[l[28]||(l[28]=d("span",{class:"stat-label"},"成本 / USD",-1)),d("span",{class:b(["stat-value",{animating:gl.value.cost}])},m((s=pl.value.cost,!s||Number.isNaN(s)?"$0":"$"+Number(s).toFixed(3))),3)])])])])],2),Object.keys(ml.value).length>0?(u(),i("div",{key:0,class:b(["card chart-card",`chart-card-${e.channelType}`])},[v(n,{"default-expanded-names":[],accordion:""})],2)):r("",!0),Ll.value?(u(),i("div",qa,[d("div",Sa,[v(y(ie),{size:14},{default:h(()=>[v(y(se))]),_:1}),l[30]||(l[30]=d("h3",{class:"card-title"},"实时日志",-1)),v(y(pe),{text:"",size:"tiny",onClick:x(nn,["stop"]),style:{"margin-left":"auto"},title:"清空日志"},{icon:h(()=>[v(y(ie),{size:14},{default:h(()=>[v(y(ce))]),_:1})]),_:1})]),d("div",La,[d("div",Ia,[d("div",{class:b(["logs-table-header",`logs-header-${e.channelType}`])},[d("div",{class:b(["log-col col-channel",`col-channel-${e.channelType}`])},"渠道",2),d("div",{class:b(["log-col col-token",`col-token-${e.channelType}`])},"请求",2),d("div",{class:b(["log-col col-token",`col-token-${e.channelType}`])},"回复",2),"claude"===e.channelType?(u(),i(k,{key:0},[d("div",{class:b(["log-col col-token",`col-token-${e.channelType}`])},"写入",2),d("div",{class:b(["log-col col-token",`col-token-${e.channelType}`])},"命中",2)],64)):"codex"===e.channelType?(u(),i(k,{key:1},[d("div",{class:b(["log-col col-token",`col-token-${e.channelType}`])},"推理",2),d("div",{class:b(["log-col col-token",`col-token-${e.channelType}`])},"缓存",2)],64)):"gemini"===e.channelType?(u(),i(k,{key:2},[d("div",{class:b(["log-col col-token",`col-token-${e.channelType}`])},"缓存",2),d("div",{class:b(["log-col col-token",`col-token-${e.channelType}`])},"总计",2)],64)):"opencode"===e.channelType?(u(),i(k,{key:3},[d("div",{class:b(["log-col col-token",`col-token-${e.channelType}`])},"缓存",2),d("div",{class:b(["log-col col-token",`col-token-${e.channelType}`])},"总计",2)],64)):r("",!0),d("div",{class:b(["log-col col-time",`col-time-${e.channelType}`])},"时间",2)],2),d("div",{class:"logs-container",ref_key:"logsContainer",ref:Ml},[0===Fl.value.length?(u(),i("div",Oa,[v(y(ie),{size:32,depth:"3",style:{"margin-bottom":"8px"}},{default:h(()=>[v(y(se))]),_:1}),v(y(ue),{depth:"3",style:{"font-size":"12px","font-weight":"500"}},{default:h(()=>[...l[31]||(l[31]=[f("暂无实时日志",-1)])]),_:1}),v(y(ue),{depth:"3",style:{"font-size":"11px","margin-top":"4px"}},{default:h(()=>[...l[32]||(l[32]=[f("开启代理后将显示请求记录",-1)])]),_:1})])):r("",!0),(u(!0),i(k,null,T(Fl.value,a=>{var l,n,s,c,t,o,p,g,T,x;return u(),i("div",{key:a.id,class:b(["log-row",{"action-row":"action"===a.type,"new-log":a.isNew}])},["action"===a.type?(u(),i("div",ja,[v(y(ie),{size:12,color:"#18a058"},{default:h(()=>[v(y(te))]),_:1}),d("span",Ma,m(a.message),1),d("span",Na,m(a.time),1)])):(u(),i(k,{key:1},[d("div",{class:b(["log-col col-channel",`col-channel-${e.channelType}`])},[v(y(re),{size:"tiny",type:"success"},{default:h(()=>[f(m(a.channel),1)]),_:2},1024)],2),d("div",{class:b(["log-col col-token",`col-token-${e.channelType}`])},m((null==(l=a.tokens)?void 0:l.input)||0),3),d("div",{class:b(["log-col col-token",`col-token-${e.channelType}`])},m((null==(n=a.tokens)?void 0:n.output)||0),3),"claude"===e.channelType?(u(),i(k,{key:0},[d("div",{class:b(["log-col col-token",`col-token-${e.channelType}`])},m((null==(s=a.tokens)?void 0:s.cacheCreation)||0),3),d("div",{class:b(["log-col col-token",`col-token-${e.channelType}`])},m((null==(c=a.tokens)?void 0:c.cacheRead)||0),3)],64)):"codex"===e.channelType?(u(),i(k,{key:1},[d("div",{class:b(["log-col col-token",`col-token-${e.channelType}`])},m((null==(t=a.tokens)?void 0:t.reasoning)||0),3),d("div",{class:b(["log-col col-token",`col-token-${e.channelType}`])},m((null==(o=a.tokens)?void 0:o.cached)||0),3)],64)):"gemini"===e.channelType?(u(),i(k,{key:2},[d("div",{class:b(["log-col col-token",`col-token-${e.channelType}`])},m((null==(p=a.tokens)?void 0:p.cached)||0),3),d("div",{class:b(["log-col col-token",`col-token-${e.channelType}`])},m((null==(g=a.tokens)?void 0:g.total)||0),3)],64)):"opencode"===e.channelType?(u(),i(k,{key:3},[d("div",{class:b(["log-col col-token",`col-token-${e.channelType}`])},m((null==(T=a.tokens)?void 0:T.cached)||0),3),d("div",{class:b(["log-col col-token",`col-token-${e.channelType}`])},m((null==(x=a.tokens)?void 0:x.total)||0),3)],64)):r("",!0),d("div",{class:b(["log-col col-time",`col-time-${e.channelType}`])},m(a.time),3)],64))],2)}),128))],512)])])])):r("",!0)])),ql.value?(u(),i("div",{key:1,class:b(["locked-overlay",`locked-${e.channelType}`])},[d("div",Aa,[d("div",Fa,[v(y(ie),{size:48},{default:h(()=>[v(y(W))]),_:1})]),l[34]||(l[34]=d("h3",{class:"locked-title"},"该渠道已锁定",-1)),v(y(ue),{depth:"3",class:"locked-hint"},{default:h(()=>[...l[33]||(l[33]=[f(" 点击上方按钮解锁以查看内容 ",-1)])]),_:1})])],2)):r("",!0),v(z,{visible:kl.value,"onUpdate:visible":l[2]||(l[2]=e=>kl.value=e),channel:e.channelType},null,8,["visible","channel"])]);var s,c}}},[["__scopeId","data-v-dbbe466d"]]),Da=n({theme:"light",panelVisibility:{showChannels:!0,showLogs:!0},channelLocks:{claude:!1,codex:!1,gemini:!1},channelCollapse:{claude:[],codex:[],gemini:[]},channelOrder:{claude:[],codex:[],gemini:[]}});let Ea=!1,Va=null;async function Ja(){return Ea?Da.value:Va||(Va=(async()=>{try{const e=await j();e.success&&e.config&&(Da.value=e.config,Ea=!0)}catch(e){}finally{Va=null}return Da.value})(),Va)}const Ga={class:"dashboard-container"},Ka="dashboardChannelOrder",Ra=_({__name:"Home",setup(a){const l=["claude","codex","gemini","opencode"],{uiConfig:s,updateConfig:t,loadUIConfig:o}=(Ea||Ja(),{uiConfig:Da,loadUIConfig:Ja,saveConfig:async function(e){try{const a=await J(e);return!!a.success&&(Da.value=a.config,!0)}catch(a){return!1}},updateConfig:async function(e,a){try{const l=await V(e,a);return!!l.success&&(Da.value=l.config,!0)}catch(l){return!1}},updateNestedConfig:async function(e,a,l){try{const n=await E(e,a,l);return!!n.success&&(Da.value=n.config,!0)}catch(n){return!1}}});function d(e){try{localStorage.setItem(Ka,JSON.stringify(e))}catch(a){}}const r=n(function(){try{const e=localStorage.getItem(Ka);if(e){const a=JSON.parse(e);if(Array.isArray(a)&&4===a.length)return a}}catch(e){}return l}().map(e=>({type:e})));async function g(){const e=r.value.map(e=>e.type);d(e),await t("dashboardChannelOrder",e)}return c(async()=>{if(await o(),s.value.dashboardChannelOrder&&Array.isArray(s.value.dashboardChannelOrder)&&4===s.value.dashboardChannelOrder.length){const e=s.value.dashboardChannelOrder;r.value=e.map(e=>({type:e})),d(e)}}),(a,l)=>(u(),i("div",Ga,[v(y(e),{modelValue:r.value,"onUpdate:modelValue":l[0]||(l[0]=e=>r.value=e),class:"dashboard-grid","item-key":"type",animation:200,handle:".drag-handle",onEnd:g},{item:h(({element:e})=>[(u(),p(Ua,{"channel-type":e.type,key:e.type},null,8,["channel-type"]))]),_:1},8,["modelValue"])]))}},[["__scopeId","data-v-06100f0f"]]);export{Ra as default};

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

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