dsh-config-manager 0.2.3 → 0.3.0

package/src/client/environment/EnvironmentPanel.tsx

@@ -440,37 +440,43 @@ export function EnvironmentPanel({ api, t, recoveryApi, recoveryT, incidentApi }
       {/* —— 运行状态：当前运行中的 profile + 本插件启动的实例（可打开 / 可停止） —— */}
       <Card className={css.card}>
         <div className={css.groupLabel}>{t('profiles.running.title')}</div>
-        <div className={css.kvRow}>
-          <span className={css.kvKey}>{t('profiles.current')}</span>
-          <span className={css.kvValue}>
-            {state.current === null ? '—' : <span className={css.mono}>{state.current}</span>}
-          </span>
-        </div>
-        {/* 空态只给状态，不解释机制：「启动」按钮就在每行，端口/开浏览器属该按钮的 title */}
+        {/* 2026-11-01：原来「当前：web」一行 + 运行行「web · :3277 · 当前实例」把同一个事实
+            说了两遍，而两行的值起点一个在 110px、一个在 12px（kvKey 88px 只在前者生效），
+            左边缘对不齐 —— app-screens §7.4「一个事实只在一处、一个左边缘」。
+            现在只有一种行：kvKey 列放档案名（与空态那格同宽同起点，两种状态边缘一致），
+            kvValue 列放端口与来源。 */}
         {state.running.length === 0 && (
-          <div className={css.actionRow}>
-            <Badge kind="info">{t('profiles.running.none')}</Badge>
+          <div className={css.kvRow}>
+            <span className={css.kvKey}>{t('profiles.current')}</span>
+            <span className={css.kvValue}>
+              {state.current === null ? '—' : <span className={css.mono}>{state.current}</span>}
+              <Badge kind="info">{t('profiles.running.none')}</Badge>
+            </span>
           </div>
         )}
         {state.running.map((record) => (
-          <div key={record.name} className={css.actionRow}>
+          <div key={record.name} className={css.kvRow}>
+            <span className={css.kvKey + ' ' + css.mono} title={record.name}>{record.name}</span>
             <span className={css.kvValue}>
-              <span className={css.mono}>{record.name}</span>
-              {record.port !== null && <>{' · '}{t('profiles.running.port', { port: record.port })}</>}
-              {' · '}{t(record.current ? 'profiles.running.originCurrent' : record.owned ? 'profiles.running.originOwned' : 'profiles.running.originExternal')}
+              {record.port !== null && <>{t('profiles.running.port', { port: record.port })}{' · '}</>}
+              {t(record.current ? 'profiles.running.originCurrent' : record.owned ? 'profiles.running.originOwned' : 'profiles.running.originExternal')}
             </span>
             {record.url !== null && <Button size="sm" href={record.url}>{t('profiles.running.open')}</Button>}
-            {/* 当前实例不能停自己（进程会死在响应途中）：给禁用按钮 + 说明，而不是藏起来 */}
-            <Button
-              size="sm"
-              variant="ghost"
-              disabled={state.stopping !== null || record.current}
-              title={record.current ? t('profiles.stop.currentHint') : record.owned ? t('profiles.stop.hint') : t('profiles.stop.hintExternal')}
-              loading={state.stopping === record.name}
-              onClick={() => { patch({ stopTargetName: record.name, error: null }) }}
-            >
-              {t('profiles.stop')}
-            </Button>
+            {/* 当前实例不能停自己（进程会死在响应途中）：不渲染按钮，也不给禁用按钮。
+                disabled 的按钮在真实数据里只读作「这里有个坏掉的东西」（app-screens §11）；
+                这一行本来已经写着「当前实例」，缺的不是提示而是控件。 */}
+            {!record.current && (
+              <Button
+                size="sm"
+                variant="ghost"
+                disabled={state.stopping !== null}
+                title={record.owned ? t('profiles.stop.hint') : t('profiles.stop.hintExternal')}
+                loading={state.stopping === record.name}
+                onClick={() => { patch({ stopTargetName: record.name, error: null }) }}
+              >
+                {t('profiles.stop')}
+              </Button>
+            )}
           </div>
         ))}
       </Card>
@@ -493,12 +499,14 @@ export function EnvironmentPanel({ api, t, recoveryApi, recoveryT, incidentApi }
           )}
         </Banner>
       )}
