@zq-silk/yui 2.2.0 → 2.3.0

package/dist/web/assets/styles/components.js

@@ -2,6 +2,10 @@
  * COMPONENTS — reusable controls and primitives: buttons, segmented
  * controls, badges, dots, chips, cards, disclosures, key/value lists, empty
  * states, metrics, dialogs and the toast. Colour comes only from tokens.
+ *
+ * Task and overview surfaces are one reading column of flat panels: a card
+ * head (icon tile, title, count, hint, actions) above a hairline, then the
+ * body. List cards divide their rows with hairlines instead of nesting boxes.
  */
 export const COMPONENT_STYLES = `
 /* Tones: one semantic colour per tone, used by dots, badges and signals */
@@ -57,26 +61,66 @@ code.id{padding:1px 6px;border-radius:var(--r-xs);background:var(--surface-3);co
 .mono-line{font-family:var(--font-mono);font-size:var(--fs-2xs);overflow-wrap:anywhere}
 
 /* Chip tabs (local filters) */
-.chip-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
+.chip-tabs{display:flex;flex-wrap:wrap;gap:6px}
 .chip-tab{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:1px solid var(--line-2);border-radius:var(--r-pill);background:transparent;color:var(--ink-3);font-size:var(--fs-xs);font-weight:500}
 .chip-tab:hover{color:var(--ink);border-color:var(--line-3)}
 .chip-tab[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--canvas)}
 .chip-tab[aria-pressed="true"] .count{background:rgba(127,127,127,.25);color:inherit}
 
-/* Cards */
-.card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1)}
-.card-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:14px 16px 0}
-.card-title{display:flex;align-items:center;gap:8px;flex:1;min-width:0;font-size:var(--fs-md);font-weight:600;color:var(--ink)}
-.card-title .icon{color:var(--ink-3)}
-.card-actions{grid-row:1;grid-column:2;display:flex;gap:6px;margin:-4px -6px -4px 0}
-.card-hint{grid-column:1/-1;color:var(--ink-3);font-size:var(--fs-xs);line-height:1.45}
-.card-body{display:grid;gap:12px;padding:14px 16px 16px;min-width:0}
-.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
-.card-grid-1{grid-template-columns:minmax(0,1fr)}
-.card-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
-.card-column{display:flex;flex-direction:column;gap:14px;min-width:0}
+/* Cards: flat panels. Actions sit beside the heading and wrap below it when
+   the column is too narrow for both. */
+.card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}
+.card-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:12px 16px}
+.card-heading{display:grid;gap:3px;flex:1 1 260px;min-width:0}
+.card-title{display:flex;align-items:center;gap:10px;min-width:0;font-size:var(--fs-md);font-weight:600;color:var(--ink)}
+.card-title>span:not(.card-icon):not(.count){min-width:0;overflow-wrap:anywhere}
+.card-icon{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:var(--r-sm);background:var(--surface-3);color:var(--ink-3)}
+.card-icon .icon{width:14px;height:14px}
+.card-hint{color:var(--ink-3);font-size:var(--fs-xs);line-height:1.45}
+.card-heading:has(.card-icon) .card-hint{padding-left:34px}
+.card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}
+.card-actions>.btn-ghost:last-child{margin-right:-8px}
+.card-body{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:14px 16px 16px;min-width:0}
+.card-head+.card-body{border-top:1px solid var(--line)}
+.card-body:empty,.card-body:has(> :only-child:empty){display:none}
+.card-body>.btn-link{justify-self:start}
+.card-stack{display:flex;flex-direction:column;gap:16px;min-width:0}
 .stack{display:grid;gap:10px;min-width:0}
 
+/* List cards: one row per record, divided by hairlines */
+.list-card{overflow:hidden}
+.list-card>.card-body{padding:0;gap:0}
+.row-stack{display:grid;grid-template-columns:minmax(0,1fr);min-width:0}
+.row-stack>:is(.work-card,.run-card,.review-card,.record,.role-card,.lazy-row){border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}
+.row-stack>:is(.work-card,.run-card,.review-card,.record,.role-card,.lazy-row):first-child,
+.row-stack>.row-label+:is(.work-card,.run-card,.review-card,.record,.lazy-row){border-top:0}
+.row-stack>:is(.run-card,.review-card,.record){padding:12px 16px}
+.row-stack>.run-card[data-status="failed"]{box-shadow:inset 3px 0 0 var(--bad)}
+.row-stack>.empty{margin:14px 16px}
+.row-stack>.note{margin:12px 16px}
+.row-stack>.show-more{margin:6px 16px 14px}
+.row-stack>.row-stack{border-top:1px solid var(--line)}
+.row-stack>.row-label{padding:12px 16px 2px;color:var(--ink-4);font-size:var(--fs-2xs);font-weight:600;letter-spacing:.04em}
+.row-stack>.row-label:only-child{padding-bottom:12px}
+.row-stack.boxed{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);overflow:hidden}
+.row-stack.boxed>:is(.record){padding:10px 14px}
+.list-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;min-width:0}
+.list-foot:empty{display:none}
+.row-stack>.list-foot{padding:8px 16px;border-top:1px solid var(--line)}
+.card-body>.list-foot{padding-top:4px;border-top:1px solid var(--line)}
+.list-foot>.faint{margin-right:auto}
+
+/* Lazy rows: a list summary that reads its exact record when opened */
+.lazy-row{min-width:0}
+.lazy-head{display:flex;align-items:center;gap:10px;min-width:0;padding:11px 16px;list-style:none;cursor:pointer;font-size:var(--fs-sm)}
+.lazy-head::-webkit-details-marker{display:none}
+.lazy-head:hover .lazy-title{color:var(--ink)}
+.lazy-head:focus-visible{box-shadow:inset 0 0 0 2px var(--accent-line)}
+.lazy-title{flex:1;min-width:0;color:var(--ink-2);font-weight:500;overflow-wrap:anywhere}
+.lazy-body{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0;padding:0 16px 14px 40px}
+.lazy-content{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}
+[data-reading="true"]>.record-actions,.record[data-reading="true"]{opacity:.7}
+
 /* Disclosure */
 .disclosure{min-width:0;border-top:1px solid var(--line)}
 .disclosure>summary{display:flex;align-items:center;gap:8px;padding:10px 0;list-style:none;cursor:pointer;color:var(--ink-2);font-size:var(--fs-sm);font-weight:500;user-select:none}
@@ -85,15 +129,18 @@ code.id{padding:1px 6px;border-radius:var(--r-xs);background:var(--surface-3);co
 .disclosure-chevron{width:14px;height:14px;color:var(--ink-4);transition:transform var(--t-med) var(--ease)}
 details[open]>summary .disclosure-chevron{transform:rotate(90deg)}
 .disclosure-meta{margin-left:auto;color:var(--ink-4);font-size:var(--fs-xs);font-weight:400}
-.disclosure-body{display:grid;gap:10px;padding:0 0 12px 22px;min-width:0}
-.card-disclosure{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1)}
-.card-disclosure>summary{padding:14px 16px;color:var(--ink);font-weight:600;font-size:var(--fs-md)}
-.card-disclosure>.disclosure-body{padding:0 16px 16px}
+.disclosure-body{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:0 0 12px 22px;min-width:0}
+.card-disclosure{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}
+.card-disclosure>summary{gap:10px;padding:12px 16px;border-radius:var(--r-lg);color:var(--ink);font-weight:600;font-size:var(--fs-md)}
+.card-disclosure>summary .disclosure-chevron{box-sizing:content-box;padding:5px;border-radius:var(--r-sm);background:var(--surface-3);color:var(--ink-3)}
+.card-disclosure[open]>summary{border-bottom:1px solid var(--line);border-radius:var(--r-lg) var(--r-lg) 0 0}
+.card-disclosure>.disclosure-body{padding:14px 16px 16px}
 
 /* Key/value */
 .kv{display:grid;grid-template-columns:minmax(96px,max-content) minmax(0,1fr);gap:7px 16px;margin:0;font-size:var(--fs-sm)}
 .kv dt{color:var(--ink-3)}
 .kv dd{margin:0;min-width:0;color:var(--ink);overflow-wrap:anywhere}
+.kv dd code.id{white-space:normal;overflow-wrap:anywhere;-webkit-box-decoration-break:clone;box-decoration-break:clone}
 .kv-compact{gap:3px 12px;font-size:var(--fs-xs)}
 
 /* Prose */

package/dist/web/assets/styles/responsive.js

@@ -8,6 +8,8 @@
 export const RESPONSIVE_STYLES = `
 @container sidebar (max-width:299px){
   .foot-btn kbd{display:none}
+  .lazy-meta{display:none}
+  .lazy-body{padding-left:16px}
 }
 @container sidebar (max-width:259px){
   .foot-btn{gap:0;padding:0 9px}
@@ -15,12 +17,8 @@ export const RESPONSIVE_STYLES = `
 }
 @media(max-width:1200px){
   :root{--sidebar-w:264px}
-  .card-grid,.card-columns{grid-template-columns:minmax(0,1fr)}
   .metric-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
 }
-@media(max-width:1040px){
-  body.dock-open .overview-layout{grid-template-columns:minmax(0,1fr)}
-}
 @media(max-width:900px){
   .app,body.dock-open .app,body.dock-open.dock-center .app{grid-template-areas:"main";grid-template-columns:minmax(0,1fr)}
   .sidebar{grid-area:main;border-right:0}
@@ -32,7 +30,6 @@ export const RESPONSIVE_STYLES = `
   .dock-divider,.sidebar-divider{display:none}
   .dock{position:fixed;inset:0;z-index:60;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
   #dock-swap{display:none}
-  .overview-layout{grid-template-columns:minmax(0,1fr)}
   .dock-toggle span{display:none}
   .dock-toggle{width:32px;padding:0}
 }
@@ -44,8 +41,13 @@ export const RESPONSIVE_STYLES = `
   .tab{padding:0 12px}
   .field-row{grid-template-columns:minmax(0,1fr)}
   .work-body{padding-left:16px}
+  .card-heading:has(.card-icon) .card-hint{padding-left:0}
+  .role-card>:not(.role-head):not(.role-actions){margin-left:0}
+  .now-card>.card-body{padding:14px 14px 14px 17px}
   .kv{grid-template-columns:minmax(0,1fr)}
   .kv dt{margin-top:4px}
   .foot-btn kbd{display:none}
+  .lazy-meta{display:none}
+  .lazy-body{padding-left:16px}
 }
 `;

package/dist/web/assets/styles/tokens.js

@@ -23,7 +23,7 @@ export const TOKEN_STYLES = `
   --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;
   --r-xs:5px;--r-sm:7px;--r-md:10px;--r-lg:14px;--r-pill:999px;
   --sidebar-w:clamp(260px,21vw,312px);--dock-w:440px;--dock-min:320px;--divider-w:9px;
-  --center-max:980px;--header-h:56px;
+  --center-max:880px;--header-h:56px;
   --t-fast:120ms;--t-med:220ms;--ease:cubic-bezier(.2,.8,.2,1);
 }
 :root,[data-theme="sumi"]{

package/dist/web/assets/styles/views.js

@@ -1,6 +1,8 @@
 /*
  * VIEWS — styling for the concrete surfaces: sidebar index, overview, task
- * page (header, tabs, sections, records) and the session dock.
+ * page (header, tabs, panels, records) and the session dock. The overview
+ * and every task tab are a single reading column; nothing pairs cards side by
+ * side.
  */
 export const VIEW_STYLES = `
 /* ---------- Sidebar ---------- */
@@ -75,19 +77,12 @@ export const VIEW_STYLES = `
 .page-title{margin-top:6px;font-size:var(--fs-2xl);font-weight:650;letter-spacing:-.025em}
 .page-sub{margin-top:4px;color:var(--ink-3)}
 .page-foot{margin-top:20px;color:var(--ink-4);font-size:var(--fs-xs);text-align:center}
-.section{margin-top:28px;min-width:0}
-.section-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}
-.section-title h2{display:flex;align-items:center;gap:8px;font-size:var(--fs-lg);font-weight:600}
-.section-actions{margin-left:auto}
 .sub-head{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:var(--fs-sm);font-weight:600}
 
 /* ---------- Overview ---------- */
-.metric-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}
+.metric-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px}
 .metric-strip .metric{padding:14px 16px;border-radius:var(--r-lg)}
 .metric-strip .metric-value{font-size:var(--fs-2xl)}
-.overview-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:14px;align-items:start}
-.overview-col{display:flex;flex-direction:column;gap:14px;min-width:0}
-.overview>.card{margin-bottom:14px}
 .row-list{display:grid;gap:2px;margin:-4px -8px}
 .list-row{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:7px 8px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--ink);text-align:left;font-size:var(--fs-sm)}
 .list-row:hover:not(:disabled){background:var(--surface-3)}
@@ -125,29 +120,30 @@ export const VIEW_STYLES = `
 .tab .icon{color:var(--ink-4)}
 .tab[aria-selected="true"] .icon{color:var(--accent)}
 .tab:focus-visible{box-shadow:inset var(--focus)}
-.tab-panel{padding-top:20px;min-width:0}
-.tab-panel>.card{margin-bottom:14px}
-.tab-panel>.section:first-child{margin-top:4px}
+.tab .count.tone-warn{background:var(--warn-soft);color:var(--warn)}
+.tab-panel{display:flex;flex-direction:column;gap:16px;padding-top:20px;min-width:0}
+.tab-panel [id^="detail-"]{scroll-margin-top:calc(var(--header-h) + 60px)}
 
-/* Now card */
-.now-card{border-color:var(--line-2);background:linear-gradient(180deg,var(--surface-2),var(--surface))}
+/* Now banner: the execution status tone as a left stripe and a soft wash */
+.now-card{border-color:var(--line-2);background:linear-gradient(100deg,var(--tone-soft,transparent),transparent 62%),var(--surface);box-shadow:inset 3px 0 0 var(--tone,var(--line-3))}
+.now-card>.card-body{gap:0;padding:16px 18px 16px 20px}
 .now-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
 .now-owner{color:var(--ink-2);font-size:var(--fs-sm);font-weight:500}
-.now-summary{margin-top:10px;font-size:var(--fs-lg);line-height:1.45;color:var(--ink)}
+.now-summary{margin-top:10px;font-size:var(--fs-lg);font-weight:500;line-height:1.45;color:var(--ink)}
 .now-reason{margin-top:4px;color:var(--ink-3);font-size:var(--fs-sm)}
 .now-note{margin-top:8px;color:var(--ink-3);font-size:var(--fs-sm)}
 .signal-list{list-style:none;display:grid;gap:6px;margin:12px 0 0;padding:0}
 .signal-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:8px 10px;border-radius:var(--r-sm);background:var(--tone-soft);font-size:var(--fs-sm)}
 .signal-row>.icon{align-self:center;color:var(--tone)}
 .signal-kind{color:var(--tone);font-weight:600}
