perf: 优化智能体与工作流幕布渲染性能

- 分阶段加载智能体配置并按需缓存 MCP 工具

- 合并画布状态更新与节点尺寸监听，启用大图可视区域渲染和静态连线

- 隔离 Tinyflow Store 实例并补充数据同步与回归测试

easyflow-ui-admin/app/src/views/ai/agents/components/agent-studio/AgentStudioEdgeLayer.vue

@@ -1,22 +1,27 @@
 <script setup lang="ts">
-import type {AgentStudioConnectionView} from './types';
+import type { AgentStudioConnectionView, AgentStudioViewport } from './types';
 
 defineProps<{
   connections: AgentStudioConnectionView[];
+  viewport: AgentStudioViewport;
 }>();
 </script>
 
 <template>
   <svg class="agent-studio-edge-layer" aria-hidden="true">
-    <path
-      v-for="connection in connections"
-      :key="connection.id"
-      class="agent-studio-edge-layer__path"
-      :class="{ 'is-active': connection.active }"
-      :d="connection.path"
-      :data-source-id="connection.sourceId"
-      :data-target-id="connection.targetId"
-    />
+    <g
+      :transform="`translate(${viewport.x} ${viewport.y}) scale(${viewport.zoom})`"
+    >
+      <path
+        v-for="connection in connections"
+        :key="connection.id"
+        class="agent-studio-edge-layer__path"
+        :class="{ 'is-active': connection.active }"
+        :d="connection.path"
+        :data-source-id="connection.sourceId"
+        :data-target-id="connection.targetId"
+      />
+    </g>
   </svg>
 </template>