{point.athleteName}: {point.x} / {point.y}

{draft.draftKind === 'report_comment' ? '报告评语草案' : '文本草案'}未保存 · 可编辑

setValue(event.target.value)} />
    <small>编辑仅停留在当前草案框；不会写入报告、训练计划或运动员档案。</small>
    <div className="axis-ai-draft-actions"><button type="button" onClick={copy}>复制草案</button></div>
  </section>;
}

function aiPlannerModeFromMessage(message) {
  const tools = Array.isArray(message?.toolCalls) ? message.toolCalls : [];
  const gateway = tools.find(tool => tool.name === 'gateway.converse');
  const specialist = tools.find(tool => tool.name === 'sportsScience.consult' && tool.status === 'succeeded');
  if (gateway?.status === 'succeeded' && specialist) return 'conversational-expert';
  if (gateway?.status === 'succeeded') return 'conversational';
  if (gateway && gateway.status !== 'succeeded') return 'grounded-conversation';
  if (specialist) return 'semantic-expert';
  return 'local';
}

React.useEffect(() => {
    if (!open) return undefined;
    const closeOnEscape = event => {
      if (event.key === 'Escape') setOpen(false);
    };
    document.addEventListener('keydown', closeOnEscape);
    return () => document.removeEventListener('keydown', closeOnEscape);
  }, [open]);

React.useEffect(() => {
    if (!open) return undefined;
    let cancelled = false;
    setAgentReady(false);
    setAgentStatus('restoring');
    setError('');
    if (!agentRuntime) {
      setAgentStatus('error');
      setError('AI 会话服务尚未就绪，请重试。');
      return undefined;
    }
    (async () => {
      try {
        const restored = await aiAgentWithTimeout((async () => {
          const rows = await agentRuntime.listConversations(ownerId);
          const targetId = conversationId || rows[0]?.id || '';
          let thread = null;
          let conversation = null;
          if (targetId) {
            thread = await agentRuntime.loadConversation(targetId, ownerId);
          }
          if (!thread) {
            conversation = await agentRuntime.newConversation(ownerId);
          }
          const remembered = await agentRuntime.listMemories(ownerId);
          const memoryCandidates = await agentRuntime.listMemoryCandidates(ownerId);
          let candidates = [];
          if (readModel?.buildInsightCandidates) {
            try {
              const rows = await Promise.resolve(readModel.buildInsightCandidates({ limit:12 }));
              candidates = Array.isArray(rows) ? rows : [];
            } catch (_) {}
          }
          return { rows, thread, conversation, remembered, memoryCandidates, candidates };
        })());
        if (cancelled) return;
        setConversations(restored.rows);
        setMemories(restored.remembered);
        setMemoryCandidates(restored.memoryCandidates);
        setInsightCandidates(restored.candidates);
        if (restored.thread) {
          setConversationId(restored.thread.conversation.id);
          setMessages(restored.thread.messages || []);
          const latest = (restored.thread.messages || []).filter(message => message.role === 'assistant').slice(-1)[0];
          setResult(latest?.result || null);
          setPlannerMode(aiPlannerModeFromMessage(latest));
        } else {
          setConversationId(restored.conversation.id);
          setMessages([]);
          setResult(null);
        }
        setAgentReady(true);
        setAgentStatus('ready');
      } catch (cause) {
        if (!cancelled) {
          setError(cause?.message || '无法恢复 AI 会话。');
          setAgentReady(false);
          setAgentStatus('error');
        }
      }
    })();
    return () => { cancelled = true; };
  }, [open, agentRuntime, ownerId, restoreAttempt, readModel]);

const retryAgentRestore = () => {
    setError('');
    setRestoreAttempt(value => value + 1);
  };

const reviewInsight = candidate => {
    setText(candidate.reviewPrompt || `请复核：${candidate.title}`);
    setPanelMode('chat');
  };

const startConversation = async () => {
    if (!agentRuntime) return;
    const conversation = await agentRuntime.newConversation(ownerId);
    setConversationId(conversation.id); setMessages([]); setResult(null); setText(''); setPanelMode('chat');
  };

