dsh-plugin 2.3.0 → 2.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-plugin",
-  "version": "2.3.0",
+  "version": "2.3.1",
   "description": "A community plugin marketplace for DeepSeek Harness, built to the official plugin spec — browse, search and install 10000+ human-curated community plugins without leaving the app. · DeepSeek Harness 社区插件市场（遵循官方开发规范）：10000+ 人工精选社区插件，每日更新。",
   "type": "module",
   "main": "lib/index.js",

package/src/client/components/catalog/PluginCard.tsx

@@ -39,11 +39,25 @@ export function PluginCard({ plugin: p, copied, installedName, installedVersion,
   const pendingUntil = isInstalled && !update ? updatePendingUntil(p) : null
   // 版本号展示：已安装 → 当前已装版本（最能反映用户状态）；未安装 → 目录最新版本
   const versionShown = isInstalled ? installedVersion(p) : p.version
+  // 目录只下发作者 GitHub 账号，缺省时从仓库地址推导
+  const author = p.ownerSlug ?? repo.split('/')[0]?.toLowerCase() ?? ''
 
   return h('div', { className: styles.card },
     h('div', { className: styles.cardMain },
-      h('div', { className: styles.cardHead },
-        h('div', { className: styles.cardTitle, title: p.description ?? '' }, p.displayName ?? p.slug),
+      // 第一行只放名称 + 版本 + 更新状态：这三样是判断「这是什么、我装没装、要不要更新」的全部依据，
+      // 必须始终可见；长仓库名在此行内省略号收尾，不把版本与更新徽标挤出去
+      h('div', { className: styles.cardTitleRow },
+        // 名称本身是通往主站详情页的链接：悬停变色即可点，省掉「先找按钮再点」的一步。
+        // 无仓库地址时退回纯文本（没有可跳转的目标）
+        repo
+          ? h('a', {
+            className: styles.cardTitle,
+            href: pluginDetailUrl(p, langPath),
+            target: '_blank',
+            rel: 'noopener noreferrer',
+            title: p.description ?? '',
+          }, p.displayName ?? p.slug)
+          : h('div', { className: styles.cardTitle, title: p.description ?? '' }, p.displayName ?? p.slug),
         // 版本号紧跟插件名称：有版本才显示（无 release 的仓库不展示版本号）
         versionShown ? h('span', { className: styles.versionBadge, title: t('version') }, versionShown) : null,
         // 已安装且有更新：醒目提示（有 release 比版本号、无 release 比仓库最近更新时间）
@@ -51,11 +65,17 @@ export function PluginCard({ plugin: p, copied, installedName, installedVersion,
         pendingUntil !== null
           ? h('span', { className: styles.updateBadge, title: t('updatePendingHint') }, t('updatePending', { time: clockTime(pendingUntil) }))
           : null,
-        p.category ? h('span', { className: styles.categoryBadge }, categoryLabel(CATEGORY_LABELS, p.category, langKey)) : null,
-        p.compatibility?.status === 'verified'
-          ? h('span', { className: styles.verified }, t('verified'))
-          : null,
       ),
+      // 作者与分类同属背景信息：单独一行，不与名称抢宽度，也不参与是否要装/更新的判断
+      (author || p.category || p.compatibility?.status === 'verified')
+        ? h('div', { className: styles.cardBadgeRow },
+          author ? h('span', { className: styles.authorBadge, title: t('author') }, `@${author}`) : null,
+          p.category ? h('span', { className: styles.categoryBadge }, categoryLabel(CATEGORY_LABELS, p.category, langKey)) : null,
+          p.compatibility?.status === 'verified'
+            ? h('span', { className: styles.verified }, t('verified'))
+            : null,
+        )
+        : null,
       // 描述始终显示：站点英文数据缺翻译时 description 回退成中文也照常展示 ——
       // 描述是了解插件的第一入口，语言不一致也不该省略。
       p.description ? h('p', { className: styles.desc }, p.description) : null,

package/src/client/components/views/InstalledView.tsx

@@ -17,7 +17,8 @@ import styles from '../../styles/InstalledView.module.css'
 import type { LocaleId, Translate } from '../../types.ts'
 import type { InstalledItem } from '../../logic/installed.ts'
 import { CATEGORY_LABELS, categoryLabel } from '../../logic/constants.ts'
-import { clockTime } from '../../logic/format.ts'
+import { clockTime, fmtStars } from '../../logic/format.ts'
+import { pluginSiteUrl } from '../../logic/urls.ts'
 import { SortArrowIcon } from '../ui/icons.tsx'
 
 const INSTALLED_SORTS = ['sortName', 'sortInstalledAt', 'sortStars', 'sortForks'] as const
@@ -101,9 +102,20 @@ function InstalledRow({ item, t, langKey, canReveal, revealLabel, pendingRestart
             : item.dshCapable ? t('statusInactive')
               : t('exampleHint'),
       }),
-      // 主信息：名称 + 已装版本 + 有更新徽标（flex 撑满，超长省略）
+      // 主信息：名称 + 已装版本 + 有更新徽标（同一行，名称超长时省略，徽标不被挤走）。
+      // 名称本身是主站详情页链接：点它直接跳官网，点行内其它位置仍是本地面板。
+      // 阻止冒泡，避免一次点击同时打开本地详情弹窗和新标签页
       h('div', { className: styles.rowMain },
-        h('span', { className: styles.rowTitle }, name),
+        repo
+          ? h('a', {
+            className: styles.rowTitle,
+            href: pluginSiteUrl(repo),
+            target: '_blank',
+            rel: 'noopener noreferrer',
+            title: t('detail'),
+            onClick: (e: MouseEvent<HTMLAnchorElement>) => e.stopPropagation(),
+          }, name)
+          : h('span', { className: styles.rowTitle }, name),
         item.installedVersion
           ? h('span', { className: styles.versionBadge, title: t('installedVersionLabel') }, item.installedVersion)
           : null,
@@ -114,15 +126,51 @@ function InstalledRow({ item, t, langKey, canReveal, revealLabel, pendingRestart
             ? h('span', { className: styles.updateBadge, title: t('updatePendingHint') }, t('updatePending', { time: clockTime(item.pendingUntil) }))
             : null,
       ),
-      // 来源标签列（行尾、操作按钮前，右对齐固定）：目录插件 →「插件市场」（品牌色），
-      // 命令行安装 →「手动安装」（琥珀色）；两词 4 字等宽，所有条目标签同列对齐
+      // 右上角 Star / Fork：与插件市场列表同一口径，装之前看过的热度在已安装里也能对照。
+      // 自定义安装没有目录元数据（plugin === null），没有可展示的统计
+      item.plugin
+        ? h('div', { className: styles.rowStats },
+          h('span', { className: styles.rowStar }, '\u2605 ', fmtStars(item.plugin.stats?.stargazers_count)),
+          h('span', { className: styles.rowFork }, t('fork'), ' ', fmtStars(item.plugin.stats?.forks_count)),
+        )
+        : null,
+    ),
+    // 示例项目徽标单独一行（非 dsh 插件）：标签较长也能完整显示，不挤压名称行
+    !item.dshCapable
+      ? h('div', { className: styles.exampleRow },
+        h('span', { className: styles.exampleBadge, title: t('exampleHint') }, t('exampleLabel')),
+      )
+      : null,
+    // 第二行：仓库 · 分类 · 来源（与名称左对齐缩进，独立成行不再挤压名称）。
+    // 来源标签恒定存在，故此行恒渲染：仓库与分类缺失时仍要能看到它是从哪装进来的
+    h('div', { className: styles.rowMeta },
+      // 仓库名同样指向主站详情页；与名称一样阻止冒泡，不连带打开本地详情弹窗
+      item.repo
+        ? h('a', {
+          className: styles.rowRepo,
+          href: pluginSiteUrl(item.repo),
+          target: '_blank',
+          rel: 'noopener noreferrer',
+          title: t('detail'),
+          onClick: (e: MouseEvent<HTMLAnchorElement>) => e.stopPropagation(),
+        }, item.repo)
+        : null,
+      category ? h('span', { className: styles.rowCategory },
+        categoryLabel(CATEGORY_LABELS, category, langKey)) : null,
+      // 来源标签：目录插件 →「插件市场」（品牌色），命令行安装 →「手动安装」（琥珀色）
       h('span', {
         className: isCustom
           ? `${styles.rowSourceTag} ${styles.rowSourceTagManual}`
           : `${styles.rowSourceTag} ${styles.rowSourceTagHub}`,
         title: isCustom ? t('manualInstallHint') : t('hubInstallHint'),
       }, isCustom ? t('manualInstall') : t('hubInstall')),
-      // 行操作：重启（dsh 插件待重启时）/ 详情 / 更新（有更新时）/ 卸载 —— 按钮点击不触发行打开详情
+    ),
+    // 第三行（仅目录插件）：简介单独一行展示，超长以省略号收尾
+    desc ? h('div', { className: styles.rowDesc, title: desc }, desc) : null,
+    // 最后一行：操作按钮单独成行、靠右，名称与版本号那条线不再被按钮挤窄
+    h('div', { className: styles.rowActionLine },
+      // 行操作：重启（dsh 插件待重启时）/ 在 Finder 中显示 / 安装详情 / 更新（有更新时）/ 卸载
+      // —— 按钮点击不触发行打开详情
       h('div', { className: styles.rowActions },
         // 装完未挂载、且在待重启列表里的 dsh 插件：给「重启」入口，点了宿主重启后插件即生效；
         // 已重启但仍加载失败（不在待重启列表）不显示「重启」，改为灰点「未激活」
@@ -134,8 +182,7 @@ function InstalledRow({ item, t, langKey, canReveal, revealLabel, pendingRestart
             onClick: (e: MouseEvent<HTMLButtonElement>) => { e.stopPropagation(); onRestart() },
           }, t('restart'))
           : null,
-        // 支持文件管理器定位的平台（macOS / Linux）：行内该位改为打开安装目录按钮；
-        // 行点击本身即打开详情弹窗，故不支持的平台（如 Windows）不显示此按钮
+        // 支持文件管理器定位的平台（macOS / Linux）才显示打开安装目录按钮
         canReveal
           ? h('button', {
             className: styles.rowDetail,
@@ -143,6 +190,13 @@ function InstalledRow({ item, t, langKey, canReveal, revealLabel, pendingRestart
             onClick: (e: MouseEvent<HTMLButtonElement>) => { e.stopPropagation(); onReveal(item) },
           }, revealLabel)
           : null,
+        // 安装详情：显式入口，打开与点行内空白处同一个本地详情弹窗
+        h('button', {
+          className: styles.rowDetail,
+          type: 'button',
+          title: t('detail'),
+          onClick: (e: MouseEvent<HTMLButtonElement>) => { e.stopPropagation(); onOpenDetail(item) },
+        }, t('installDetail')),
         item.hasUpdate && item.plugin
           ? h('button', {
             className: styles.rowUpdate,
@@ -158,22 +212,6 @@ function InstalledRow({ item, t, langKey, canReveal, revealLabel, pendingRestart
         }, t('uninstall')),
       ),
     ),
-    // 示例项目徽标单独一行（非 dsh 插件）：标签较长也能完整显示，不挤压名称行
-    !item.dshCapable
-      ? h('div', { className: styles.exampleRow },
-        h('span', { className: styles.exampleBadge, title: t('exampleHint') }, t('exampleLabel')),
-      )
-      : null,
-    // 第二行：仓库 · 分类（与名称左对齐缩进，独立成行不再挤压名称）
-    repo || category
-      ? h('div', { className: styles.rowMeta },
-        item.repo ? h('span', { className: styles.rowRepo }, item.repo) : null,
-        category ? h('span', { className: styles.rowCategory },
-          categoryLabel(CATEGORY_LABELS, category, langKey)) : null,
-      )
-      : null,
-    // 第三行（仅目录插件）：简介单独一行展示，超长以省略号收尾
-    desc ? h('div', { className: styles.rowDesc, title: desc }, desc) : null,
   )
 }
 

package/src/client/locales.ts

@@ -471,6 +471,9 @@ export const zh = {
   installEntryLine: '安装入口：{c}。',
   reportIssue: '去插件仓库提交 Issue',
   detail: '打开详情',
+  // 已安装行按钮：打开与点行内空白处相同的本地详情弹窗
+  installDetail: '安装详情',
+  author: '作者',
   noResult: '没有找到匹配的插件',
   noResultDesc: '换个关键词试试，或前往网站浏览全部插件。',
   today: '今天更新',
@@ -979,6 +982,9 @@ export const en = {
   installEntryLine: 'Install entry: {c}.',
   reportIssue: 'Report an Issue to the plugin repo',
   detail: 'Open details',
+  // Installed-row local details button: opens the same dialog as clicking the row body
+  installDetail: 'Install details',
+  author: 'Author',
   noResult: 'No plugins match your search',
   noResultDesc: 'Try another keyword, or browse all plugins on the website.',
   today: 'updated today',

package/src/client/styles/InstalledView.module.css

@@ -221,7 +221,7 @@
   background: var(--hub-text-tertiary);
 }
 
-/* 主信息：名称 + 已装版本 + 有更新徽标 */
+/* 主信息：名称 + 已装版本 + 有更新徽标（同一行，名称超长时省略，徽标不被挤走） */
 .rowMain {
   display: flex;
   align-items: baseline;
@@ -230,25 +230,56 @@
   flex: 1 1 auto;
 }
 
+/* 右上角 Star / Fork：靠右单行，配色与插件市场列表一致（星标琥珀、Fork 次级灰） */
+.rowStats {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-left: auto;
+  flex-shrink: 0;
+  white-space: nowrap;
+}
+
+.rowStar {
+  font-size: 11px;
+  line-height: 16px;
+  color: var(--hub-warn);
+}
+
+.rowFork {
+  font-size: 11px;
+  line-height: 16px;
+  color: var(--hub-text-tertiary);
+}
+
 .rowTitle {
   font-size: 12px;
   line-height: 18px;
   font-weight: 600;
   color: var(--hub-text-primary);
+  flex: 0 1 auto;
   min-width: 0;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  /* 名称是主站详情页链接：不做成蓝色下划线，悬停才点明可点 */
+  text-decoration: none;
 }
 
-/* 已装版本：等宽弱化小字 */
+a.rowTitle:hover {
+  color: var(--hub-brand);
+  text-decoration: underline;
+}
+
+/* 已装版本：等宽弱化小字。描边透明但保留 1px，与同行的「有更新」「插件市场」等高 */
 .versionBadge {
   flex-shrink: 0;
   font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-  font-size: 11px;
-  line-height: 16px;
+  font-size: 10px;
+  line-height: 14px;
   color: var(--hub-text-tertiary);
   background: var(--hub-bg-hover);
+  border: 1px solid transparent;
   border-radius: 4px;
   padding: 0 5px;
 }
@@ -256,8 +287,8 @@
 /* 有更新徽标：品牌色实底小圆标 */
 .updateBadge {
   flex-shrink: 0;
-  font-size: 11px;
-  line-height: 16px;
+  font-size: 10px;
+  line-height: 14px;
   font-weight: 500;
   color: var(--hub-warn);
   background: var(--hub-warn-tint);
@@ -274,8 +305,8 @@
   width: 60px;
   box-sizing: border-box;
   text-align: center;
-  font-size: 11px;
-  line-height: 16px;
+  font-size: 10px;
+  line-height: 14px;
   font-weight: 500;
   border-radius: 4px;
   padding: 0 4px;
@@ -300,8 +331,8 @@
    与「有更新」实底区分，表达「这是示例项目，宿主不加载」 */
 .exampleBadge {
   flex-shrink: 0;
-  font-size: 11px;
-  line-height: 16px;
+  font-size: 10px;
+  line-height: 14px;
   font-weight: 500;
   color: var(--hub-brand);
   background: var(--hub-brand-tint);
@@ -338,16 +369,34 @@
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  /* 仓库名是主站详情页链接：默认与普通文字无异，悬停才提示可点 */
+  text-decoration: none;
+}
+
+a.rowRepo:hover {
+  color: var(--hub-brand);
+  text-decoration: underline;
 }
 
 .rowCategory {
   flex-shrink: 0;
-  font-size: 11px;
-  line-height: 16px;
+  font-size: 10px;
+  line-height: 14px;
   color: var(--hub-text-tertiary);
   background: var(--hub-bg-hover);
+  border: 1px solid transparent;
   border-radius: 4px;
-  padding: 0 6px;
+  padding: 0 5px;
+}
+
+/* 来源标签 + 操作按钮行：独立成行靠右成组，名称行只留名称/版本/更新状态 */
+.rowActionLine {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 8px;
+  padding-left: 16px;
+  min-width: 0;
 }
 
 /* —— 行操作：详情 / 更新 / 卸载 —— */
@@ -359,14 +408,16 @@
   flex-shrink: 0;
 }
 
-/* 详情：中性细边框按钮，与卸载同款描边样式（视觉成组） */
+/* 详情：默认无边框（低频操作不抢视觉），悬停才出现描边与底色成为按钮形状。
+   描边保留 1px 透明而非 none，保证与同行的更新/卸载按钮同高、文字基线对齐 */
 .rowDetail {
   font-family: inherit;
   font-size: 12px;
   line-height: 18px;
+  font-weight: 500;
   color: var(--hub-text-secondary);
   background: transparent;
-  border: 1px solid var(--hub-border-2);
+  border: 1px solid transparent;
   border-radius: 6px;
   padding: 2px 10px;
   cursor: pointer;
@@ -376,7 +427,7 @@
 
 .rowDetail:hover {
   color: var(--hub-text-primary);
-  border-color: var(--hub-border-ghost);
+  border-color: var(--hub-border-2);
   background: var(--hub-bg-hover);
 }
 
@@ -403,7 +454,8 @@
   border-color: var(--hub-warning);
 }
 
-/* 更新：琥珀色实底小按钮（与插件市场「可更新」同色），仅在「有更新」时出现 */
+/* 更新：琥珀色实底小按钮（与插件市场「可更新」同色），仅在「有更新」时出现。
+   与详情/卸载同度量（1px 描边 + 2px 内距），否则实底按钮会比描边按钮窄一圈 */
 .rowUpdate {
   font-family: inherit;
   font-size: 12px;
@@ -411,9 +463,9 @@
   font-weight: 500;
   color: #fff;
   background: var(--hub-warn);
-  border: none;
+  border: 1px solid var(--hub-warn);
   border-radius: 6px;
-  padding: 3px 10px;
+  padding: 2px 10px;
   cursor: pointer;
   user-select: none;
   transition: background 120ms ease;
@@ -428,6 +480,7 @@
   font-family: inherit;
   font-size: 12px;
   line-height: 18px;
+  font-weight: 500;
   color: var(--hub-danger);
   background: transparent;
   border: 1px solid var(--hub-danger-border-soft);

package/src/client/styles/List.module.css

@@ -52,7 +52,8 @@
   gap: 4px;
 }
 
-.cardHead {
+/* 名称行：名称可收缩到省略号，版本与更新徽标不收缩 —— 长仓库名不会把状态挤没 */
+.cardTitleRow {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -60,26 +61,55 @@
 }
 
 .cardTitle {
+  flex: 0 1 auto;
+  min-width: 0;
   font-size: 13px;
   line-height: 18px;
   font-weight: 600;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  /* 链接形态但不做成蓝色下划线：沿用标题颜色，悬停才点明可点 */
+  color: inherit;
+  text-decoration: none;
+  transition: color 120ms ease;
+}
+
+a.cardTitle:hover {
+  color: var(--hub-brand);
+  text-decoration: underline;
 }
 
+/* 分类 / 验证徽标行：与名称行分开，长名称与多枚徽标互不抢宽度 */
+.cardBadgeRow {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+
+/* 徽章统一度量：字号 / 行高 / 内距 / 描边一致，同屏并排时不会一大一小。
+   以 14px 行高 + 1px 描边收成 16px 高的轻量标签，不与名称行争视觉重量 */
 .categoryBadge,
 .verified,
+.authorBadge,
 .versionBadge,
 .updateBadge {
   flex-shrink: 0;
   font-size: 10px;
-  line-height: 16px;
+  line-height: 14px;
   border-radius: 4px;
-  padding: 0 6px;
+  padding: 0 5px;
   border: 1px solid transparent;
 }
 
+/* 作者：等宽字体 + 中性灰，与分类（品牌蓝）、已验证（绿）区分，避免一行里多个彩色标签抢注意力 */
+.authorBadge {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  color: var(--hub-text-tertiary);
+  border-color: var(--hub-border-ghost);
+}
+
 .categoryBadge {
   color: var(--hub-brand);
   border-color: var(--hub-border-ghost);