Merge branch 'main' of https://git.shalu.com/Shalu/shalu-agent-workflow

apps/web/src/assets/icons/code.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <polyline points="16 18 22 12 16 6"></polyline>
+  <polyline points="8 6 2 12 8 18"></polyline>
+</svg>

apps/web/src/assets/icons/shield.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M12 2l7 4v6c0 5-3.5 9.5-7 10-3.5-.5-7-5-7-10V6l7-4z"></path>
+</svg>

apps/web/src/assets/icons/users.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M17 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
+  <circle cx="9" cy="7" r="4"></circle>
+  <path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
+  <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
+</svg>

apps/web/src/views/About.vue

@@ -21,22 +21,22 @@
 
 			<div class="features-grid">
 				<div class="feature-card">
-					<SvgIcon name="zap" class="feature-icon" />
+					<SvgIcon name="zap" class="feature-icon" size="30"/>
 					<h3>高性能</h3>
 					<p>优化的执行引擎，确保工作流快速可靠运行</p>
 				</div>
 				<div class="feature-card">
-					<SvgIcon name="shield" class="feature-icon" />
+					<SvgIcon name="shield" class="feature-icon" size="30"/>
 					<h3>安全可靠</h3>
 					<p>企业级安全标准，保护你的数据和凭证</p>
 				</div>
 				<div class="feature-card">
-					<SvgIcon name="users" class="feature-icon" />
+					<SvgIcon name="users" class="feature-icon" size="30"/>
 					<h3>团队协作</h3>
 					<p>支持多人协作，共同构建和维护工作流</p>
 				</div>
 				<div class="feature-card">
-					<SvgIcon name="code" class="feature-icon" />
+					<SvgIcon name="code" class="feature-icon" size="30"/>
 					<h3>开放扩展</h3>
 					<p>支持自定义节点和集成，满足个性化需求</p>
 				</div>

apps/web/src/views/Docs.vue

@@ -8,9 +8,7 @@
 				<div class="nav-section">
 					<h3>快速开始</h3>
 					<ul>
-						<li :class="{ active: activeDoc === 'intro' }" @click="activeDoc = 'intro'">
-							介绍
-						</li>
+						<li :class="{ active: activeDoc === 'intro' }" @click="activeDoc = 'intro'">介绍</li>
 						<li
 							:class="{ active: activeDoc === 'installation' }"
 							@click="activeDoc = 'installation'"
@@ -26,10 +24,7 @@
 							工作流
 						</li>
 						<li :class="{ active: activeDoc === 'nodes' }" @click="activeDoc = 'nodes'">节点</li>
-						<li
-							:class="{ active: activeDoc === 'credentials' }"
-							@click="activeDoc = 'credentials'"
-						>
+						<li :class="{ active: activeDoc === 'credentials' }" @click="activeDoc = 'credentials'">
 							凭证管理
 						</li>
 					</ul>
@@ -37,12 +32,8 @@
 				<div class="nav-section">
 					<h3>节点文档</h3>
 					<ul>
-						<li :class="{ active: activeDoc === 'http' }" @click="activeDoc = 'http'">
-							HTTP 节点
-						</li>
-						<li :class="{ active: activeDoc === 'code' }" @click="activeDoc = 'code'">
-							代码节点
-						</li>
+						<li :class="{ active: activeDoc === 'http' }" @click="activeDoc = 'http'">HTTP 节点</li>
+						<li :class="{ active: activeDoc === 'code' }" @click="activeDoc = 'code'">代码节点</li>
 						<li :class="{ active: activeDoc === 'database' }" @click="activeDoc = 'database'">
 							数据库节点
 						</li>
@@ -60,7 +51,8 @@
 					<section class="doc-section">
 						<h2>概述</h2>
 						<p>
-							AI Agent 是一个强大的自动化工作流平台，允许你创建复杂的自动化流程。通过可视化的工作流编辑器，你可以轻松添加各种节点类型，连接各种服务和应用，实现数据的自动化处理和传输。
+							AI Agent
+							是一个强大的自动化工作流平台，允许你创建复杂的自动化流程。通过可视化的工作流编辑器，你可以轻松添加各种节点类型，连接各种服务和应用，实现数据的自动化处理和传输。
 						</p>
 					</section>
 
@@ -68,17 +60,12 @@
 						<h2>主要特性</h2>
 						<ul class="feature-list">
 							<li>
-								<strong>可视化编辑器</strong> - 直观的工作流设计器，支持开始、结束、HTTP请求、条件分支、代码执行、数据查询等多种节点
-							</li>
-							<li>
-								<strong>丰富的节点库</strong> - 支持 HTTP、数据库、代码执行等多种节点类型
-							</li>
-							<li>
-								<strong>实时调试</strong> - 支持单步执行和断点调试
-							</li>
-							<li>
-								<strong>数据转换</strong> - 强大的数据映射和转换能力
+								<strong>可视化编辑器</strong> -
+								直观的工作流设计器，支持开始、结束、HTTP请求、条件分支、代码执行、数据查询等多种节点
 							</li>
+							<li><strong>丰富的节点库</strong> - 支持 HTTP、数据库、代码执行等多种节点类型</li>
+							<li><strong>实时调试</strong> - 支持单步执行和断点调试</li>
+							<li><strong>数据转换</strong> - 强大的数据映射和转换能力</li>
 						</ul>
 					</section>
 
@@ -154,7 +141,7 @@ const docDescription = computed(() => {
 <style lang="less" scoped>
 .docs-container {
 	display: flex;
-	height: calc(100vh - 32px);
+	height: 100vh;
 	background: #f8f9fa;
 
 	.sidebar {