const { test, expect } = require('@playwright/test');
const { login, localized } = require('./helpers');

test('agents page shows demo cards and edit drawer opens', async ({ page }) => {
  await login(page);
  await page.goto('/agents');
  await expect(page.locator('.page-heading')).toHaveText(localized('Agents', 'Агенты'));
  await expect(page.locator('.agents-info-callout')).toContainText(localized('static agent keys', 'статические ключи агента'));
  await expect(page.locator('.agent-card-date').first()).toContainText(
    localized('API Keys page', 'API Keys')
  );
  await page.getByRole('button', { name: localized('New agent', 'Новый агент') }).click();
  await expect(page.locator('.drawer-title')).toHaveText(localized('New agent', 'Новый агент'));
  await expect(page.locator('.drawer-subtitle')).toContainText(localized('static agent-key boundary', 'статических ключах агента'));
  await expect(page.locator('.form-hint')).toContainText(localized('Keep the slug stable', 'Сохраняйте slug стабильным'));
  await expect(page.locator('.drawer')).toContainText(/mcp/i);
});