@stofone/dsh-agent-roster 0.9.1 → 0.9.2

package/CHANGELOG.md

@@ -4,6 +4,18 @@
 
 ## [Unreleased]
 
+## [0.9.2] - 2026-11-03
+
+### The member list is a table
+
+- **Four columns now line up across rows.** Each member row used to compute its own grid, so the
+  name / description / tool policy / model columns drifted from row to row and the list read as
+  separate blocks. `.rstr-members` owns the column widths and every row uses `subgrid`.
+- **One line per member at narrow widths**: name and role on the left, the policy pinned right,
+  description and model beneath — four lines instead of five, and nothing overlaps.
+- Member notes (aliases, declared skills, inherited fields) span the full row instead of pushing
+  the columns around.
+
 ## [0.9.1] - 2026-11-03
 
 ### Expansion stops clipping itself
@@ -376,7 +388,8 @@
 - 工具返回值含 `undefined` 键，运行时按 `value is not lossless JSON` 整次拒绝；缺失值统一写 `null`，
   且所有返回值先过 `lib/json.js#lossless`。
 
-[Unreleased]: https://github.com/dsh-agent-roster/dsh-agent-roster/compare/v0.9.1...main
+[Unreleased]: https://github.com/dsh-agent-roster/dsh-agent-roster/compare/v0.9.2...main
+[0.9.2]: https://github.com/dsh-agent-roster/dsh-agent-roster/releases/tag/v0.9.2
 [0.9.1]: https://github.com/dsh-agent-roster/dsh-agent-roster/releases/tag/v0.9.1
 [0.9.0]: https://github.com/dsh-agent-roster/dsh-agent-roster/releases/tag/v0.9.0
 [0.8.3]: https://github.com/dsh-agent-roster/dsh-agent-roster/releases/tag/v0.8.3

package/client.js

