@morehao/dsh-skills-console 0.3.5 → 0.3.6

package/README.md

@@ -37,7 +37,7 @@ DSH（DeepSeek Harness）的**技能控制台**：装、更新、删除、接入
 - **两个入口**：默认在「设置 → 技能控制台」；页头 ⚙ 里可切到左侧栏独立面板，切换立即生效。
 - **一页两 tab**：已安装 / 订阅。页头右侧是「自动接入」（多选 Agent）与「添加技能 / 添加订阅」。
 - **每行五个动作**：开关（启停）、查看、更新、接入设置、删除；窄面板下隐藏「查看」，技能名本身仍是入口。状态标签覆盖最新 / 可更新 / 本地已改 / 上游已移除 / 软链断裂 / 无上游等。
-- **窄面板不跳版**：页头动作恒在右上角，只有面板窄到 520px 以下才上下堆叠；列表按面板自身宽度在 860px 处切两列；页面预留滚动条槽位，滚动条出现/消失、切 tab、窗口微调都不会让整页翻面。
+- **窄面板不跳版**：页头按内容自然换行——放得下时动作组在标题行右侧，放不下（约 630px 以下，如设置页）就整组换到下一行并靠右，插件名始终完整；列表按面板自身宽度在 860px 处切两列；页面预留滚动条槽位，滚动条出现/消失、切 tab、窗口微调都不会让整页翻面。
 - **Agent 多了不挤**：每行最多展示 3 个，其余折成 `+n`，悬浮或聚焦即可看全。
 - **找得到**：支持按名称 / 来源 / Agent 搜索，按「可更新 / 待检查 / 已停用」筛选，平铺或按 Agent 分组。
 - **待检查 vs 无上游**：「待检查」只表示*这次*没拿到上游结论（限流、网络、仓库 404 等）；再次点「检查更新」时，如果上次没有结论、上游又只回了 304，会无视 ETag 完整重读一次树，不会把「待检查」永久粘住。没有可用订阅来源的技能标「无上游」——它们无法参与更新检查，不计入待检查。

package/client.js

@@ -826,21 +826,22 @@ var CSS = `
   .dshsc-page .dshsc-sub { font-size: 13px; line-height: 20px; }
   .dshsc-root { display: flex; flex-direction: column; gap: 14px; color: var(--dsw-alias-label-primary);
     container-type: inline-size; container-name: dshsc; }
-  /* 页头两列：左边标题块、右边业务动作。动作组恒在右上角，宽度自动；
-     页面宽度变化只让标题块收窄（身份胶囊省略、工具组内部换行），动作组不会整组跳到第二行。
-     只有面板真的窄（≤520，见下面容器查询）才改成上下两段。 */
-  .dshsc-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 14px; }
-  .dshsc-heading { display: flex; align-items: flex-start; gap: 10px; min-width: 0; }
+  /* 页头：左标题块、右业务动作。动作组不靠固定断点换行——标题块的 flex-basis 用内容宽度
+     （auto），放得下就同排、放不下（约 630px 以下）动作组自然换到第二行并靠右。
+     这样窄面板（设置页 ~565px）会回到「动作在下、标识在上」，身份胶囊永远是完整的，
+     也不会像 900px 断点那样被滚动条/几像素窗口变化推过临界点。 */
+  .dshsc-head { display: flex; align-items: flex-start; gap: 14px; flex-wrap: wrap; }
+  .dshsc-heading { display: flex; align-items: flex-start; gap: 10px; min-width: 0; flex: 1 1 auto; }
   .dshsc-heading-text { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
   .dshsc-logo { flex: none; display: block; border-radius: 8px; }
   /* 标题不参与收窄：窄面板里让身份胶囊先省略，标题本身不折行 */
   .dshsc-title { font-size: 17px; font-weight: 600; letter-spacing: -.01em; margin: 0; flex: none; white-space: nowrap; }
   .dshsc-sub { font-size: 12px; line-height: 1.55; color: var(--dsw-alias-label-secondary); margin: 0; max-width: 64ch; }
   .dshsc-spacer { flex: 1; }
-  .dshsc-head-actions { display: flex; align-items: center; justify-content: flex-end; gap: 6px; flex-wrap: wrap; }
-  /* 标题行恒为一行：身份胶囊按剩余宽度省略，工具组不被挤走。
+  .dshsc-head-actions { display: flex; align-items: center; justify-content: flex-end; gap: 6px; flex-wrap: wrap; margin-left: auto; }
+  /* 标题行恒为一行：身份胶囊只在面板极窄（连标题行都放不下）时才省略，工具组不被挤走。
      不用 wrap 是因为一 wrap 就会按「身份胶囊整段」的宽度断行，窄面板里会折成 2~3 行、
-     把页头撑高；省略号 + title 提示比整行折行更稳，也不随版本号变长而改变布局。 */
+     把页头撑高；行内换行交给外层页头（动作组下移），标识本身保持完整。 */
   .dshsc-title-row { display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; min-width: 0; }
 
   /* 身份：按「安装时输入的包名」显示（@scope/name@version），等宽只读、不描边 */
@@ -1081,13 +1082,6 @@ var CSS = `
     .dshsc-row .dshsc-actions { grid-column: 2; grid-row: 1 / span 2; }
     .dshsc-row .dshsc-btn { padding: 0 5px; }
   }
-  /* 页头自己的断点，和上面的页面断点解耦：只有面板窄到放不下「标题块 + 动作组」才上下堆叠。
-     520 远低于设置面板/侧栏面板的实际宽度，正常窗口里页头永远是右上角那一组。 */
-  @container dshsc (max-width: 520px) {
-    .dshsc-head { grid-template-columns: minmax(0, 1fr); }
-    .dshsc-head-actions { justify-content: flex-end; }
-    .dshsc-tools { border-left: 0; padding-left: 0; margin-left: 0; }
-  }
   .dshsc-code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; }
 
   /* 与 DSH 自带开关同尺寸/同 token：关是 border-l3 轨道，开是 brand-primary 轨道 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@morehao/dsh-skills-console",
-  "version": "0.3.5",
+  "version": "0.3.6",
   "description": "统一管理本地技能的安装、更新、删除与接入，让同一份技能在多个 Agent 间复用。A skill manager for DeepSeek Harness: install, update, remove, link and toggle agent skills.",
   "license": "MIT",
   "author": "morehao <morehao@qq.com>",