fix(agents): make pipeline flow animation seamless

web/src/app/home/agents/components/ProcessorTypeDiagram.tsx

@@ -287,10 +287,11 @@ function PipelineDiagram() {
         fill="none"
         stroke={LANGBOT_BLUE}
         strokeWidth="3"
-        strokeDasharray="4 14"
+        strokeDasharray="4 11"
         strokeLinecap="round"
         className="processor-line-flow"
         data-motion="flow"
+        data-dash-cycle="15"
       />
 
       {steps.map((step, index) => {

web/tests/e2e/crud-smoke.spec.ts

@@ -196,7 +196,7 @@ test.describe('frontend CRUD smoke flows', () => {
     await expect(page.getByTestId('pipeline-diagram')).toBeVisible();
     await expect(
       page.getByTestId('pipeline-diagram').locator('[data-motion="flow"]'),
-    ).toHaveCount(1);
+    ).toHaveAttribute('data-dash-cycle', '15');
     await expect(page.getByTestId('agent-diagram')).toHaveCount(0);
 
     await expect(page.locator('input[name="name"]')).toBeVisible();