feat(aia): Implement Protocol Agent MVP with reusable Agent framework

Sprint 1-3 Completed (Backend + Frontend):

Backend (Sprint 1-2):
- Implement 5-layer Agent framework (Query->Planner->Executor->Tools->Reflection)
- Create agent_schema with 6 tables (agent_definitions, stages, prompts, sessions, traces, reflexion_rules)
- Create protocol_schema with 2 tables (protocol_contexts, protocol_generations)
- Implement Protocol Agent core services (Orchestrator, ContextService, PromptBuilder)
- Integrate LLM service adapter (DeepSeek/Qwen/GPT-5/Claude)
- 6 API endpoints with full authentication
- 10/10 API tests passed

Frontend (Sprint 3):
- Add Protocol Agent entry in AgentHub (indigo theme card)
- Implement ProtocolAgentPage with 3-column layout
- Collapsible sidebar (Gemini style, 48px <-> 280px)
- StatePanel with 5 stage cards (scientific_question, pico, study_design, sample_size, endpoints)
- ChatArea with sync button and action cards integration
- 100% prototype design restoration (608 lines CSS)
- Detailed endpoints structure: baseline, exposure, outcomes, confounders

Features:
- 5-stage dialogue flow for research protocol design
- Conversation-driven interaction with sync-to-protocol button
- Real-time context state management
- One-click protocol generation button (UI ready, backend pending)

Database:
- agent_schema: 6 tables for reusable Agent framework
- protocol_schema: 2 tables for Protocol Agent
- Seed data: 1 agent + 5 stages + 9 prompts + 4 reflexion rules

Code Stats:
- Backend: 13 files, 4338 lines
- Frontend: 14 files, 2071 lines
- Total: 27 files, 6409 lines

Status: MVP core functionality completed, pending frontend-backend integration testing

Next: Sprint 4 - One-click protocol generation + Word export

frontend-v2/src/modules/aia/components/AgentCard.tsx

@@ -36,7 +36,7 @@ const getIcon = (iconName: string): React.ComponentType<any> => {
 
 export const AgentCard: React.FC<AgentCardProps> = ({ agent, onClick }) => {
   const Icon = getIcon(agent.icon);
-  const orderStr = String(agent.order).padStart(2, '0');
+  const orderStr = agent.isProtocolAgent ? '🚀' : String(agent.order).padStart(2, '0');
 
   const handleClick = () => {
     if (agent.isTool && agent.toolUrl) {
@@ -47,9 +47,16 @@ export const AgentCard: React.FC<AgentCardProps> = ({ agent, onClick }) => {
     }
   };
 
+  const cardClasses = [
+    'agent-card',
+    `theme-${agent.theme}`,
+    agent.isTool ? 'tool-card' : '',
+    agent.isProtocolAgent ? 'protocol-agent-card' : '',
+  ].filter(Boolean).join(' ');
+
   return (
     <div
-      className={`agent-card theme-${agent.theme} ${agent.isTool ? 'tool-card' : ''}`}
+      className={cardClasses}
       onClick={handleClick}
     >
       {/* 工具类：右上角跳转图标 */}
@@ -89,3 +96,4 @@ export default AgentCard;
 
 
 
+

frontend-v2/src/modules/aia/components/AgentHub.tsx

@@ -86,6 +86,39 @@ export const AgentHub: React.FC<AgentHubProps> = ({ onAgentSelect }) => {
             const isLast = phaseIndex === PHASES.length - 1;
             const agents = agentsByPhase[phase.phase] || [];
             
+            // Protocol Agent 阶段特殊处理（phase 0，单独显示1个卡片）
+            if (phase.isProtocolAgent) {
+              return (
+                <div key={phase.phase} className="pipeline-stage protocol-stage">
+                  {/* 左侧时间轴 - 星号 */}
+                  <div className="timeline-marker">
+                    <div className="timeline-dot theme-indigo protocol-dot">
+                      ★
+                    </div>
+                    <div className="timeline-line" />
+                  </div>
+
+                  {/* 阶段内容 */}
+                  <div className="stage-content">
+                    <h2 className="stage-title protocol-title">
+                      {phase.name}
+                      <span className="beta-badge">测试</span>
+                    </h2>
+
+                    <div className="agents-grid grid-cols-1 protocol-grid">
+                      {agents.map(agent => (
+                        <AgentCard
+                          key={agent.id}
+                          agent={agent}
+                          onClick={onAgentSelect}
+                        />
+                      ))}
+                    </div>
+                  </div>
+                </div>
+              );
+            }
+            
             // 根据阶段确定列数
             let gridCols = 'grid-cols-3';
             if (phase.phase === 2) gridCols = 'grid-cols-3'; // 4个卡片，每行3个

frontend-v2/src/modules/aia/components/index.ts

@@ -19,3 +19,5 @@ export { ChatWorkspace } from './ChatWorkspace';
 
 
 
+
+