-      {launch !== null && (
-        <Banner kind={launchState(launch) === 'ready' ? 'ok' : 'warn'}>
+      {/* 启动**就绪**只走 toast（2026-11-01 用户要求）：doLaunch 成功那一刻已经发过
+          「已启动档案 X（端口 N）」，而这条横幅把同一句再说一遍，还占掉一整块绿色面板
+          ——「打开 / 停止」在下面「运行状态」卡里本来就有（record.url 的「打开」按钮），
+          日志路径只在**没就绪**时需要，那时才留在横幅里。 */}
+      {launch !== null && launchState(launch) !== 'ready' && (
+        <Banner kind="warn">
           <div>
-            {launchState(launch) === 'ready'
-              ? t('profiles.launch.started', { name: launch.name, port: launch.port })
-              : t('profiles.launch.pending', { name: launch.name, port: launch.port, seconds: Math.round(DSH_PROFILE_LAUNCH_TIMEOUT_MS / 1000) })}
+            {t('profiles.launch.pending', { name: launch.name, port: launch.port, seconds: Math.round(DSH_PROFILE_LAUNCH_TIMEOUT_MS / 1000) })}
           </div>
           <div className={css.kvRow}>
             <span className={css.kvKey}>{t('profiles.launch.log')}</span>
@@ -508,14 +516,6 @@ export function EnvironmentPanel({ api, t, recoveryApi, recoveryT, incidentApi }
             <div key={warning} className={css.hint}>{t(launchWarningKey(warning))}</div>
           ))}
           <div className={css.actionRow}>
-            {launch.url !== null && (
-              <>
-                <Button size="sm" variant="primary" href={launch.url}>{t('profiles.launch.open')}</Button>
-                <Button size="sm" onClick={() => { copyText(launch.url ?? '', t, 'profiles.launch.copiedUrl') }}>
-                  {t('profiles.launch.copyUrl')}
-                </Button>
-              </>
-            )}
             <Button size="sm" variant="ghost" onClick={() => { patch({ launchResult: null }) }}>{t('common.close')}</Button>
           </div>
         </Banner>
@@ -610,11 +610,18 @@ export function EnvironmentPanel({ api, t, recoveryApi, recoveryT, incidentApi }
                       <span className={css.profileRowTitle}>
                         <span className={`${css.mono} ${css.profileRowName}`}>{profile.name}</span>
                         <span className={css.badgeRow}>
-                          {profile.isCurrent && <Badge kind="ok">{t('profiles.current')}</Badge>}
-                          {runningRecord !== undefined && (
-                            <Badge kind="info">
-                              {runningRecord.port !== null ? t('profiles.running.badge', { port: runningRecord.port }) : t('profiles.running.badgePlain')}
-                            </Badge>
+                          {/* 2026-11-01：这两个徽章原来并排写着「Running」与「·3277 running」——
+                              同一个词三格内出现两次，还要额外占 60px 宽（正是把行摘要挤到截断的
+                              一部分）。isCurrent 已经由 ok 徽章说清，第二个徽章只需要回答「在哪个
+                              端口上」，所以文案收成 ':3277'。非当前实例（外部/本插件启动）没有
+                              状态徽章，那时保留 'running' 字样。 */}
+                          {profile.isCurrent
+                            ? <Badge kind="ok">{t('profiles.current')}</Badge>
+                            : runningRecord !== undefined && runningRecord.port === null
+                              ? <Badge kind="info">{t('profiles.running.badgePlain')}</Badge>
+                              : null}
+                          {runningRecord !== undefined && runningRecord.port !== null && (
+                            <Badge kind="info">{t('profiles.running.portBadge', { port: runningRecord.port })}</Badge>
                           )}
                           {/* 残留行必须自报「未完成的副本」——不得伪装成普通「自定义」档案（t50）；非残留行走原形态键 */}
                           <Badge kind={incomplete ? 'warn' : 'info'}>{t(profileShapeLabelKey(profile))}</Badge>
@@ -646,9 +653,11 @@ export function EnvironmentPanel({ api, t, recoveryApi, recoveryT, incidentApi }
                           )
                           : (
                             <>
+                              {/* 2026-11-01：这里原来还跟着「node_modules present · patch hot reload」
+                                  两段 —— 它们与详情弹窗里的同名徽章重复（EnvironmentPanel 详情区），
+                                  而三颗动作按钮已经把这一行压到尾部截断。行摘要只留三个计数，
+                                  那两段在点开详情时仍然逐字可见。 */}
                               {t('profiles.row.summary', { bundles: facts.bundles, patch: facts.patchEntries, deps: facts.deps })}
-                              {' · '}{facts.hasNodeModules ? t('profiles.nodeModules.yes') : t('profiles.nodeModules.no')}
-                              {' · '}{profile.patchReload === 'startup' ? t('profiles.patchReload.startup') : t('profiles.patchReload.live')}
                               {profile.updatedAtMs !== null && ` · ${t('profiles.updatedAt', { time: formatProfileTime(profile.updatedAtMs) })}`}
                             </>
                           )}
@@ -656,9 +665,10 @@ export function EnvironmentPanel({ api, t, recoveryApi, recoveryT, incidentApi }
                     </button>
                     <span className={css.actionRow} data-inline>
                       {/* cross-F3：残留行不给启动/停止那一格（generic 必然 notLaunchable）；删除恒在 */}
-                      {caps.launchOrStop && rowAction === 'current' && (
-                        <Button size="sm" disabled title={t('profiles.stop.currentHint')}>{t('profiles.current')}</Button>
-                      )}
+                      {/* 2026-11-01：原来 current 这一格放一颗 disabled 的「运行中」按钮 —— 标题旁
+                          已经有 ok 徽章写着同一句话，动作区却因此常年挂着一个按不动的方块。
+                          「当前档案没有启动/停止动作」这件事的正确表达是**没有动作**，
+                          不是一颗永远灰着的按钮。reactor: app-screens §11 disabled ≠ 可用提示。 */}
                       {caps.launchOrStop && rowAction === 'stop' && runningRecord !== undefined && (
                         <Button
                           size="sm"

package/src/client/environment/maintenance/DiskUsageCard.tsx

@@ -224,7 +224,9 @@ export function DiskUsageCard({ api, infoHintLabel, onBackupsChanged }: DiskUsag
                   <span className={css.cellMeta}>
                     {row.unreadable ? t('diskUsage.unreadable') : row.size + ' · ' + row.files}
                   </span>
-                  <span className={css.dim}>{t('diskUsage.policy.protected')}</span>
+                  {/* 行尾的 protected 标签已删（2026-11-01）：本组上方的说明文字就是
+                      「no longer read · never auto-deleted · not part of the total above」，
+                      逐行再贴一遍只会把这一行挤到溢出（实测最后一段跑出右边界）。 */}
                 </div>
               ))}
             </>

package/src/client/export/ExportView.tsx

@@ -381,7 +381,9 @@ export function ExportView({ api, t }: ExportViewProps) {
         >
           {t('export.run')}
         </Button>
-        <Button size="sm" loading={invLoading} disabled={running} title={t('picker.title')} onClick={openPicker}>
+        {/* 不再 size="sm"（2026-11-01）：同一工具栏里 28px 与 24px 混排，右边缘参差、
+            基线也对不齐（app-screens §8「同排控件同高」）。次要性由 ghost 承担，不由高度承担。 */}
+        <Button loading={invLoading} disabled={running} title={t('picker.title')} onClick={openPicker}>
           {invLoading ? null : <PreviewIcon size={13} />} {t('picker.title')}
         </Button>
         {/* 工具栏「模式提示」属「机制怎么工作 + 省事提示」（MOVE 类）：收进 ⓘ，

package/src/client/home/HomePanel.tsx

@@ -24,6 +24,7 @@
 import { useCallback, useEffect, useRef, useState, useSyncExternalStore } from 'react'
 import type { ReactNode } from 'react'
 import type { SnapshotMeta } from '../../core/restore.ts'
+import { midEllipsis } from '../../ui/mid-ellipsis.ts'
 import type { BackupScheduleStatus } from '../../ui/backup-schedule.ts'
 import { backupRunOutcome, type BackupSkipReason } from '../../ui/backup-schedule.ts'
 import type { BackupFileMeta } from '../../sync/backup-files.ts'
@@ -432,7 +433,7 @@ export function HomePanel({ api, syncApi, historyApi, t, syncT, openForeignImpor
       {emptyState ? (
         /* 首用空态：只交代顺序（备份 → 导出 → 导入），动作全交给上方工具栏 ——
            此前这里又放了一遍「立即备份 / 远程同步」，等于同一屏两个入口。 */
-        <Card className={`${css.activityCard} ${css.fillCard}`}>
+        <Card className={css.activityCard}>
           <span className={css.groupLabel}>{t('overview.empty.title')}</span>
           <div className={css.emptySteps}>
             <Stepper
@@ -446,8 +447,11 @@ export function HomePanel({ api, syncApi, historyApi, t, syncT, openForeignImpor
         </Card>
       ) : (
         <>
-          {/* 3. 最近活动表（**首页最后一个数据块**：吃掉剩余高度，列表自身内滚） */}
-          <Card className={`${css.activityCard} ${css.fillCard}`}>
+          {/* 3. 最近活动表（**首页最后一个数据块**）。2026-11-01：不再用 .fillCard 撑满视口 ——
+              8 行记录撑到 400px 后，卡内下方留出约 150px 纯空区，被读成「表格还没加载完」
+              （app-screens §4.2：卡内 >40px 空带读作未完成）。现在卡片高度随内容，
+              行数多时由 .activityRows 的 max-height 内滚；页底留白属于页面层级，读起来是完整的。 */}
+          <Card className={css.activityCard}>
             <div className={css.activityHeader}>
               <span className={css.activityTitle}>{t('overview.activity.title')}</span>
             </div>
@@ -458,6 +462,15 @@ export function HomePanel({ api, syncApi, historyApi, t, syncT, openForeignImpor
               : activity.length === 0
                 ? <div className={css.activityEmpty}>{data.history === null ? t('overview.activity.unavailable') : t('overview.activity.empty')}</div>
                 : (
+                <>
+                {/* 列头：14 行记录只有「时间 / 类型·摘要 / 结果」三列，没有名字时
+                    用户不知道右边那一列的绿点是什么（app-screens §7.2：有表头才读得懂列）。 */}
+                <div className={css.activityHead}>
+                  <span>{t('overview.activity.colTime')}</span>
+                  <span>{t('overview.activity.colEvent')}</span>
+                  <span>{t('overview.activity.colDetail')}</span>
+                  <span>{t('overview.activity.colResult')}</span>
+                </div>
                 <div className={css.activityRows}>
                   {activity.map((item, i) => {
                     const atMs = Date.parse(item.at) || 0
@@ -467,10 +480,16 @@ export function HomePanel({ api, syncApi, historyApi, t, syncT, openForeignImpor
                         <span className={css.activityTime} title={atMs > 0 ? new Date(atMs).toLocaleString() : undefined}>
                           {renderRelTime(atMs, t)}
                         </span>
+                        {/* kind 独立成列（2026-11-01）：原先它挤在摘要行里，「Import · 」的
+                            长前缀把真正的区分信息（文件名尾部时间戳）挤出可视宽度，
+                            中段省略再准也被前缀吃掉。 */}
+                        <span className={css.activityKind} title={kindText}>{kindText}</span>
                         <span className={css.activitySummary}>
-                          <span className={css.activityKind}>{kindText} ·</span>
+                          {/* 中段省略而不是尾部（DESIGN.md §9-5）：摘要里的区分信息在尾部
+                              —— 文件名时间戳后缀、项数 —— 尾部截断会让两条记录看起来一样。
+                              52 是 HomePanel 历史上的取值，换实现不改观感。title 保留全文。 */}
                           <span className={css.activitySummaryText} title={displaySummary(item.summary, t)}>
-                            {displaySummary(item.summary, t)}
+                            {midEllipsis(displaySummary(item.summary, t), 34)}
                           </span>
                           <CopyButton text={item.summary} label={t('overview.activity.copy')} t={t} />
                         </span>
@@ -479,6 +498,7 @@ export function HomePanel({ api, syncApi, historyApi, t, syncT, openForeignImpor
                     )
                   })}
                 </div>
+                </>
               )}
           </Card>
         </>

package/src/client/import/ImportWizardView.tsx

@@ -67,7 +67,6 @@ import css from '../config-manager.module.css'
 export interface ImportWizardViewProps {
   api: ConfigManagerApi
   t: TranslateNS<'config-manager'>
-  uiT?: UiT; onOpenForeignImport?: () => void // 可选：外部来源入口（见 SelectStep.foreignEntry）
 }
 
 /* 兼容性等级 → 字典键的映射统一在 ../common/compat-label.ts（同步确认页共用同一份，
@@ -432,7 +431,7 @@ function ResultStep(props: {
   )
 }
 
-function ImportWizardBody({ api, t, uiT, onOpenForeignImport }: ImportWizardViewProps) {
+function ImportWizardBody({ api, t }: ImportWizardViewProps) {
   const {
     imp,
     wizard,
@@ -511,7 +510,6 @@ function ImportWizardBody({ api, t, uiT, onOpenForeignImport }: ImportWizardView
         onReset={resetWizard}
         apiT={api.t}
         t={t}
-        foreignEntry={uiT !== undefined && onOpenForeignImport !== undefined ? { uiT, onOpen: onOpenForeignImport } : undefined}
       />
     )
   }

package/src/client/import/import-wizard-steps.tsx

@@ -97,16 +97,8 @@ export function SelectStep(props: {
   onReset: () => void
   apiT: UiT
   t: TranslateNS<'config-manager'>
-  /**
-   * 「从其它 agent 导入」入口（t17，**可选**）：壳层注入 uiT 与导航回调时才渲染。
-   *
-   * 为什么放在本步而不是加一级页签：导入是 Task 面板里的多阶段流程，外部来源只是
-   * 「包从哪来」的另一种选择 —— 与「选择 ZIP 文件」并列，用户心智上是同一件事的两个入口。
-   * 老调用方不传该 prop → 本区块不渲染，既有行为逐字不变。
-   */
-  foreignEntry?: { uiT: UiT; onOpen: () => void }
 }) {
-  const { fileInput, selectModel, uploading, error, onCancel, onPickFile, onReset, apiT, t, foreignEntry } = props
+  const { fileInput, selectModel, uploading, error, onCancel, onPickFile, onReset, apiT, t } = props
   return (
     <div className={`${css.viewBody} ${css.sparseFill}`}>
       <SectionTitle title={t('import.select.title')} info={<InfoHint text={t('import.select.hint')} label={t('common.infoHint')} />} />
@@ -143,14 +135,6 @@ export function SelectStep(props: {
         </Button>
       </div>
       {error !== null && <ErrorBanner error={error} onRetry={onReset} t={apiT} />}
-      {foreignEntry !== undefined && (
-        <>
-          <div className={css.actionRow} style={{ marginBottom: 0 }}>
-            <Button onClick={foreignEntry.onOpen}>{t('foreign.source.title')}</Button>
-            <InfoHint text={t('foreign.source.hint')} label={t('common.infoHint')} />
-          </div>
-        </>
-      )}
     </div>
   )
 }

package/src/client/library/ArtifactRow.tsx

@@ -18,6 +18,7 @@ import {
 } from '../../ui/artifact-view.ts'
 import type { UiT } from '../../ui/i18n.ts'
 import type { TranslateNS } from '../client-types.ts'
+import { midEllipsis } from '../../ui/mid-ellipsis.ts'
 import { Badge, Button, Spinner } from '../common/ui.tsx'
 import { ExpandChevron } from '../common/Icon.tsx'
 import { MoreMenu } from '../common/MoreMenu.tsx'
@@ -104,7 +105,14 @@ export function ArtifactRowView({
           <div className={css.artifactTitle}>
             {/* 来源标签上标题行（定案 B）：来源已由此表达，再放一个 kind 图标属重复表达 */}
             <span className={css.kindTag}>{uiT(ARTIFACT_KIND_LABEL_KEY[row.kind])}</span>
-            <span className={css.artifactName} title={name}>{name}</span>
+            {/* 文件名走等宽栈 + 中段省略（DESIGN.md:93 / §9-5）：尾部才是区分信息
+                （同一分钟导出的两份备份只差尾部时间戳），尾部截断会让两行看起来一样。 */}
+            <span
+              className={row.title.kind === 'text' ? `${css.artifactName} ${css.mono}` : css.artifactName}
+              title={name}
+            >
+              {row.title.kind === 'text' ? midEllipsis(name) : name}
+            </span>
           </div>
           {/* 元数据是**自由序列**而不是表格列：某一段没有（如快照没有体积）就整段不出现，
               绝不补一个「—」占位 —— 这里没有对齐问题，占位只会变成噪音（§3 第三条） */}
@@ -127,7 +135,10 @@ export function ArtifactRowView({
           {primary !== undefined && (
             <Button
               size="sm"
-              variant={primary === 'delete' ? 'danger' : 'primary'}
+              // 常态 ghost：八行八颗实心按钮会把 accent 变成壁纸，整屏最亮的是 chrome。
+              // 悬停/展开时由 CSS（.rowPrimary）升到 primary —— 那时它才真是「这一行要做的事」。
+              variant={primary === 'delete' ? 'danger' : 'ghost'}
+              className={primary === 'delete' ? undefined : css.rowPrimary}
               // 进行中图标由 Button 原语按 loading 自动渲染（DESIGN §14.11：不要手写 Spinner）
               loading={pendingPrimary}
               disabled={pending !== null && !pendingPrimary}

package/src/client/library/LibraryPanel.tsx

@@ -283,7 +283,14 @@ export function LibraryPanel({ api, syncApi, marketApi, t, uiT, onAction, onOpen
 
       {/* 计数条：**不显示合计体积** —— 四源里只有备份文件有体积，求和会把「未知」混进「合计」（§6.8 ①） */}
       <div className={css.libraryFooter}>
-        <span className={css.libraryCount}>{t('library.summary.count', { count: filtered.length })}</span>
+        {/* 计数只在筛选/搜索生效时出现（2026-11-01）：无筛选时它与上方「全部 16」是同一个数
+            出现在同一屏的两处 —— app-screens §5「一个数字只出现一处」。筛掉多少要看得出
+            「眼前几条 / 一共几条」，所以这时写成分数而不是重复总数。 */}
+        {filtered.length !== rows.length && (
+          <span className={css.libraryCount}>
+            {t('library.summary.filtered', { shown: filtered.length, total: rows.length })}
+          </span>
+        )}
         {/* 加密计数只统计**当前筛选后**的行：此前用 rows（全部来源）⇒ 切到「本机快照」等
             没有加密项的类别时底部仍显示「1 个加密」，与眼前看到的列表不符（真机反馈）。 */}
         {encryptedCount > 0 && (
@@ -291,7 +298,10 @@ export function LibraryPanel({ api, syncApi, marketApi, t, uiT, onAction, onOpen
         )}
         <InfoHint text={t('backupFiles.hint')} label={t('common.infoHint')} />
         <span className={css.statusSpacer} />
-        <Button size="sm" onClick={onOpenExport}>{t('library.new.export')}</Button>
+        {/* 底栏四个入口，只有「导出」是这一页的产品级动作（把本机配置打成可分享的包）；
+            其余三个是「拿别人的东西进来 / 去别处找」。主按钮只留一个，否则整屏没有焦点
+            （app-screens §13：强调色应用在数据与至多一个控件上）。 */}
+        <Button size="sm" variant="primary" onClick={onOpenExport}>{t('library.new.export')}</Button>
         <Button size="sm" onClick={() => { onOpenTask('import') }}>{t('library.new.import')}</Button>
         <Button size="sm" onClick={() => { onOpenTask('market') }}>{t('library.new.market')}</Button>
         <Button size="sm" onClick={onOpenPublish}>{t('task.title.publish')}</Button>