-.next-line{display:flex;flex-wrap:wrap;align-items:center;gap:4px;color:var(--ink-3);font-size:var(--fs-xs)}
+.next-line{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);color:var(--ink-3);font-size:var(--fs-xs)}
 .next-line:empty{display:none}
 .next-line .icon{color:var(--accent)}
 .next-line strong{color:var(--ink)}
 
 /* Needs you / input requests */
 .needs-card{border-color:var(--warn);box-shadow:0 0 0 3px var(--warn-soft)}
-.needs-card .card-title .icon{color:var(--warn)}
+.needs-card .card-icon{background:var(--warn-soft);color:var(--warn)}
 .input-card{display:grid;gap:10px;padding:14px;border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--surface-2)}
 .input-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--ink-3);font-size:var(--fs-xs)}
 .input-kicker{display:inline-flex;align-items:center;gap:5px;color:var(--warn);font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:var(--fs-2xs)}
@@ -163,22 +159,20 @@ export const VIEW_STYLES = `
 .input-form{display:flex;gap:8px}
 .input-form input{flex:1}
 
-/* Decisions, sessions, planning */
+/* Decisions, planning */
 .decision{display:grid;gap:4px;padding-top:10px;border-top:1px solid var(--line)}
 .decision:first-child{padding-top:0;border-top:0}
 .decision-head{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm)}
 .decision-head strong{flex:1;min-width:0;font-weight:600}
-.session-list{list-style:none;display:grid;gap:8px;margin:0;padding:0}
-.session-row{display:grid;gap:3px;padding:9px 11px;border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--line)}
-.session-row-head{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm)}
-.session-row p{color:var(--ink-2)}
 .planning-card .kv{font-size:var(--fs-xs)}
 
-/* Work items */
-.work-card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1);min-width:0}
+/* Work items (rows of the Work list card) */
+.work-card{min-width:0}
 .work-head{display:flex;align-items:center;gap:10px;padding:13px 16px;list-style:none}
 summary.work-head{cursor:pointer}
 summary.work-head::-webkit-details-marker{display:none}
+summary.work-head:hover .work-title{color:var(--ink)}
+summary.work-head:focus-visible{box-shadow:inset 0 0 0 2px var(--accent-line)}
 .work-title{flex:1;min-width:0;font-weight:600;font-size:var(--fs-md);overflow-wrap:anywhere}
 .work-body{display:grid;gap:12px;padding:0 16px 16px 34px}
 .work-card.is-settled .work-title{color:var(--ink-2);font-weight:500}
@@ -190,21 +184,33 @@ summary.work-head::-webkit-details-marker{display:none}
 .candidate-seq{font-family:var(--font-mono);color:var(--accent)}
 
 /* Records, runs, roles */
-.record,.run-card,.review-card{display:grid;gap:8px;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}
+.record,.run-card,.review-card{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;overflow-wrap:anywhere;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}
 .record.is-compact{padding:9px 12px;background:var(--surface-2)}
 .record-head,.run-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;font-size:var(--fs-sm)}
 .record-store{color:var(--ink-3);font-size:var(--fs-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em}
 .record-actions{display:flex;gap:8px}
-.run-card[data-status="failed"]{border-color:color-mix(in srgb,var(--bad) 35%,var(--line))}
+.record-lead{font-weight:500;overflow-wrap:anywhere}
+.delivery-stack>.sub-head:not(:first-child){margin-top:10px}
+.delivery-project .record-head strong{overflow-wrap:anywhere}
+.check-list{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:var(--fs-xs)}
+.check-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2px 8px;min-width:0}
+.check-details{grid-column:2/-1;white-space:pre-wrap;overflow-wrap:anywhere}
 .run-role{font-weight:600}
-.role-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
-.role-card{display:grid;gap:10px;align-content:start;min-width:0;padding:14px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1)}
+.role-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;align-content:start;min-width:0;padding:14px 16px}
+.role-card>*{grid-column:1/-1;min-width:0}
+.role-card>.role-head{grid-column:1;grid-row:1}
+.role-card>.role-actions{grid-column:2;grid-row:1;align-self:center}
+.role-card>:not(.role-head):not(.role-actions){margin-left:42px}
 .role-head{display:flex;align-items:center;gap:10px}
 .role-title{display:grid;flex:1;min-width:0;line-height:1.3}
 .role-title .faint{font-size:var(--fs-xs)}
 .avatar{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:9px;background:var(--surface-3);color:var(--ink-2);font-weight:650;font-size:var(--fs-sm)}
 .role-card .kv{font-size:var(--fs-xs)}
-.role-actions{display:flex;justify-content:flex-end;margin:-4px -6px -6px}
+.role-actions{display:flex;justify-content:flex-end;margin-right:-8px}
+.role-session{display:grid;gap:3px;min-width:0;font-size:var(--fs-sm)}
+.role-session-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
+.role-session>p{color:var(--ink-2)}
+.card-actions>[data-slot="session-counts"]:empty{display:none}
 
 /* History timeline */
 .timeline{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:0}
@@ -213,13 +219,23 @@ summary.work-head::-webkit-details-marker{display:none}
 .timeline-mark{position:relative;z-index:1;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--surface-2);border:1px solid var(--line-2);color:var(--ink-3)}
 .kind-decision .timeline-mark{color:var(--ok);border-color:var(--ok-soft);background:var(--ok-soft)}
 .kind-milestone .timeline-mark{color:var(--accent);border-color:var(--accent-soft);background:var(--accent-soft)}
-.timeline-body{display:grid;gap:6px;min-width:0;padding-top:3px}
+.kind-run .timeline-mark{color:var(--info);border-color:var(--info-soft);background:var(--info-soft)}
+.kind-question .timeline-mark{color:var(--warn);border-color:var(--warn-soft);background:var(--warn-soft)}
+.timeline-body{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;min-width:0;padding-top:3px;overflow-wrap:anywhere}
 .timeline-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:var(--fs-sm)}
+.timeline-item>.record{align-self:start;padding:4px 0 0;border:0;background:transparent}
+.timeline .lazy-head{align-items:flex-start;padding:2px 0 0;gap:8px}
+.timeline .lazy-head .disclosure-chevron{order:2;margin-top:4px}
+.timeline .lazy-body{padding:10px 0 2px}
+.timeline-summary{flex:1;display:grid;gap:4px;min-width:0}
+.timeline-title,.timeline-preview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
+.timeline-preview{margin:0}
+.lazy-row[open] .timeline-preview{display:none}
 .timeline-empty{list-style:none}
 .timeline .show-more{margin-left:40px}
 
 /* Evidence */
-.file-list{display:grid;gap:2px}
+.file-list{display:grid;grid-template-columns:minmax(0,1fr);gap:2px}
 .file-list:empty{display:none}
 .file-row{display:flex;align-items:center;gap:8px;min-height:32px;padding:5px 8px;border:0;border-radius:var(--r-sm);background:transparent;text-align:left;font-size:var(--fs-sm);color:var(--ink-2)}
 .file-row:hover{background:var(--surface-3);color:var(--ink)}
@@ -239,6 +255,7 @@ summary.work-head::-webkit-details-marker{display:none}
 .feed:focus-visible{box-shadow:inset var(--focus)}
 .feed>.empty{margin:auto 0}
 .feed-note{color:var(--ink-4);font-size:var(--fs-2xs);text-align:center}
+.feed-older{align-self:center}
 .feed-day{display:flex;align-items:center;gap:10px;color:var(--ink-4);font-size:var(--fs-2xs);font-weight:500}
 .feed-day::before,.feed-day::after{content:"";flex:1;height:1px;background:var(--line)}
 .msg{display:flex;gap:10px;max-width:100%;min-width:0}

package/dist/web/webServer.js

@@ -194,7 +194,7 @@ async function handleHttpRequest(request, response, store, dependencies, token,
         }
         return;
     }
-    const surfaceTarget = /^\/api\/tasks\/([^/]+)\/(context|delta|inspect|metadata|messages|control)$/.exec(pathname);
+    const surfaceTarget = /^\/api\/tasks\/([^/]+)\/(context|delta|inspect|list|metadata|messages|control)$/.exec(pathname);
     if (surfaceTarget && dependencies.surface) {
         try {
             let taskId;
@@ -223,6 +223,17 @@ async function handleHttpRequest(request, response, store, dependencies, token,
                     ...(query.has("cursor") ? { cursor: query.get("cursor") } : {})
                 });
             }
+            else if (method === "GET" && action === "list") {
+                const limit = query.get("limit");
+                if (limit !== null && !/^\d{1,3}$/u.test(limit))
+                    throw new WebRequestRejected("Invalid list limit.");
+                value = dependencies.surface.list(taskId, {
+                    store: query.get("store") ?? "",
+                    ...(query.has("status") ? { status: query.get("status") } : {}),
+                    ...(query.has("cursor") ? { cursor: query.get("cursor") } : {}),
+                    ...(limit === null ? {} : { limit: Number(limit) })
+                });
+            }
             else if (method === "POST" && action === "messages") {
                 const body = await readMutationBody(request);
                 if (typeof body !== "object" || body === null || Array.isArray(body)

package/dist/web/webTaskSurface.js

@@ -3,7 +3,7 @@ import { openTaskArtifactRepository } from "../artifacts/taskArtifactRepository.
 import { applyGlobalInputControl } from "../commands/globalRoleCommands.js";
 import { applyTaskInputControl, sendTaskMessageCommand, updateTaskMetadataCommand } from "../commands/taskCommands.js";
 import { runTaskInputCommand } from "../commands/taskInputCommands.js";
-import { inspectTaskContext, readTaskContext, readTaskContextDelta, withContextObservations } from "../context/taskContext.js";
+import { inspectTaskContext, listTaskContext, readTaskContext, readTaskContextDelta, withContextObservations } from "../context/taskContext.js";
 import { BUILTIN_CAPABILITIES } from "../kernel/builtinCapabilities.js";
 import { capabilitySchemaError } from "../kernel/capabilitySchema.js";
 import { recordGlobalInterruptResult, recordGlobalSteerResult } from "../message/globalInterrupt.js";
@@ -248,6 +248,13 @@ export function createWebTaskSurface(store, options = {}, observations = [], hos
         read: async (taskId) => withContextObservations(readTaskContext(store, taskId, environment), observations),
         delta: (taskId, input) => readTaskContextDelta(store, taskId, input, environment),
         inspect: (taskId, input) => inspectTaskContext(store, taskId, input, environment),
+        // The same paged family discovery as `task context list`: summaries and
+        // exact references, never bodies; continuations keep their filters.
+        list: (taskId, input) => listTaskContext(store, taskId, input.store, {
+            ...(input.status === undefined ? {} : { status: input.status }),
+            ...(input.cursor === undefined ? {} : { cursor: input.cursor }),
+            ...(input.limit === undefined ? {} : { limit: input.limit })
+        }, environment),
         update: (taskId, input) => {
             const descriptor = BUILTIN_CAPABILITIES.find((entry) => entry.name === "task.update");
             const error = capabilitySchemaError(descriptor.inputSchema, { taskId, patch: input });

package/docs/observability/README.md

@@ -58,8 +58,16 @@ Session with settled native input is idle rather than a false runtime failure.
 
 ## Web attention and progress
 
-Task detail prioritizes **needs your input**, **Session activity**, **Task progress**
-and **key conclusions**. InputRequests retain their original answer controls and
+Task detail has four tabs. **Overview** shows needs your input, Task progress,
+goal and key Decisions. **Delivery** shows WorkItems, Reviews, Integration and
+remote delivery, files and workspaces; its evidence is read when the tab opens.
+**Runtime** shows Roles with their Session activity, open execution and
+operations, usage and diagnostics. **Records** is a paged timeline of Decisions,
+milestones, executions and questions plus Task facts; finished rows read their
+exact record when opened. Messages live in the Discussion dock, oldest first,
+with earlier ones listed on request.
+
+InputRequests retain their original answer controls and
 bounded Context counts; a partial read is not an empty inbox. Technical attention
 names the owner from the existing execution projection. An assigned owner does
 not imply work started, and a diagnostic hint is not new user authorization.
@@ -81,7 +89,7 @@ Current Decisions show their rationale/source; superseded ones remain in history
 Reports and recommendations are not relabelled as user approval. Core Context
 remains readable when its independent observation fails.
 
-**Results and evidence** reads files only on request. A selected commit-pinned
+**Delivery** reads files only on request. A selected commit-pinned
 text survives refresh and newer file listings; switching versions is explicit.
 A missing revision fails visibly, never substitutes HEAD. HTML/scripts stay
 text, never an executing preview. Copying a source sends nothing; discussion
@@ -100,6 +108,8 @@ All routes use the local Web token and Task boundary.
 `GET /api/tasks/<id>/artifacts` lists a fixed repository revision;
 `?path=<relative-path>&commit=<full-commit>` reads its exact text file.
 `GET /api/tasks/<id>/evidence` reads original check/Review/workspace records.
+`GET /api/tasks/<id>/list?store=<family>[&status&cursor&limit]` returns the same
+paged summaries as `task context list`.
 These reads do not start a runtime, fetch a remote, write business state, require
 a migration, or introduce a new persistent protocol.
 

package/docs/observability/README.zh-CN.md

@@ -51,7 +51,12 @@ AgentRun，Role 状态也包含其原生准入/活动；当某个 WorkItem 处
 
 ## Web 用户关注与进展
 
-Task 详情优先展示「需要你处理」「会话活动」「任务进展」「关键结论」。
+Task 详情分为四个页签。「概览」展示需要你处理的事项、任务进展、目标和关键决定；
+「交付」展示工作项、评审、集成与远程交付、文件和工作区，打开页签时才读取证据；
+「运行」展示各 Role 及其会话活动、进行中的执行与操作、用量和诊断；
+「记录」是决定、里程碑、执行与问题的分页时间线及任务信息，已结束的条目展开时
+才读取精确记录。消息在讨论侧栏中按时间正序显示，更早的消息按需列出。
+
 InputRequest 保留原回答入口和有界 Context 计数；部分读取不等于空待办。
 技术关注从既有执行投影取得负责人；有负责人不代表已开始处理，诊断提示
 也不自动成为新的用户授权。
@@ -68,7 +73,7 @@ Controller 已负责的有界 Provider 重试显示为等待，不误称停止
 ETA 或实质检查点。当前 Decision 展示理由与来源，已替代决定留在历史；
 报告与建议不改称用户批准。独立观察失败时，核心 Context 仍可读取。
 
-「成果与证据」仅按需读文件。固定提交的文本阅读在刷新和读取新列表后仍保留，
+「交付」仅按需读文件。固定提交的文本阅读在刷新和读取新列表后仍保留，
 切换版本必须显式选择；固定版本缺失就报错，不回退 HEAD。
 HTML／脚本只作为文本，不执行预览。复制来源不发送内容，讨论仍走原 Message
 表单、显式意图及回执；自动刷新保留未提交输入。
@@ -83,7 +88,9 @@ skipped／缺失检查不算通过。工作区所有权不证明可清理；既
 所有入口沿用本地 Web token 与 Task 边界。
 `GET /api/tasks/<id>/artifacts` 列出固定仓库版本；
 `?path=<relative-path>&commit=<full-commit>` 读取该版本文本；
-`GET /api/tasks/<id>/evidence` 读取原检查／Review／工作区记录。
+`GET /api/tasks/<id>/evidence` 读取原检查／Review／工作区记录；
+`GET /api/tasks/<id>/list?store=<family>[&status&cursor&limit]` 返回与
+`task context list` 相同的分页摘要。
 读取不启动运行时、不访问远端、不写业务状态、不引入迁移或新持久协议。
 
 ## 执行审计

package/docs/release-workflow.md

@@ -51,6 +51,31 @@ merely to avoid a version decision. Package versions remain distinct from protoc
 and persistent-storage contracts: their compatibility checks and required migrations
 are unchanged, and the storage rules below do not authorize a package release.
 
+### 2.3.0 compatibility and migration notes
+
+This minor release separates Task acceptance and verified remote delivery from
+immutable Integration history and temporary workspace cleanup. Integration
+history remains readable after its workspace is released.
+
+Automation that previously treated leftover workspaces as an unconditional
+archive blocker must now inspect business settlement, exact delivery and runtime
+quiescence separately from physical cleanup. Ordinary archive releases safe
+resources child-first and retains dirty, unknown or live resources with their
+ownership and diagnostics. `--force` is separate explicit authority; it neither
+proves delivery or quiescence nor permits discarding retained data.
+
+For an ordinary Integration conflict, resolve and stage files in that attempt's
+workspace, then run `yui task integration continue <task>/<integration>`.
+Do not create a replacement attempt or require a manual-resolution decision
+just for a normal Git conflict. Cleanup uses exact ownership and Git
+registrations; missing paths alone do not establish that cleanup is complete.
+
+These are behavioral changes under Yui's minor-version convention. There is no
+new persistent schema or storage migration in 2.3.0. Existing Task and
+Integration evidence is preserved. This package release does not itself
+install the global CLI, activate a runtime or restart a Controller. Users
+upgrading from 2.1.0 must also apply the 2.2.0 API guidance below.
+
 ### 2.2.0 compatibility and migration notes
 
 This minor release adds the independent `yui agent` entry, explicit model/tool

package/docs/release-workflow.zh-CN.md

@@ -36,6 +36,25 @@ Agent 选择一个预先声明的计划，设施从持久状态驱动该计划
 不能将不兼容冒称为兼容，也不为回避版本选择新增历史兼容机制。包版本与协议、
 持久存储契约仍然独立：兼容性检查和必要迁移要求不变，下文存储规则不授予发版权限。
 
+### 2.3.0 兼容性及迁移说明
+
+本次 minor 将 Task 验收与已核验的远端交付、不可变 Integration 历史、
+临时工作区清理分开。释放工作区后，Integration 历史仍可读取。
+
+此前把残留工作区一律视为归档阻塞的自动化，现在应分别检查业务结算、
+精确交付与运行时静默，以及物理清理结果。普通归档按子资源优先释放安全资源，
+保留脏、未知或仍存活的资源及其所有权、诊断。`--force` 需要单独明确授权；
+它不证明交付或静默，也不允许丢弃被保留的数据。
+
+普通 Integration 冲突应在原 attempt 的工作区解决并 stage，然后执行
+`yui task integration continue <task>/<integration>`。不要仅因普通 Git 冲突
+另建 attempt 或要求 manual-resolution 决策。清理依赖精确所有权与 Git 登记；
+路径缺失本身不代表清理完成。
+
+这些是 Yui minor 编号约定下的行为变化。2.3.0 没有新的持久 schema 或存储迁移，
+保留现有 Task 与 Integration 证据。发布包本身不会安装全局 CLI、激活运行时
+或重启 Controller。从 2.1.0 升级的用户还需遵循下文 2.2.0 API 指引。
+
 ### 2.2.0 兼容性及迁移说明
 
 本 minor 增加独立 `yui agent` 入口、显式模型／工具配置、持久本地会话、上下文压缩、

package/docs/task-delivery.md

@@ -305,17 +305,21 @@ yui task archive <task> (--integrated|--abandon) --force
 
 ### Ordinary archive
 
-Active work and inputs must be settled, and managed resources clean and safely
-removable. WorkItem results must be integrated or deliberately abandoned;
+Active work and inputs must be settled, and execution proven stopped.
+WorkItem results must be integrated or deliberately abandoned;
 Review, Lane and Integration resources must be settled. With `--integrated`,
 each Project requiring code delivery needs a merged, verified Publication
 covering its accepted head, either exactly or through valid explicit candidate
 adoption. `--abandon` records deliberate non-delivery,
 not verified merge.
 
-Missing/stale coverage, unresolved execution or dirty worktrees prevent ordinary
-archive. Resolve the reported facts before an explicit retry; no implicit reset
+Missing/stale coverage or unresolved execution prevents ordinary archive.
+Dirty or otherwise unsafe temporary resources are retained after the logical
+archive commit; they do not require force merely to archive. No implicit reset
 or force deletion occurs.
+For `--abandon`, a clean Task-main at its exact recorded Project baseline can
+be released without a Publication. New unverified commits remain protected.
+Pending or running Reviews are unsettled business, not just retained directories.
 
 ### Explicit force archive
 
@@ -345,11 +349,22 @@ current ownership, not a second cleanup queue.
 An archive result with `archived=true` proves archival, not that cleanup fully
 succeeded. Even `cleanupFinished` means the foreground pass finished, not that
 every resource was removed. Repeating archive reports current facts and does
-not replay cleanup. After inspection, use explicit exact-owner resource
-operations for safe cleanup; no background retry or broader deletion authority
+not replay cleanup. After inspection, use `yui task archive-cleanup <task>` to
+retry safe exact-owner cleanup. `allResourcesReleased` reports the current pass
+and remaining ownership separately from historical warnings; no background retry or broader deletion authority
 is implied. Both archive paths preserve Task history and recovery information.
 Archived Tasks cannot reopen.
 
+Interrupted runtime cleanup may leave an adjacent `.cleanup-*` directory.
+Retries inspect these claims as well as the original path: only an exact Owner
+marker and no live process references permit deletion. Missing or mismatched
+markers remain retained with their path for explicit diagnosis; absence of the
+original directory alone never proves release. Unresolved claims also prevent
+reactivating the same runtime. Executed-Job physical checks use that same claim
+inventory before ordinary archive commits; acknowledgement does not bypass a
+live or unverified renamed runtime. This uses the existing resource owner and receipt,
+not a second cleanup queue.
+
 Resource GC is a separate, opt-in quarantine path. A runtime subtree moves once:
 the parent receipt owns recovery of its contents, and redundant child registry
 entries are removed in the same registry transaction. Independently owned Git
@@ -411,8 +426,21 @@ Preflight is an observation, not a removal permit. Cleanup reloads the same
 checks and Git verifies ownership/dirt again at removal. A Task-main clone's
 dependent registrations are expected before child cleanup and must be absent
 before clone removal. Archive preserves new dirt even in a failed Integration
-workspace; the separate explicit Integration cleanup command keeps its existing
-disposable-conflict behavior. A finished force cleanup means the foreground
+workspace; explicit Integration cleanup also preserves dirt and durable logs.
+An acknowledged unknown Job result remains unknown: cleanup additionally needs
+fresh evidence that its exact runner generation and physical path references
+are absent. Successful, failed, timed-out and cancelled executed Jobs need the
+same physical evidence; a terminal result does not prove surviving children
+stopped. Only Jobs cancelled/rejected before any execution effect bypass it.
+Cleanup first checks Job results and exact runner exit, then stops only settled,
+exactly owned Roles. It repeats full path-reference checks after that stop and
+before deleting any child workspace or committing ordinary archive. An idle
+reusable Role sharing the workspace is not itself a reason to skip its normal
+stop; surviving or unverified references still prevent release.
+Integration resource preflight also checks runtime ownership and cleanup claims
+with the deletion inspector. Unverified physical material is retained without
+turning it into a new ordinary-archive business gate.
+A finished cleanup means the foreground
 attempt ended, not that every resource was released. Current retained references
 and exact physical runtime evidence remain separate from historical diagnostics.