@stofone/dsh-agent-roster 0.9.0 → 0.9.2

package/CHANGELOG.md

@@ -4,6 +4,38 @@
 
 ## [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
+
+- **No more scroll boxes inside expansions.** 0.8.3 capped the expanded collection list at
+  `max-height: 340px` with its own scrollbar; with 21 rosters that reads as "the list is cut off".
+  The cap and the nested scroller are gone — the panel root is the only thing that scrolls, and
+  an expanded section simply grows.
+- **The sources tab gets its page padding back** (`16px 28px 28px`); its collections had been
+  rendering flush against the window edge, hard against `overflow-x: hidden`.
+- **Source collections use the ledger row**, like rosters and teams. They were still emitting
+  `.rstr-card*` class names whose rules disappeared in the 0.9.0 ledger rewrite, so the tab
+  rendered unstyled elements. A regression assertion now forbids those class names returning.
+- **Member rows keep name and role on one line**: `toolPolicy` moved from the head to the meta
+  strip, where the model, effort and prompt size already sit.
+- **Wider id column with a title tooltip**, so `agent-roster-collective` is readable instead of
+  truncated to `agent-roster-collec…`.
+- The CSS guard now asserts the opposite of what it did in 0.8.3: expansions must carry neither
+  `max-height` nor `overflow`, because nested scrolling is what made the content look incomplete.
+
 ## [0.9.0] - 2026-11-03
 
 ### The roster list is a ledger
@@ -356,7 +388,9 @@
 - 工具返回值含 `undefined` 键，运行时按 `value is not lossless JSON` 整次拒绝；缺失值统一写 `null`，
   且所有返回值先过 `lib/json.js#lossless`。
 
-[Unreleased]: https://github.com/dsh-agent-roster/dsh-agent-roster/compare/v0.9.0...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
 [0.8.2]: https://github.com/dsh-agent-roster/dsh-agent-roster/releases/tag/v0.8.2

package/README.md

@@ -268,7 +268,7 @@ member and finally `roster_verify`. Creating the team stays with the runtime.
 
 ## Sidebar panel
 
-The roster list is a **ledger, not a wall of cards**: one row per roster — a 3px state edge (lit only when something is wrong, quiet when it is fine), a monospace id column, the title with a one-line description, right-aligned counts (members / errors / warnings / deployment), and a quiet pair of actions (edit, expand). Duplicate, copy-create and delete moved into the expanded area, which turns 105 buttons across 21 rosters into 42. Below 860px the tag pool becomes a top row and the metadata wraps.
+The roster list is a **ledger, not a wall of cards**: one row per roster — a 3px state edge (lit only when something is wrong, quiet when it is fine), a monospace id column, the title with a one-line description, right-aligned counts (members / errors / warnings / deployment), and a quiet pair of actions (edit, expand). Duplicate, copy-create and delete moved into the expanded area, which turns 105 buttons across 21 rosters into 42. Below 860px the tag pool becomes a top row and the metadata wraps. Expansions never build their own scroll box: the panel root is the only scroller, so an expanded section grows as tall as its content instead of showing "just a few rows".
 
 The panel takes the full page width; nothing constrains it to a reading column. The archive list has
 a **tag pool** on the left: every tag present in the library, with how many archives carry it. Clicking

package/README.zh.md

@@ -262,7 +262,7 @@ node bin/cli.mjs validate --dir orgs/agent-roster-collective
 
 面板铺满整个页面宽度，外层容器不设阅读列宽度。
 
-档案列表是**账本，不是卡片墙**：一行一份档案——左沿 3 像素状态色（只有出错或有提醒时才亮，正常的档案不标记）、等宽字体的 id 列、标题与一句话描述、右侧计数（成员数 / 错误 / 提醒 / 部署态），最后是一对安静的操作（编辑、展开成员）。复制、复制建队、删除收在展开区里，21 份档案的 105 个按钮因此变成 42 个。窄于 860 像素时标签池从左侧栏变成顶上一行、元数据自动折行。
+档案列表是**账本，不是卡片墙**：一行一份档案——左沿 3 像素状态色（只有出错或有提醒时才亮，正常的档案不标记）、等宽字体的 id 列、标题与一句话描述、右侧计数（成员数 / 错误 / 提醒 / 部署态），最后是一对安静的操作（编辑、展开成员）。复制、复制建队、删除收在展开区里，21 份档案的 105 个按钮因此变成 42 个。窄于 860 像素时标签池从左侧栏变成顶上一行、元数据自动折行。展开区不另建小滚动盒：整页只有面板根滚动，展开多少内容就撑多高，不会出现「展开了却只看得到几条」。
 
 档案列表左侧是**标签池**：列出全库出现过的标签
 以及各标签的档案数，点标签即筛选——多选是「且」，一个按钮清除选择。标签池只影响视图，不会把

package/client.js

@@ -468,42 +468,47 @@ 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" },
         h(
           "div",
           { className: "rstr-member-head" },
-          h("strong", null, member.name),
+          h("strong", { className: "rstr-member-name" }, member.name),
           member.role ? h(Chip, null, member.role) : null,
-          member.toolPolicy ? h(Chip, { tone: "policy" }, `${t("member.policy")}: ${member.toolPolicy}`) : 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.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)),
       );
     }
 
