dsh-plugin 1.1.0 → 1.1.1

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

@@ -20,12 +20,13 @@
   padding: 2px 2px 0;
 }
 
-/* 头部右上角控件组：语言切换 + GitHub 源码图标，右侧一列对齐 */
+/* 头部右上角控件组：语言切换 + GitHub 源码图标，右侧一列对齐，auto 把它顶到标题行最右 */
 .headerRight {
   flex-shrink: 0;
   display: inline-flex;
   align-items: center;
   gap: 2px;
+  margin-left: auto;
 }
 
 /* 语言切换按钮：与 GitHub 图标同风格（次级灰低调、悬浮品牌紫），文字显示目标语言 */
@@ -75,11 +76,36 @@
   display: block;
 }
 
-/* 头部第一行：logo + 标题（官网链接）与 GitHub 图标同行，space-between 把 GitHub 顶到标题行末尾 */
+/* 「关注我们」入口：GitHub 图标后，与语言切换按钮同风格 —— 普通文字、无边框，
+   悬浮才转品牌紫 + 浅紫底，提示可点（打开平台介绍 + 用户反馈群二维码弹窗） */
+.aboutBtn {
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 24px;
+  padding: 0 8px;
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 1;
+  color: var(--hub-text-tertiary);
+  background: transparent;
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  user-select: none;
+  transition: color 0.15s ease, background-color 0.15s ease;
+}
+
+.aboutBtn:hover {
+  color: var(--hub-purple-1);
+  background-color: var(--hub-purple-tint);
+}
+
+/* 头部第一行：logo + 标题（官网链接）紧接着版本号入口，右侧控件组靠 auto 顶到最右 */
 .headerTitleRow {
   display: flex;
   align-items: center;
-  justify-content: space-between;
   gap: 8px;
   min-width: 0;
 }
@@ -117,6 +143,60 @@
   color: var(--hub-text-secondary);
 }
 
+/* 版本号入口按钮：常驻可点（打开版本信息/更新记录弹窗），无边框、字号与标题协调，
+   hover 加品牌色下划线提示可点 —— 无论有无更新都可查看更新内容；
+   有更新时版本号后紧跟红色「可更新」徽标（同一按钮内的 span，不分开成两个元素） */
+.versionBtn {
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  height: 20px;
+  padding: 0 6px;
+  border: none;
+  border-radius: 5px;
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 1;
+  color: var(--hub-text-secondary);
+  background: transparent;
+  cursor: pointer;
+  user-select: none;
+  transition: color 120ms ease;
+}
+
+/* 悬浮只提示整组可点，但版本号本身颜色保持不变；交互反馈交给「可更新」徽标单独变深红 */
+.versionBtn:hover {
+  color: var(--hub-text-secondary);
+}
+
+/* 版本号旁的「可更新」徽标：默认红底白字（醒目），悬浮轻微加深 + 投影提升一点反馈感，
+   紧跟版本号，提示可查看并直接升级。作为同一按钮内文字，点击由外层按钮统一处理，本身无需独立事件。 */
+.hubUpdateBadge {
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+  height: 18px;
+  padding: 0 7px;
+  border-radius: 999px;
+  font-size: 11px;
+  font-weight: 700;
+  line-height: 1;
+  letter-spacing: 0.02em;
+  color: #ffffff;
+  background: var(--hub-danger);
+  box-shadow: 0 1px 4px rgba(209, 36, 47, 0.4);
+  user-select: none;
+  transition: background 120ms ease, box-shadow 120ms ease, transform 120ms ease;
+}
+
+/* 悬浮：轻微变深红 + 一点投影提升，只动徽标本身，版本号不动 */
+.hubUpdateBadge:hover {
+  background: var(--hub-danger-hover);
+  box-shadow: 0 2px 8px rgba(209, 36, 47, 0.5);
+  transform: translateY(-1px);
+}
+
 /* 品牌 logo 图标：与标题文字垂直居中对齐 */
 .logoIcon {
   flex-shrink: 0;

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

@@ -113,6 +113,28 @@
   padding: 6px 10px;
 }
 
+/* 可能需要命令行辅助的插件提示（webInstallable=false）：中性说明，仍允许尝试一键安装 */
+.cliOnlyHint {
+  font-size: 12px;
+  line-height: 18px;
+  color: var(--hub-text-secondary);
+  background: var(--hub-bg-hover);
+  border-radius: 6px;
+  padding: 6px 10px;
+}
+
+/* 安装失败引导：红色醒目，提示复制命令到 dsh 终端手动执行（原生依赖构建脚本需人工放行） */
+.failedCopyHint {
+  font-size: 12px;
+  line-height: 18px;
+  font-weight: 500;
+  color: var(--hub-danger-text);
+  background: var(--hub-danger-tint);
+  border: 1px solid var(--hub-danger-border-soft);
+  border-radius: 6px;
+  padding: 6px 10px;
+}
+
 .modalRow {
   display: flex;
   align-items: baseline;
@@ -916,6 +938,17 @@
   background: var(--hub-danger-tint);
 }
 
