95db06ad9d
All checks were successful
CD Pipeline / deploy (push) Successful in 2m38s
新頁 /observability/business_intel：把 AI 觀測台從「技術面」延伸到「商業面」。
回答統帥兩大問：
1. 我們的 AI 在做什麼生意？
2. AI 動作真的有用嗎？（閉環追蹤）
新接 5 張未善用的商業面表（DB 利用率 17/22 → 22/22，100%）：
- ai_price_recommendations（AI 價格建議完整明細）
- competitor_prices（競品價格快照）
- competitor_price_history（24h 抓取歷史）
- competitor_match_attempts（競品比對失敗追蹤）
- 善用 action_plans × action_outcomes JOIN（閉環）
頁面 widget（7 張卡片）：
1. unfollowed alert：high-confidence 但未轉化為 action_plan 的數量
2. AI 決策 by strategy（promote/watch/hold 含平均信心 + gap% + 銷量變化）
3. 最近 20 筆 AI 建議詳細（SKU/商品/MOMO 價/PChome 價/Gap/原因）
4. **閉環學習表**：plan → outcome 全鏈追蹤
含 verdict/before/after/變化 % — ADR-012 核心 KPI
5. Verdict 分布（effective/neutral/backfired 計數）
6. 競品比對嘗試統計（success/fail/avg_score）
7. 24h 競品價格抓取列表（SKU/商品/MOMO vs PChome gap）
入口：
- sidebar AI 觀測 group 加「商業面 × AI」（07c）
- /observability/overview 入口卡升級為 8 項
DB 全表覆蓋達成：22/22 = 100%
- Phase 47 17 表 → Phase 48 22 表
- 新接：ai_price_recommendations / competitor_prices /
competitor_price_history / competitor_match_attempts
- 已用：ai_calls / ai_call_budgets / ai_insights / learning_episodes /
rag_query_log / mcp_calls / incidents / heal_logs / playbooks /
backup_log / embedding_retry_queue / agent_context /
agent_strategy_weights / action_plans / action_outcomes /
host_health_probes / ppt_audit_results
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
286 lines
14 KiB
HTML
286 lines
14 KiB
HTML
{% extends "ewoooc_base.html" %}
|
||
|
||
{% block title %}觀測台總覽{% endblock %}
|
||
|
||
{% block ewooo_content %}
|
||
<div class="container-fluid mt-3">
|
||
<h2 class="mb-3"><i class="fas fa-satellite-dish me-2"></i>AI 觀測台總覽
|
||
<small class="text-muted">{{ today }} · 全景一頁看（資料來源 8 表跨 JOIN）</small>
|
||
</h2>
|
||
|
||
<!-- 三主機健康卡片 -->
|
||
<div class="row g-3 mb-3">
|
||
{% if summary.hosts %}
|
||
{% for h in summary.hosts %}
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="card h-100" style="border-left: 4px solid
|
||
{% if h.uptime_pct >= 99 %}#198754
|
||
{% elif h.uptime_pct >= 90 %}#ffc107
|
||
{% else %}#dc3545{% endif %};">
|
||
<div class="card-body">
|
||
<div class="d-flex justify-content-between align-items-start">
|
||
<div>
|
||
<small class="text-muted d-block">{{ h.label }}</small>
|
||
<h3 class="mb-0">{{ "%.1f"|format(h.uptime_pct) }}<small class="text-muted">%</small></h3>
|
||
<small class="text-muted">24h 在線率（{{ h.up }}/{{ h.total }} probe）</small>
|
||
</div>
|
||
<div class="text-end">
|
||
<i class="fas fa-server" style="font-size: 1.8em; color: #ddd;"></i>
|
||
<div class="mt-2"><small class="text-muted">{{ h.avg_ms }} ms</small></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{% endfor %}
|
||
{% else %}
|
||
<div class="col-12">
|
||
<div class="alert alert-warning">
|
||
<i class="fas fa-exclamation-triangle me-1"></i>
|
||
host_health_probes 表無資料（migration 029 是否已跑？scheduler probe job 是否已啟動？）
|
||
</div>
|
||
</div>
|
||
{% endif %}
|
||
</div>
|
||
|
||
<!-- AI 呼叫 + 成本卡片 -->
|
||
<div class="row g-3 mb-3">
|
||
{% if summary.ai_calls %}
|
||
<div class="col-lg-3 col-md-6">
|
||
<div class="card h-100">
|
||
<div class="card-body">
|
||
<small class="text-muted d-block"><i class="fas fa-chart-bar me-1"></i>24h AI 呼叫</small>
|
||
<h3 class="mb-0">{{ "{:,}".format(summary.ai_calls.total) }}</h3>
|
||
<small class="text-muted">Token：{{ "{:,}".format(summary.ai_calls.tokens) }}</small>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-3 col-md-6">
|
||
<div class="card h-100">
|
||
<div class="card-body">
|
||
<small class="text-muted d-block"><i class="fas fa-coins me-1"></i>成本</small>
|
||
<h3 class="mb-0">${{ "%.2f"|format(summary.ai_calls.cost_24h) }}<small class="text-muted">/24h</small></h3>
|
||
<small class="text-muted">當月累計 ${{ "%.2f"|format(summary.month_cost) }}</small>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-3 col-md-6">
|
||
<div class="card h-100">
|
||
<div class="card-body">
|
||
<small class="text-muted d-block"><i class="fas fa-exclamation-triangle me-1"></i>錯誤率</small>
|
||
<h3 class="mb-0
|
||
{% if summary.ai_calls.error_rate >= 15 %}text-danger
|
||
{% elif summary.ai_calls.error_rate >= 5 %}text-warning
|
||
{% else %}text-success{% endif %}">{{ "%.1f"|format(summary.ai_calls.error_rate) }}<small>%</small></h3>
|
||
<small class="text-muted">{{ summary.ai_calls.errors }} 次失敗</small>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-3 col-md-6">
|
||
<div class="card h-100">
|
||
<div class="card-body">
|
||
<small class="text-muted d-block"><i class="fas fa-magnifying-glass-chart me-1"></i>RAG 命中率</small>
|
||
<h3 class="mb-0 text-success">{{ "%.1f"|format(summary.ai_calls.rag_rate) }}<small>%</small></h3>
|
||
<small class="text-muted">{{ summary.ai_calls.rag_hits }} hits · cache {{ "%.0f"|format(summary.ai_calls.cache_rate) }}%</small>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{% endif %}
|
||
</div>
|
||
|
||
<!-- 預算告警 -->
|
||
{% if summary.budget_alerts %}
|
||
<div class="card mb-3" style="border-left: 4px solid #ffc107;">
|
||
<div class="card-header bg-warning bg-opacity-25">
|
||
<strong><i class="fas fa-wallet me-1"></i>預算告警 — 共 {{ summary.budget_alerts|length }} 項超出閾值</strong>
|
||
</div>
|
||
<div class="card-body p-0">
|
||
<table class="table table-sm mb-0">
|
||
<thead class="table-light">
|
||
<tr><th>週期</th><th>供應商</th><th class="text-end">已花費</th><th class="text-end">預算</th><th class="text-end">使用率</th></tr>
|
||
</thead>
|
||
<tbody>
|
||
{% for b in summary.budget_alerts %}
|
||
<tr>
|
||
<td><span class="badge bg-secondary">{{ b.period }}</span></td>
|
||
<td><code>{{ b.provider }}</code></td>
|
||
<td class="text-end">${{ "%.2f"|format(b.spent) }}</td>
|
||
<td class="text-end">${{ "%.2f"|format(b.budget) }}</td>
|
||
<td class="text-end">
|
||
<strong class="{% if b.ratio >= 1.0 %}text-danger{% else %}text-warning{% endif %}">
|
||
{{ "%.0f"|format(b.ratio * 100) }}%
|
||
</strong>
|
||
</td>
|
||
</tr>
|
||
{% endfor %}
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div class="card-footer text-end">
|
||
<a href="/observability/budget" class="btn btn-sm btn-outline-warning">
|
||
<i class="fas fa-arrow-right me-1"></i>進預算控管處理
|
||
</a>
|
||
</div>
|
||
</div>
|
||
{% endif %}
|
||
|
||
<!-- AIOps + MCP + RAG 學習 -->
|
||
<div class="row g-3 mb-3">
|
||
{% if summary.aiops %}
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="card h-100">
|
||
<div class="card-header"><strong><i class="fas fa-shield-virus me-1"></i>AIOps 自癒 7d</strong></div>
|
||
<div class="card-body">
|
||
<div class="row g-2">
|
||
<div class="col-6"><small class="text-muted d-block">事件總數</small><h4 class="mb-0">{{ summary.aiops.incidents_total }}</h4></div>
|
||
<div class="col-6"><small class="text-muted d-block">未解決</small><h4 class="mb-0 {% if summary.aiops.incidents_open > 0 %}text-danger{% endif %}">{{ summary.aiops.incidents_open }}</h4></div>
|
||
<div class="col-6"><small class="text-muted d-block">P0/P1</small><h4 class="mb-0 {% if summary.aiops.incidents_p0_p1 > 0 %}text-danger{% endif %}">{{ summary.aiops.incidents_p0_p1 }}</h4></div>
|
||
<div class="col-6"><small class="text-muted d-block">自癒成功率</small><h4 class="mb-0
|
||
{% if summary.aiops.heal_rate >= 80 %}text-success
|
||
{% elif summary.aiops.heal_rate >= 50 %}text-warning
|
||
{% else %}text-danger{% endif %}">{{ "%.0f"|format(summary.aiops.heal_rate) }}%</h4></div>
|
||
</div>
|
||
</div>
|
||
<div class="card-footer text-end p-2">
|
||
<a href="/observability/host_health" class="btn btn-sm btn-outline-secondary">
|
||
<i class="fas fa-arrow-right me-1"></i>主機健康
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{% endif %}
|
||
|
||
{% if summary.mcp %}
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="card h-100">
|
||
<div class="card-header"><strong><i class="fas fa-bolt me-1"></i>MCP 24h</strong></div>
|
||
<div class="card-body">
|
||
<div class="row g-2">
|
||
<div class="col-6"><small class="text-muted d-block">tool 呼叫</small><h4 class="mb-0">{{ "{:,}".format(summary.mcp.total) }}</h4></div>
|
||
<div class="col-6"><small class="text-muted d-block">使用 server</small><h4 class="mb-0">{{ summary.mcp.servers }}</h4></div>
|
||
<div class="col-6"><small class="text-muted d-block">cache 命中</small><h4 class="mb-0">{{ summary.mcp.cache_hits }}</h4></div>
|
||
<div class="col-6"><small class="text-muted d-block">成本</small><h4 class="mb-0">${{ "%.4f"|format(summary.mcp.cost) }}</h4></div>
|
||
</div>
|
||
</div>
|
||
<div class="card-footer text-end p-2">
|
||
<a href="/observability/host_health" class="btn btn-sm btn-outline-secondary">
|
||
<i class="fas fa-arrow-right me-1"></i>查 MCP 健康
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{% endif %}
|
||
|
||
{% if summary.episodes %}
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="card h-100">
|
||
<div class="card-header"><strong><i class="fas fa-brain me-1"></i>RAG 學習鏈路 30d</strong></div>
|
||
<div class="card-body">
|
||
<div class="row g-2">
|
||
<div class="col-6"><small class="text-muted d-block">待審核</small><h4 class="mb-0 {% if summary.episodes.pending > 0 %}text-warning{% endif %}">{{ summary.episodes.pending }}</h4></div>
|
||
<div class="col-6"><small class="text-muted d-block">總 episodes</small><h4 class="mb-0">{{ summary.episodes.total_30d }}</h4></div>
|
||
<div class="col-6"><small class="text-muted d-block">已晉升</small><h4 class="mb-0 text-success">{{ summary.episodes.approved_30d }}</h4></div>
|
||
<div class="col-6"><small class="text-muted d-block">晉升率</small><h4 class="mb-0">{{ "%.0f"|format(summary.episodes.approval_rate) }}%</h4></div>
|
||
</div>
|
||
</div>
|
||
<div class="card-footer text-end p-2">
|
||
{% if summary.episodes.pending > 0 %}
|
||
<a href="/observability/promotion_review" class="btn btn-sm btn-warning">
|
||
<i class="fas fa-arrow-right me-1"></i>立即審核 ({{ summary.episodes.pending }})
|
||
</a>
|
||
{% else %}
|
||
<a href="/observability/promotion_review" class="btn btn-sm btn-outline-secondary">
|
||
<i class="fas fa-arrow-right me-1"></i>晉升審核
|
||
</a>
|
||
{% endif %}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{% endif %}
|
||
</div>
|
||
|
||
<!-- PPT 視覺審核 -->
|
||
{% if summary.ppt and summary.ppt.total > 0 %}
|
||
<div class="card mb-3">
|
||
<div class="card-header"><strong><i class="fas fa-search me-1"></i>PPT 視覺審核 7d</strong></div>
|
||
<div class="card-body">
|
||
<div class="row g-2">
|
||
<div class="col-md-3 col-6"><small class="text-muted d-block">總筆數</small><h4 class="mb-0">{{ summary.ppt.total }}</h4></div>
|
||
<div class="col-md-3 col-6"><small class="text-muted d-block">通過</small><h4 class="mb-0 text-success">{{ summary.ppt.passed }}</h4></div>
|
||
<div class="col-md-3 col-6"><small class="text-muted d-block">失敗</small><h4 class="mb-0 {% if summary.ppt.failed > 0 %}text-warning{% endif %}">{{ summary.ppt.failed }}</h4></div>
|
||
<div class="col-md-3 col-6"><small class="text-muted d-block">通過率</small><h4 class="mb-0">{{ "%.0f"|format(summary.ppt.pass_rate) }}%</h4></div>
|
||
</div>
|
||
</div>
|
||
<div class="card-footer text-end p-2">
|
||
<a href="/observability/ppt_audit_history" class="btn btn-sm btn-outline-secondary">
|
||
<i class="fas fa-arrow-right me-1"></i>PPT 審核歷史
|
||
</a>
|
||
</div>
|
||
</div>
|
||
{% endif %}
|
||
|
||
<!-- 8 大入口 -->
|
||
<div class="card">
|
||
<div class="card-header"><strong><i class="fas fa-th me-1"></i>8 大子頁入口</strong></div>
|
||
<div class="card-body">
|
||
<div class="row g-2">
|
||
<div class="col-lg-4 col-md-6">
|
||
<a href="/observability/agent_orchestration" class="btn btn-outline-info w-100 text-start" style="border-width: 2px;">
|
||
<i class="fas fa-network-wired me-2"></i><strong>Agent 編排矩陣</strong>
|
||
<small class="d-block text-muted ms-4">4 Agent × Ollama × Gemini × MCP × RAG 全景 + 自動建議</small>
|
||
</a>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6">
|
||
<a href="/observability/business_intel" class="btn btn-outline-warning w-100 text-start" style="border-width: 2px;">
|
||
<i class="fas fa-briefcase me-2"></i><strong>商業面 × AI 編排</strong>
|
||
<small class="d-block text-muted ms-4">AI 價格決策 + 閉環學習 + 競品比對全景</small>
|
||
</a>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6">
|
||
<a href="/observability/host_health" class="btn btn-outline-primary w-100 text-start">
|
||
<i class="fas fa-heartbeat me-2"></i>主機健康監控
|
||
<small class="d-block text-muted ms-4">三主機 + MCP + AIOps + 24h 趨勢 + 一鍵 AutoHeal</small>
|
||
</a>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6">
|
||
<a href="/observability/ai_calls" class="btn btn-outline-primary w-100 text-start">
|
||
<i class="fas fa-chart-bar me-2"></i>AI 呼叫總覽
|
||
<small class="d-block text-muted ms-4">24h 統計 + RAG×MCP 編排矩陣 + 一鍵 Code Review</small>
|
||
</a>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6">
|
||
<a href="/observability/budget" class="btn btn-outline-primary w-100 text-start">
|
||
<i class="fas fa-wallet me-2"></i>預算控管
|
||
<small class="d-block text-muted ms-4">當月支出 + RAG 策略建議 + 一鍵 force-throttle</small>
|
||
</a>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6">
|
||
<a href="/observability/promotion_review" class="btn btn-outline-primary w-100 text-start">
|
||
<i class="fas fa-brain me-2"></i>RAG 學習晉升審核
|
||
<small class="d-block text-muted ms-4">待審 episode + RAG Top 3 相似已晉升輔助</small>
|
||
</a>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6">
|
||
<a href="/observability/quality_trend" class="btn btn-outline-primary w-100 text-start">
|
||
<i class="fas fa-comments me-2"></i>Caller 反饋趨勢
|
||
<small class="d-block text-muted ms-4">蒸餾池分布 + 最差 caller RAG 根因建議</small>
|
||
</a>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6">
|
||
<a href="/observability/ppt_audit_history" class="btn btn-outline-primary w-100 text-start">
|
||
<i class="fas fa-search me-2"></i>PPT 視覺審核歷史
|
||
<small class="d-block text-muted ms-4">7d audit 紀錄 + RAG 修法 + 一鍵 AiderHeal</small>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<p class="text-muted mt-3"><small>
|
||
<i class="fas fa-robot me-1"></i>Operation Ollama-First v5.0 / Phase 45 — AI 觀測台總覽
|
||
（資料來源：host_health_probes / ai_calls / ai_call_budgets / learning_episodes / ai_insights /
|
||
rag_query_log / mcp_calls / incidents / heal_logs / ppt_audit_results）
|
||
</small></p>
|
||
</div>
|
||
{% endblock %}
|