#!/bin/bash

# sgClaw 系统架构总图查看脚本

echo "============================================================"
echo "🏗️ sgClaw 系统架构图"
echo "============================================================"
echo ""

# 获取本机 IP
IP=$(hostname -I | awk '{print $1}')

if [ -z "$IP" ]; then
  IP="localhost"
fi

PORT=8889

echo "正在启动 HTTP 服务器..."
echo ""
echo "━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━"
echo "📱 在浏览器中访问："
echo "━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━"
echo ""
echo "  【推荐】Mermaid 流程图版本："
echo "  http://localhost:$PORT/系统架构图_Mermaid.html"
echo ""
echo "  方框布局版本："
echo "  http://localhost:$PORT/系统架构总图.html"
echo ""
echo "  局域网访问："
echo "  http://$IP:$PORT/系统架构图_Mermaid.html"
echo ""
echo "━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━"
echo ""
echo "💡 Mermaid 版本特点："
echo "  ✓ 专业流程图风格（不是方框布局）"
echo "  ✓ 带箭头和连接线，展示数据流向"
echo "  ✓ 包含 3 张图："
echo "    - 系统架构总览（所有组件关系）"
echo "    - 端到端数据流（10 步完整流程）"
echo "    - 人员协作依赖（5 人对接关系）"
echo "  ✓ 颜色区分负责人（红=P1a，橙=P1b，绿=P2，蓝=P3，紫=P4）"
echo "  ✓ 关键路径用粗线标注"
echo ""
echo "按 Ctrl+C 停止服务器"
echo ""
echo "============================================================"
echo ""

cd "$(dirname "$0")"
python3 -m http.server $PORT --bind 0.0.0.0