+/* 成功通知卡片（时间戳已并入头部行）：删除按钮不再用 auto margin 顶到最右，
+   由时间戳的 margin-left:auto 把「时间 + 删除」整体推到行尾 —— 图标文字与
+   时间垂直居中，卡片只有一行内容，整体居中不顶头 */
+.noticeRowOk .noticeRemove {
+  margin-left: 0;
+}
+
+.noticeRowOk .noticeTime {
+  margin-left: auto;
+}
+
 /* 记录内的复制按钮：纯灰文字、无边框，低调隐蔽，点击即可复制该条完整错误日志 */
 .failCopy {
   flex-shrink: 0;
@@ -1004,3 +1037,244 @@
   border: 1px solid var(--hub-warning-border);
   border-radius: 6px;
 }
+
+/* —— 「关注我们」弹窗 —— */
+
+/* 关注弹窗：比普通弹窗略宽，给 Markdown 介绍 + 反馈群二维码留出阅读空间；
+   max-width 覆盖普通弹窗的 calc(100vw - 32px)，窄屏时仍不贴边 */
+.aboutModal {
+  width: 460px;
+  max-width: calc(100vw - 48px);
+}
+
+/* Markdown 内容区：固定最大高度内滚动，介绍文字 + 二维码不把弹窗撑爆；
+   样式沿用 hubUpdateNotes 的 12px 基线，仅二维码图片单独约束最大尺寸 */
+.aboutContent {
+  flex: 1 1 auto;
+  min-height: 0;
+  max-height: 340px;
+  overflow-y: auto;
+  font-size: 12px;
+  line-height: 18px;
+  color: var(--hub-text-secondary);
+  background: var(--hub-bg-2);
+  border: 1px solid var(--hub-border-2);
+  border-radius: 8px;
+  padding: 10px 12px;
+}
+
+.aboutContent > *:first-child {
+  margin-top: 0;
+}
+
+.aboutContent > *:last-child {
+  margin-bottom: 0;
+}
+
+.aboutContent h2,
+.aboutContent h3,
+.aboutContent h4,
+.aboutContent h5 {
+  margin: 10px 0 4px;
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 20px;
+  color: var(--hub-text-primary);
+}
+
+.aboutContent h2 {
+  font-size: 14px;
+}
+
+.aboutContent p {
+  margin: 4px 0;
+}
+
+.aboutContent ul,
+.aboutContent ol {
+  margin: 4px 0;
+  padding-left: 18px;
+}
+
+.aboutContent li {
+  margin: 2px 0;
+}
+
+.aboutContent code {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: 11px;
+  background: var(--hub-bg-hover);
+  border-radius: 4px;
+  padding: 1px 4px;
+  color: var(--hub-text-primary);
+}
+
+.aboutContent pre {
+  margin: 6px 0;
+  background: var(--hub-bg-1);
+  border: 1px solid var(--hub-border-2);
+  border-radius: 6px;
+  padding: 8px 10px;
+  overflow-x: auto;
+}
+
+.aboutContent pre code {
+  background: none;
+  padding: 0;
+  border-radius: 0;
+}
+
+.aboutContent blockquote {
+  margin: 6px 0;
+  padding: 2px 10px;
+  border-left: 3px solid var(--hub-brand);
+  background: var(--hub-bg-hover);
+  border-radius: 0 6px 6px 0;
+  color: var(--hub-text-tertiary);
+}
+
+.aboutContent a {
+  color: var(--hub-brand);
+  text-decoration: none;
+}
+
+.aboutContent a:hover {
+  color: var(--hub-brand-hover);
+  text-decoration: underline;
+}
+
+/* 内容里的图片（反馈群二维码）：居中、最大高度受控，不撑破弹窗：
+   当图片自身更窄时收缩到实际宽度（不强行拉满铺平） */
+.aboutContent img {
+  display: block;
+  margin: 8px auto;
+  max-width: 100%;
+  max-height: 220px;
+  border-radius: 8px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
+}
+
+/* 更新时间小字：弱化展示在内容区下方 */
+.aboutMeta {
+  font-size: 11px;
+  line-height: 16px;
+  color: var(--hub-text-tertiary);
+}
+
+/* —— Hub 自我更新说明弹窗 —— */
+
+/* 更新说明弹窗：比普通弹窗略宽，给变更记录留出阅读空间 */
+.hubUpdateModal {
+  width: 520px;
+  max-width: calc(100vw - 48px);
+}
+
+/* 版本 / 发布时间元信息行：小号标签并排，弱化但可读 */
+.hubUpdateMeta {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 4px 14px;
+  font-size: 12px;
+  line-height: 18px;
+}
+
+.hubUpdateMetaItem {
+  color: var(--hub-text-tertiary);
+}
+
+/* Markdown 变更记录区：固定最大高度内滚动，长更新记录不把弹窗撑爆；
+   子元素（标题/列表/代码块/引用）继承 12px 基线，仅标题加大加粗 */
+.hubUpdateNotes {
+  flex: 1 1 auto;
+  min-height: 0;
+  max-height: 300px;
+  overflow-y: auto;
+  font-size: 12px;
+  line-height: 18px;
+  color: var(--hub-text-secondary);
+  background: var(--hub-bg-2);
+  border: 1px solid var(--hub-border-2);
+  border-radius: 8px;
+  padding: 10px 12px;
+}
+
+.hubUpdateNotes > *:first-child {
+  margin-top: 0;
+}
+
+.hubUpdateNotes > *:last-child {
+  margin-bottom: 0;
+}
+
+.hubUpdateNotes h2,
+.hubUpdateNotes h3,
+.hubUpdateNotes h4,
+.hubUpdateNotes h5 {
+  margin: 10px 0 4px;
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 20px;
+  color: var(--hub-text-primary);
+}
+
+.hubUpdateNotes h2 {
+  font-size: 14px;
+}
+
+.hubUpdateNotes p {
+  margin: 4px 0;
+}
+
+.hubUpdateNotes ul,
+.hubUpdateNotes ol {
+  margin: 4px 0;
+  padding-left: 18px;
+}
+
+.hubUpdateNotes li {
+  margin: 2px 0;
+}
+
+.hubUpdateNotes code {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: 11px;
+  background: var(--hub-bg-hover);
+  border-radius: 4px;
+  padding: 1px 4px;
+  color: var(--hub-text-primary);
+}
+
+.hubUpdateNotes pre {
+  margin: 6px 0;
+  background: var(--hub-bg-1);
+  border: 1px solid var(--hub-border-2);
+  border-radius: 6px;
+  padding: 8px 10px;
+  overflow-x: auto;
+}
+
+.hubUpdateNotes pre code {
+  background: none;
+  padding: 0;
+  border-radius: 0;
+}
+
+.hubUpdateNotes blockquote {
+  margin: 6px 0;
+  padding: 2px 10px;
+  border-left: 3px solid var(--hub-brand);
+  background: var(--hub-bg-hover);
+  border-radius: 0 6px 6px 0;
+  color: var(--hub-text-tertiary);
+}
+
+.hubUpdateNotes a {
+  color: var(--hub-brand);
+  text-decoration: none;
+}
+
+.hubUpdateNotes a:hover {
+  color: var(--hub-brand-hover);
+  text-decoration: underline;
+}

