feat(web): add project session filter

Author: BlueSkyXN

apps/web/static/app.js

@@ -1644,9 +1644,10 @@ function renderChat(){
         <div class="rail-title">会话库</div>
         <input id="sessionSearch" placeholder="搜索会话" value="${esc(chatSessionFilter.q)}" oninput="chatSessionFilter.q=this.value;renderSessionList()" aria-label="搜索会话"/>
         <div class="session-filter" role="tablist" aria-label="会话状态">
-          <button class="${chatSessionFilter.status==='active'?'active':''}" onclick="setSessionFilter('active',this)">活跃</button>
-          <button class="${chatSessionFilter.status==='archived'?'active':''}" onclick="setSessionFilter('archived',this)">归档</button>
-          <button class="${chatSessionFilter.status==='all'?'active':''}" onclick="setSessionFilter('all',this)">全部</button>
+          <button data-status="active" class="${chatSessionFilter.status==='active'?'active':''}" onclick="setSessionFilter('active',this)">活跃</button>
+          <button data-status="project" class="${chatSessionFilter.status==='project'?'active':''}" onclick="setSessionFilter('project',this)">项目</button>
+          <button data-status="archived" class="${chatSessionFilter.status==='archived'?'active':''}" onclick="setSessionFilter('archived',this)">归档</button>
+          <button data-status="all" class="${chatSessionFilter.status==='all'?'active':''}" onclick="setSessionFilter('all',this)">全部</button>
         </div>
       </div>
       <div id="chatSessionList">${inlineLoading('正在读取会话')}</div>
@@ -1890,6 +1891,7 @@ function syncContextPackPanel(){
   const panel=document.getElementById('contextPackPanel');
   if(panel) panel.outerHTML=renderContextPackPanel();
   syncChatContextBar();
+  renderSessionList();
 }
 function persistContextPack(opts={}){
   contextPack=normalizeContextPack(contextPack);
@@ -2520,22 +2522,26 @@ function selectedChatContext(){
 }
 function setSessionFilter(status,btn){
   chatSessionFilter.status=status;
-  document.querySelectorAll('.session-filter button').forEach(b=>b.classList.toggle('active',b===btn||b.textContent.includes(status==='active'?'活跃':status==='archived'?'归档':'全部')));
+  document.querySelectorAll('.session-filter button').forEach(b=>b.classList.toggle('active',b===btn||b.dataset.status===status));
   renderSessionList();
 }
 function sessionMatches(s){
   const status=chatSessionFilter.status||'active';
   const q=(chatSessionFilter.q||'').trim().toLowerCase();
-  const okStatus=status==='all' || (s.status||'active')===status;
-  const haystack=[s.title,s.id,s.agent_id,s.status].filter(Boolean).join(' ').toLowerCase();
+  const pack=normalizeContextPack(contextPack);
+  const okStatus=status==='all'
+    || (status==='project' ? Boolean(pack.sessionId && s.id===pack.sessionId) : (s.status||'active')===status);
+  const haystack=[s.title,s.id,s.agent_id,s.status,pack.sessionId===s.id?'project context pack':''].filter(Boolean).join(' ').toLowerCase();
   return okStatus && (!q || haystack.includes(q));
 }
 function sessionCard(s){
   const archived=(s.status||'active')==='archived';
-  return `<article class="session-item ${s.id===activeSessionId?'active':''} ${archived?'archived':''}">
-    <button class="session-open" onclick="loadChatSession('${jsArg(s.id)}')"><b>${esc(sessionTitle(s))}</b><span>${esc(timeText(s.updated_at))} · ${esc(s.agent_id||'auto')}</span></button>
+  const linked=normalizeContextPack(contextPack).sessionId===s.id;
+  return `<article class="session-item ${s.id===activeSessionId?'active':''} ${archived?'archived':''} ${linked?'linked':''}">
+    <button class="session-open" onclick="loadChatSession('${jsArg(s.id)}')"><b>${esc(sessionTitle(s))}</b><span>${esc(timeText(s.updated_at))} · ${esc(s.agent_id||'auto')}${linked?' · 工作包':''}</span></button>
     <div class="session-actions">
       <button title="重命名会话" onclick="renameChatSession('${jsArg(s.id)}',this)">改名</button>
+      <button title="${linked?'已绑定到工作包':'绑定到当前工作包'}" onclick="bindSessionToContextPack('${jsArg(s.id)}',this)" ${linked?'disabled':''}>${linked?'已绑定':'绑定'}</button>
       <button title="${archived?'恢复会话':'归档会话'}" onclick="toggleChatSessionArchive('${jsArg(s.id)}',${archived},this)">${archived?'恢复':'归档'}</button>
     </div>
   </article>`;
@@ -2544,7 +2550,10 @@ function renderSessionList(){
   const box=document.getElementById('chatSessionList');
   if(!box) return;
   const filtered=chatSessions.filter(sessionMatches);
-  box.innerHTML=filtered.length?filtered.slice(0,40).map(sessionCard).join(''):emptyState('暂无匹配会话','调整搜索或切换活跃/归档状态。');
+  const empty=chatSessionFilter.status==='project'
+    ? emptyState('暂无项目会话','在任一会话卡片点击“绑定”，或加载含来源会话的工作包预设。')
+    : emptyState('暂无匹配会话','调整搜索或切换活跃/归档状态。');
+  box.innerHTML=filtered.length?filtered.slice(0,40).map(sessionCard).join(''):empty;
 }
 async function refreshChatSessions(){
   chatSessions=await api('/api/sessions').catch(()=>[]);
@@ -2598,6 +2607,17 @@ async function toggleChatSessionArchive(id,isArchived,btn){
     toast('会话状态更新失败：'+e.message);
   }
 }
+function bindSessionToContextPack(id,btn){
+  if(!id) return;
+  setBusy(btn,true);
+  try{
+    contextPack.sessionId=id;
+    contextPack.updatedAt=new Date().toISOString();
+    persistContextPack({toast:'会话已绑定到当前工作包'});
+  }finally{
+    setBusy(btn,false);
+  }
+}
 function startNewChat(){
   activeSessionId='';
   activeChatMessages=[];

apps/web/static/styles.css

@@ -602,11 +602,12 @@ button.ghost,.prompt-pill{background:#fff;color:#2d2d2a;border-color:#e1ded6}
 .rail-title{font-size:12px;font-weight:900;color:#7d786d;margin:2px 4px;text-transform:uppercase}
 .session-controls{display:grid;gap:8px}
 .session-controls input{min-height:36px;padding:8px 10px}
-.session-filter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
+.session-filter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
 .session-filter button{background:#fff;color:#4b4842;border:1px solid var(--line);border-radius:999px;padding:7px 8px;box-shadow:none;font-size:12px}
 .session-filter button.active{background:#171717;color:#fff;border-color:#171717}
 .session-item{display:grid;gap:8px;width:100%;text-align:left;background:#fff;color:#2d2d2a;border:1px solid transparent;border-radius:12px;padding:8px;box-shadow:none}
 .session-item:hover,.session-item.active{background:#f5f4ef;border-color:#e1ded6;transform:none;filter:none}
+.session-item.linked{background:#f6fbf7;border-color:#cfe8dc}
 .session-item.archived{opacity:.76}
 .session-open{display:grid;gap:3px;width:100%;text-align:left;background:transparent;color:#2d2d2a;border:0;border-radius:8px;padding:2px;box-shadow:none}
 .session-open:hover{background:transparent;color:#2d2d2a;filter:none;transform:none}
@@ -615,6 +616,7 @@ button.ghost,.prompt-pill{background:#fff;color:#2d2d2a;border-color:#e1ded6}
 .session-actions{display:flex;gap:6px;flex-wrap:wrap}
 .session-actions button{background:#fff;color:#6b6b62;border:1px solid var(--line);border-radius:999px;padding:5px 8px;box-shadow:none;font-size:11px}
 .session-actions button:hover{background:#171717;color:#fff;border-color:#171717;filter:none;transform:none}
+.session-actions button:disabled{color:#0d6d58;background:#eef8f3;border-color:#cfe8dc;cursor:not-allowed}
 .context-card{border-top:1px solid var(--line);padding-top:12px;margin-top:auto}
 .context-card>b{display:block;margin-bottom:8px}
 .context-pack-card{display:grid;gap:9px;border:1px solid var(--line);border-radius:14px;background:#fbfaf7;padding:12px;min-width:0}

docs/ui-function-map.md

@@ -4,7 +4,7 @@
 
 1. **控制塔**：总体状态、Agent/Trace/SQL/Codex 指标、关键链路、快捷分析入口、任务 composer、最近会话/报告继续工作面板和最近任务队列 Trace 下钻。
 2. **Agent Studio**：按能力目录选择 Agent，支持名称/ID/Adapter 搜索、能力类型和风险筛选，右侧 inspector 查看风险、版本、知识绑定，并直接进入问数/研究。
-3. **智能问数**：左侧场景问题、可搜索/重命名/归档的会话库和 Project-style 工作包，中间对话与图表/表格/报告，右侧 Trace 证据链和可编辑工作 Canvas；composer 显示 Agent/数据集/工具/证据/工作包上下文。工作包支持搜索并加入数据集、知识库和报告资产，可逐项打开或移除上下文，可保存/加载/删除本地项目预设，可设置项目内/默认记忆边界，可把 Canvas 草稿随 `context_pack.canvas_markdown` 提交给问数请求，可把知识库随 `context_pack.knowledge_base_ids` 一起提交给问数请求，并提供解释指标、生成图表、打开数据资产、转深度研究、创建 Codex 任务、发送中停止生成、用户问题编辑/重问/分支/写入 Canvas/复制、会话 Brief 生成/复制/下载、回答写入/追加 Canvas、提取下一步、回答后续追问建议、捕获上下文、应用工作包、生成分析大纲/SQL 草稿/报告要点、Canvas Markdown 加粗/斜体/标题/项目列表/编号列表格式化、Canvas 选区润色/补证据/压缩/展开/追问、本地版本回退、版本变化对比、保存报告草稿和下载 Markdown 的快捷动作。
+3. **智能问数**：左侧场景问题、可搜索/重命名/归档/项目筛选的会话库和 Project-style 工作包，中间对话与图表/表格/报告，右侧 Trace 证据链和可编辑工作 Canvas；composer 显示 Agent/数据集/工具/证据/工作包上下文。工作包支持搜索并加入数据集、知识库和报告资产，可逐项打开或移除上下文，可绑定来源会话并在会话库中只看项目会话，可保存/加载/删除本地项目预设，可设置项目内/默认记忆边界，可把 Canvas 草稿随 `context_pack.canvas_markdown` 提交给问数请求，可把知识库随 `context_pack.knowledge_base_ids` 一起提交给问数请求，并提供解释指标、生成图表、打开数据资产、转深度研究、创建 Codex 任务、发送中停止生成、用户问题编辑/重问/分支/写入 Canvas/复制、会话 Brief 生成/复制/下载、回答写入/追加 Canvas、提取下一步、回答后续追问建议、捕获上下文、应用工作包、生成分析大纲/SQL 草稿/报告要点、Canvas Markdown 加粗/斜体/标题/项目列表/编号列表格式化、Canvas 选区润色/补证据/压缩/展开/追问、本地版本回退、版本变化对比、保存报告草稿和下载 Markdown 的快捷动作。
 4. **深度研究**：研究 brief、可审批计划、历史研究任务队列、证据 Trace、报告草稿入口和取消/刷新任务。
 5. **分析面板**：物化经营总览面板、创建面板 brief、添加 Widget，并通过 SQL Guard 预校验后刷新面板证据。
 6. **数据能力**：可搜索/筛选的数据资产库、数据集详情、字段/指标、只读 SQL Workbench、数据画像、业务规则运行、质量历史复核，以及从数据集直接进入问数/研究/Codex 治理任务的上下文动作。