@iblai/iblai-js 1.20.13 → 1.20.15

package/dist/playwright/index.d.ts

@@ -1470,12 +1470,16 @@ declare const TASKS_LABELS: {
         readonly startTimeInPast: "Start time must be in the future.";
     };
     readonly deleteDialog: {
+        /** `aria-label` on the dialog's `DialogContent` — scopes in-dialog locators. */
+        readonly dialogName: "delete-task";
         readonly title: "Delete Task";
         readonly delete: "Delete Task";
         readonly deleting: "Deleting...";
         readonly cancel: "Cancel";
     };
     readonly logDetails: {
+        /** `aria-label` on the dialog's `DialogContent` — scopes in-dialog locators. */
+        readonly dialogName: "log-details";
         readonly title: "Log Details";
         readonly status: "Status";
         readonly createdAt: "Created";

package/dist/playwright/index.esm.js

@@ -1840,20 +1840,23 @@ async function openNewInstanceDialog(page) {
  * @param gatewayToken - Optional auth token
  */
 async function createInstance(page, { name, serverUrl, clawType = 'openclaw', gatewayToken, }) {
-    await openNewInstanceDialog(page);
-    await page.getByLabel('Name').fill(name);
-    await page.getByLabel('Server URL').fill(serverUrl);
+    // Scope in-dialog queries to the dialog: "Name" also labels the mentor-name
+    // field on the edit-mentor modal behind it, and "Create" is a generic name.
+    const dialog = await openNewInstanceDialog(page);
+    await dialog.getByLabel('Name').fill(name);
+    await dialog.getByLabel('Server URL').fill(serverUrl);
     if (clawType !== 'openclaw') {
-        const typeSelect = page.getByLabel('Type');
+        const typeSelect = dialog.getByLabel('Type');
         await typeSelect.click();
+        // Radix renders the option list in a portal outside the dialog subtree.
         const option = page.getByRole('option', { name: new RegExp(clawType, 'i') });
         await expect(option).toBeVisible({ timeout: 5000 });
         await option.click();
     }
     if (gatewayToken) {
-        await page.getByLabel('Gateway Token').fill(gatewayToken);
+        await dialog.getByLabel('Gateway Token').fill(gatewayToken);
     }
-    const createButton = page.getByRole('button', { name: /^Create$/i });
+    const createButton = dialog.getByRole('button', { name: /^Create$/i });
     await expect(createButton).toBeEnabled({ timeout: 5000 });
     await createButton.click();
     await expect(page.getByText('Instance created', { exact: false })).toBeVisible({
@@ -1892,23 +1895,25 @@ async function openEditInstanceDialog(page, instanceName) {
  * @param updates - Fields to update
  */
 async function editInstance(page, instanceName, updates) {
-    await openEditInstanceDialog(page, instanceName);
+    // Scope in-dialog queries to the dialog (see createInstance).
+    const dialog = await openEditInstanceDialog(page, instanceName);
     if (updates.name !== undefined) {
-        const nameInput = page.getByLabel('Name');
+        const nameInput = dialog.getByLabel('Name');
         await nameInput.fill(updates.name);
     }
     if (updates.serverUrl !== undefined) {
-        const urlInput = page.getByLabel('Server URL');
+        const urlInput = dialog.getByLabel('Server URL');
         await urlInput.fill(updates.serverUrl);
     }
     if (updates.clawType !== undefined) {
-        const typeSelect = page.getByLabel('Type');
+        const typeSelect = dialog.getByLabel('Type');
         await typeSelect.click();
+        // Radix renders the option list in a portal outside the dialog subtree.
         const option = page.getByRole('option', { name: new RegExp(updates.clawType, 'i') });
         await expect(option).toBeVisible({ timeout: 5000 });
         await option.click();
     }
-    const saveButton = page.getByRole('button', { name: /^Save$/i });
+    const saveButton = dialog.getByRole('button', { name: /^Save$/i });
     await expect(saveButton).toBeEnabled({ timeout: 5000 });
     await saveButton.click();
     await expect(page.getByText('Instance updated', { exact: false })).toBeVisible({
@@ -2137,9 +2142,10 @@ async function openLLMProviderPicker(page) {
  * @param modelName - The model name (e.g. 'claude-sonnet-4-5-20250929')
  */
 async function selectLLMModel(page, providerName, modelName) {
-    await openLLMProviderPicker(page);
-    // Click the provider card
-    const providerCard = page.getByRole('dialog').getByText(new RegExp(`^${providerName}$`, 'i'));
+    const providerDialog = await openLLMProviderPicker(page);
+    // Click the provider card, scoped to the picker dialog (bare
+    // page.getByRole('dialog') also matches the edit-mentor modal behind it).
+    const providerCard = providerDialog.getByText(new RegExp(`^${providerName}$`, 'i'));
     await expect(providerCard).toBeVisible({ timeout: 10000 });
     await providerCard.click();
     // Model selection modal ("LLM Selection")
@@ -2217,10 +2223,12 @@ async function openAgentPromptEditModal(page, field) {
  * Edit an agent prompt field (opens the modal, types content, saves).
  */
 async function editAgentPrompt(page, field, content) {
-    await openAgentPromptEditModal(page, field);
+    // Scope to the dialog so the contenteditable/textarea `.first()` and the
+    // generic "Save" button don't match elements on the modal behind it.
+    const dialog = await openAgentPromptEditModal(page, field);
     // The RichTextEditor renders into a contenteditable element; fall back to textarea if simpler.
-    const editorRegion = page.locator('[contenteditable="true"]').first();
-    const textarea = page.locator('textarea').first();
+    const editorRegion = dialog.locator('[contenteditable="true"]').first();
+    const textarea = dialog.locator('textarea').first();
     const hasEditor = await editorRegion.isVisible().catch(() => false);
     if (hasEditor) {
         await editorRegion.click();
@@ -2231,7 +2239,7 @@ async function editAgentPrompt(page, field, content) {
     else {
         await textarea.fill(content);
     }
-    const saveButton = page.getByRole('button', { name: /^Save$/i });
+    const saveButton = dialog.getByRole('button', { name: /^Save$/i });
     await expect(saveButton).toBeEnabled({ timeout: 5000 });
     await saveButton.click();
     await expect(page.getByText(`${field} updated successfully`, { exact: false })).toBeVisible({
@@ -2362,10 +2370,15 @@ async function openNewSkillDialog(page) {
 /**
  * Type content into the RichTextEditor Instruction field.
  * The editor renders as a contenteditable element.
+ *
+ * `dialog` scopes the lookups to the open skill modal so the
+ * contenteditable `.first()` and the "Instruction" label don't match
+ * elements on the modal behind it. The keyboard is page-global.
  */
-async function fillInstructionEditor(page, content) {
+async function fillInstructionEditor(dialog, content) {
+    const page = dialog.page();
     // RichTextEditor uses a contenteditable region
-    const editor = page.locator('[contenteditable="true"]').first();
+    const editor = dialog.locator('[contenteditable="true"]').first();
     const hasEditor = await editor.isVisible().catch(() => false);
     if (hasEditor) {
         await editor.click();
@@ -2377,34 +2390,35 @@ async function fillInstructionEditor(page, content) {
         return;
     }
     // Fallback: a plain labelled input/textarea named "Instruction"
-    const textarea = page.getByLabel('Instruction');
+    const textarea = dialog.getByLabel('Instruction');
     await textarea.fill(content);
 }
 /**
  * Fill the skill form fields (name, slug, description, version, instruction).
- * The form is used by both the New and Edit dialogs.
+ * The form is used by both the New and Edit dialogs. `dialog` scopes every
+ * field query to the open modal (see fillInstructionEditor).
  * The Instruction field is a rich-text (markdown) editor.
  */
-async function fillSkillForm(page, values) {
-    await page.getByLabel('Name').fill(values.name);
-    await page.getByLabel('Slug').fill(values.slug);
+async function fillSkillForm(dialog, values) {
+    await dialog.getByLabel('Name').fill(values.name);
+    await dialog.getByLabel('Slug').fill(values.slug);
     if (values.version !== undefined) {
-        await page.getByLabel('Version').fill(values.version);
+        await dialog.getByLabel('Version').fill(values.version);
     }
     if (values.description !== undefined) {
-        await page.getByLabel('Description').fill(values.description);
+        await dialog.getByLabel('Description').fill(values.description);
     }
     if (values.instruction !== undefined) {
-        await fillInstructionEditor(page, values.instruction);
+        await fillInstructionEditor(dialog, values.instruction);
     }
 }
 /**
  * Create a new platform-level skill via the Skills tab.
  */
 async function createSkill(page, values) {
-    await openNewSkillDialog(page);
-    await fillSkillForm(page, values);
-    const createButton = page.getByRole('button', { name: /^Create$/i });
+    const dialog = await openNewSkillDialog(page);
+    await fillSkillForm(dialog, values);
+    const createButton = dialog.getByRole('button', { name: /^Create$/i });
     await expect(createButton).toBeEnabled({ timeout: 5000 });
     await createButton.click();
     await expect(page.getByText('Skill created', { exact: false })).toBeVisible({
@@ -2442,23 +2456,23 @@ async function openEditSkillDialog(page, skillName) {
  * @param updates - Fields to update on the skill
  */
 async function editSkill(page, skillName, updates) {
-    await openEditSkillDialog(page, skillName);
+    const dialog = await openEditSkillDialog(page, skillName);
     if (updates.name !== undefined) {
-        await page.getByLabel('Name').fill(updates.name);
+        await dialog.getByLabel('Name').fill(updates.name);
     }
     if (updates.slug !== undefined) {
-        await page.getByLabel('Slug').fill(updates.slug);
+        await dialog.getByLabel('Slug').fill(updates.slug);
     }
     if (updates.version !== undefined) {
-        await page.getByLabel('Version').fill(updates.version);
+        await dialog.getByLabel('Version').fill(updates.version);
     }
     if (updates.description !== undefined) {
-        await page.getByLabel('Description').fill(updates.description);
+        await dialog.getByLabel('Description').fill(updates.description);
     }
     if (updates.instruction !== undefined) {
-        await fillInstructionEditor(page, updates.instruction);
+        await fillInstructionEditor(dialog, updates.instruction);
     }
-    const saveButton = page.getByRole('button', { name: /^Save$/i });
+    const saveButton = dialog.getByRole('button', { name: /^Save$/i });
     await expect(saveButton).toBeEnabled({ timeout: 5000 });
     await saveButton.click();
     await expect(page.getByText('Skill updated', { exact: false })).toBeVisible({
@@ -4285,12 +4299,16 @@ const TASKS_LABELS = {
         startTimeInPast: 'Start time must be in the future.',
     },
     deleteDialog: {
+        /** `aria-label` on the dialog's `DialogContent` — scopes in-dialog locators. */
+        dialogName: 'delete-task',
         title: 'Delete Task',
         delete: 'Delete Task',
         deleting: 'Deleting...',
         cancel: 'Cancel',
     },
     logDetails: {
+        /** `aria-label` on the dialog's `DialogContent` — scopes in-dialog locators. */
+        dialogName: 'log-details',
         title: 'Log Details',
         status: 'Status',
         createdAt: 'Created',
@@ -4473,6 +4491,9 @@ async function expectScheduleStartTimeInPastError(scope) {
     });
 }
 // ── Delete flow ────────────────────────────────────────────────────────
+function getDeleteTaskDialog(scope) {
+    return asPage(scope).locator(`[role="dialog"][aria-label="${TASKS_LABELS.deleteDialog.dialogName}"]`);
+}
 /**
  * Click the trash icon on a task row and confirm the delete in the
  * follow-up dialog.
@@ -4480,17 +4501,20 @@ async function expectScheduleStartTimeInPastError(scope) {
 async function deleteTask(scope, taskName) {
     const row = getTaskRow(scope, taskName);
     await row.getByRole('button', { name: TASKS_LABELS.list.deleteTask }).click();
-    const page = asPage(scope);
-    const confirm = page.getByRole('button', { name: TASKS_LABELS.deleteDialog.delete });
+    // Scope to the dialog: the confirm button's "Delete Task" name collides
+    // (case-insensitively) with the row trash buttons' "Delete task" label.
+    const dialog = getDeleteTaskDialog(scope);
+    const confirm = dialog.getByRole('button', { name: TASKS_LABELS.deleteDialog.delete });
     await expect(confirm).toBeVisible({ timeout: 5000 });
     await confirm.click();
     // Wait for the dialog to close.
-    await expect(page.getByRole('heading', { name: TASKS_LABELS.deleteDialog.title })).toBeHidden({
-        timeout: 10000,
-    });
+    await expect(dialog).toBeHidden({ timeout: 10000 });
     logger.info(`Deleted task: ${taskName}`);
 }
 // ── Logs panel + log details ───────────────────────────────────────────
+function getLogDetailsDialog(scope) {
+    return asPage(scope).locator(`[role="dialog"][aria-label="${TASKS_LABELS.logDetails.dialogName}"]`);
+}
 /**
  * Wait for the logs panel to finish loading and assert that the selected
  * task name is shown in the header.
@@ -4516,14 +4540,13 @@ async function openFirstLogDetails(scope) {
     // first interactive child.
     const panel = scope.getByText(TASKS_LABELS.logs.title, { exact: true }).locator('xpath=../..');
     await panel.getByRole('button').first().click();
-    const page = asPage(scope);
-    await expect(page.getByRole('heading', { name: TASKS_LABELS.logDetails.title })).toBeVisible({
-        timeout: 10000,
-    });
+    await expect(getLogDetailsDialog(scope)).toBeVisible({ timeout: 10000 });
 }
 async function expectLogDetailsStatus(scope, status) {
-    const page = asPage(scope);
-    await expect(page.getByText(status, { exact: true })).toBeVisible({ timeout: 5000 });
+    // Scope to the dialog so the status text isn't matched on a task row.
+    await expect(getLogDetailsDialog(scope).getByText(status, { exact: true })).toBeVisible({
+        timeout: 5000,
+    });
 }
 
 /** Extract browser key from device name (e.g., 'Desktop Chrome' -> 'chrome') */