From 3b1b40193e8764e87fa59158ce40f9c7aa49cca5 Mon Sep 17 00:00:00 2001
From: wusumac <736139669@qq.com>
Date: Thu, 17 Sep 2026 10:27:08 +0800
Subject: [PATCH] fix(web): make the timeline the default view, requirement
 cards opt-in

Grouping every message into collapsed requirement cards made the team page read
as a wall of summaries. The default is now a chronological timeline (with the
AI chatter folding) and the requirement cards moved behind a 'By requirement'
filter; 'Key' and 'Task' views are unchanged.
---
 web/src/components/teams/TeamChatPage.tsx | 10 +++++-----
 web/src/lib/locales/en.ts                 |  3 ++-
 web/src/lib/locales/zh-CN.ts              |  3 ++-
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/web/src/components/teams/TeamChatPage.tsx b/web/src/components/teams/TeamChatPage.tsx
index 58eaa134..a6852df3 100644
--- a/web/src/components/teams/TeamChatPage.tsx
+++ b/web/src/components/teams/TeamChatPage.tsx
@@ -20,7 +20,7 @@ import { TeamSettingsDialog } from './TeamSettingsDialog'
 import { TeamTaskDialog } from './TeamTaskDialog'
 import { memberStatusLabel, statusDotClass } from './teamStatus'
 
-type Filter = 'all' | 'key' | 'task'
+type Filter = 'timeline' | 'requirements' | 'key' | 'task'
 
 function isKeyMessage(message: TeamMessage, leadSessionId: string | null): boolean {
     if (message.fromKind === 'human') return true
@@ -43,7 +43,7 @@ export function TeamChatPage() {
     const { detail, isLoading, error } = useTeam(api, teamId)
     const { messages, error: messagesError } = useTeamMessages(api, teamId)
 
-    const [filter, setFilter] = useState<Filter>('all')
+    const [filter, setFilter] = useState<Filter>('timeline')
     const [taskId, setTaskId] = useState<string>('')
     const [draft, setDraft] = useState('')
     const [to, setTo] = useState<string>('')
@@ -380,7 +380,7 @@ export function TeamChatPage() {
                 </div>
 
                 <div className="flex items-center gap-2 border-b border-[var(--app-divider)] px-3 py-1.5">
-                    {(['all', 'key', 'task'] as const).map((value) => (
+                    {(['timeline', 'requirements', 'key', 'task'] as const).map((value) => (
                         <button
                             key={value}
                             type="button"
@@ -391,7 +391,7 @@ export function TeamChatPage() {
                                     : 'bg-[var(--app-subtle-bg)] text-[var(--app-hint)] hover:text-[var(--app-fg)]'
                             }`}
                         >
-                            {value === 'all' ? t('team.filter.all') : value === 'key' ? t('team.filter.key') : t('team.filter.task')}
+                            {t(`team.filter.${value}`)}
                         </button>
                     ))}
                     {filter === 'task' ? (
@@ -424,7 +424,7 @@ export function TeamChatPage() {
                         <div className="py-6 text-center text-sm text-[var(--app-hint)]">{t('team.loading')}</div>
                     ) : visibleMessages.length === 0 ? (
                         <div className="py-6 text-center text-sm text-[var(--app-hint)]">{t('team.empty')}</div>
-                    ) : filter === 'all' ? (
+                    ) : filter === 'requirements' ? (
                         <div className="flex flex-col pb-2">
                             {requirementGroups.map((group) => (
                                 <TeamRequirementCard
diff --git a/web/src/lib/locales/en.ts b/web/src/lib/locales/en.ts
index dd3fadee..f36db6fa 100644
--- a/web/src/lib/locales/en.ts
+++ b/web/src/lib/locales/en.ts
@@ -1343,7 +1343,8 @@ export default {
   'team.loading': 'Loading team…',
   'team.empty': 'No team messages yet.',
   'team.tasks.progress': '{done}/{total} tasks done',
-  'team.filter.all': 'All',
+  'team.filter.timeline': 'Timeline',
+  'team.filter.requirements': 'By requirement',
   'team.filter.key': 'Key only',
   'team.filter.task': 'Task',
   'team.filter.taskPlaceholder': 'Pick a task…',
diff --git a/web/src/lib/locales/zh-CN.ts b/web/src/lib/locales/zh-CN.ts
index 8e1ede49..204ea8eb 100644
--- a/web/src/lib/locales/zh-CN.ts
+++ b/web/src/lib/locales/zh-CN.ts
@@ -1342,7 +1342,8 @@ export default {
   'team.loading': '正在加载团队…',
   'team.empty': '还没有团队消息。',
   'team.tasks.progress': '任务 {done}/{total} 完成',
-  'team.filter.all': '全部',
+  'team.filter.timeline': '时间线',
+  'team.filter.requirements': '按需求',
   'team.filter.key': '只看关键',
   'team.filter.task': '任务',
   'team.filter.taskPlaceholder': '选择任务…',