package/src/client/types.ts

@@ -47,6 +47,8 @@ export interface HubPlugin {
   features?: string[]
   description?: string
   source?: { repo?: string; npmPackage?: string }
+  /** 能否网页一键安装：false = 仅支持命令行/git/本地构建安装（缺省视为 true 可安装） */
+  install?: { webInstallable?: boolean }
   compatibility?: { status?: string }
   dates?: { repoUpdatedAt?: string; addedAt?: string }
   stats?: { stargazers_count?: number; forks_count?: number }

package/src/server/services/install-types.ts

@@ -28,6 +28,8 @@ export interface InstallTask {
   progress: number
   /** Newest output lines first (consumer shows the tail). */
   lines: string[]
+  /** 完成后是否仍需宿主重启才生效：卸载时 loader 已即时移除 → false；否则 true（弹窗据此给重启选项） */
+  needsRestart: boolean
 }
 
 /** 子进程启动参数（复用宿主 dsh 入口，或回退到 PATH 上的 `dsh`）。 */

package/src/server/services/loader.ts

@@ -60,13 +60,15 @@ function nameMatches(entryName: string | undefined, target: string): boolean {
 }
 
 /**
- * 卸载成功后从运行中 loader 停用指定包的条目，使卸载立即生效（刷新页面不再
- * 加载已卸载的 client bundle，也无需重启）。做法：按 name 扫描
+ * 卸载成功后从运行中 loader 停用指定包的条目。做法：按 name 扫描
  * `loader.entries()`（含嵌套子树），对每个匹配条目
  * `entry.update({ disabled: true })` 做 live-disable —— fiber 被 dispose，
  * client-modules 对账后不再把它写进 `__DSH_BOOT__`，页面刷新即恢复。
- * 返回 true = 无需重启（条目已停用，或本就没加载过）；false = 未能停用，
- * 需登记「待重启清理」兜底。宿主关键包（@deepseek-ai/* 与本插件自身）一律跳过。
+ * 返回 true = 无需重启（仅当宿主从未加载过它：磁盘已干净）；
+ * 其余一律 false = 需要重启：要么 disable 失败需「待重启清理」兜底，
+ * 要么 disable 成功但该插件曾在 loader 中存活——带 UI 的插件（侧边栏面板等
+ * 宿主启动时渲染的槽位）disable 后不会主动摘除，不重启面板一直残留。
+ * 宿主关键包（@deepseek-ai/* 与本插件自身）一律跳过。
  */
 export async function removeLoadedEntry(loader: LoaderHandle, name: string): Promise<boolean> {
   if (name === 'dsh-plugin' || name.startsWith('@deepseek-ai/')) return false
@@ -95,8 +97,13 @@ export async function removeLoadedEntry(loader: LoaderHandle, name: string): Pro
     if (!found) {
       // 运行中 loader 无该条目：宿主从未加载过它（装完未重启），磁盘已干净，无需重启
       console.log(`[hub-uninstall] no live entry for ${name}; nothing to disable`)
+      return true
     }
-    return true
+    // 找到并停用了 live entry：逻辑层已卸载（刷新页面不再加载其 client bundle），
+    // 但带 UI 的插件（侧边栏面板等）是宿主启动时渲染的槽位，disable 不会主动摘除，
+    // 不重启面板会一直残留 → 返回「需要重启」，弹窗给出「立即重启」，面板立即消失
+    console.log(`[hub-uninstall] disabled live entry for ${name}; UI may persist until restart`)
+    return false
   })()
   const result = await Promise.race([
     removal.catch((error) => {

package/src/server/services/task-queue.ts

@@ -170,7 +170,7 @@ export function startPluginMutation(options: {
   /** 入队前已尝试的安装方式（npm registry 反查等）：失败提 Issue 时如实展示；实际执行的命令由 spawn 时追加 */
   attempts?: string[]
 }): InstallTask {
-  const task: InstallTask = { id: nextTaskId, target: options.target, displayTarget: options.displayTarget, action: options.action, status: 'pending', timedOut: false, exitCode: null, progress: 0, lines: [], attempts: options.attempts ?? [] }
+  const task: InstallTask = { id: nextTaskId, target: options.target, displayTarget: options.displayTarget, action: options.action, status: 'pending', timedOut: false, exitCode: null, progress: 0, lines: [], attempts: options.attempts ?? [], needsRestart: false }
   nextTaskId = nextTaskId >= Number.MAX_SAFE_INTEGER ? 1 : nextTaskId + 1
   tasks.set(task.id, task)
   if (tasks.size > MAX_TASKS) {
@@ -345,14 +345,19 @@ function spawnMutation(options: {
             if (task.status === 'done') {
               task.progress = 100
               if (action === 'remove' && uninstallLoader) {
-                // 卸载成功 → 主动从运行中 loader 移除该包条目，立即生效、无需重启；
-                // 移除失败（或从未加载过但 loader 不可用）才登记「待重启清理」兜底
+                // 卸载成功 → 主动从运行中 loader 停用该包条目；
+                // 仅当宿主从未加载过它（磁盘已干净）才判「无需重启」；
+                // 只要曾在 loader 中存活（停用过 live entry）就仍要求重启——
+                // 带 UI 的插件（侧边栏面板等宿主启动时渲染的槽位）disable 后不会
+                // 主动消失，重启才能立即摘除面板
                 const removed = await removeLoadedEntry(uninstallLoader, target)
+                task.needsRestart = !removed
                 if (removed) clearPendingRestart(displayTarget ?? target)
                 else addPendingRestart(displayTarget ?? target, 'uninstall')
               } else {
                 // 安装成功（或卸载但无 loader 引用）→ 登记待重启：
                 // 插件要宿主重启才会挂载/卸载干净，重启前一直提醒；展示目标用 displayTarget（owner/repo）
+                task.needsRestart = true
                 addPendingRestart(displayTarget ?? target, action === 'add' ? 'install' : 'uninstall')
               }
             }