const openConversation = async id => {
    if (!agentRuntime) return;
    const thread = await agentRuntime.loadConversation(id, ownerId);
    if (!thread) return;
    setConversationId(id); setMessages(thread.messages || []);
    const latest = (thread.messages || []).filter(message => message.role === 'assistant').slice(-1)[0];
    setResult(latest?.result || null); setPlannerMode(aiPlannerModeFromMessage(latest)); setPanelMode('chat');
  };

const forgetMemory = async id => {
    if (!agentRuntime) return;
    await agentRuntime.forgetMemory(id, ownerId);
    setMemories(await agentRuntime.listMemories(ownerId));
  };

const confirmMemory = async id => {
    if (!agentRuntime) return;
    await agentRuntime.confirmMemory(id, ownerId);
    setMemories(await agentRuntime.listMemories(ownerId));
    setMemoryCandidates(await agentRuntime.listMemoryCandidates(ownerId));
  };

const dismissMemory = async id => {
    if (!agentRuntime) return;
    await agentRuntime.dismissMemory(id, ownerId);
    setMemoryCandidates(await agentRuntime.listMemoryCandidates(ownerId));
  };

const saveMemoryEdit = async id => {
    const content = editingMemoryText.trim();
    if (!agentRuntime || !content) return;
    await agentRuntime.updateMemory(id, ownerId, content);
    setMemories(await agentRuntime.listMemories(ownerId));
    setEditingMemoryId('');
    setEditingMemoryText('');
  };

const openResult = row => {
    if (row.athleteId) onSelectAthlete?.(row.athleteId);
    if (row.route) onNavigate?.(row.route);
    setOpen(false);
  };