@@ -1755,22 +1760,34 @@ window.__ModuleLoader__.load({
           collections.map((collection) =>
             h(
               "article",
-              { key: `${collection.origin?.source ?? ""}::${collection.id}`, className: "rstr-card" },
-              h(
-                "header",
-                { className: "rstr-card-head" },
-                h("h3", { className: "rstr-card-title" }, collection.title || collection.id),
-                h(Badge, { tone: "neutral" }, t("source.registered", { count: collection.rosters?.length ?? 0 })),
-              ),
-              collection.description ? h("p", { className: "rstr-card-desc" }, collection.description) : null,
-              h(
-                "p",
-                { className: "rstr-muted rstr-small" },
-                `${t("source.repo")} ${collection.repo ?? ""}@${collection.ref ?? "main"}${collection.path ? `/${collection.path}` : ""}`,
-              ),
+              {
+                key: `${collection.origin?.source ?? ""}::${collection.id}`,
+                className: openId === collection.id ? "rstr-row rstr-row-open" : "rstr-row",
+              },
               h(
                 "div",
-                { className: "rstr-card-actions" },
+                { className: "rstr-row-body" },
+                h("code", { className: "rstr-row-id", title: collection.id }, collection.id),
+                h(
+                  "div",
+                  { className: "rstr-row-text" },
+                  h(
+                    "h3",
+                    { className: "rstr-row-title" },
+                    collection.title || collection.id,
+                    h(Badge, { tone: "neutral" }, t("source.registered", { count: collection.rosters?.length ?? 0 })),
+                  ),
+                  collection.description ? h("p", { className: "rstr-row-desc" }, collection.description) : null,
+                  h(
+                    "p",
+                    { className: "rstr-source-meta" },
+                    `${collection.repo ?? ""}@${collection.ref ?? "main"}${collection.path ? `/${collection.path}` : ""}`,
+                  ),
+                ),
+                h("div", { className: "rstr-row-stats" }, h("span", null, `${collection.rosters?.length ?? 0}`)),
+                h(
+                  "div",
+                  { className: "rstr-row-actions" },
                 h(
                   "button",
                   {
@@ -1785,6 +1802,7 @@ window.__ModuleLoader__.load({
                   "button",
                   { type: "button", className: "rstr-btn", onClick: () => toggle(collection) },
                   openId === collection.id ? t("source.hide") : t("source.open"),
+                  ),
                 ),
               ),
               openId === collection.id
@@ -2301,7 +2319,7 @@ window.__ModuleLoader__.load({
 
 .rstr-row-body {
   display: grid;
-  grid-template-columns: minmax(88px, 140px) minmax(0, 1fr) auto auto;
+  grid-template-columns: minmax(110px, 176px) minmax(0, 1fr) auto auto;
   align-items: baseline;
   gap: 8px 16px;
   padding: 13px 8px 13px 0;
@@ -2336,31 +2354,52 @@ window.__ModuleLoader__.load({
 .rstr-row-detail {
   display: flex;
   flex-direction: column;
-  gap: 12px;
-  padding: 10px 14px 18px 14px;
+  gap: 14px;
+  padding: 12px 16px 20px 16px;
   margin: 0 0 12px -1px;
   min-width: 0;
   background: var(--dsw-alias-bg-layer-2);
+  border-left: 2px solid var(--dsw-alias-border-l2);
 }
 .rstr-row-detail-actions { display: flex; gap: 6px; flex-wrap: wrap; padding-top: 4px; }
 
 /* ---- 成员块 ----------------------------------------------------------- */
 
-.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; }
+}
 
 /* ---- 队长块 ----------------------------------------------------------- */
 
@@ -2394,21 +2433,33 @@ window.__ModuleLoader__.load({
 
 /* ---- 档案源 ----------------------------------------------------------- */
 
-.rstr-sources { display: flex; flex-direction: column; gap: 0; border-top: 1px solid var(--dsw-alias-border-l2); }
+.rstr-sources { display: flex; flex-direction: column; gap: 0; min-width: 0; padding: 16px 28px 28px; border-top: 1px solid var(--dsw-alias-border-l2); }
 .rstr-sources-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
+/* 展开区自己滚会把内容关进小盒子（曾经 max-height:320px 就是"显示不全"的来源）。
+   整页只有 .rstr-page 一个滚动容器，展开区只负责把高度撑开。 */
 .rstr-source-detail {
   display: flex;
   flex-direction: column;
-  gap: 2px;
+  gap: 4px;
   min-width: 0;
-  max-height: 320px;
-  overflow-y: auto;
-  overflow-x: hidden;
-  padding: 6px 0 10px 15px;
+  padding: 8px 0 12px 15px;
+  border-bottom: 1px solid var(--dsw-alias-border-l1);
+  border-left: 2px solid var(--dsw-alias-border-l2);
+  margin-left: 2px;
+}
+.rstr-source-roster {
+  display: grid;
+  grid-template-columns: minmax(120px, 180px) minmax(0, 1fr) auto;
+  align-items: baseline;
+  gap: 4px 14px;
+  min-width: 0;
+  font-size: 12px;
+  padding: 4px 6px 4px 0;
   border-bottom: 1px solid var(--dsw-alias-border-l1);
 }
-.rstr-source-roster { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; min-width: 0; font-size: 12px; padding: 3px 0; }
-.rstr-source-roster > .rstr-muted { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.rstr-source-roster:last-of-type { border-bottom: none; }
+.rstr-source-roster > .rstr-muted { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.rstr-source-meta { margin: 2px 0 0 0; min-width: 0; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 11px; color: var(--dsw-alias-label-secondary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 
 /* ---- 通用件 ----------------------------------------------------------- */
 

package/package.json

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