@@ -468,6 +468,20 @@ window.__ModuleLoader__.load({
     /* ------------------------------------------------------------------ */
 
     function MemberBlock({ member }) {
+      // 四列由 .rstr-members 的 subgrid 统一给宽度：姓名 / 说明 / 策略 / 模型。
+      // 说明与策略即使为空也占位，否则后面的列会整体左移，表格就对不齐了。
+      const notes = [];
+      if (Array.isArray(member.aliases) && member.aliases.length > 0) {
+        notes.push(`${t("member.aliases")}: ${member.aliases.join(", ")}`);
+      }
+      if (Array.isArray(member.skills) && member.skills.length > 0) {
+        notes.push(`${t("member.skills")}: ${member.skills.join(", ")}（${t("member.skillsHint")}）`);
+      }
+      if (Array.isArray(member.inherited) && member.inherited.length > 0) {
+        notes.push(`inherited: ${member.inherited.join(", ")}`);
+      }
+      if (member.notes) notes.push(member.notes);
+
       return h(
         "div",
         { className: "rstr-member" },
@@ -477,33 +491,24 @@ window.__ModuleLoader__.load({
           h("strong", { className: "rstr-member-name" }, member.name),
           member.role ? h(Chip, null, member.role) : null,
         ),
-        member.description ? h("p", { className: "rstr-member-desc" }, member.description) : null,
-        Array.isArray(member.aliases) && member.aliases.length > 0
-          ? h("p", { className: "rstr-muted rstr-small" }, `${t("member.aliases")}: ${member.aliases.join(", ")}`)
-          : null,
+        h("p", { className: "rstr-member-desc" }, member.description ?? ""),
+        h(
+          "span",
+          { className: "rstr-member-policy" },
+          member.toolPolicy ? h(Chip, { tone: "policy" }, member.toolPolicy) : null,
+        ),
         h(
           "div",
           { className: "rstr-member-meta" },
-          member.toolPolicy ? h(Chip, { tone: "policy" }, member.toolPolicy) : null,
-          member.model ? h("span", null, `${t("member.model")}: ${member.model}`) : null,
-          member.reasoningEffort ? h("span", null, `${t("member.effort")}: ${member.reasoningEffort}`) : null,
+          member.model ? h("span", null, member.model) : null,
+          member.reasoningEffort ? h("span", null, member.reasoningEffort) : null,
           member.fallback ? h("span", null, `${t("member.fallback")}: ${member.fallback}`) : null,
           member.toolScope?.allow?.length
             ? h("span", null, `${t("member.tools")}: ${member.toolScope.allow.join(", ")}`)
             : null,
           h("span", { className: "rstr-muted" }, t("team.promptChars", { count: member.systemPromptChars })),
         ),
-        Array.isArray(member.skills) && member.skills.length > 0
-          ? h(
-              "p",
-              { className: "rstr-muted rstr-small" },
-              `${t("member.skills")}: ${member.skills.join(", ")}（${t("member.skillsHint")}）`,
-            )
-          : null,
-        Array.isArray(member.inherited) && member.inherited.length > 0
-          ? h("p", { className: "rstr-muted rstr-small" }, `inherited: ${member.inherited.join(", ")}`)
-          : null,
-        member.notes ? h("p", { className: "rstr-muted rstr-small" }, member.notes) : null,
+        notes.map((text, index) => h("p", { key: `note-${index}`, className: "rstr-member-note" }, text)),
       );
     }
 
@@ -2360,21 +2365,41 @@ window.__ModuleLoader__.load({
 
 /* ---- 成员块 ----------------------------------------------------------- */
 
-.rstr-members { display: flex; flex-direction: column; gap: 0; border-top: 1px dashed var(--dsw-alias-border-l1); }
+/* 成员是一张表：四列由容器统一给宽度（subgrid），否则每一行各算各的网格，
+   姓名 / 说明 / 策略 / 模型四列对不齐，读起来就是散的。 */
+.rstr-members {
+  display: grid;
+  grid-template-columns: minmax(120px, 172px) minmax(0, 1fr) 104px 244px;
+  column-gap: 14px;
+  border-top: 1px dashed var(--dsw-alias-border-l1);
+}
 .rstr-member {
   display: grid;
-  grid-template-columns: minmax(120px, 170px) minmax(0, 1fr) auto;
-  gap: 6px 16px;
+  grid-column: 1 / -1;
+  grid-template-columns: subgrid;
+  column-gap: 14px;
+  row-gap: 2px;
   align-items: baseline;
-  padding: 9px 4px;
+  padding: 10px 4px;
   border-bottom: 1px solid var(--dsw-alias-border-l1);
   min-width: 0;
 }
 .rstr-member:last-child { border-bottom: none; }
 .rstr-member-head { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; min-width: 0; }
-.rstr-member-name { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; font-weight: 600; color: var(--dsw-alias-label-primary); }
+.rstr-member-name { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; font-weight: 600; color: var(--dsw-alias-label-primary); overflow: hidden; text-overflow: ellipsis; }
 .rstr-member-desc { margin: 0; font-size: 12px; color: var(--dsw-alias-label-secondary); min-width: 0; }
-.rstr-member-meta { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; font-size: 11px; color: var(--dsw-alias-label-secondary); justify-self: end; font-variant-numeric: tabular-nums; }
+.rstr-member-policy { justify-self: start; min-width: 0; }
+.rstr-member-meta { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; font-size: 11px; color: var(--dsw-alias-label-secondary); justify-self: end; font-variant-numeric: tabular-nums; }
+.rstr-member-note { grid-column: 1 / -1; margin: 0; font-size: 11px; color: var(--dsw-alias-label-secondary); }
+@media (max-width: 900px) {
+  /* 窄面板：姓名一行、策略贴右；说明与模型各占一整行。 */
+  .rstr-members { grid-template-columns: minmax(0, 1fr) auto; }
+  .rstr-member-head { grid-column: 1; grid-row: 1; }
+  .rstr-member-policy { grid-column: 2; grid-row: 1; justify-self: end; }
+  .rstr-member-desc { grid-column: 1 / -1; grid-row: 2; margin-top: 2px; }
+  .rstr-member-meta { grid-column: 1 / -1; grid-row: 3; justify-self: start; }
+  .rstr-member-note { grid-row: auto; }
+}
 
 /* ---- 队长块 ----------------------------------------------------------- */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stofone/dsh-agent-roster",
-  "version": "0.9.1",
+  "version": "0.9.2",
   "description": "多 Agent 团队的静态成员档案定义与校验层：档案库在面板里看得见、改得动，团队成员的人设、模型与工具边界固化成可校验、可版本化的文件，并在 dsh-agent-teams 创建成员时把档案桥接给运行时。",
   "type": "module",
   "main": "index.js",