return (
    <div className="workspace-ai-wrap">
      <button type="button" className="workspace-ai-button" onClick={() => setOpen(v => !v)}
        aria-expanded={open} aria-controls="axis-ai-assistant-panel">
        ✦ <span>AI 助手</span><small>Beta</small>
      </button>
      {open && ReactDOM.createPortal(
        <aside id="axis-ai-assistant-panel" className={`axis-ai-panel ${result?.kind==='decision_case'?'decision-mode':''}`} role="dialog" aria-label="Axis AI 助手">
          <style>{AI_AGENT_CSS}</style>
          <header className="axis-ai-head">
            <div><strong>Axis AI</strong><small>可追溯检索 · 确定性统计 · 人工确认草案</small></div>
            <nav className="axis-ai-agent-nav" aria-label="AI 会话工具">
              <button type="button" onClick={startConversation} disabled={!agentReady||busy}>新对话</button>
              <button type="button" className={panelMode==='history'?'on':''} onClick={()=>setPanelMode(panelMode==='history'?'chat':'history')}>历史 {conversations.length}</button>
              <button type="button" className={panelMode==='memory'?'on':''} onClick={()=>setPanelMode(panelMode==='memory'?'chat':'memory')}>记忆 {memories.length}</button>
              <button type="button" className={panelMode==='insights'?'on':''} onClick={()=>setPanelMode(panelMode==='insights'?'chat':'insights')}>洞察 {insightCandidates.length}</button>
            </nav>
            <button type="button" onClick={() => setOpen(false)} aria-label="关闭 AI 助手">×</button>
          </header>
          <div className="axis-ai-body">
            {panelMode === 'history' && <section className="axis-ai-card"><div className="axis-ai-card-head"><b>对话历史</b><span>本机 · 当前 owner</span></div><div className="axis-ai-agent-list">
              {!conversations.length&&<div className="axis-ai-empty">还没有持久化对话。</div>}
              {conversations.map(conversation=><button type="button" className="axis-ai-agent-row" key={conversation.id} onClick={()=>openConversation(conversation.id)}><span><b>{conversation.title}</b><small>{conversation.turnCount} 轮 · {String(conversation.updatedAt||'').replace('T',' ').slice(0,16)}</small></span><span>打开 ↗</span></button>)}
            </div></section>}
            {panelMode === 'memory' && <section className="axis-ai-card"><div className="axis-ai-card-head"><b>个人 Agent 记忆</b><span>确认后生效 · owner 隔离</span></div>
              {!!memoryCandidates.length&&<div className="axis-ai-memory-candidates"><h4>待确认的使用习惯</h4>{memoryCandidates.map(memory=><div className="axis-ai-agent-row" key={memory.id}><span><b>{memory.content}</b><small>候选 · {memory.type} · 观察 {memory.usageCount} 次</small></span><span className="axis-ai-memory-actions"><button type="button" className="axis-ai-memory-confirm" onClick={()=>confirmMemory(memory.id)}>确认记住</button><button type="button" className="axis-ai-memory-dismiss" onClick={()=>dismissMemory(memory.id)}>忽略</button></span></div>)}</div>}
              <div className="axis-ai-agent-list axis-ai-memory-confirmed">
                {!memories.length&&<div className="axis-ai-empty">明确说“记住…”会直接保存；使用习惯只有经你确认后才会进入长期记忆。</div>}
                {memories.map(memory=><div className="axis-ai-agent-row" key={memory.id}>{editingMemoryId===memory.id
                  ?<div className="axis-ai-memory-editor"><input aria-label="编辑 Agent 记忆" value={editingMemoryText} onChange={event=>setEditingMemoryText(event.target.value)} /><button type="button" className="axis-ai-memory-edit" onClick={()=>saveMemoryEdit(memory.id)}>保存</button><button type="button" className="axis-ai-memory-dismiss" onClick={()=>{setEditingMemoryId('');setEditingMemoryText('');}}>取消</button></div>
                  :<><span><b>{memory.content}</b><small>{memory.type} · 使用 {memory.usageCount} 次 · 置信度 {Math.round(memory.confidence*100)}%</small></span><span><i className="axis-ai-memory-origin">{memory.origin==='explicit'?'明确记忆':'已确认习惯'}</i><button type="button" className="axis-ai-memory-edit" onClick={()=>{setEditingMemoryId(memory.id);setEditingMemoryText(memory.content);}}>编辑</button><button type="button" className="axis-ai-memory-forget" onClick={()=>forgetMemory(memory.id)}>遗忘</button></span></>}
                </div>)}
              </div><p className="axis-ai-method">只保存当前用户确认的工作偏好与术语，不复制运动员测试、训练、损伤或康复业务记录。</p></section>}
            {panelMode === 'insights' && <section className="axis-ai-card">
              <div className="axis-ai-card-head"><b>待复核洞察</b><span>集中呈现 · 不自动执行</span></div>
              {!insightCandidates.length && <div className="axis-ai-empty">当前没有达到规则阈值的候选。新业务数据会在这里形成可复核线索，不会自动改计划。</div>}
              <div className="axis-ai-insight-list">
                {insightCandidates.map(candidate => <article className={`axis-ai-insight ${candidate.severity||''}`} key={candidate.id} data-ai-insight-type={candidate.type}>
                  <div className="axis-ai-insight-head"><span>{({anomaly:'异常',trend:'趋势',missing:'缺失',correlation:'关联'})[candidate.type]||'线索'}</span><small>{candidate.redFlag?'红旗':'非弹窗候选'}</small></div>
                  <h4>{candidate.title}</h4>
                  <p>{candidate.summary}</p>
                  <div className="axis-ai-insight-facts">{(candidate.facts||[]).slice(0,3).map((fact,index)=><span key={index}>{fact.label} · {typeof fact.value==='number'?AiAssistantFormat.number(fact.value):fact.value}{fact.unit?` ${fact.unit}`:''}</span>)}</div>
                  <footer><span>规则 {candidate.rule?.version||'—'} · 只读</span><button type="button" onClick={()=>reviewInsight(candidate)}>放入对话复核</button></footer>
                </article>)}
              </div>
            </section>}
            {panelMode === 'chat' && <>
            {!!messages.length&&<section className="axis-ai-thread" aria-label="AI 对话记录">
              {messages.map(message=><article className={`axis-ai-message ${message.role}`} key={message.id}><b>{message.role==='user'?'你':'Axis AI'}</b>{'\n'}{message.content}{message.role==='assistant'&&!!message.toolCalls?.length&&<div className="axis-ai-message-tools">{message.toolCalls.map((tool,index)=><i key={index}>{tool.name} · {tool.status}</i>)}</div>}<small>{String(message.createdAt||'').replace('T',' ').slice(0,16)}</small></article>)}
            </section>}
            <section className="axis-ai-intro">
              <b>你可以直接询问已有数据</b>
              <p>AI 负责理解问题；训练、损伤、筛查、常模和统计均由本地只读工具处理，不会改写运动员记录。</p>
            </section>
            {!result && (
              <section className="axis-ai-demo" aria-label="AI 示例数据范围">
                <span>DEMO / 示例数据范围</span>
                <b>{capabilities.athleteCount || 0} 名运动员 · {(capabilities.metrics || []).length} 个指标 · {(capabilities.domains || []).length} 个数据域</b>
                <p>点击下方示例会读取当前工作区数据并生成可核查结果；示例分析不会新增或改写正式记录。</p>
              </section>
            )}
            <div className="axis-ai-examples">
              <button type="button" disabled={!agentReady||busy} onClick={() => { const q='帮我分析队内40m跑和CMJ的相关性，用四象限图呈现'; setText(q); run(q); }}>40m × CMJ 四象限</button>
              <button type="button" disabled={!agentReady||busy} onClick={() => { const q='查找最近30天后卫的训练记录'; setText(q); run(q); }}>最近 30 天后卫训练</button>
              <button type="button" disabled={!agentReady||busy} onClick={() => { const q='检索损伤与康复记录'; setText(q); run(q); }}>检索损伤与康复</button>
              <button type="button" disabled={!agentReady||busy} onClick={() => { const q='查找 CMJ 常模'; setText(q); run(q); }}>查找 CMJ 常模</button>
              {decisionTools&&<button type="button" disabled={!agentReady||busy} onClick={() => { const athlete=decisionTools.athletes?.find(row=>row.id===decisionTools.currentAthleteId)||decisionTools.athletes?.[0]; const q=`${athlete?.name||'当前运动员'} 最近场地 CMJ 变化，结合训练量看下周是否需要调整`; setText(q); run(q); }}>场地 CMJ × 训练 Decision Case</button>}
            </div>
            {result?.intent === 'needs_clarification' && (
              <section className="axis-ai-card">
                <b>{result.question}</b>
                <div className="axis-ai-options">
                  {result.options.filter(option => !(result.pending?.metrics || []).includes(option.id)).map(option => (
                    <button key={option.id} type="button" onClick={() => chooseMetric(result, option)}>
                      <strong>{option.label}</strong><small>{option.origin} · {option.unit || '无单位'}</small>
                    </button>
                  ))}
                </div>
              </section>
            )}
            {result?.kind === 'search' && (
              <section className="axis-ai-card">
                <div className="axis-ai-card-head"><b>检索结果</b><span>{result.totalReturned} 条</span></div>
                <AiFilterReceipt receipt={result} />
                {!result.results.length && <div className="axis-ai-empty">没有找到匹配信息。请尝试运动员姓名、指标名称或测试类型。</div>}
                <div className="axis-ai-results">
                  {result.results.map(row => (
                    <button key={row.ref} type="button" onClick={() => openResult(row)}>
                      <span className="axis-ai-result-kind">{AI_RESULT_LABELS[row.kind] || row.kind}</span>
                      <span><b>{row.title}</b><small>{row.snippet}</small></span><em>打开 ↗</em>
                    </button>
                  ))}
                </div>
              </section>
            )}
            {result?.kind === 'correlation' && (
              <>
                <section className="axis-ai-card">
                  <div className="axis-ai-card-head"><b>{result.xMetric.label} × {result.yMetric.label}</b><span>n={result.statistics.n}</span></div>
                  <AiFilterReceipt receipt={result} />
                  <div className="axis-ai-stats">
                    <div><small>Pearson r</small><strong>{result.statistics.sampleSufficient ? AiAssistantFormat.number(result.statistics.r) : '样本不足'}</strong></div>
                    <div><small>95% CI</small><strong>{result.statistics.confidenceInterval
                      ? `${AiAssistantFormat.number(result.statistics.confidenceInterval.lower)} 至 ${AiAssistantFormat.number(result.statistics.confidenceInterval.upper)}`
                      : '样本不足'}</strong></div>
                    <div><small>横轴均值</small><strong>{AiAssistantFormat.number(result.statistics.xMean)} {result.xMetric.unit}</strong></div>
                    <div><small>纵轴均值</small><strong>{AiAssistantFormat.number(result.statistics.yMean)} {result.yMetric.unit}</strong></div>
                    <div><small>排除</small><strong>{result.excluded.length}</strong></div>
                  </div>
                  <p className="axis-ai-method">口径：{result.pairing.label}。95% CI 使用 Fisher z 变换（n≥4）；四象限以当前样本均值划分；相关不代表因果。</p>
                </section>
                {result.statistics.points.length > 0 && <AiQuadrantChart receipt={result} />}
                <details className="axis-ai-sources"><summary>查看纳入数据与来源</summary>
                  {result.statistics.points.map(point => (
                    <div key={point.athleteId}><b>{point.athleteName}</b><span>{point.date} · {point.x} / {point.y}</span></div>
                  ))}
                  {result.excluded.map(point => (
                    <div key={'x-'+point.athleteId} className="excluded"><b>{point.athleteName}</b><span>排除：{point.reason}</span></div>
                  ))}
                </details>
              </>
            )}
            {result?.kind === 'analysis' && window.AiAnalysisView && (
              <window.AiAnalysisView receipt={result} />
            )}
            {result?.kind === 'draft' && <AiDraftCard draft={result} />}
            {result?.kind === 'ui_control' && (
              <section className="axis-ai-card axis-ai-page-command">
                <span>页面控制 · 仅预览</span>
                {result.action === 'preview-age-grouped-cmj-report-batch' ? (
                  <>
                    <strong>{result.organization} · 已配置 {result.matchedCount} 份 CMJ 报告预览</strong>
                    <p>{result.groups.map(group => `${group.label}（${group.athleteIds.length}人）`).join(' · ') || '没有可纳入的年龄组'}</p>
                    {result.warnings.map((warning, index) => <p key={index}>注意：{warning}</p>)}
                    <p>已配置相对 RFD 剖面、归一化时序、对称性和峰值力/RFD 指标图。请在报告页核对后点击“锁定当前模板”，再执行批量导出。</p>
                  </>
                ) : (
                  <>
                    <strong>参照人群预览已打开，匹配 {result.matchedCount} 人</strong>
                    <p>AI 尚未应用任何更改。请在测力台报告的预览框中核对名单，再点击“应用”。</p>
                  </>
                )}
              </section>
            )}
            {!!result?.knowledgeEvidence?.length && result.kind !== 'search' && result.kind !== 'decision_case' && (
              <details className="axis-ai-sources"><summary>查看 Universal / Individual 知识依据</summary>
                {result.knowledgeEvidence.map((row,index)=><div key={row.ref}><b>[{index+1}] {row.governance?.decisionUse==='scientific_evidence'?'已审核证据':row.scope==='personal'?'我的知识':'通用材料'} · {row.title}</b><span>{row.excerpt}</span></div>)}
              </details>
            )}
            {result?.kind === 'decision_case' && window.AiDecisionCaseView && (
              <window.AiDecisionCaseView decisionCase={result} decisionTools={decisionTools} onNavigate={onNavigate} />
            )}
            </>}
            {error && <div className="axis-ai-error">
              {error}
              {agentStatus === 'error' && <button type="button" className="axis-ai-error-action" onClick={retryAgentRestore}>重试恢复</button>}
            </div>}
          </div>
          {panelMode==='chat'&&<footer className="axis-ai-compose">
            <textarea value={text} onChange={e => setText(e.target.value)}
              onKeyDown={e => {
                const composing = e.isComposing || e.nativeEvent?.isComposing || e.nativeEvent?.keyCode === 229;
                if (composing) return;
                if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); run(); }
              }}
              placeholder="继续追问，或说：记住以后趋势默认用折线图…" />
            <button type="button" onClick={() => run()} disabled={!agentReady || busy || !text.trim()}>
              {busy ? '查询中…' : agentReady ? '发送' : agentStatus === 'error' ? '恢复失败' : '恢复中…'}
            </button>
          </footer>}
          <div className="axis-ai-footnote">当前页面：{view} · 读操作零写入 · {{
            conversational:'对话模型',semantic:'语义规划',override:'人工选择',local:'离线规划','semantic-response':'模型解读',
            'grounded-conversation':'本地知识对话','conversational-expert':'运动科学对话',
            'semantic-expert':'专业分析解释','semantic-action':'页面预览','semantic-draft':'未保存草案',
          }[plannerMode] || '本地规划'} · 草案须人工确认 · 不生成诊断</div>
        </aside>,
        document.body
      )}
    </div>
  );
}

Object.assign(window, { AiAssistant, AiQuadrantChart, AiDraftCard });