@steerable/agent-shell-web 0.6.60 → 0.6.62

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@steerable/agent-shell-web",
-  "version": "0.6.60",
+  "version": "0.6.62",
   "type": "module",
   "description": "Steerable framework — product-neutral renderer SPA source for @steerable/agent-shell (React + Vite). Consumed by product web entry points via the `@/` alias (anchored at this package's src/) and the createProductViteConfig factory. Published as a source package (src/), plus the compiled vite.base config factory (vite.base.js + .d.ts) for Node-side config loading.",
   "license": "Apache-2.0",
@@ -45,8 +45,8 @@
     "react-router-dom": "^6.30.0",
     "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.1",
-    "@steerable/agent-protocol": "0.6.60",
-    "@steerable/agent-ui": "0.6.60"
+    "@steerable/agent-protocol": "0.6.62",
+    "@steerable/agent-ui": "0.6.62"
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.3.0",
@@ -59,7 +59,7 @@
     "typescript": "^5.8.3",
     "vite": "^5.4.21",
     "vitest": "^3.2.4",
-    "@steerable/pack-sdk": "0.6.60"
+    "@steerable/pack-sdk": "0.6.62"
   },
   "scripts": {
     "gen": "echo agent-shell-web",

package/src/components/SidebarAccount.tsx

@@ -126,18 +126,20 @@ export function SidebarAccount() {
       </div>
       {account.status === 'ready' && account.total ? (
         <>
-          <div className="mt-1.5 flex items-center justify-between gap-2 px-0.5 text-xs">
-            <span className="shrink-0 text-agent-foreground">{t('Account balance')}</span>
+          <div className="mt-1.5 flex items-center justify-between gap-1.5 text-xs">
+            <span className="shrink-0 text-agent-foreground" title={t('Account balance')}>
+              {t('Balance')}
+            </span>
             <div className="flex min-w-0 items-center justify-end gap-1">
               <span
                 data-testid="sidebar-account-total"
-                className="truncate font-medium tabular-nums text-agent-foreground"
+                className="shrink-0 font-medium tabular-nums text-agent-foreground"
               >
                 {formatMoney(account.total, account.currency)}
               </span>
               {availableLabel ? (
                 <span
-                  className={`shrink-0 text-[10px] ${account.available ? 'text-emerald-600' : 'text-amber-600'}`}
+                  className={`min-w-0 truncate text-[10px] ${account.available ? 'text-emerald-600' : 'text-amber-600'}`}
                 >
                   {availableLabel}
                 </span>
@@ -146,7 +148,7 @@ export function SidebarAccount() {
           </div>
           {detail ? (
             <p
-              className="mt-1 truncate px-0.5 text-[9px] leading-none text-agent-muted-foreground"
+              className="mt-1 truncate text-[9px] leading-none text-agent-muted-foreground"
               title={detail}
             >
               {detail}

package/src/components/chat/SessionTodoList.tsx

@@ -46,12 +46,12 @@ export function todoProgressCopy(todos: SessionTodo[]): string {
   const summary = summarizeTodos(todos);
   if (summary.total === 0) return '';
   if (summary.completed === summary.total) {
-    return t('{completed}/{total} done', { completed: summary.completed, total: summary.total });
+    return `${summary.completed}/${summary.total}`;
   }
   const currentIndex = todos.findIndex((todo) => todo.status === 'in_progress');
   const step =
     currentIndex >= 0 ? currentIndex + 1 : Math.min(summary.completed + 1, summary.total);
-  return t('On step {step}/{total}', { step, total: summary.total });
+  return `${step}/${summary.total}`;
 }
 
 export function TodoItems({
@@ -211,17 +211,6 @@ export function SessionTodoList({ todos }: { todos: SessionTodo[] }) {
               <span>{t('Task list')}</span>
             </div>
             <div className="flex items-center gap-1.5">
-              {progressLabel && (
-                <span
-                  className={`rounded-full px-1.5 py-0.2 text-[10px] font-medium ${
-                    isAllCompleted
-                      ? 'bg-emerald-500/10 text-emerald-600 dark:text-emerald-400'
-                      : 'bg-blue-500/10 text-blue-600 dark:text-blue-400'
-                  }`}
-                >
-                  {progressLabel}
-                </span>
-              )}
               <button
                 type="button"
                 onClick={() => setUserToggled(false)}

package/src/components/chat/turn-files.ts

@@ -17,8 +17,12 @@ export interface TurnFile {
   additions?: number;
   /** 删除行数（展示用，如 -0）。 */
   deletions?: number;
-  /** 类别：deliverable = present_files 声明的最终交付文件；intermediate = 其余本轮写过的文件。 */
+  /** 类别：deliverable = 本轮交付卡片；intermediate = 其余本轮写过的文件。 */
   category?: 'deliverable' | 'intermediate';
+  /** 后端已经按分层证据完成选择；前端必须原样采用 category。 */
+  selection?: 'resolved';
+  /** 交付选择的来源，供调试和后续展示使用。 */
+  deliverySource?: 'generation' | 'final-reference' | 'present-files' | 'inference';
   /** present_files 给出的一行说明（交付卡片副标题）。 */
   description?: string;
 }
@@ -41,6 +45,13 @@ export function parseTurnFiles(raw: unknown): TurnFile[] | null {
       ...(rec.category === 'deliverable' || rec.category === 'intermediate'
         ? { category: rec.category }
         : {}),
+      ...(rec.selection === 'resolved' ? { selection: rec.selection } : {}),
+      ...(rec.deliverySource === 'generation' ||
+      rec.deliverySource === 'final-reference' ||
+      rec.deliverySource === 'present-files' ||
+      rec.deliverySource === 'inference'
+        ? { deliverySource: rec.deliverySource }
+        : {}),
       ...(typeof rec.description === 'string' && rec.description
         ? { description: rec.description }
         : {}),
@@ -103,8 +114,8 @@ export const DELIVERABLE_EXTENSIONS = new Set([
 ]);
 
 /**
- * 后端按 present_files 声明给出 category；没有 category 的是声明机制上线前
- * 落库的消息，退回扩展名规则。
+ * 单文件扩展名猜测。回合里有多份文件时，`groupTurnFiles` 会再拿掉同名预览。
+ * 没有 category 的是声明机制上线前落库的消息。
  */
 export function getTurnFileCategory(file: TurnFile): 'deliverable' | 'intermediate' {
   if (file.category) return file.category;
@@ -247,6 +258,54 @@ function parseDiffStats(diffText: string): { additions: number; deletions: numbe
   return { additions, deletions };
 }
 
+const SOURCE_EXTENSIONS = new Set([
+  '.pptx', '.ppt', '.key', // shell-neutral:allow — Office 幻灯片扩展名，不是产品品牌
+  '.docx', '.doc', '.pages',
+  '.xlsx', '.xls', '.xlsm', '.numbers',
+]);
+
+const PREVIEW_NAME = /预览|截图|图像版|preview|screenshot|thumbnail/i;
+
+/**
+ * 旧消息没有 selection=resolved，只纠正最明确的一种历史误判：同目录的
+ * 幻灯片与预览 PDF / 截图都被标成交付物。新消息完全采用后端结论。
+ */
+function selectLegacyDeliverablePaths(files: readonly TurnFile[]): Set<string> {
+  const chosen = new Set(
+    files.filter((file) => getTurnFileCategory(file) === 'deliverable').map((file) => file.path),
+  );
+  const sources = files
+    .filter((file) => SOURCE_EXTENSIONS.has(getFileExtension(file.path)))
+    .map((file) => file.path);
+  for (const candidate of [...chosen]) {
+    const source = sources.find((item) => isLegacyPreviewOf(candidate, item));
+    if (!source) continue;
+    chosen.delete(candidate);
+    chosen.add(source);
+  }
+  return new Set(chosen);
+}
+
+function isLegacyPreviewOf(filePath: string, sourcePath: string): boolean {
+  if (filePath === sourcePath || getFileExtension(sourcePath) !== '.pptx') return false; // shell-neutral:allow — Office extension
+  const ext = getFileExtension(filePath);
+  if (ext !== '.pdf' && !['.png', '.jpg', '.jpeg', '.webp'].includes(ext)) return false;
+  const file = splitTurnFilePath(filePath);
+  const source = splitTurnFilePath(sourcePath);
+  const normalized = (name: string) =>
+    name
+      .replace(/\.[^.]+$/, '')
+      .replace(PREVIEW_NAME, '')
+      .replace(/[\s._\-—–()（）【】[\]]+/g, '')
+      .toLowerCase()
+      .normalize('NFC');
+  if (normalized(file.name) === normalized(source.name)) return true;
+  return (
+    PREVIEW_NAME.test(file.name) &&
+    file.dir.normalize('NFC') === source.dir.normalize('NFC')
+  );
+}
+
 /** 把本轮文件按最终交付物（最终文件）与中间修改文件分类，并合并行数统计。 */
 export function groupTurnFiles(
   files: TurnFile[],
@@ -287,8 +346,16 @@ export function groupTurnFiles(
   let totalAdditions = 0;
   let totalDeletions = 0;
 
+  const backendResolved =
+    validFiles.length > 0 && validFiles.every((file) => file.selection === 'resolved');
+  const deliverablePaths = backendResolved
+    ? new Set(
+        validFiles.filter((file) => file.category === 'deliverable').map((file) => file.path),
+      )
+    : selectLegacyDeliverablePaths(validFiles);
+
   for (const file of validFiles) {
-    const cat = getTurnFileCategory(file);
+    const cat = deliverablePaths.has(file.path) ? 'deliverable' : 'intermediate';
     // 匹配统计：尝试直接匹配或 basename 匹配
     let stats = statsByPath.get(file.path);
     if (!stats) {