dsh-x-core 0.1.26-rc.2 → 0.1.26-rc.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dsh-x-core",
   "productName": "DSH",
-  "version": "0.1.26-rc.2",
+  "version": "0.1.26-rc.4",
   "private": false,
   "type": "module",
   "main": "server.js",

package/perf/plugin-profile.mjs

@@ -10,6 +10,7 @@
  * loader 钩子锚点匹配不到时（dsh 升级改了实现）没有 entry 时间线，但采样仍然有效。
  */
 import { Session } from 'node:inspector/promises'
+import { registerHooks } from 'node:module'
 import { mkdirSync, renameSync, writeFileSync } from 'node:fs'
 import { join } from 'node:path'
 
@@ -38,6 +39,48 @@ let startedAt = 0
 let timer = null
 let cap = null
 let stopped = false
+/** 同步 loader 钩子：启动期解析/读取每个模块花的时间，按「谁触发」和「读的是谁」记。 */
+let moduleHooks = null
+const resolveCalls = []
+const loadCalls = []
+/** 启动期模块数不设死上限，但真有异常多的情况也不让数组无限长。 */
+const MODULE_CALL_LIMIT = 100_000
+
+function installModuleTiming() {
+  if (moduleHooks) return
+  try {
+    moduleHooks = registerHooks({
+      resolve(specifier, context, nextResolve) {
+        const started = performance.now()
+        const result = nextResolve(specifier, context)
+        if (resolveCalls.length < MODULE_CALL_LIMIT) {
+          resolveCalls.push({
+            parent: context.parentURL || '',
+            specifier: String(specifier),
+            url: String(result?.url || ''),
+            us: (performance.now() - started) * 1000,
+          })
+        }
+        return result
+      },
+      load(url, context, nextLoad) {
+        const started = performance.now()
+        const result = nextLoad(url, context)
+        if (loadCalls.length < MODULE_CALL_LIMIT) {
+          loadCalls.push({ url: String(url || ''), us: (performance.now() - started) * 1000 })
+        }
+        return result
+      },
+    })
+  } catch {
+    moduleHooks = null
+  }
+}
+
+function stopModuleTiming() {
+  try { moduleHooks?.deregister() } catch { /* ignore */ }
+  moduleHooks = null
+}
 
 function packageOf(url, names) {
   const normalized = String(url || '').replace(/\\/g, '/')
@@ -53,11 +96,20 @@ function packageOf(url, names) {
   return '(其他)'
 }
 
-function summarize(cpuProfile, heapProfile) {
-  const names = new Set(entries.map((row) => row.name).filter((name) => name && !name.startsWith('cordis:')))
+export function summarize(cpuProfile, heapProfile, timing = { resolveCalls, loadCalls }, pluginNames = null) {
+  const names = new Set(pluginNames ?? entries.map((row) => row.name).filter((name) => name && !name.startsWith('cordis:')))
   const nodes = new Map((cpuProfile.nodes || []).map((node) => [node.id, node]))
+  // 没有 URL 的帧（open/readFileUtf8/spawn/GC…）往上找最近的 JS 调用方，
+  // 才能回答「这个插件在启动时到底占了多久」；找不到调用方的才记成未归属。
+  const parentOf = new Map()
+  for (const node of cpuProfile.nodes || []) {
+    // V8 的 children 里存的是节点 id（不是节点对象），按 id 建反向表。
+    for (const child of node.children || []) parentOf.set(child, node)
+  }
   const cpuUs = new Map()
+  const nativeByPackage = new Map()
   const nativeUs = new Map()
+  let nativeUnattributedUs = 0
   let totalUs = 0
   let idleUs = 0
   const samples = cpuProfile.samples || []
@@ -70,9 +122,18 @@ function summarize(cpuProfile, heapProfile) {
     if (fn === '(idle)' || fn === '(root)') { idleUs += delta; continue }
     const url = node?.callFrame?.url || ''
     if (!url) {
-      // 没有 URL 的帧：GC、V8 编译/内置函数。单列出来，否则会盖住插件的账。
+      // 没有 URL 的帧：GC、V8 编译/内置函数。按调用方归属，同时保留系统调用分类。
       const key = fn || '(匿名原生)'
       nativeUs.set(key, (nativeUs.get(key) || 0) + delta)
+      let owner = parentOf.get(node?.id)
+      let ownerPkg = ''
+      while (owner) {
+        const ownerUrl = owner.callFrame?.url
+        if (ownerUrl) { ownerPkg = packageOf(ownerUrl, names); break }
+        owner = parentOf.get(owner.id)
+      }
+      if (ownerPkg) nativeByPackage.set(ownerPkg, (nativeByPackage.get(ownerPkg) || 0) + delta)
+      else nativeUnattributedUs += delta
       continue
     }
     const pkg = packageOf(url, names)
@@ -93,12 +154,85 @@ function summarize(cpuProfile, heapProfile) {
   }
   walk(heapProfile?.head)
 
-  const packages = [...new Set([...cpuUs.keys(), ...allocBytes.keys()])].map((name) => ({
-    name,
-    cpuMs: Math.round((cpuUs.get(name) || 0) / 1000),
-    allocKB: Math.round((allocBytes.get(name) || 0) / 1024),
-    plugin: names.has(name),
-  })).sort((a, b) => b.cpuMs - a.cpuMs)
+  // 模块加载：resolve 的耗时记在「谁触发」上，load 记在「读的是谁」上；
+  // resolve 同时给出 import 边，最后沿依赖图把整棵子树的加载时间归到插件。
+  const moduleUs = new Map()
+  const moduleEdges = new Map()
+  const moduleRow = (name) => {
+    let row = moduleUs.get(name)
+    if (!row) { row = { resolveUs: 0, loadUs: 0 }; moduleUs.set(name, row) }
+    return row
+  }
+  let moduleTotalUs = 0
+  for (const call of timing.resolveCalls || []) {
+    moduleTotalUs += call.us
+    if (!call.parent) continue
+    const parent = packageOf(call.parent, names)
+    if (parent === '(Node 内部)' || parent === '(原生/GC)') continue
+    moduleRow(parent).resolveUs += call.us
+    const target = /^node:/.test(call.specifier) ? '(Node 内部)' : packageOf(call.url, names)
+    if (target === parent || target === '(Node 内部)' || target === '(原生/GC)') continue
+    if (!moduleEdges.has(parent)) moduleEdges.set(parent, new Set())
+    moduleEdges.get(parent).add(target)
+  }
+  for (const call of timing.loadCalls || []) {
+    moduleTotalUs += call.us
+    const pkg = packageOf(call.url, names)
+    if (pkg === '(原生/GC)') continue
+    moduleRow(pkg).loadUs += call.us
+  }
+
+  // 每个包从哪些插件可达；共用依赖按引用它的插件数均摊，和空间构成的口径一致。
+  const moduleOwners = new Map()
+  for (const plugin of names) {
+    const seen = new Set([plugin])
+    const queue = [plugin]
+    while (queue.length) {
+      const pkg = queue.shift()
+      for (const next of moduleEdges.get(pkg) || []) {
+        if (seen.has(next)) continue
+        seen.add(next)
+        queue.push(next)
+      }
+    }
+    for (const pkg of seen) {
+      if (!moduleOwners.has(pkg)) moduleOwners.set(pkg, new Set())
+      moduleOwners.get(pkg).add(plugin)
+    }
+  }
+
+  const plugins = [...names].map((name) => {
+    let loadUs = 0
+    let runUs = 0
+    for (const [pkg, owners] of moduleOwners) {
+      if (!owners.has(name)) continue
+      const share = 1 / owners.size
+      const module = moduleUs.get(pkg)
+      if (module) loadUs += (module.resolveUs + module.loadUs) * share
+      runUs += ((cpuUs.get(pkg) || 0) + (nativeByPackage.get(pkg) || 0)) * share
+    }
+    const loadMs = Math.round(loadUs / 1000)
+    const runMs = Math.round(runUs / 1000)
+    return { name, loadMs, runMs, totalMs: loadMs + runMs }
+  }).sort((left, right) => right.totalMs - left.totalMs || right.runMs - left.runMs)
+
+  const packages = [...new Set([...cpuUs.keys(), ...nativeByPackage.keys(), ...allocBytes.keys(), ...moduleUs.keys()])].map((name) => {
+    const cpuMs = Math.round((cpuUs.get(name) || 0) / 1000)
+    const nativeMs = Math.round((nativeByPackage.get(name) || 0) / 1000)
+    const module = moduleUs.get(name)
+    const loadMs = Math.round((module?.loadUs || 0) / 1000)
+    const resolveMs = Math.round((module?.resolveUs || 0) / 1000)
+    return {
+      name,
+      cpuMs,
+      nativeMs,
+      loadMs,
+      resolveMs,
+      totalMs: cpuMs + nativeMs + loadMs + resolveMs,
+      allocKB: Math.round((allocBytes.get(name) || 0) / 1024),
+      plugin: names.has(name),
+    }
+  }).sort((a, b) => b.totalMs - a.totalMs || b.cpuMs - a.cpuMs)
 
   return {
     version: REPORT_VERSION,
@@ -109,6 +243,9 @@ function summarize(cpuProfile, heapProfile) {
     idleMs: Math.round(idleUs / 1000),
     allocMB: +(totalAlloc / 1048576).toFixed(1),
     packages,
+    plugins,
+    moduleLoadMs: Math.round(moduleTotalUs / 1000),
+    nativeUnattributedMs: Math.round(nativeUnattributedUs / 1000),
     native: [...nativeUs.entries()]
       .map(([name, us]) => ({ name, cpuMs: Math.round(us / 1000) }))
       .sort((a, b) => b.cpuMs - a.cpuMs)
@@ -132,11 +269,12 @@ async function stop() {
   stopped = true
   if (timer !== null) { clearTimeout(timer); timer = null }
   if (cap !== null) { clearTimeout(cap); cap = null }
+  stopModuleTiming()
   if (!session) return
   try {
     const cpu = await session.post('Profiler.stop')
     // 堆分配采样已撤：账本只看 CPU；内存用启动结算时读一次 RSS。
-    writeReport(summarize(cpu.profile, null))
+    writeReport(summarize(cpu.profile, null, { resolveCalls, loadCalls }))
   } catch { /* 采样失败不能影响运行 */ }
   try { session.disconnect() } catch { /* ignore */ }
 }
@@ -180,6 +318,8 @@ async function start() {
 
 export function installPluginProfile() {
   if (!DIR) return
+  // 模块加载计时要抢在 dsh 的入口模块之前装上（--import 阶段）。
+  installModuleTiming()
   globalThis[KEY] = {
     enter(entry) {
       if (!entry || pending.has(entry)) return

package/public/index.html

@@ -895,7 +895,7 @@
       </form>
       <p class="hint" id="versionManageHint" role="status" aria-live="polite"></p>
       <div class="progress" id="versionManageProgress" hidden><div class="progress-bar" id="versionManageProgressBar"></div></div>
-      <h3 class="version-manage-heading" data-i18n="已安装">已安装</h3>
+      <div class="version-manage-heading-row"><h3 class="version-manage-heading" data-i18n="已安装">已安装</h3><span class="version-manage-total" id="versionManageTotal"></span></div>
       <div class="version-manage-list" id="versionManageList" role="list"></div>
     </div>
   </div>
@@ -904,16 +904,26 @@
       <div class="dialog-heading"><div><h2 class="ask-title" id="launchLogTitle" data-i18n="启动项日志">启动项日志</h2><p class="dialog-subtitle" id="launchLogSubtitle"></p></div><button class="ghost icon-btn dialog-close" id="launchLogClose" type="button" title="关闭" aria-label="关闭"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" aria-hidden="true"><path d="m6 6 12 12M6 18 18 6"/></svg></button></div>
       <div class="dialog-body">
         <div class="launch-log-tools" id="launchLogTools" hidden><span class="hint" id="launchLogHint"></span></div>
+        <div class="launch-log-tabs" id="launchLogTabs" role="tablist" aria-label="启动项日志视图" data-i18n-aria-label="启动项日志视图">
+          <button class="launch-log-tab" type="button" role="tab" data-log-tab="raw" aria-selected="true" data-i18n="原始日志">原始日志</button>
+          <button class="launch-log-tab" type="button" role="tab" data-log-tab="time" aria-selected="false" data-i18n="耗时构成" hidden>耗时构成</button>
+          <button class="launch-log-tab" type="button" role="tab" data-log-tab="space" aria-selected="false" data-i18n="空间构成" hidden>空间构成</button>
+          <button class="launch-log-tab" type="button" role="tab" data-log-tab="diagnosis" aria-selected="false" data-i18n="插件诊断" hidden>插件诊断</button>
+        </div>
         <div class="launch-log-loading" id="launchLogLoading" hidden><span class="spin"></span><span data-i18n="正在读取日志…">正在读取日志…</span></div>
-        <section class="launch-log-card" id="launchLogDiagnosis" hidden>
+        <section class="launch-log-card" id="launchLogDiagnosis" data-log-panel="diagnosis" hidden>
           <div class="launch-log-card-head"><h3 data-i18n="插件诊断">插件诊断</h3><span class="launch-log-head-meta"><span id="launchLogDiagnosisMeta"></span></span></div>
           <div class="launch-log-block" id="launchLogDiagnosisRows"></div>
         </section>
-        <section class="launch-log-card" id="launchLogVisual" hidden>
+        <section class="launch-log-card" id="launchLogVisual" data-log-panel="time" hidden>
           <div class="launch-log-card-head"><h3 data-i18n="耗时构成">耗时构成</h3><span class="launch-log-head-meta"><span id="launchLogWindow"></span><span id="launchLogRss" hidden></span></span></div>
           <div class="launch-log-block" id="launchLogPlugins"></div>
         </section>
-        <section class="launch-log-card" id="launchLogCard">
+        <section class="launch-log-card" id="launchLogSpace" data-log-panel="space" hidden>
+          <div class="launch-log-card-head"><h3 data-i18n="空间构成">空间构成</h3><span class="launch-log-head-meta"><span id="launchLogSpaceMeta"></span></span></div>
+          <div class="launch-log-block" id="launchLogSpaceBody"></div>
+        </section>
+        <section class="launch-log-card" id="launchLogCard" data-log-panel="raw">
           <div class="launch-log-card-head"><h3 data-i18n="原始日志">原始日志</h3><span class="launch-log-actions"><button class="ghost" type="button" id="launchLogCopy" data-i18n="复制">复制</button><button class="ghost" type="button" id="launchLogExport" data-i18n="导出">导出</button><button class="ghost" type="button" id="launchLogClear" data-i18n="清空">清空</button></span></div>
           <pre class="launch-log-text" id="launchLogText"></pre>
         </section>
@@ -1191,6 +1201,8 @@
   "这个 profile 已存在，依赖与层栈会并进去": "this profile exists — dependencies and layers are merged in",
   "安装": "Install",
   "已安装": "Installed",
+  "共 {size}": "{size} total",
+  "正在计算占用…": "Calculating disk usage…",
   "不看这个了": "Dismiss",
   "正在读社区整合包列表…": "Reading the community modpack list…",
   "市场里现在有 {n} 个整合包。": "The market has {n} modpack(s) right now.",
@@ -1530,6 +1542,7 @@
   "启动耗时 {seconds}s": "Started in {seconds}s",
   "启动明细": "Startup details",
   "启动项日志": "Launch log",
+  "启动项日志视图": "Launch log view",
   "查看 {name} 的日志": "View the log for {name}",
   "正在读取日志…": "Reading log…",
   "这个启动项还没有日志。启动一次后，它自己的输出会出现在这里。": "This launch entry has no log yet. Start it once and its own output will show up here.",
@@ -1557,8 +1570,31 @@
   "主线程 {pct}% 在跑；插件合计只占 {plugin}%，其余主要是模块解析与文件扫描。": "Main thread busy {pct}%; plugins only {plugin}%, the rest is module resolution and file scanning.",
   "原始日志": "Raw log",
   "耗时构成": "Time breakdown",
+  "空间构成": "Disk usage",
+  "运行时": "Runtime",
+  "插件本体": "Plugin packages",
+  "插件依赖": "Plugin dependencies",
+  "运行时依赖": "Runtime dependencies",
+  "配置与数据": "Config & data",
+  "未归类": "Unaccounted",
+  "合计 {size}": "{size} total",
+  "最占空间的 5 项": "Top 5 by size",
+  "各插件占用（含它带进来的依赖）": "Disk usage by plugin (including its dependencies)",
+  "其余 {n} 个插件合计 {size}": "Other {n} plugins: {size} total",
+  "插件按它引用到的依赖计入（共用依赖按引用它的插件均摊）；合计是版本目录 + 这个环境目录的逻辑大小，pnpm 共享 store 不重复计入。": "Plugins are counted with the dependencies they pull in (shared dependencies are split across the plugins that use them); the total is the logical size of the version directory plus this environment directory, and the shared pnpm store is not counted twice.",
   "窗口 {window} · CPU {cpu}": "Window {window} · CPU {cpu}",
   "最耗时的 5 项": "Top 5 by time",
+  "最耗时的 5 项（不含 Node 内部）": "Top 5 by time (excluding Node internals)",
+  "各插件耗时（含依赖加载与运行）": "Time by plugin (including dependency loading and execution)",
+  "插件（加载+运行）": "Plugins (load + run)",
+  "运行时与其它": "Runtime & other",
+  "加载 {load} · 运行 {run}": "load {load} · run {run}",
+  "加载 {load} · 解析 {resolve} · JS {cpu} · 原生 {native}": "load {load} · resolve {resolve} · JS {cpu} · native {native}",
+  "原生与 GC 明细": "Native & GC breakdown",
+  "原生/GC 已按最近的 JS 调用方归到包；这里只按系统调用/GC 类型汇总。": "Native/GC time is attributed to the nearest JS caller's package; this lists it by syscall/GC type only.",
+  "插件合计 {plugin}%（含它带进来的依赖）；其余为运行时启动、文件扫描与未归属。": "Plugins total {plugin}% (including the dependencies they pull in); the rest is runtime startup, file scanning and unattributed time.",
+  "未归属原生/GC": "Unattributed native/GC",
+  "JS {cpu} · 原生 {native}": "JS {cpu} · native {native}",
   "插件合计只占 {plugin}%；其余为模块解析、文件扫描与 Node 启动。": "Plugins account for only {plugin}%; the rest is module resolution, file scanning and Node startup.",
   "清空这个启动项的日志？": "Clear this launch entry's log?",
   "日志已清空。": "Log cleared.",
@@ -2179,8 +2215,19 @@
     const launchLogCardEl = document.getElementById('launchLogCard')
     const launchLogVisualEl = document.getElementById('launchLogVisual')
     const launchLogPluginsEl = document.getElementById('launchLogPlugins')
+    const launchLogSpaceEl = document.getElementById('launchLogSpace')
+    const launchLogSpaceMetaEl = document.getElementById('launchLogSpaceMeta')
+    const launchLogSpaceBodyEl = document.getElementById('launchLogSpaceBody')
     const launchLogDiagnosisEl = document.getElementById('launchLogDiagnosis')
     const launchLogDiagnosisMetaEl = document.getElementById('launchLogDiagnosisMeta')
+    const launchLogTabsEl = document.getElementById('launchLogTabs')
+    const launchLogTabButtons = [...document.querySelectorAll('.launch-log-tab[data-log-tab]')]
+    const launchLogPanels = {
+      raw: launchLogCardEl,
+      time: launchLogVisualEl,
+      space: launchLogSpaceEl,
+      diagnosis: launchLogDiagnosisEl,
+    }
     const launchLogDiagnosisRowsEl = document.getElementById('launchLogDiagnosisRows')
     const manageVersionsEl = document.getElementById('launchManageVersions')
     const versionInstallSelectEl = document.getElementById('versionInstallSelect')
@@ -5126,6 +5173,10 @@
     let launchLogTimer = null
     let launchLogQuery = 0
     let launchLogReportKey = ''
+    let launchLogStorageKey = ''
+    // 日志弹窗的页签：原始日志常驻；耗时/空间/诊断有数据才出现
+    let launchLogTab = 'raw'
+    const launchLogAvailable = { raw: true, time: false, space: false, diagnosis: false }
     // 耗时账本按「这一次运行」缓存：同一次运行反复打开直接复用，重启后 runAt 变了才重取。
     const launchReportCache = new Map()
     // 日志正文按启动项缓存：再次打开先显示上次看到的全文，后台刷新再替换，不用空白等一次请求。
@@ -5141,8 +5192,24 @@
       return value >= 1000 ? `${(value / 1000).toFixed(2)}s` : `${Math.round(value)}ms`
     }
 
+    /** 只显示当前页签对应的卡片；没有内容的页签直接收起来。 */
+    function paintLaunchLogTabs() {
+      if (!launchLogAvailable[launchLogTab]) launchLogTab = 'raw'
+      for (const button of launchLogTabButtons) {
+        const key = button.dataset.logTab
+        button.hidden = !launchLogAvailable[key]
+        button.setAttribute('aria-selected', String(key === launchLogTab))
+        button.tabIndex = key === launchLogTab ? 0 : -1
+      }
+      for (const [key, panel] of Object.entries(launchLogPanels)) {
+        panel.hidden = !(launchLogAvailable[key] && key === launchLogTab)
+      }
+      launchLogTabsEl.hidden = false
+    }
+
     function syncLaunchLogVisual() {
-      launchLogVisualEl.hidden = launchLogPluginsEl.hidden
+      launchLogAvailable.time = !launchLogPluginsEl.hidden && launchLogPluginsEl.innerHTML.trim().length > 0
+      paintLaunchLogTabs()
     }
 
     /** 诊断里的问题行：同一个包只列一次，标签沿用诊断面板的叫法。 */
@@ -5189,6 +5256,8 @@
     function renderLaunchLogDiagnosis(warning) {
       const rows = warning ? diagnosisIssueRows(warning.diagnosis) : []
       launchLogDiagnosisEl.hidden = !rows.length
+      launchLogAvailable.diagnosis = rows.length > 0
+      paintLaunchLogTabs()
       launchLogDiagnosisMetaEl.textContent = rows.length ? [warning.profile, warning.version].filter(Boolean).join(' · ') : ''
       launchLogDiagnosisRowsEl.replaceChildren(...rows.map((row) => {
         const line = document.createElement('div')
@@ -5205,50 +5274,79 @@
       }))
     }
 
-    /** 启动 CPU 账本：插件 / Node 内部 / 其它包 / 原生与 GC 四桶相加，别再让时间“不知去向”。 */
+    /** 启动 CPU 账本：插件按「依赖加载 + 运行」归并，剩余是运行时与未归属原生/GC。 */
     function renderLaunchReport(report) {
       const packages = Array.isArray(report?.packages) ? report.packages : []
       const native = Array.isArray(report?.native) ? report.native : []
-      const sumOf = (rows, pick) => rows.reduce((sum, row) => sum + (pick(row) ? Number(row.cpuMs) || 0 : 0), 0)
-      const pluginMs = sumOf(packages, (row) => row.plugin)
-      const nodeMs = sumOf(packages, (row) => row.name === '(Node 内部)')
-      const otherMs = sumOf(packages, (row) => !row.plugin && row.name !== '(Node 内部)')
-      const nativeMs = sumOf(native, () => true)
-      const ledger = pluginMs + nodeMs + otherMs + nativeMs
-      if (ledger < 1) {
+      const totalOf = (row) => Number(row.totalMs ?? row.cpuMs) || 0
+      const sumOf = (rows, pick) => rows.reduce((sum, row) => sum + (pick(row) ? totalOf(row) : 0), 0)
+      // 新报告带 plugins：加载耗时已经沿依赖图归并，还带运行耗时；旧报告退回按包算。
+      const pluginList = Array.isArray(report?.plugins)
+        ? report.plugins.map((row) => ({
+          name: String(row.name || ''),
+          loadMs: Number(row.loadMs) || 0,
+          runMs: Number(row.runMs) || 0,
+          totalMs: Number(row.totalMs) || (Number(row.loadMs) || 0) + (Number(row.runMs) || 0),
+        })).filter((row) => row.name && row.totalMs >= 1).sort((left, right) => right.totalMs - left.totalMs)
+        : null
+      const pluginMs = pluginList ? pluginList.reduce((sum, row) => sum + row.totalMs, 0) : sumOf(packages, (row) => row.plugin)
+      // 新报告把原生/GC 按调用方归到包，只把找不到调用方的部分单列；旧报告没有归属，全部单列。
+      const unattributed = Number(report?.nativeUnattributedMs)
+      const nativeMs = Number.isFinite(unattributed) ? unattributed : native.reduce((sum, row) => sum + (Number(row.cpuMs) || 0), 0)
+      const cpu = Math.max(1, Number(report.cpuMs) || 0)
+      const runtimeMs = Math.max(0, cpu - pluginMs - nativeMs)
+      const ledger = pluginMs + runtimeMs + nativeMs
+      // 没有采样（连包和原生调用都没有）时没有账本可画，别只显示一条 100% 的运行时。
+      if (ledger < 1 || (!packages.length && !native.length && pluginMs < 1)) {
         launchLogPluginsEl.hidden = true
         launchLogPluginsEl.innerHTML = ''
         syncLaunchLogVisual()
         return
       }
-      const cpu = Math.max(1, Number(report.cpuMs) || ledger)
-      const percent = (ms) => Math.round(ms / cpu * 100)
+      const total = Math.max(1, ledger)
+      const percent = (ms) => Math.round(ms / total * 100)
       const segments = [
-        { key: 'plugin', label: t('插件'), ms: pluginMs },
-        { key: 'node', label: t('Node 内部'), ms: nodeMs },
-        { key: 'other', label: t('其它包'), ms: otherMs },
-        { key: 'native', label: t('原生与 GC'), ms: nativeMs },
-        { key: 'rest', label: t('未归类'), ms: Math.max(0, cpu - ledger) },
+        { key: 'plugin', label: t('插件（加载+运行）'), ms: pluginMs },
+        { key: 'node', label: t('运行时与其它'), ms: runtimeMs },
+        { key: 'native', label: t('未归属原生/GC'), ms: nativeMs },
       ].filter((segment) => segment.ms >= 1)
-      const rows = [...packages].filter((row) => Number(row.cpuMs) >= 1).sort((left, right) => right.cpuMs - left.cpuMs).slice(0, 5)
-      const max = Math.max(...rows.map((row) => Number(row.cpuMs) || 0), 1)
-      const busy = Number(report.windowMs) > 0 && Number(report.cpuMs) / Number(report.windowMs) >= 0.8
-      const nativeList = native
-        .filter((row) => Number(row.cpuMs) >= 1)
-        .sort((left, right) => right.cpuMs - left.cpuMs)
-        .slice(0, 3)
-        .map((row) => `${row.name} ${formatProfileMs(row.cpuMs)}`)
-        .join(' · ')
+      const splitTitle = (row) => t('JS {cpu} · 原生 {native}', { cpu: formatProfileMs(Number(row.cpuMs) || 0), native: formatProfileMs(Number(row.nativeMs) || 0) })
+      const packageTitle = (row) => row.resolveMs === undefined
+        ? splitTitle(row)
+        : t('加载 {load} · 解析 {resolve} · JS {cpu} · 原生 {native}', {
+          load: formatProfileMs(Number(row.loadMs) || 0),
+          resolve: formatProfileMs(Number(row.resolveMs) || 0),
+          cpu: formatProfileMs(Number(row.cpuMs) || 0),
+          native: formatProfileMs(Number(row.nativeMs) || 0),
+        })
+      const pluginTitle = (row) => pluginList
+        ? t('加载 {load} · 运行 {run}', { load: formatProfileMs(row.loadMs), run: formatProfileMs(row.runMs) })
+        : splitTitle(row)
+      const pluginValue = (row) => pluginList ? row.totalMs : totalOf(row)
+      const pluginRows = pluginList
+        ? pluginList.slice(0, 5)
+        : packages.filter((row) => row.plugin && totalOf(row) >= 1).sort((left, right) => totalOf(right) - totalOf(left)).slice(0, 5)
+      const pluginMax = Math.max(...pluginRows.map(pluginValue), 1)
+      // Node 内部的采样大多是模块加载/文件扫描，已经体现在插件的加载耗时和运行时里，单列会重复加总。
+      const rows = packages
+        .filter((row) => row.name !== '(Node 内部)' && row.name !== '(启动器钩子)' && totalOf(row) >= 1)
+        .sort((left, right) => totalOf(right) - totalOf(left))
+        .slice(0, 5)
+      const max = Math.max(...rows.map((row) => totalOf(row)), 1)
+      const nativeRows = native.filter((row) => Number(row.cpuMs) >= 1).sort((left, right) => right.cpuMs - left.cpuMs).slice(0, 6)
+      const nativeMax = Math.max(...nativeRows.map((row) => Number(row.cpuMs) || 0), 1)
       launchLogWindowEl.textContent = t('窗口 {window} · CPU {cpu}', { window: formatProfileMs(report.windowMs), cpu: formatProfileMs(report.cpuMs) })
       launchLogPluginsEl.innerHTML = `
-        <div class="launch-log-ledger" role="img" aria-label="${escapeHtml(segments.map((segment) => `${segment.label} ${formatProfileMs(segment.ms)}`).join('，'))}">${segments.map((segment) => `<span class="ledger-${segment.key}" style="flex:${Math.max(segment.ms, cpu * 0.004)} 1 0" title="${escapeHtml(`${segment.label} ${formatProfileMs(segment.ms)}`)}"><span>${percent(segment.ms)}%</span></span>`).join('')}</div>
+        <div class="launch-log-ledger" role="img" aria-label="${escapeHtml(segments.map((segment) => `${segment.label} ${formatProfileMs(segment.ms)}`).join('，'))}">${segments.map((segment) => `<span class="ledger-${segment.key}" style="flex:${Math.max(segment.ms, total * 0.004)} 1 0" title="${escapeHtml(`${segment.label} ${formatProfileMs(segment.ms)}`)}"><span>${percent(segment.ms)}%</span></span>`).join('')}</div>
         <div class="launch-log-legend">${segments.map((segment) => `<span><i class="ledger-${segment.key}"></i>${escapeHtml(segment.label)} <b>${escapeHtml(formatProfileMs(segment.ms))}</b></span>`).join('')}</div>
-        <div class="launch-log-subhead">${escapeHtml(t('最耗时的 5 项'))}</div>
-        <div class="launch-log-bars">${rows.map((row) => `<div class="launch-log-bar-row${row.plugin ? ' is-plugin' : ''}"><span class="name" title="${escapeHtml(row.name)}">${escapeHtml(row.name)}</span><span class="track"><span class="fill" style="width:${Math.max(2, (Number(row.cpuMs) || 0) / max * 100).toFixed(1)}%"></span></span><span class="value">${escapeHtml(formatProfileMs(row.cpuMs))}</span></div>`).join('')}</div>
-        ${nativeList ? `<p class="hint launch-log-note">${escapeHtml(t('原生与 GC {total}：{list}', { total: formatProfileMs(nativeMs), list: nativeList }))}</p>` : ''}
-        <p class="hint launch-log-note">${escapeHtml(busy
-          ? t('插件合计只占 {plugin}%；其余为模块解析、文件扫描与 Node 启动。', { plugin: percent(pluginMs) })
-          : t('插件合计只占 {plugin}%。', { plugin: percent(pluginMs) }))}</p>`
+        ${pluginRows.length ? `<div class="launch-log-subhead">${escapeHtml(t('各插件耗时（含依赖加载与运行）'))}</div>
+        <div class="launch-log-bars">${pluginRows.map((row) => `<div class="launch-log-bar-row is-plugin"><span class="name" title="${escapeHtml(`${row.name} · ${pluginTitle(row)}`)}">${escapeHtml(row.name)}</span><span class="track"><span class="fill" style="width:${Math.max(2, pluginValue(row) / pluginMax * 100).toFixed(1)}%"></span></span><span class="value">${escapeHtml(formatProfileMs(pluginValue(row)))}</span></div>`).join('')}</div>` : ''}
+        <div class="launch-log-subhead">${escapeHtml(t('最耗时的 5 项（不含 Node 内部）'))}</div>
+        <div class="launch-log-bars">${rows.map((row) => `<div class="launch-log-bar-row${row.plugin ? ' is-plugin' : ''}"><span class="name" title="${escapeHtml(`${row.name} · ${packageTitle(row)}`)}">${escapeHtml(row.name)}</span><span class="track"><span class="fill" style="width:${Math.max(2, totalOf(row) / max * 100).toFixed(1)}%"></span></span><span class="value">${escapeHtml(formatProfileMs(totalOf(row)))}</span></div>`).join('')}</div>
+        ${nativeRows.length ? `<div class="launch-log-subhead">${escapeHtml(t('原生与 GC 明细'))}</div>
+        <div class="launch-log-bars">${nativeRows.map((row) => `<div class="launch-log-bar-row"><span class="name" title="${escapeHtml(row.name)}">${escapeHtml(row.name)}</span><span class="track"><span class="fill" style="width:${Math.max(2, (Number(row.cpuMs) || 0) / nativeMax * 100).toFixed(1)}%"></span></span><span class="value">${escapeHtml(formatProfileMs(row.cpuMs))}</span></div>`).join('')}</div>` : ''}
+        ${nativeRows.length ? `<p class="hint launch-log-note">${escapeHtml(t('原生/GC 已按最近的 JS 调用方归到包；这里只按系统调用/GC 类型汇总。'))}</p>` : ''}
+        <p class="hint launch-log-note">${escapeHtml(t('插件合计 {plugin}%（含它带进来的依赖）；其余为运行时启动、文件扫描与未归属。', { plugin: percent(pluginMs) }))}</p>`
       launchLogPluginsEl.hidden = false
       syncLaunchLogVisual()
     }
@@ -5279,6 +5377,63 @@
       }
     }
 
+    /** 启动项的空间构成：版本目录 + 这个 profile 目录，按插件 / 运行时 / 其它依赖 / 配置与数据分。 */
+    function renderStorageBreakdown(data) {
+      const labels = {
+        plugin: t('插件本体'), 'plugin-deps': t('插件依赖'), runtime: t('运行时'),
+        'runtime-deps': t('运行时依赖'), data: t('配置与数据'), rest: t('未归类'),
+      }
+      const segments = (data?.segments || [])
+        .map((segment) => ({ ...segment, label: labels[segment.key] || segment.key }))
+        .filter((segment) => Number(segment.bytes) >= 1)
+      const total = Math.max(1, Number(data?.total) || 0)
+      const percent = (bytes) => Math.round(Number(bytes) / total * 100)
+      const items = (data?.items || []).filter((item) => Number(item.bytes) >= 1)
+      const max = Math.max(...items.map((item) => Number(item.bytes) || 0), 1)
+      const plugins = (data?.plugins || []).filter((plugin) => Number(plugin.bytes) >= 1)
+      const pluginMax = Math.max(...plugins.map((plugin) => Number(plugin.bytes) || 0), 1)
+      const restPlugins = plugins.slice(5)
+      launchLogSpaceMetaEl.textContent = t('合计 {size}', { size: formatBytes(data.total) })
+      launchLogSpaceBodyEl.innerHTML = `
+        <div class="launch-log-ledger" role="img" aria-label="${escapeHtml(segments.map((segment) => `${segment.label} ${formatBytes(segment.bytes)}`).join('，'))}">${segments.map((segment) => `<span class="ledger-${segment.key}" style="flex:${Math.max(segment.bytes, total * 0.004)} 1 0" title="${escapeHtml(`${segment.label} ${formatBytes(segment.bytes)}`)}"><span>${percent(segment.bytes)}%</span></span>`).join('')}</div>
+        <div class="launch-log-legend">${segments.map((segment) => `<span><i class="ledger-${segment.key}"></i>${escapeHtml(segment.label)} <b>${escapeHtml(formatBytes(segment.bytes))}</b></span>`).join('')}</div>
+        ${plugins.length ? `<div class="launch-log-subhead">${escapeHtml(t('各插件占用（含它带进来的依赖）'))}</div>
+        <div class="launch-log-bars">${plugins.slice(0, 5).map((plugin) => `<div class="launch-log-bar-row is-plugin"><span class="name" title="${escapeHtml(plugin.name)}">${escapeHtml(plugin.name)}</span><span class="track"><span class="fill" style="width:${Math.max(2, (Number(plugin.bytes) || 0) / pluginMax * 100).toFixed(1)}%"></span></span><span class="value">${escapeHtml(formatBytes(plugin.bytes))}</span></div>`).join('')}</div>
+        ${restPlugins.length ? `<p class="hint launch-log-note">${escapeHtml(t('其余 {n} 个插件合计 {size}', { n: restPlugins.length, size: formatBytes(restPlugins.reduce((sum, plugin) => sum + Number(plugin.bytes || 0), 0)) }))}</p>` : ''}` : ''}
+        <div class="launch-log-subhead">${escapeHtml(t('最占空间的 5 项'))}</div>
+        <div class="launch-log-bars">${items.map((item) => `<div class="launch-log-bar-row${item.plugin ? ' is-plugin' : ''}"><span class="name" title="${escapeHtml(item.name)}">${escapeHtml(item.name)}</span><span class="track"><span class="fill" style="width:${Math.max(2, (Number(item.bytes) || 0) / max * 100).toFixed(1)}%"></span></span><span class="value">${escapeHtml(formatBytes(item.bytes))}</span></div>`).join('')}</div>
+        <p class="hint launch-log-note">${escapeHtml(t('插件按它引用到的依赖计入（共用依赖按引用它的插件均摊）；合计是版本目录 + 这个环境目录的逻辑大小，pnpm 共享 store 不重复计入。'))}</p>`
+      launchLogAvailable.space = true
+      paintLaunchLogTabs()
+    }
+
+    async function loadStorageBreakdown(entry, version) {
+      if (!entry || !version) return
+      const profile = entry.profile || 'web'
+      const key = `${entry.id}\0${version}\0${profile}`
+      launchLogStorageKey = key
+      launchLogSpaceEl.hidden = false
+      launchLogSpaceMetaEl.textContent = t('正在计算占用…')
+      launchLogSpaceBodyEl.innerHTML = ''
+      try {
+        const data = await getJson(
+          `/api/storage/breakdown?version=${encodeURIComponent(version)}&profile=${encodeURIComponent(profile)}`,
+          { launchId: entry.id },
+        )
+        if (launchLogStorageKey !== key) return
+        if (!Array.isArray(data?.segments) || !data.segments.length) throw new Error('empty')
+        renderStorageBreakdown(data)
+      } catch {
+        if (launchLogStorageKey !== key) return
+        // 算不出来就收起这块，不占着位置
+        launchLogSpaceEl.hidden = true
+        launchLogSpaceMetaEl.textContent = ''
+        launchLogSpaceBodyEl.innerHTML = ''
+        launchLogAvailable.space = false
+        paintLaunchLogTabs()
+      }
+    }
+
     /** 提示行只在有话说时出现，避免顶部留一条空白。 */
     function setLaunchLogHint(text) {
       launchLogHintEl.textContent = text || ''
@@ -5322,7 +5477,6 @@
         launchLogTextEl.textContent = simplifyLogText(data.text)
         launchLogTextCache.set(entry.id, launchLogTextEl.textContent)
         if (launchLogTextCache.size > 8) launchLogTextCache.delete(launchLogTextCache.keys().next().value)
-        launchLogCardEl.hidden = !data.text
         setLaunchLogHint(data.text
           ? (data.clipped ? t('只显示最后 120 KB。') : '')
           : t('这个启动项还没有日志。启动一次后，它自己的输出会出现在这里。'))
@@ -5359,16 +5513,24 @@
       launchLogRssEl.textContent = ''
       launchLogRssEl.title = ''
       launchLogWindowEl.textContent = ''
-      launchLogCardEl.hidden = !cachedText
       launchLogReportKey = ''
       launchLogPluginsEl.hidden = true
       launchLogPluginsEl.innerHTML = ''
+      launchLogStorageKey = ''
+      launchLogSpaceEl.hidden = true
+      launchLogSpaceMetaEl.textContent = ''
+      launchLogSpaceBodyEl.innerHTML = ''
+      launchLogTab = 'raw'
+      launchLogAvailable.time = false
+      launchLogAvailable.space = false
+      launchLogAvailable.diagnosis = false
       renderLaunchLogDiagnosis(null)
       syncLaunchLogVisual()
       await showDialog(launchLogDialogEl)
       launchLogTextEl.scrollTop = launchLogTextEl.scrollHeight
       const data = await refreshLaunchLog()
       if (version) await loadLaunchReport(version, entry.profile || 'web', data?.runs?.[0]?.at || '')
+      if (version) void loadStorageBreakdown(entry, version)
       launchLogLoadingEl.hidden = true
       clearInterval(launchLogTimer)
       launchLogTimer = setInterval(() => {
@@ -5378,6 +5540,7 @@
 
     function closeLaunchLog() {
       launchLogEntry = null
+      launchLogStorageKey = ''
       launchLogQuery += 1
       launchLogLoadingEl.hidden = true
       clearInterval(launchLogTimer)
@@ -5717,6 +5880,10 @@
     let versionManageOrigin = null
     let versionManageRevision = 0
     let versionManageMarkup = ''
+    // 版本目录大小：打开版本管理时按需向服务端要（服务端有缓存），不跟着状态推送反复扫盘
+    let versionSizes = null
+    let versionSizesTotal = 0
+    let versionSizesLoading = false
     let versionInstallOptions = ''
 
     function openVersionManager() {
@@ -5732,6 +5899,7 @@
       }
       versionManageDialogEl.classList.toggle('is-child-dialog', versionManageReturnToEditor)
       paintVersionManager()
+      void loadVersionSizes()
       showDialog(versionManageDialogEl)
       document.getElementById('versionManageClose').focus()
       // 打开就顺手静默刷新一次远程列表（服务端 60 秒内走缓存，不会每次都打网络）：
@@ -5831,6 +5999,7 @@
       try {
         await post('/api/install', { version })
         applyState(await getJson('/api/state'))
+        void loadVersionSizes()
       } catch (error) { notify(error.message) }
       finally { action = ''; render() }
     }
@@ -5843,13 +6012,45 @@
       try {
         await post('/api/versions/optimize', { version })
         applyState(await getJson('/api/state'))
+        void loadVersionSizes()
         notify(t('依赖优化完成'), t('优化依赖'))
       } catch (error) { notify(error.message) }
       finally { action = ''; render() }
     }
 
+    /** 目录大小的显示单位：B / KB / MB / GB。 */
+    function formatBytes(bytes) {
+      const value = Number(bytes) || 0
+      if (value < 1024) return `${value} B`
+      if (value < 1024 * 1024) return `${Math.round(value / 1024)} KB`
+      if (value < 1024 * 1024 * 1024) return `${(value / (1024 * 1024)).toFixed(1)} MB`
+      return `${(value / (1024 * 1024 * 1024)).toFixed(2)} GB`
+    }
+
+    /** 打开版本管理时算一次每个版本的磁盘占用；服务端有 5 分钟缓存。 */
+    async function loadVersionSizes() {
+      if (typeof versionManageDialogEl === 'undefined' || versionSizesLoading) return
+      versionSizesLoading = true
+      if (!versionManageDialogEl.hidden) paintVersionManager()
+      try {
+        const data = await getJson('/api/versions/sizes')
+        versionSizes = data?.versions && typeof data.versions === 'object' ? data.versions : null
+        versionSizesTotal = Number(data?.total) || 0
+      } catch { /* 算不出来不影响版本管理 */ }
+      finally {
+        versionSizesLoading = false
+        if (!versionManageDialogEl.hidden) paintVersionManager()
+      }
+    }
+
     function paintVersionManager() {
       const installed = [...installedList()].sort((a, b) => compareVersion(b, a))
+      const totalEl = document.getElementById('versionManageTotal')
+      if (totalEl) {
+        totalEl.textContent = versionSizesLoading && !versionSizes
+          ? t('正在计算占用…')
+          : versionSizesTotal ? t('共 {size}', { size: formatBytes(versionSizesTotal) }) : ''
+      }
       const latest = latestRemoteVersion()
       const available = [...new Set([latest, ...allVersionList()])].filter((version) => version && !installed.includes(version))
         .sort((a, b) => compareVersion(b, a))
@@ -5885,7 +6086,8 @@
           : t('正在运行 · {profile}', { profile: live.profile || t('运行中') }) : t('未运行')
         const label = t('卸载版本')
         const optimize = t('优化依赖')
-        return `<div class="version-manage-row" role="listitem"><div class="version-manage-info"><strong>${escapeHtml(version)}</strong>${live ? `<span title="${escapeHtml(status)}">${escapeHtml(status)}</span>` : ''}</div><button class="ghost version-optimize" type="button" data-optimize-version="${escapeHtml(version)}" title="${escapeHtml(t('整理重复依赖，减少内存和磁盘占用'))}" ${busy || live ? 'disabled' : ''}>${escapeHtml(optimize)}</button><button class="ghost icon-btn version-remove" type="button" data-remove-version="${escapeHtml(version)}" title="${escapeHtml(label)}" aria-label="${escapeHtml(label)}" ${busy || live ? 'disabled' : ''}><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 6h18M9 6V3h6v3M5 6l1 15h12l1-15M10 10v7m4-7v7"/></svg></button></div>`
+        const size = versionSizes?.[version] ? formatBytes(versionSizes[version]) : ''
+        return `<div class="version-manage-row" role="listitem"><div class="version-manage-info"><strong>${escapeHtml(version)}</strong>${size ? `<span class="version-manage-size">${escapeHtml(size)}</span>` : ''}${live ? `<span title="${escapeHtml(status)}">${escapeHtml(status)}</span>` : ''}</div><button class="ghost version-optimize" type="button" data-optimize-version="${escapeHtml(version)}" title="${escapeHtml(t('整理重复依赖，减少内存和磁盘占用'))}" ${busy || live ? 'disabled' : ''}>${escapeHtml(optimize)}</button><button class="ghost icon-btn version-remove" type="button" data-remove-version="${escapeHtml(version)}" title="${escapeHtml(label)}" aria-label="${escapeHtml(label)}" ${busy || live ? 'disabled' : ''}><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 6h18M9 6V3h6v3M5 6l1 15h12l1-15M10 10v7m4-7v7"/></svg></button></div>`
       }).join('') || `<p class="hint version-manage-empty">${escapeHtml(t('尚未安装任何版本'))}</p>`
       // 状态推送和安装进度频繁变化，保留相同的行以免键盘焦点被重建打断。
       if (versionManageMarkup !== markup) {
@@ -6050,6 +6252,7 @@
       try {
         await post('/api/uninstall', { version })
         applyState(await getJson('/api/state'))
+        void loadVersionSizes()
       }
       catch (error) { notify(error.message) }
       finally { action = ''; render() }
@@ -9371,6 +9574,21 @@
     trapPackDialog(packExportDialog, closeExportDialog)
     trapPackDialog(pluginAddDialogEl, closePluginAdd)
     document.getElementById('launchLogClose').onclick = () => closeLaunchLog()
+    for (const button of launchLogTabButtons) {
+      button.onclick = () => { launchLogTab = button.dataset.logTab; paintLaunchLogTabs() }
+    }
+    launchLogTabsEl.onkeydown = (event) => {
+      if (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight') return
+      const visible = launchLogTabButtons.filter((button) => !button.hidden)
+      const index = visible.indexOf(document.activeElement)
+      if (index < 0) return
+      event.preventDefault()
+      const step = event.key === 'ArrowRight' ? 1 : visible.length - 1
+      const next = visible[(index + step) % visible.length]
+      launchLogTab = next.dataset.logTab
+      paintLaunchLogTabs()
+      next.focus()
+    }
     launchLogCopyEl.onclick = () => { void copyLaunchLog() }
     launchLogExportEl.onclick = () => { void exportLaunchLog() }
     launchLogClearEl.onclick = () => { void clearLaunchLog() }

package/public/launcher.css

@@ -1429,6 +1429,14 @@ section[data-category="advanced"] .set-group + .set-label + .set-group { margin-
 .launch-log-loading[hidden] { display: none; }
 .launch-log-loading .spin { display: block; width: 16px; height: 16px; }
 .launch-log-tools .hint { margin: 0; }
+/* 日志弹窗的页签：原始日志常驻，耗时/空间/诊断有数据才出现 */
+.launch-log-tabs { display: flex; gap: 2px; padding: 4px; margin-bottom: 10px; border-radius: 12px; background: var(--accent-soft); }
+.launch-log-tabs[hidden] { display: none; }
+.launch-log-tab { flex: 1 1 0; padding: 7px 8px; border: 0; border-radius: 9px; background: transparent; color: var(--muted); font-family: inherit; font-size: 12.5px; font-weight: 500; cursor: pointer; transition: color 160ms ease, background 160ms ease; }
+.launch-log-tab[hidden] { display: none; }
+.launch-log-tab:hover { color: var(--text); }
+.launch-log-tab[aria-selected="true"] { background: var(--card); color: var(--accent); font-weight: 600; box-shadow: 0 2px 8px rgba(22, 35, 61, .1); }
+.launch-log-tab:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
 .launch-log-tools .hint:empty { display: none; }
 .launch-log-meta { display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 999px; background: rgba(127, 127, 127, .1); color: var(--text); font-size: 12px; }
 .launch-log-card { border: 1px solid var(--line); border-radius: 14px; padding: 14px; background: rgba(127, 127, 127, .035); }
@@ -1456,8 +1464,19 @@ section[data-category="advanced"] .set-group + .set-label + .set-group { margin-
 .ledger-other { background: #b6bcc8; }
 .ledger-native { background: #d99a2b; }
 .ledger-rest { background: #dfe3ea; }
+/* 空间构成：运行时 / 插件依赖 / 运行时依赖 / 配置与数据 */
+.ledger-runtime { background: #6f7684; }
+.ledger-plugin-deps { background: #8ea4ff; }
+.ledger-runtime-deps { background: #e0b45a; }
+.ledger-data { background: #3fa27a; }
 .launch-log-ledger > .ledger-rest { color: #4a5160; }
 .launch-log-bars { display: flex; flex-direction: column; gap: 6px; }
+/* 空间构成 / 耗时构成：标题和合计固定，内容多时在卡片内部滚动，别把弹窗撑长 */
+#launchLogSpace .launch-log-block, #launchLogVisual .launch-log-block { max-height: min(46vh, 400px); overflow-y: auto; padding-right: 8px; scrollbar-width: thin; scrollbar-color: #8ea4ff transparent; }
+#launchLogSpace .launch-log-block::-webkit-scrollbar, #launchLogVisual .launch-log-block::-webkit-scrollbar { width: 10px; }
+#launchLogSpace .launch-log-block::-webkit-scrollbar-track, #launchLogVisual .launch-log-block::-webkit-scrollbar-track { background: rgba(127, 127, 127, .08); border-radius: 999px; }
+#launchLogSpace .launch-log-block::-webkit-scrollbar-thumb, #launchLogVisual .launch-log-block::-webkit-scrollbar-thumb { background: #8ea4ff; border-radius: 999px; border: 2px solid transparent; background-clip: content-box; }
+#launchLogSpace .launch-log-block::-webkit-scrollbar-thumb:hover, #launchLogVisual .launch-log-block::-webkit-scrollbar-thumb:hover { background: #6f8cff; background-clip: content-box; }
 .launch-log-bar-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) 56px; gap: 10px; align-items: center; font-size: 12px; }
 .launch-log-bar-row .name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text); }
 .launch-log-bar-row .track { height: 7px; border-radius: 999px; background: rgba(127, 127, 127, .12); overflow: hidden; }
@@ -2407,6 +2426,10 @@ html .set-row:focus-within { background: transparent; box-shadow: none; }
 #versionManageHint { margin: 0; min-height: 0; font-size: 12px; }
 #versionManageHint:empty { display: none; }
 .version-manage-heading { margin: 6px 0 0; font-size: 12px; font-weight: 500; color: var(--muted); }
+/* 「已安装」右边放整体的磁盘占用；每行左边再标各自的大小 */
+.version-manage-heading-row { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-top: 6px; }
+.version-manage-heading-row .version-manage-heading { margin-top: 0; }
+.version-manage-total { flex: 0 0 auto; color: var(--muted); font-size: 11px; font-variant-numeric: tabular-nums; }
 .version-optimize { flex: 0 0 auto; padding: 7px 10px; font-size: 12px; white-space: nowrap; }
 .version-manage-row .version-remove svg { width: 18px; height: 18px; }
 .version-manage-row .version-manage-info span { max-width: 55%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

package/server.js

@@ -4,7 +4,7 @@ import { createHash, randomBytes } from 'node:crypto'
 import { createServer } from 'node:http'
 import { createServer as createNetServer } from 'node:net'
 import { createInterface } from 'node:readline'
-import { cp, mkdir, readFile, rm, writeFile } from 'node:fs/promises'
+import { cp, mkdir, readFile, readdir, rm, stat, writeFile } from 'node:fs/promises'
 import { accessSync, chmodSync, closeSync, constants as fsConstants, copyFileSync, existsSync, lstatSync, mkdirSync, mkdtempSync, openSync, readdirSync, readFileSync, readlinkSync, realpathSync, renameSync, rmSync, statSync, symlinkSync, unlinkSync, writeFileSync } from 'node:fs'
 import { homedir, tmpdir } from 'node:os'
 import { createRequire } from 'node:module'
@@ -199,7 +199,8 @@ let WEB_BIND = resolveWebBind()
 // 手工钉死端口的实例（键 `版本@profile` → 端口）：没钉的组合每次启动由系统挑一个。
 // 和 WEB_BIND 一样是「改完立刻生效」的内存副本，启动时与保存设置时各刷新一次。
 let INSTANCE_PORTS = safeInstancePorts(loadSettingsSync().instancePorts)
-let ENVIRONMENT_PORTS = safeEnvironmentPorts(loadSettingsSync().environmentPorts)
+// 额外目录的端口表在 defaultHome() 定义之后再填（要判断哪些目录还活着，见 #90）。
+let ENVIRONMENT_PORTS = {}
 // 界面语言（zh / en）：settings.json 为准；lang.txt 只为尚未选择语言的用户提供首次默认值。
 const INSTALL_LANG = join(ROOT, 'lang.txt')
 let LANG = safeLang(loadSettingsSync().lang) || installLang() || 'zh'
@@ -213,6 +214,21 @@ let HIDE_BIG_FISH = loadSettingsSync().hideBigFish === true
 let DSH_HOME_DIR = safeDshHome(loadSettingsSync().dshHome)
 const launchScope = new AsyncLocalStorage()
 const defaultHome = () => DSH_HOME_DIR || defaultDshHome()
+/**
+ * 固定端口只认「还登记过、目录也还在」的环境。旧 DSH_HOME 被删掉/换盘后，
+ * environmentPorts 里那条钉子会把端口永久占住（#90），这里直接把它当不存在。
+ */
+function liveEnvironmentPorts(stored) {
+  const environments = safeEnvironmentPorts(stored?.environmentPorts)
+  const known = [
+    defaultHome(),
+    ...safeDshHomes(stored?.dshHomes),
+    ...safeLaunchPresets(stored?.launchPresets).map((entry) => entry.dshHome).filter(Boolean),
+  ]
+  return Object.fromEntries(Object.entries(environments).filter(([dir]) =>
+    existsSync(dir) && known.some((item) => fileManager.samePath(dir, item))))
+}
+ENVIRONMENT_PORTS = liveEnvironmentPorts(loadSettingsSync())
 const profileKey = (profile) => `${homeDir()}\0${profile}`
 // 启动器更新的下载源：direct（默认直连 GitHub）/ mirror（国内加速，直连失败时走前缀镜像）
 let UPDATE_SOURCE = updateSourceForDownload(loadSettingsSync().downloadSource)
@@ -525,6 +541,252 @@ function scanInstalled() {
   return found
 }
 
+/** 小并发跑异步任务，避免一次 stat 几万个文件把句柄打满。 */
+async function mapLimit(items, limit, task) {
+  let index = 0
+  const workers = Array.from({ length: Math.min(limit, items.length || 1) }, async () => {
+    while (index < items.length) {
+      const item = items[index]
+      index += 1
+      await task(item)
+    }
+  })
+  await Promise.all(workers)
+}
+
+/**
+ * 目录的逻辑占用。符号链接跳过：pnpm 的 node_modules 里大量是链接，顺着走会把共享 store
+ * 里的同一份包重复算进每个版本。
+ */
+async function directoryBytes(dir) {
+  let entries
+  try { entries = await readdir(dir, { withFileTypes: true }) } catch { return 0 }
+  const files = []
+  const dirs = []
+  for (const entry of entries) {
+    if (entry.isSymbolicLink()) continue
+    if (entry.isDirectory()) dirs.push(entry.name)
+    else if (entry.isFile()) files.push(entry.name)
+  }
+  // 并发累加不能写 `total += await ...`：两个 worker 会读到同一个旧值，后写的把先写的覆盖掉
+  const sizes = []
+  await mapLimit(files, 32, async (name) => {
+    try { sizes.push((await stat(join(dir, name))).size) } catch { /* 文件刚好被删 */ }
+  })
+  await mapLimit(dirs, 8, async (name) => { sizes.push(await directoryBytes(join(dir, name))) })
+  return sizes.reduce((total, bytes) => total + bytes, 0)
+}
+
+const VERSION_SIZE_TTL_MS = 5 * 60_000
+let versionSizesCache = { at: 0, data: null }
+
+/** .pnpm 目录名 → 包名：`pkg@1.2.3`、`@scope+pkg@1.2.3(peer@x)`。 */
+function pnpmPackageName(entry) {
+  const raw = String(entry).replace(/\(.*$/, '')
+  const at = raw.lastIndexOf('@')
+  return (at > 0 ? raw.slice(0, at) : raw).replace(/\+/g, '/')
+}
+
+/** 一个 node_modules 里各包的大小；pnpm 的 .pnpm 虚拟目录按包名合并，符号链接跳过。 */
+async function packageSizesIn(nodeModules) {
+  const sizes = new Map()
+  // 目录名和 package.json 的 name 不一定一样（平台二进制 wrapper 常见），按真实包名归并，
+  // 这样依赖图（按 package.json 的 name 建）和大小才能对上。
+  const nameOf = (dir, fallback) => {
+    try { return JSON.parse(readFileSync(join(dir, 'package.json'), 'utf8')).name || fallback } catch { return fallback }
+  }
+  const add = async (dir, fallback) => {
+    const name = nameOf(dir, fallback)
+    sizes.set(name, (sizes.get(name) || 0) + await directoryBytes(dir))
+  }
+  const entries = await readdir(nodeModules, { withFileTypes: true }).catch(() => [])
+  for (const entry of entries) {
+    if (entry.isSymbolicLink()) continue
+    if (entry.name === '.pnpm') {
+      const virtual = await readdir(join(nodeModules, '.pnpm'), { withFileTypes: true }).catch(() => [])
+      for (const item of virtual) {
+        if (item.isSymbolicLink() || !item.isDirectory()) continue
+        const name = pnpmPackageName(item.name)
+        if (!name) continue
+        sizes.set(name, (sizes.get(name) || 0) + await directoryBytes(join(nodeModules, '.pnpm', item.name)))
+      }
+      continue
+    }
+    if (entry.name.startsWith('.') || !entry.isDirectory()) continue
+    if (entry.name.startsWith('@')) {
+      const scoped = await readdir(join(nodeModules, entry.name), { withFileTypes: true }).catch(() => [])
+      for (const sub of scoped) {
+        if (sub.isSymbolicLink() || !sub.isDirectory()) continue
+        await add(join(nodeModules, entry.name, sub.name), `${entry.name}/${sub.name}`)
+      }
+      continue
+    }
+    await add(join(nodeModules, entry.name), entry.name)
+  }
+  return sizes
+}
+
+const STORAGE_BREAKDOWN_TTL_MS = 5 * 60_000
+const storageBreakdownCache = new Map()
+
+/** 包名 → 它声明的依赖名。用来把传递依赖归到引用它的插件头上。 */
+async function packageGraph(nodeModules) {
+  const graph = new Map()
+  const add = async (dir) => {
+    try {
+      const pkg = JSON.parse(readFileSync(join(dir, 'package.json'), 'utf8'))
+      if (!pkg?.name) return
+      const deps = new Set([
+        ...(pkg.dependencies ? Object.keys(pkg.dependencies) : []),
+        ...(pkg.optionalDependencies ? Object.keys(pkg.optionalDependencies) : []),
+      ])
+      graph.set(pkg.name, deps)
+    } catch { /* 没有 package.json 的残缺目录 */ }
+  }
+  const entries = await readdir(nodeModules, { withFileTypes: true }).catch(() => [])
+  for (const entry of entries) {
+    if (entry.isSymbolicLink() || !entry.isDirectory() || entry.name.startsWith('.')) continue
+    if (entry.name.startsWith('@')) {
+      const scoped = await readdir(join(nodeModules, entry.name), { withFileTypes: true }).catch(() => [])
+      for (const sub of scoped) {
+        if (sub.isSymbolicLink() || !sub.isDirectory()) continue
+        await add(join(nodeModules, entry.name, sub.name))
+      }
+      continue
+    }
+    await add(join(nodeModules, entry.name))
+  }
+  // pnpm 隔离布局：.pnpm/<pkg>@<ver>/node_modules/<pkg>
+  const virtual = await readdir(join(nodeModules, '.pnpm'), { withFileTypes: true }).catch(() => [])
+  for (const item of virtual) {
+    if (item.isSymbolicLink() || !item.isDirectory()) continue
+    const inner = await readdir(join(nodeModules, '.pnpm', item.name, 'node_modules'), { withFileTypes: true }).catch(() => [])
+    for (const sub of inner) {
+      if (sub.isSymbolicLink() || !sub.isDirectory()) continue
+      if (sub.name.startsWith('@')) {
+        const scoped = await readdir(join(nodeModules, '.pnpm', item.name, 'node_modules', sub.name), { withFileTypes: true }).catch(() => [])
+        for (const child of scoped) {
+          if (child.isSymbolicLink() || !child.isDirectory()) continue
+          await add(join(nodeModules, '.pnpm', item.name, 'node_modules', sub.name, child.name))
+        }
+        continue
+      }
+      await add(join(nodeModules, '.pnpm', item.name, 'node_modules', sub.name))
+    }
+  }
+  return graph
+}
+
+/** 每个直接插件能到达哪些包；共用包按引用它的插件数量均摊。 */
+async function attributePlugins(nodeModules, direct, sizes) {
+  const graph = await packageGraph(nodeModules)
+  const parents = new Map()
+  for (const start of direct) {
+    const seen = new Set([start])
+    const queue = [start]
+    while (queue.length) {
+      const current = queue.shift()
+      for (const next of graph.get(current) || []) {
+        if (seen.has(next)) continue
+        seen.add(next)
+        queue.push(next)
+      }
+    }
+    for (const name of seen) {
+      if (name === start) continue
+      const owners = parents.get(name) || new Set()
+      owners.add(start)
+      parents.set(name, owners)
+    }
+  }
+  const totals = new Map()
+  for (const name of direct) totals.set(name, sizes.get(name) || 0)
+  let depsBytes = 0
+  for (const [name, owners] of parents) {
+    if (direct.includes(name)) continue
+    const size = sizes.get(name) || 0
+    if (!size) continue
+    depsBytes += size
+    const share = size / owners.size
+    for (const owner of owners) totals.set(owner, (totals.get(owner) || 0) + share)
+  }
+  const plugins = [...totals.entries()]
+    .map(([name, bytes]) => ({ name, bytes: Math.round(bytes) }))
+    .filter((plugin) => plugin.bytes >= 1)
+    .sort((left, right) => right.bytes - left.bytes)
+  return { plugins, depsBytes }
+}
+
+/**
+ * 一个启动项（版本 + profile）的空间构成：版本目录 + 这个 profile 目录的逻辑大小。
+ * 插件只算 profile 的直接依赖；pnpm 共享 store 不在这些目录里，不重复计入。
+ */
+async function storageBreakdown(version, profile) {
+  const key = `${homeDir()}\0${version}\0${profile}`
+  const cached = storageBreakdownCache.get(key)
+  if (cached && Date.now() - cached.at < STORAGE_BREAKDOWN_TTL_MS) return cached.data
+  const versionPath = versionDir(version)
+  const profilePath = join(homeDir(), 'profiles', safeProfile(profile))
+  const profileNodeModules = join(profilePath, 'node_modules')
+  const [versionBytes, profileBytes, profileNodeModulesBytes, versionPackages, profilePackages] = await Promise.all([
+    directoryBytes(versionPath),
+    directoryBytes(profilePath),
+    directoryBytes(profileNodeModules),
+    packageSizesIn(join(versionPath, 'node_modules')),
+    packageSizesIn(profileNodeModules),
+  ])
+  const sum = (map) => [...map.values()].reduce((totalBytes, bytes) => totalBytes + bytes, 0)
+  const direct = new Set(Object.keys(profileDependencies(profilePath)))
+  const { plugins, depsBytes: pluginDepsBytes } = await attributePlugins(profileNodeModules, [...direct], profilePackages)
+  let pluginOwnBytes = 0
+  for (const name of direct) pluginOwnBytes += profilePackages.get(name) || 0
+  let runtimeBytes = 0
+  let runtimeDepsBytes = 0
+  for (const [name, bytes] of versionPackages) {
+    if (name.startsWith('@deepseek-ai/')) runtimeBytes += bytes
+    else runtimeDepsBytes += bytes
+  }
+  const dataBytes = Math.max(0, profileBytes - profileNodeModulesBytes)
+  const total = versionBytes + profileBytes
+  // 到不了的 profile 包（残留/未声明）和版本目录非 node_modules 的部分都算「未归类」
+  const restBytes = Math.max(0, total - pluginOwnBytes - pluginDepsBytes - runtimeBytes - runtimeDepsBytes - dataBytes)
+  const segments = [
+    { key: 'plugin', bytes: pluginOwnBytes },
+    { key: 'plugin-deps', bytes: pluginDepsBytes },
+    { key: 'runtime', bytes: runtimeBytes },
+    { key: 'runtime-deps', bytes: runtimeDepsBytes },
+    { key: 'data', bytes: dataBytes },
+    { key: 'rest', bytes: restBytes },
+  ].filter((segment) => segment.bytes >= 1)
+  const combined = new Map()
+  for (const [name, bytes] of versionPackages) combined.set(name, { name, bytes, plugin: false })
+  for (const [name, bytes] of profilePackages) {
+    const item = combined.get(name) || { name, bytes: 0, plugin: false }
+    item.bytes += bytes
+    item.plugin = item.plugin || direct.has(name)
+    combined.set(name, item)
+  }
+  const items = [...combined.values()].sort((left, right) => right.bytes - left.bytes).slice(0, 5)
+  const data = { version, profile, total, segments, plugins, items }
+  storageBreakdownCache.set(key, { at: Date.now(), data })
+  return data
+}
+
+function invalidateStorageBreakdown() {
+  storageBreakdownCache.clear()
+}
+
+/** 已装版本各自占多少（只算 DATA/versions 下受管版本；系统全局装的不归启动器管）。 */
+async function versionSizes() {
+  if (versionSizesCache.data && Date.now() - versionSizesCache.at < VERSION_SIZE_TTL_MS) return versionSizesCache.data
+  const versions = scanInstalled().filter(isManaged)
+  const sizes = {}
+  for (const version of versions) sizes[version] = await directoryBytes(versionDir(version))
+  const total = Object.values(sizes).reduce((sum, bytes) => sum + bytes, 0)
+  versionSizesCache = { at: Date.now(), data: { versions: sizes, total } }
+  return versionSizesCache.data
+}
+
 function listedVersions(config) {
   const onDisk = new Set(scanInstalled())
   const fromConfig = (config.versions || [])
@@ -605,6 +867,8 @@ async function pruneVersions(config) {
     }
   }
   if (removed.length) {
+    versionSizesCache.at = 0
+    invalidateStorageBreakdown()
     config.versions = listedVersions(config)
     await saveConfig(config)
     for (const version of removed) await dropInstancePorts(version)
@@ -1543,7 +1807,7 @@ async function setInstancePortNow(version, profile, port) {
       ? { environmentPorts: { ...ENVIRONMENT_PORTS, [home]: next } }
       : { instancePorts: next })
     INSTANCE_PORTS = safeInstancePorts(saved.instancePorts)
-    ENVIRONMENT_PORTS = safeEnvironmentPorts(saved.environmentPorts)
+    ENVIRONMENT_PORTS = liveEnvironmentPorts(saved)
   }
   const text = String(port ?? '').trim()
   if (!text || Number(text) === 0) {
@@ -1842,10 +2106,40 @@ async function removeLaunchPresetNow(id) {
   const stored = await loadSettings()
   if (installing || packInstalling) throw new Error('正在安装，稍后再编辑启动项')
   const presets = safeLaunchPresets(stored.launchPresets)
+  const entry = presets.find((item) => item.id === id)
   const next = presets.filter((item) => item.id !== id)
-  if (next.length === presets.length) throw new Error('这个启动项已不存在，请刷新后重试')
-  // 删除快捷入口不改实例端口，避免影响同一组合的手动启动设置。
-  await saveSettings({ launchPresets: next })
+  if (!entry) throw new Error('这个启动项已不存在，请刷新后重试')
+  // 启动项是端口钉子的唯一入口：它删掉、又没有别的启动项用同一个版本@profile 时，
+  // 钉子一起清掉，否则端口会被一个已经不存在的启动项永久占住（#90）。
+  const home = entry.dshHome || defaultHome()
+  const profile = entry.profile || 'web'
+  const keys = new Set([entry.version !== 'auto' ? entry.version : '', entry.usedVersion, entry.prevVersion]
+    .filter(Boolean).map((version) => `${version}@${profile}`))
+  for (const other of next) {
+    if (!fileManager.samePath(other.dshHome || defaultHome(), home)) continue
+    for (const version of [other.version !== 'auto' ? other.version : '', other.usedVersion, other.prevVersion]) {
+      if (version) keys.delete(`${version}@${other.profile || 'web'}`)
+    }
+  }
+  const patch = { launchPresets: next }
+  if (keys.size) {
+    if (fileManager.samePath(home, defaultHome())) {
+      const ports = { ...safeInstancePorts(stored.instancePorts) }
+      for (const key of keys) delete ports[key]
+      patch.instancePorts = ports
+    } else {
+      const environments = safeEnvironmentPorts(stored.environmentPorts)
+      const dir = Object.keys(environments).find((item) => fileManager.samePath(item, home))
+      if (dir) {
+        const ports = { ...environments[dir] }
+        for (const key of keys) delete ports[key]
+        patch.environmentPorts = { ...environments, [dir]: ports }
+      }
+    }
+  }
+  const saved = await saveSettings(patch)
+  INSTANCE_PORTS = safeInstancePorts(saved.instancePorts)
+  ENVIRONMENT_PORTS = liveEnvironmentPorts(saved)
   dropLaunchLog(id)
   await emitState()
   return { ok: true }
@@ -1891,7 +2185,7 @@ async function dropInstancePorts(version) {
     && Object.entries(environments).every(([home, ports]) => Object.keys(ports).length === Object.keys(ENVIRONMENT_PORTS[home]).length)) return
   const saved = await saveSettings({ instancePorts: kept, environmentPorts: environments })
   INSTANCE_PORTS = safeInstancePorts(saved.instancePorts)
-  ENVIRONMENT_PORTS = safeEnvironmentPorts(saved.environmentPorts)
+  ENVIRONMENT_PORTS = liveEnvironmentPorts(saved)
 }
 
 async function saveManagerSettings(body) {
@@ -2040,7 +2334,7 @@ async function saveManagerSettings(body) {
   EXTRA_ARGS = composeExtraArgs(stored.args)
   WEB_BIND = safeWebBind(stored.webBind)
   INSTANCE_PORTS = safeInstancePorts(stored.instancePorts)
-  ENVIRONMENT_PORTS = safeEnvironmentPorts(stored.environmentPorts)
+  ENVIRONMENT_PORTS = liveEnvironmentPorts(stored)
   if (safeLang(stored.lang)) LANG = safeLang(stored.lang)
   THEME = safeTheme(stored.theme)
   PANEL_TRANSPARENCY = safePanelTransparency(stored.panelTransparency)
@@ -2951,7 +3245,7 @@ function autoPortCandidates(stored, version, profile) {
 /** 这个端口这次真的能拿来复用吗（不能的话调用方会换一个新的）。 */
 async function autoPortUsable(port, stored) {
   // 自动端口不能抢手工指定给其他实例的端口；真实监听也要检查（含别的程序）。
-  const reserved = [stored.instancePorts, ...Object.values(stored.environmentPorts || {})]
+  const reserved = [stored.instancePorts, ...Object.values(liveEnvironmentPorts(stored))]
     .some((ports) => Object.values(ports || {}).includes(port))
     || safeLaunchPresets(stored.launchPresets).some((entry) => entry.port === port)
   // 检查监听会让出执行权；不同目录的并发启动不能同时复用同一个历史端口。
@@ -3964,6 +4258,7 @@ async function addPlugin(version, spec, { profile = PROFILE_NAME } = {}) {
     pluginBusy = false
     pluginProgressName = ''
     pluginProgressProfile = ''
+    invalidateStorageBreakdown()
     emitPluginProgress(null)
   }
 }
@@ -4006,6 +4301,7 @@ async function removePlugin(version, name, { profile = PROFILE_NAME } = {}) {
     pluginBusy = false
     pluginProgressName = ''
     pluginProgressProfile = ''
+    invalidateStorageBreakdown()
     emitPluginProgress(null)
   }
 }
@@ -4224,6 +4520,7 @@ async function runProfileInstall(version, options = {}) {
   } finally {
     pluginProgressName = ''
     pluginProgressProfile = ''
+    invalidateStorageBreakdown()
     emitPluginProgress(null)
   }
 }
@@ -5742,7 +6039,7 @@ async function renameProfile(profile, nextName) {
           autoPorts: Object.fromEntries(Object.entries(safeEnvironmentPorts(current.autoPorts)).map(([dir, value]) => [dir, sameHome(dir) ? ports(value) : value])),
         }))
         INSTANCE_PORTS = safeInstancePorts(saved.instancePorts)
-        ENVIRONMENT_PORTS = safeEnvironmentPorts(saved.environmentPorts)
+        ENVIRONMENT_PORTS = liveEnvironmentPorts(saved)
         if (sameHome(defaultHome())) {
           PROFILE_NAME = saved.profile
         }
@@ -6780,11 +7077,16 @@ async function handleApi(req, res, url) {
   }
   if (req.method === 'POST' && url.pathname === '/api/install') {
     await install(body.version)
+    versionSizesCache.at = 0
+    invalidateStorageBreakdown()
     send(res, 200, { ok: true })
     return
   }
   if (req.method === 'POST' && url.pathname === '/api/versions/optimize') {
-    send(res, 200, await optimizeVersion(body.version))
+    const result = await optimizeVersion(body.version)
+    versionSizesCache.at = 0
+    invalidateStorageBreakdown()
+    send(res, 200, result)
     return
   }
   if (req.method === 'POST' && url.pathname === '/api/start') {
@@ -6820,8 +7122,16 @@ async function handleApi(req, res, url) {
       // 启动项仍在用的目录不能悄悄消失，也不能为了移除列表而删掉启动项。
       if (removing && safeLaunchPresets(current.launchPresets).some((entry) => entry.dshHome && same(entry.dshHome, home))) throw new Error('启动项正在使用此目录，请先修改或删除对应启动项')
       const homes = safeDshHomes(current.dshHomes).filter((item) => !same(item, home))
-      return { dshHomes: removing ? homes : [...homes, home] }
+      return {
+        dshHomes: removing ? homes : [...homes, home],
+        // 目录都不在了，钉在它上面的端口也没意义；留着会占住端口（#90）。
+        ...(removing ? {
+          environmentPorts: Object.fromEntries(Object.entries(safeEnvironmentPorts(current.environmentPorts))
+            .filter(([dir]) => !same(dir, home))),
+        } : {}),
+      }
     })
+    if (removing) ENVIRONMENT_PORTS = liveEnvironmentPorts(stored)
     send(res, 200, { dshHomes: safeDshHomes(stored.dshHomes) })
     await emitState()
     return
@@ -6907,9 +7217,25 @@ async function handleApi(req, res, url) {
   }
   if (req.method === 'POST' && url.pathname === '/api/uninstall') {
     await uninstall(body.version)
+    versionSizesCache.at = 0
+    invalidateStorageBreakdown()
     send(res, 200, { ok: true })
     return
   }
+  if (req.method === 'GET' && url.pathname === '/api/versions/sizes') {
+    try { send(res, 200, await versionSizes()) }
+    catch (error) { send(res, 500, { error: error instanceof Error ? error.message : String(error) }) }
+    return
+  }
+  if (req.method === 'GET' && url.pathname === '/api/storage/breakdown') {
+    try {
+      const version = safeVersion(url.searchParams.get('version') || '')
+      const profile = safeProfile(url.searchParams.get('profile') || PROFILE_NAME)
+      if (!existsSync(versionDir(version))) throw new Error(`${version} 没有安装在启动器的版本目录里`)
+      send(res, 200, await storageBreakdown(version, profile))
+    } catch (error) { send(res, 400, { error: error instanceof Error ? error.message : String(error) }) }
+    return
+  }
   if (req.method === 'POST' && url.pathname === '/api/settings') {
     send(res, 200, await saveManagerSettings(body))
     return
@@ -7045,6 +7371,7 @@ async function handleApi(req, res, url) {
       }
     } finally {
       pluginBusy = false
+      invalidateStorageBreakdown()
     }
     pushLog(`桌面增强：${profile} 卸载完成，成功 ${removed.length} 个${failed.length ? `，失败 ${failed.length} 个` : ''}（重启 dsh 后生效）`)
     send(res, 200, { ok: failed.length === 0, removed, failed, desktopEnhance: desktopEnhanceSummary(profile), ...listPlugins(profileDirOf(profile)), profile })
@@ -7784,7 +8111,13 @@ export async function startServer() {
   }
   // 钉死端口的实例表：启动、重启都读它（页面改这张表走 /api/instance-port）
   INSTANCE_PORTS = safeInstancePorts(stored.instancePorts)
-  ENVIRONMENT_PORTS = safeEnvironmentPorts(stored.environmentPorts)
+  // 旧环境留下的端口钉子：内存里不算它，文件里也顺手清掉，不然重装也不会消失（#90）。
+  const storedEnvironments = safeEnvironmentPorts(stored.environmentPorts)
+  ENVIRONMENT_PORTS = liveEnvironmentPorts(stored)
+  if (Object.keys(ENVIRONMENT_PORTS).length !== Object.keys(storedEnvironments).length) {
+    await saveSettings({ environmentPorts: ENVIRONMENT_PORTS }).catch(() => {})
+    pushLog('已清理旧环境留下的固定端口记录')
+  }
   // 用户在设置页的选择要跨重启与升级保留，安装语言只初始化缺失的设置。
   const storedLang = safeLang(stored.lang)
   const fromInstall = storedLang ? '' : installLang()