数据目录阶段 1C：check-catalog 覆盖清单筛选排序、起草分批与停止、单项审阅、批量确认、编辑即确认、409、空状态与导入表格说明；页头标题放不下时截断，弹层去掉重复的读屏标签

frontend/src/components/ui.tsx

@@ -1597,8 +1597,9 @@ export function PageHeader({ icon, title, subtitle, actions }: {
       <span className="flex h-6 w-6 shrink-0 items-center justify-center rounded-md border bg-elev text-dim" aria-hidden>
         {icon}
       </span>
-      <h1 className="shrink-0 text-sm font-semibold">{title}</h1>
-      {subtitle && <p className="min-w-0 truncate text-xs text-faint" title={subtitle}>{subtitle}</p>}
+      {/* 放不下时先收说明（shrink 权重大得多），说明收没了标题再截断，不把整行撑出视口 */}
+      <h1 className="min-w-0 truncate text-sm font-semibold" title={title}>{title}</h1>
+      {subtitle && <p className="min-w-0 shrink-[1000] truncate text-xs text-faint" title={subtitle}>{subtitle}</p>}
       <span className="flex-1" />
       {actions}
     </header>

frontend/src/pages/catalog/CatalogPage.tsx

@@ -104,6 +104,12 @@ export function CatalogPage() {
       <Sparkles size={11} aria-hidden /> {CT.draft}
     </button>
   )
+  // 页头的「起草」窄屏只留图标，标题才放得下
+  const headerDraft = (
+    <button type="button" className="btn btn-sm" onClick={() => setDrafting(true)} aria-label={CT.draft} title={CT.draft} data-catalog-draft="">
+      <Sparkles size={11} aria-hidden /> <span className="hidden sm:inline">{CT.draft}</span>
+    </button>
+  )
 
   let body: ReactNode
   if (!data) {
@@ -175,7 +181,7 @@ export function CatalogPage() {
         subtitle={CT.subtitle}
         actions={(
           <div className="flex shrink-0 items-center gap-1.5">
-            {hasTables && draftButton()}
+            {hasTables && headerDraft}
             <button type="button" className="btn btn-sm btn-ghost" onClick={() => navigate(back)} aria-label={CT.back} data-catalog-back="">
               <ArrowLeft size={12} aria-hidden /> <span className="hidden sm:inline">{CT.back}</span>
             </button>

frontend/src/pages/catalog/parts.tsx

@@ -248,31 +248,15 @@ export function ItemMark({ target, compact = false, disabled = false, onReview }
           data-item-panel={target.path}
         >
           <div id={titleId} className="font-medium text-fg">{CT.itemTitle(target.where)}</div>
-          <dl className="mt-2 space-y-1.5 text-2xs leading-relaxed">
-            <div className="flex items-start gap-2">
-              <dt className="sr-only">状态</dt>
-              <dd className="flex min-w-0 flex-wrap items-center gap-1.5">
-                <StatusChip status={status} />
-                <span className="text-dim">{CATALOG_STATUS_HINT[status]}</span>
-              </dd>
-            </div>
-            <div className="flex gap-2 text-dim">
-              <dt className="sr-only">来源</dt>
-              <dd>{CT.itemSource(CATALOG_SOURCE_LABEL[source])}</dd>
-            </div>
-            {target.updated_at && (
-              <div className="flex gap-2 text-faint">
-                <dt className="sr-only">更新时间</dt>
-                <dd className="tnum">{CT.itemUpdated(formatDateTime(target.updated_at))}</dd>
-              </div>
-            )}
-            {target.note && (
-              <div className="rounded border bg-bg px-2 py-1 text-dim">
-                <dt className="sr-only">备注</dt>
-                <dd className="whitespace-pre-wrap break-words">{target.note}</dd>
-              </div>
-            )}
-          </dl>
+          <div className="mt-2 space-y-1.5 text-2xs leading-relaxed">
+            <p className="flex min-w-0 flex-wrap items-center gap-1.5">
+              <StatusChip status={status} />
+              <span className="text-dim">{CATALOG_STATUS_HINT[status]}</span>
+            </p>
+            <p className="text-dim">{CT.itemSource(CATALOG_SOURCE_LABEL[source])}</p>
+            {target.updated_at && <p className="tnum text-faint">{CT.itemUpdated(formatDateTime(target.updated_at))}</p>}
+            {target.note && <p className="whitespace-pre-wrap break-words rounded border bg-bg px-2 py-1 text-dim">{target.note}</p>}
+          </div>
           <div className="mt-3 flex flex-wrap gap-1.5">
             <ActionButton icon={<Check size={11} />} disabled={disabled || status === 'confirmed'} onClick={() => act('confirm')} action="confirm">
               {CT.confirm}

scripts/check-all.mjs

@@ -79,13 +79,14 @@ const ORDER = [
   'runs',            // 记录
   'manage',          // 数据、工具、知识、设置
   'versions',        // 上传表格的版本：回滚、清单、移除一期、清除原件
+  'catalog',         // 数据目录：表清单、起草、单项审阅、批量确认、编辑即确认、409
   'ui',              // 各页面端到端，连真数据
 ]
 // 各项的耗时（秒）。只决定排队顺序：长的先开跑，短的填空，结果不受影响。新加的检查不在表里就按 60 秒算；
 // 拆开的两项看 SPLIT 里各份的 est。2026-09-29 八道并行、关浏览器不干等之后的实测
 const ESTIMATE = {
   stream: 173, chat: 160, studio: 149, manage: 145, runs: 112, publish: 92, shell: 87,
-  evidence: 91, versions: 60, 'ui-kit': 70, ui: 61, guards: 8, 'canvas-layout': 2, copy: 2, tokens: 1, trace: 1, decode: 1,
+  evidence: 91, versions: 60, catalog: 45, 'ui-kit': 70, ui: 61, guards: 8, 'canvas-layout': 2, copy: 2, tokens: 1, trace: 1, decode: 1,
 }
 // 最慢的两项按段拆成几份。用的是它们自己的段过滤：最后一份用 *_SKIP 兜住「其余全部」，以后新加的段
 // 不用改这里也跑得到（拆出去的那几份要是一段都没对上，那一份会报「一项都没跑」）。