| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"> |
| 2 | <defs> |
| 3 | <linearGradient id="titleGradient" x1="0%" y1="0%" x2="100%" y2="0%"> |
| 4 | <stop offset="0%" stop-color="#5B8DEF"/> |
| 5 | <stop offset="50%" stop-color="#A26BFA"/> |
| 6 | <stop offset="100%" stop-color="#3DDDFC"/> |
| 7 | </linearGradient> |
| 8 | <linearGradient id="bgOverlay" x1="0%" y1="0%" x2="0%" y2="100%"> |
| 9 | <stop offset="0%" stop-color="#0A0E27" stop-opacity="0.65"/> |
| 10 | <stop offset="100%" stop-color="#0A0E27" stop-opacity="0.78"/> |
| 11 | </linearGradient> |
| 12 | <linearGradient id="moduleGlass" x1="0%" y1="0%" x2="0%" y2="100%"> |
| 13 | <stop offset="0%" stop-color="#1A2150" stop-opacity="0.78"/> |
| 14 | <stop offset="100%" stop-color="#1A2150" stop-opacity="0.45"/> |
| 15 | </linearGradient> |
| 16 | <linearGradient id="badgeBlue" x1="0%" y1="0%" x2="100%" y2="0%"> |
| 17 | <stop offset="0%" stop-color="#5B8DEF" stop-opacity="0.55"/> |
| 18 | <stop offset="100%" stop-color="#5B8DEF" stop-opacity="0.18"/> |
| 19 | </linearGradient> |
| 20 | <linearGradient id="badgePurple" x1="0%" y1="0%" x2="100%" y2="0%"> |
| 21 | <stop offset="0%" stop-color="#A26BFA" stop-opacity="0.55"/> |
| 22 | <stop offset="100%" stop-color="#A26BFA" stop-opacity="0.18"/> |
| 23 | </linearGradient> |
| 24 | <linearGradient id="badgeCyan" x1="0%" y1="0%" x2="100%" y2="0%"> |
| 25 | <stop offset="0%" stop-color="#3DDDFC" stop-opacity="0.55"/> |
| 26 | <stop offset="100%" stop-color="#3DDDFC" stop-opacity="0.18"/> |
| 27 | </linearGradient> |
| 28 | <linearGradient id="badgeGreen" x1="0%" y1="0%" x2="100%" y2="0%"> |
| 29 | <stop offset="0%" stop-color="#4ADE80" stop-opacity="0.55"/> |
| 30 | <stop offset="100%" stop-color="#4ADE80" stop-opacity="0.18"/> |
| 31 | </linearGradient> |
| 32 | <linearGradient id="glassEdge" x1="0%" y1="0%" x2="100%" y2="0%"> |
| 33 | <stop offset="0%" stop-color="#FFFFFF" stop-opacity="0"/> |
| 34 | <stop offset="50%" stop-color="#FFFFFF" stop-opacity="0.3"/> |
| 35 | <stop offset="100%" stop-color="#FFFFFF" stop-opacity="0"/> |
| 36 | </linearGradient> |
| 37 | </defs> |
| 38 | |
| 39 | <g id="bg"> |
| 40 | <rect width="1280" height="720" fill="#0A0E27"/> |
| 41 | <image href="../images/04_agent_topology.png" x="0" y="0" width="1280" height="720" preserveAspectRatio="xMidYMid slice"/> |
| 42 | <rect x="0" y="0" width="1280" height="720" fill="url(#bgOverlay)"/> |
| 43 | </g> |
| 44 | |
| 45 | <g id="header"> |
| 46 | <rect x="60" y="50" width="6" height="32" rx="3" fill="url(#titleGradient)"/> |
| 47 | <text x="80" y="76" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="34" font-weight="900" fill="#E8ECFF">Agent 的四层骨架</text> |
| 48 | <text x="80" y="108" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="600" fill="#A8B0D0" letter-spacing="3">PERCEPTION · REASONING · ACTION · MEMORY</text> |
| 49 | </g> |
| 50 | |
| 51 | <g id="layer-perception"> |
| 52 | <rect x="60" y="140" width="170" height="120" rx="14" fill="url(#badgeBlue)" stroke="#5B8DEF" stroke-opacity="0.55" stroke-width="1"/> |
| 53 | <use data-icon="phosphor-duotone/eye" x="80" y="158" width="40" height="40" fill="#3DDDFC"/> |
| 54 | <text x="80" y="220" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="700" fill="#3DDDFC" letter-spacing="2">L1 · PERCEPTION</text> |
| 55 | <text x="80" y="246" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="22" font-weight="900" fill="#E8ECFF">感知层</text> |
| 56 | <g id="mod-p1"> |
| 57 | <rect x="246" y="140" width="320" height="120" rx="14" fill="url(#moduleGlass)" stroke="#FFFFFF" stroke-opacity="0.14" stroke-width="1"/> |
| 58 | <rect x="264" y="141" width="284" height="1" fill="url(#glassEdge)"/> |
| 59 | <text x="266" y="178" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="18" font-weight="800" fill="#E8ECFF">输入解析</text> |
| 60 | <text x="266" y="206" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="400" fill="#A8B0D0">用户意图分类、槽位抽取</text> |
| 61 | <text x="266" y="228" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="400" fill="#A8B0D0">语言识别、敏感词过滤</text> |
| 62 | </g> |
| 63 | <g id="mod-p2"> |
| 64 | <rect x="578" y="140" width="320" height="120" rx="14" fill="url(#moduleGlass)" stroke="#FFFFFF" stroke-opacity="0.14" stroke-width="1"/> |
| 65 | <rect x="596" y="141" width="284" height="1" fill="url(#glassEdge)"/> |
| 66 | <text x="598" y="178" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="18" font-weight="800" fill="#E8ECFF">多模态融合</text> |
| 67 | <text x="598" y="206" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="400" fill="#A8B0D0">文本 · 图像 · 表格 · 音频</text> |
| 68 | <text x="598" y="228" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="400" fill="#A8B0D0">统一为可推理的结构化输入</text> |
| 69 | </g> |
| 70 | <g id="mod-p3"> |
| 71 | <rect x="910" y="140" width="310" height="120" rx="14" fill="url(#moduleGlass)" stroke="#FFFFFF" stroke-opacity="0.14" stroke-width="1"/> |
| 72 | <rect x="928" y="141" width="274" height="1" fill="url(#glassEdge)"/> |
| 73 | <text x="930" y="178" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="18" font-weight="800" fill="#E8ECFF">上下文窗口管理</text> |
| 74 | <text x="930" y="206" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="400" fill="#A8B0D0">动态截断、关键信息前置</text> |
| 75 | <text x="930" y="228" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="400" fill="#A8B0D0">应对长 prompt 退化</text> |
| 76 | </g> |
| 77 | </g> |
| 78 | |
| 79 | <g id="layer-reasoning"> |
| 80 | <rect x="60" y="272" width="170" height="120" rx="14" fill="url(#badgePurple)" stroke="#A26BFA" stroke-opacity="0.55" stroke-width="1"/> |
| 81 | <use data-icon="phosphor-duotone/brain" x="80" y="290" width="40" height="40" fill="#A26BFA"/> |
| 82 | <text x="80" y="352" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="700" fill="#A26BFA" letter-spacing="2">L2 · REASONING</text> |
| 83 | <text x="80" y="378" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="22" font-weight="900" fill="#E8ECFF">推理层</text> |
| 84 | <g id="mod-r1"> |
| 85 | <rect x="246" y="272" width="320" height="120" rx="14" fill="url(#moduleGlass)" stroke="#FFFFFF" stroke-opacity="0.14" stroke-width="1"/> |
| 86 | <rect x="264" y="273" width="284" height="1" fill="url(#glassEdge)"/> |
| 87 | <text x="266" y="310" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="18" font-weight="800" fill="#E8ECFF">Plan / ReAct</text> |
| 88 | <text x="266" y="338" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="400" fill="#A8B0D0">先拆解,再推理 → 行动</text> |
| 89 | <text x="266" y="360" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="400" fill="#A8B0D0">观察结果再决定下一步</text> |
| 90 | </g> |
| 91 | <g id="mod-r2"> |
| 92 | <rect x="578" y="272" width="320" height="120" rx="14" fill="url(#moduleGlass)" stroke="#FFFFFF" stroke-opacity="0.14" stroke-width="1"/> |
| 93 | <rect x="596" y="273" width="284" height="1" fill="url(#glassEdge)"/> |
| 94 | <text x="598" y="310" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="18" font-weight="800" fill="#E8ECFF">Tree-of-Thought</text> |
| 95 | <text x="598" y="338" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="400" fill="#A8B0D0">多路径展开 · 评估剪枝</text> |
| 96 | <text x="598" y="360" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="400" fill="#A8B0D0">适合搜索 · 规划 · 推理任务</text> |
| 97 | </g> |
| 98 | <g id="mod-r3"> |
| 99 | <rect x="910" y="272" width="310" height="120" rx="14" fill="url(#moduleGlass)" stroke="#FFFFFF" stroke-opacity="0.14" stroke-width="1"/> |
| 100 | <rect x="928" y="273" width="274" height="1" fill="url(#glassEdge)"/> |
| 101 | <text x="930" y="310" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="18" font-weight="800" fill="#E8ECFF">Reflection</text> |
| 102 | <text x="930" y="338" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="400" fill="#A8B0D0">自检 · 自纠 · 自我评分</text> |
| 103 | <text x="930" y="360" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="400" fill="#A8B0D0">配合终止条件防止无限循环</text> |
| 104 | </g> |
| 105 | </g> |
| 106 | |
| 107 | <g id="layer-action"> |
| 108 | <rect x="60" y="404" width="170" height="120" rx="14" fill="url(#badgeCyan)" stroke="#3DDDFC" stroke-opacity="0.55" stroke-width="1"/> |
| 109 | <use data-icon="phosphor-duotone/lightning" x="80" y="422" width="40" height="40" fill="#3DDDFC"/> |
| 110 | <text x="80" y="484" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="700" fill="#3DDDFC" letter-spacing="2">L3 · ACTION</text> |
| 111 | <text x="80" y="510" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="22" font-weight="900" fill="#E8ECFF">行动层</text> |
| 112 | <g id="mod-a1"> |
| 113 | <rect x="246" y="404" width="320" height="120" rx="14" fill="url(#moduleGlass)" stroke="#FFFFFF" stroke-opacity="0.14" stroke-width="1"/> |
| 114 | <rect x="264" y="405" width="284" height="1" fill="url(#glassEdge)"/> |
| 115 | <text x="266" y="442" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="18" font-weight="800" fill="#E8ECFF">工具调用</text> |
| 116 | <text x="266" y="470" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="400" fill="#A8B0D0">JSON schema 参数生成</text> |
| 117 | <text x="266" y="492" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="400" fill="#A8B0D0">超时 · 重试 · 鉴权治理</text> |
| 118 | </g> |
| 119 | <g id="mod-a2"> |
| 120 | <rect x="578" y="404" width="320" height="120" rx="14" fill="url(#moduleGlass)" stroke="#FFFFFF" stroke-opacity="0.14" stroke-width="1"/> |
| 121 | <rect x="596" y="405" width="284" height="1" fill="url(#glassEdge)"/> |
| 122 | <text x="598" y="442" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="18" font-weight="800" fill="#E8ECFF">函数执行</text> |
| 123 | <text x="598" y="470" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="400" fill="#A8B0D0">沙盒 / 子进程 / WASM</text> |
| 124 | <text x="598" y="492" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="400" fill="#A8B0D0">代码生成必走隔离环境</text> |
| 125 | </g> |
| 126 | <g id="mod-a3"> |
| 127 | <rect x="910" y="404" width="310" height="120" rx="14" fill="url(#moduleGlass)" stroke="#FFFFFF" stroke-opacity="0.14" stroke-width="1"/> |
| 128 | <rect x="928" y="405" width="274" height="1" fill="url(#glassEdge)"/> |
| 129 | <text x="930" y="442" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="18" font-weight="800" fill="#E8ECFF">API 编排</text> |
| 130 | <text x="930" y="470" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="400" fill="#A8B0D0">幂等 · 顺序 · 事务边界</text> |
| 131 | <text x="930" y="492" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="400" fill="#A8B0D0">幂等 key 防重复执行</text> |
| 132 | </g> |
| 133 | </g> |
| 134 | |
| 135 | <g id="layer-memory"> |
| 136 | <rect x="60" y="536" width="170" height="120" rx="14" fill="url(#badgeGreen)" stroke="#4ADE80" stroke-opacity="0.5" stroke-width="1"/> |
| 137 | <use data-icon="phosphor-duotone/database" x="80" y="554" width="40" height="40" fill="#4ADE80"/> |
| 138 | <text x="80" y="616" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="700" fill="#4ADE80" letter-spacing="2">L4 · MEMORY</text> |
| 139 | <text x="80" y="642" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="22" font-weight="900" fill="#E8ECFF">记忆层</text> |
| 140 | <g id="mod-m1"> |
| 141 | <rect x="246" y="536" width="320" height="120" rx="14" fill="url(#moduleGlass)" stroke="#FFFFFF" stroke-opacity="0.14" stroke-width="1"/> |
| 142 | <rect x="264" y="537" width="284" height="1" fill="url(#glassEdge)"/> |
| 143 | <text x="266" y="574" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="18" font-weight="800" fill="#E8ECFF">短期上下文</text> |
| 144 | <text x="266" y="602" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="400" fill="#A8B0D0">当前对话 / 当前任务窗口</text> |
| 145 | <text x="266" y="624" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="400" fill="#A8B0D0">滚动摘要防溢出</text> |
| 146 | </g> |
| 147 | <g id="mod-m2"> |
| 148 | <rect x="578" y="536" width="320" height="120" rx="14" fill="url(#moduleGlass)" stroke="#FFFFFF" stroke-opacity="0.14" stroke-width="1"/> |
| 149 | <rect x="596" y="537" width="284" height="1" fill="url(#glassEdge)"/> |
| 150 | <text x="598" y="574" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="18" font-weight="800" fill="#E8ECFF">长期向量库</text> |
| 151 | <text x="598" y="602" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="400" fill="#A8B0D0">用户偏好 / 历史知识 / FAQ</text> |
| 152 | <text x="598" y="624" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="400" fill="#A8B0D0">语义 + 元数据双索引</text> |
| 153 | </g> |
| 154 | <g id="mod-m3"> |
| 155 | <rect x="910" y="536" width="310" height="120" rx="14" fill="url(#moduleGlass)" stroke="#FFFFFF" stroke-opacity="0.14" stroke-width="1"/> |
| 156 | <rect x="928" y="537" width="274" height="1" fill="url(#glassEdge)"/> |
| 157 | <text x="930" y="574" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="18" font-weight="800" fill="#E8ECFF">任务级缓存</text> |
| 158 | <text x="930" y="602" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="400" fill="#A8B0D0">中间检索 / 工具调用结果</text> |
| 159 | <text x="930" y="624" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="400" fill="#A8B0D0">避免重复计算 · 降本利器</text> |
| 160 | </g> |
| 161 | </g> |
| 162 | |
| 163 | <g id="footer"> |
| 164 | <text x="60" y="694" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="600" fill="#6B7299">Agent 四层骨架</text> |
| 165 | <text x="1220" y="694" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="600" fill="#6B7299" text-anchor="end">04 / 12</text> |
| 166 | </g> |
| 167 | </svg> |
| 168 |