feat(parameter-lab): complete F60 dynamic dimension picker with safe rendering guards, E2E coverage, and roadmap/record closeout

Author: rookiestar28

README.md

@@ -9,14 +9,14 @@ ComfyUI-OpenClaw is a **security-first orchestration layer** for ComfyUI that co
 - **A secure-by-default HTTP API** for automation (webhooks, triggers, schedules, approvals, presets)
 - **Public-ready control-plane split architecture** (embedded UX + externalized high-risk control surfaces)
 - **Verification-first hardening lanes** (route drift, real-backend E2E, adversarial fuzz/mutation gates)
-- **Now supports major messaging platforms, including Discord, Telegram, WhatsApp, LINE, WeChat, KakaoTalk, and Slack.**
+- **Now supports 7 major messaging platforms, including Discord, Telegram, WhatsApp, LINE, WeChat, KakaoTalk, and Slack.**
 - **And more exciting features being added continuously**
 
----
+This project is designed to make **ComfyUI a reliable automation target** with an explicit admin boundary and hardened defaults.
 
-This project is intentionally **not** a general-purpose assistant platform with broad remote execution surfaces. It is designed to make **ComfyUI a reliable automation target** with an explicit admin boundary and hardened defaults.
+---
 
-**Security stance (how this project differs from convenience-first automation packs):**
+## Security stance (how this project differs from convenience-first automation packs):
 
 - Public MAE route-plane posture is a hard guarantee: startup gate + CI no-skip drift suites must both pass
 - Control Plane Split is enforced for public posture: high-risk control surfaces are externalized while embedded UI stays on safe UX/read paths

tests/e2e/specs/parameter_lab.spec.js

@@ -0,0 +1,126 @@
+import { test, expect } from '@playwright/test';
+import { mockComfyUiCore, waitForMoltbotReady, clickTab } from '../utils/helpers.js';
+
+test.describe('Parameter Lab - Dynamic Dimensions', () => {
+    test.beforeEach(async ({ page }) => {
+        // 1. Setup mock environment
+        await mockComfyUiCore(page);
+        await page.goto('test-harness.html');
+        await waitForMoltbotReady(page);
+
+        // 2. Inject mock graph with nodes and widgets
+        await page.evaluate(() => {
+            window.app.graph = {
+                _nodes: [
+                    {
+                        id: 10,
+                        type: "KSampler",
+                        title: "My Sampler",
+                        widgets: [
+                            { name: "seed", type: "number", value: 1234, options: {} },
+                            { name: "steps", type: "number", value: 20, options: { values: [20, 30, 40] } },
+                            { name: "sampler_name", type: "combo", value: "euler", options: { values: ["euler", "ddim", "uni_pc"] } }
+                        ]
+                    },
+                    {
+                        id: 20,
+                        type: "CheckpointLoader",
+                        title: "Load Model",
+                        widgets: [
+                            { name: "ckpt_name", type: "combo", value: "base.ckpt", options: { values: ["base.ckpt", "v2.ckpt", "xl.ckpt"] } }
+                        ]
+                    }
+                ],
+                getNodeById(id) { return this._nodes.find(n => n.id === id); },
+                serialize() { return { "test_graph": true }; }
+            };
+        });
+
+        // 3. Open Parameter Lab
+        await clickTab(page, 'Parameter Lab');
+    });
+
+    test('can select node, widget, and add values via dropdown', async ({ page }) => {
+        // Add Dimension
+        await page.click('#lab-add-dim');
+        await expect(page.locator('.moltbot-lab-dim-row.dynamic')).toBeVisible();
+
+        // Select Node (KSampler id=10)
+        await page.selectOption('.dim-node-select', { value: '10' });
+
+        // Select Widget (sampler_name)
+        await page.selectOption('.dim-widget-select', { value: 'sampler_name' });
+
+        // Verify candidates are populated
+        const candidates = page.locator('.dim-candidate-select option');
+        await expect(candidates).toHaveCount(4); // "Add option..." + 3 values
+
+        // Select a candidate "ddim"
+        await page.selectOption('.dim-candidate-select', { value: 'ddim' });
+
+        // Verify chip added
+        await expect(page.locator('.moltbot-chip >> text=ddim')).toBeVisible();
+
+        // Select another "uni_pc"
+        await page.selectOption('.dim-candidate-select', { value: 'uni_pc' });
+        await expect(page.locator('.moltbot-chip >> text=uni_pc')).toBeVisible();
+
+        // Verify remove chip
+        await page.click('.moltbot-chip:has-text("ddim") .chip-rm');
+        await expect(page.locator('.moltbot-chip >> text=ddim')).not.toBeVisible();
+    });
+
+    test('can add custom manual values', async ({ page }) => {
+        await page.click('#lab-add-dim');
+
+        // Select Node (KSampler id=10)
+        await page.selectOption('.dim-node-select', { value: '10' });
+
+        // Select Widget (seed)
+        await page.selectOption('.dim-widget-select', { value: 'seed' });
+
+        // Type custom value
+        await page.fill('.dim-manual-input', '9999');
+        await page.press('.dim-manual-input', 'Enter');
+
+        // Verify chip
+        await expect(page.locator('.moltbot-chip >> text=9999')).toBeVisible();
+    });
+
+    test('generates correct plan payload', async ({ page }) => {
+        // Mock network request
+        let payload = null;
+        await page.route('**/openclaw/lab/sweep', async route => {
+            payload = JSON.parse(route.request().postData());
+            await route.fulfill({
+                status: 200,
+                contentType: 'application/json',
+                body: JSON.stringify({ ok: true, data: { plan: { runs: [], experiment_id: "exp123" } } })
+            });
+        });
+
+        // Configure dimension
+        await page.click('#lab-add-dim');
+        await page.selectOption('.dim-node-select', { value: '20' }); // CheckpointLoader
+        await page.selectOption('.dim-widget-select', { value: 'ckpt_name' });
+
+        // Add value "v2.ckpt" via candidate
+        await page.selectOption('.dim-candidate-select', { value: 'v2.ckpt' });
+
+        // Add value "xl.ckpt" via candidate
+        await page.selectOption('.dim-candidate-select', { value: 'xl.ckpt' });
+
+        // Click Generate
+        await page.click('#lab-generate');
+
+        // Verify payload
+        expect(payload).toBeTruthy();
+        expect(payload.params).toHaveLength(1);
+        expect(payload.params[0]).toEqual({
+            node_id: 20,
+            widget_name: "ckpt_name",
+            values: ["v2.ckpt", "xl.ckpt"],
+            strategy: "grid"
+        });
+    });
+});