start-vibing 4.4.0 → 4.4.1

package/template/.claude/skills/e2e-audit/e2e/pages/dashboard-admin.page.ts

@@ -1,141 +0,0 @@
-import type { Page, Locator } from '@playwright/test'
-
-export class DashboardAdminPage {
-	readonly page: Page
-
-	// Page header
-	readonly heading: Locator
-	readonly adminBadge: Locator
-	readonly welcomeText: Locator
-
-	// Tabs
-	readonly organizationsTab: Locator
-	readonly usersTab: Locator
-	readonly systemOverviewTab: Locator
-
-	// --- Organizations Tab ---
-	readonly orgHeading: Locator
-	readonly orgRefreshButton: Locator
-	readonly orgSearchInput: Locator
-	readonly orgTable: Locator
-	readonly newOrgButton: Locator
-
-	// --- Users Tab ---
-	readonly usersHeading: Locator
-	readonly usersRefreshButton: Locator
-	readonly usersSearchInput: Locator
-	readonly usersTable: Locator
-
-	// --- System Overview Tab ---
-	readonly systemHeading: Locator
-	readonly systemErrorHeading: Locator
-	readonly systemRetryButton: Locator
-
-	// --- Organization Detail Dialog ---
-	readonly orgDetailDialog: Locator
-	readonly orgDetailOverviewTab: Locator
-	readonly orgDetailMembersTab: Locator
-	readonly orgDetailSettingsTab: Locator
-	readonly orgDetailEditButton: Locator
-	readonly orgDetailDeleteButton: Locator
-
-	// --- New Organization Dialog ---
-	readonly newOrgNameInput: Locator
-	readonly newOrgSubdomainInput: Locator
-	readonly newOrgPrevButton: Locator
-	readonly newOrgNextButton: Locator
-
-	// --- User Edit Dialog ---
-	readonly userEditNameInput: Locator
-	readonly userEditStatusCombobox: Locator
-	readonly userEditSaveButton: Locator
-
-	constructor(page: Page) {
-		this.page = page
-
-		// Page header
-		this.heading = page.getByRole('heading', { level: 1 })
-		this.adminBadge = page.getByText('Administrador').first()
-		this.welcomeText = page.getByText(/Bem-vindo/i)
-
-		// Tabs
-		this.organizationsTab = page.getByRole('tab', { name: /Organiza/i })
-		this.usersTab = page.getByRole('tab', { name: /Usu/i })
-		this.systemOverviewTab = page.getByRole('tab', { name: /Vis.*Sistema/i })
-
-		// --- Organizations Tab ---
-		this.orgHeading = page.getByRole('heading', { name: /Gerenciamento de Organiza/i })
-		this.orgRefreshButton = page.getByRole('button', { name: /Atualizar/i })
-		this.orgSearchInput = page.getByRole('textbox', { name: /buscar.*nome.*subdom/i })
-		this.orgTable = page.getByRole('table')
-		this.newOrgButton = page.getByRole('button', { name: /Nova Organiza/i })
-
-		// --- Users Tab ---
-		this.usersHeading = page.getByRole('heading', { name: /Gerenciamento de Usu/i })
-		this.usersRefreshButton = page.getByRole('button', { name: /Atualizar/i })
-		this.usersSearchInput = page.getByRole('textbox', { name: /buscar.*nome.*e-mail/i })
-		this.usersTable = page.getByRole('table')
-
-		// --- System Overview Tab ---
-		this.systemHeading = page.getByRole('heading', { name: /Vis.*Geral.*Sistema/i, level: 2 })
-		this.systemErrorHeading = page.getByRole('heading', { name: /Falha ao carregar/i })
-		this.systemRetryButton = page.getByRole('button', { name: /Tentar Novamente/i })
-
-		// --- Organization Detail Dialog ---
-		this.orgDetailDialog = page.getByRole('dialog')
-		this.orgDetailOverviewTab = page.getByRole('dialog').getByRole('tab', { name: /Vis.*Geral/i })
-		this.orgDetailMembersTab = page.getByRole('dialog').getByRole('tab', { name: /Membros/i })
-		this.orgDetailSettingsTab = page.getByRole('dialog').getByRole('tab', { name: /Configura/i })
-		this.orgDetailEditButton = page.getByRole('dialog').getByRole('button', { name: /Editar Organiza/i })
-		this.orgDetailDeleteButton = page.getByRole('dialog').getByRole('button', { name: /Excluir Organiza/i })
-
-		// --- New Organization Dialog ---
-		this.newOrgNameInput = page.getByRole('dialog').getByRole('textbox', { name: /Nome da Organiza/i })
-		this.newOrgSubdomainInput = page.getByRole('dialog').getByRole('textbox', { name: /Subdom/i })
-		this.newOrgPrevButton = page.getByRole('dialog').getByRole('button', { name: /Anterior/i })
-		this.newOrgNextButton = page.getByRole('dialog').getByRole('button', { name: /Próximo/i })
-
-		// --- User Edit Dialog ---
-		this.userEditNameInput = page.getByRole('dialog').getByRole('textbox', { name: /Nome/i })
-		this.userEditStatusCombobox = page.getByRole('dialog').getByRole('combobox').first()
-		this.userEditSaveButton = page.getByRole('dialog').getByRole('button', { name: /Salvar/i })
-	}
-
-	async goto(tab?: 'organizations' | 'users' | 'system') {
-		const url = tab ? `/dashboard/admin?tab=${tab}` : '/dashboard/admin'
-		await this.page.goto(url)
-	}
-
-	async waitForLoad() {
-		await this.heading.waitFor({ timeout: 15000 })
-	}
-
-	async switchTab(tab: 'organizations' | 'users' | 'system') {
-		const tabLocator = {
-			organizations: this.organizationsTab,
-			users: this.usersTab,
-			system: this.systemOverviewTab,
-		}[tab]
-		await tabLocator.click()
-	}
-
-	async clickOrgRow(orgName: string) {
-		await this.page.getByRole('row').filter({ hasText: orgName }).click()
-	}
-
-	async clickUserRow(userName: string) {
-		await this.page.getByRole('row').filter({ hasText: userName }).click()
-	}
-
-	async getOrgRowCount() {
-		return this.orgTable.getByRole('row').filter({ hasText: /Linha \d+/ }).count()
-	}
-
-	async getUserRowCount() {
-		return this.usersTable.getByRole('row').filter({ hasText: /Linha \d+/ }).count()
-	}
-
-	async closeDialog() {
-		await this.page.getByRole('dialog').getByRole('button', { name: /Close/i }).click()
-	}
-}

package/template/.claude/skills/e2e-audit/e2e/pages/dashboard-billing.page.ts

@@ -1,47 +0,0 @@
-import type { Page, Locator } from '@playwright/test'
-
-export class DashboardBillingPage {
-	readonly page: Page
-
-	// Page header
-	readonly heading: Locator
-	readonly description: Locator
-
-	// Subscription card
-	readonly planLogo: Locator
-	readonly planName: Locator
-	readonly planLabel: Locator
-	readonly activeUsersLabel: Locator
-	readonly statusLabel: Locator
-	readonly subscribeButton: Locator
-
-	// Footer
-	readonly stripeSecurityText: Locator
-
-	constructor(page: Page) {
-		this.page = page
-
-		// Page header
-		this.heading = page.getByRole('heading', { level: 1 })
-		this.description = page.getByText(/Gerencie sua assinatura/i)
-
-		// Subscription card
-		this.planLogo = page.locator('main img').first()
-		this.planName = page.getByText('Hakutaku Standard').first()
-		this.planLabel = page.getByText(/Plano/i).first()
-		this.activeUsersLabel = page.getByText(/Usuários ativos/i)
-		this.statusLabel = page.getByText(/Status/i).first()
-		this.subscribeButton = page.getByRole('button', { name: /Assinar agora/i })
-
-		// Footer
-		this.stripeSecurityText = page.getByText(/Pagamentos processados com segurança/i)
-	}
-
-	async goto() {
-		await this.page.goto('/dashboard/billing')
-	}
-
-	async waitForLoad() {
-		await this.heading.waitFor({ timeout: 15000 })
-	}
-}

package/template/.claude/skills/e2e-audit/e2e/pages/dashboard-chat.page.ts

@@ -1,35 +0,0 @@
-import type { Page, Locator } from '@playwright/test'
-
-export class DashboardChatPage {
-	readonly page: Page
-
-	readonly heading: Locator
-	readonly messageInput: Locator
-	readonly sendButton: Locator
-	readonly messageList: Locator
-	readonly newChatButton: Locator
-	readonly sessionList: Locator
-
-	constructor(page: Page) {
-		this.page = page
-		this.heading = page.getByRole('heading').first()
-		this.messageInput = page.getByRole('textbox').first()
-		this.sendButton = page.getByRole('button', { name: /send/i })
-		this.messageList = page.locator('[data-testid="message-list"]')
-		this.newChatButton = page.getByRole('button', { name: /new.*chat/i })
-		this.sessionList = page.locator('[data-testid="session-list"]')
-	}
-
-	async goto() {
-		await this.page.goto('/dashboard/chat')
-	}
-
-	async waitForLoad() {
-		await this.page.waitForLoadState('networkidle')
-	}
-
-	async sendMessage(text: string) {
-		await this.messageInput.fill(text)
-		await this.sendButton.click()
-	}
-}

package/template/.claude/skills/e2e-audit/e2e/pages/dashboard-home.page.ts

@@ -1,134 +0,0 @@
-import type { Page, Locator } from '@playwright/test'
-
-export class DashboardHomePage {
-	readonly page: Page
-
-	// Hero — AI Search
-	readonly logo: Locator
-	readonly heading: Locator
-	readonly subtitle: Locator
-	readonly aiAvatar: Locator
-	readonly searchInput: Locator
-	readonly askButton: Locator
-
-	// Ice Breaker Suggestions (3 dynamic buttons)
-	readonly suggestionButtons: Locator
-
-	// Profile Dropdown
-	readonly profileButton: Locator
-	readonly profileMenuName: Locator
-	readonly profileMenuEmail: Locator
-	readonly feedbackMenuItem: Locator
-	readonly logoutButton: Locator
-
-	// Feedback Dialog
-	readonly feedbackDialogTitle: Locator
-	readonly feedbackTypeCombobox: Locator
-	readonly feedbackMessageTextbox: Locator
-	readonly feedbackContactSwitch: Locator
-	readonly feedbackCancelButton: Locator
-	readonly feedbackSubmitButton: Locator
-	readonly feedbackCloseButton: Locator
-
-	// ROI Stats — My Stats
-	readonly roiSectionTitle: Locator
-	readonly myStatsTitle: Locator
-	readonly myTimeSaved: Locator
-	readonly myFilesProcessed: Locator
-	readonly myParagraphs: Locator
-
-	// ROI Stats — Team Stats (OWNER/ADMIN only)
-	readonly teamStatsTitle: Locator
-	readonly teamTimeSaved: Locator
-	readonly teamFilesProcessed: Locator
-	readonly teamParagraphs: Locator
-
-	// Organization Overview
-	readonly orgOverviewTitle: Locator
-
-	constructor(page: Page) {
-		this.page = page
-
-		// Hero — AI Search
-		this.logo = page.getByRole('img', { name: /logo hakutaku/i })
-		this.heading = page.getByRole('heading', { level: 1 })
-		this.subtitle = page.getByText(/faça qualquer pergunta|ask any question/i)
-		this.aiAvatar = page.getByRole('img', { name: /assistente de ia|ai assistant/i })
-		this.searchInput = page.getByRole('textbox', { name: /buscar nos seus documentos|search your documents/i })
-		this.askButton = page.getByRole('button', { name: /fazer pergunta|ask question/i })
-
-		// Ice Breaker Suggestions
-		this.suggestionButtons = page.getByRole('button', { name: /perguntar:/i })
-
-		// Profile Dropdown
-		this.profileButton = page.getByRole('button', { name: /bem-vindo|welcome/i })
-		this.profileMenuName = page.getByText('João Lima')
-		this.profileMenuEmail = page.getByText('joao.lima@hakutaku.ai')
-		this.feedbackMenuItem = page.getByRole('menuitem', { name: /enviar feedback|send feedback/i })
-		this.logoutButton = page.getByRole('button', { name: /sair|logout|sign out/i })
-
-		// Feedback Dialog
-		this.feedbackDialogTitle = page.getByRole('heading', { name: /enviar feedback|send feedback/i })
-		this.feedbackTypeCombobox = page.getByRole('combobox', { name: /tipo de feedback|feedback type/i })
-		this.feedbackMessageTextbox = page.getByRole('textbox', { name: /mensagem|message/i })
-		this.feedbackContactSwitch = page.getByRole('switch', { name: /permitir que nos contatem|allow us to contact/i })
-		this.feedbackCancelButton = page.getByRole('button', { name: /cancelar|cancel/i })
-		this.feedbackSubmitButton = page.getByRole('button', { name: /enviar feedback|send feedback/i }).last()
-		this.feedbackCloseButton = page.getByRole('button', { name: /close/i })
-
-		// ROI Stats — My Stats
-		this.roiSectionTitle = page.getByRole('heading', { name: /seu impacto este mês|your impact this month/i })
-		this.myStatsTitle = page.getByRole('heading', { name: /suas estatísticas|your statistics/i })
-		this.myTimeSaved = page.getByText(/tempo economizado|time saved/i).first()
-		this.myFilesProcessed = page.getByText(/arquivos processados|files processed/i).first()
-		this.myParagraphs = page.getByText(/parágrafos|paragraphs/i).first()
-
-		// ROI Stats — Team Stats
-		this.teamStatsTitle = page.getByRole('heading', { name: /estatísticas da equipe|team statistics/i })
-		this.teamTimeSaved = page.getByText(/tempo economizado|time saved/i).last()
-		this.teamFilesProcessed = page.getByText(/arquivos processados|files processed/i).last()
-		this.teamParagraphs = page.getByText(/parágrafos|paragraphs/i).last()
-
-		// Organization Overview
-		this.orgOverviewTitle = page.getByText(/visão geral da organização|organization overview/i)
-	}
-
-	async goto() {
-		await this.page.goto('/dashboard/home')
-	}
-
-	async waitForLoad() {
-		await this.heading.waitFor({ timeout: 15000 })
-	}
-
-	async typeSearch(query: string) {
-		await this.searchInput.fill(query)
-	}
-
-	async submitSearch(query: string) {
-		await this.searchInput.fill(query)
-		await this.askButton.click()
-	}
-
-	async clickSuggestion(index: number) {
-		const buttons = await this.suggestionButtons.all()
-		if (buttons[index]) {
-			await buttons[index].click()
-		}
-	}
-
-	async openProfileDropdown() {
-		await this.profileButton.click()
-	}
-
-	async openFeedbackDialog() {
-		await this.openProfileDropdown()
-		await this.feedbackMenuItem.click()
-	}
-
-	async fillFeedback(type: string, message: string) {
-		await this.feedbackTypeCombobox.click()
-		await this.page.getByRole('option', { name: type }).click()
-		await this.feedbackMessageTextbox.fill(message)
-	}
-}

package/template/.claude/skills/e2e-audit/e2e/pages/dashboard-integrations.page.ts

@@ -1,334 +0,0 @@
-import type { Page, Locator } from '@playwright/test'
-
-export class DashboardIntegrationsPage {
-	readonly page: Page
-
-	// Page Header
-	readonly heading: Locator
-	readonly subheading: Locator
-
-	// Header Card
-	readonly headerCardTitle: Locator
-	readonly usageMeter: Locator
-	readonly addIntegrationButton: Locator
-
-	// Search & Filters
-	readonly searchInput: Locator
-	readonly refreshButton: Locator
-	readonly statusFilter: Locator
-	readonly typeFilter: Locator
-	readonly clearFiltersButton: Locator
-
-	// Integration Cards
-	readonly integrationCards: Locator
-
-	// Card Action Buttons (first card)
-	readonly firstCardPauseButton: Locator
-	readonly firstCardResumeButton: Locator
-	readonly firstCardDeleteButton: Locator
-
-	// Delete Confirmation Dialog
-	readonly deleteDialogHeading: Locator
-	readonly deleteDialogConfirmButton: Locator
-	readonly deleteDialogCancelButton: Locator
-
-	// Empty State
-	readonly emptyStateHeading: Locator
-	readonly emptyStateText: Locator
-	readonly emptyStateClearButton: Locator
-
-	// Pagination
-	readonly paginationText: Locator
-
-	constructor(page: Page) {
-		this.page = page
-
-		// Page Header
-		this.heading = page.getByRole('heading', { level: 1, name: /integrações|integrations/i })
-		this.subheading = page.getByText(/conecte e gerencie serviços externos|connect and manage external/i)
-
-		// Header Card
-		this.headerCardTitle = page.getByRole('heading', { level: 2, name: /integrações|integrations/i })
-		this.usageMeter = page.getByText(/uso de integrações|integration usage/i)
-		this.addIntegrationButton = page.getByRole('button', { name: /adicionar integração|add integration/i })
-
-		// Search & Filters
-		this.searchInput = page.getByRole('textbox', { name: /buscar integrações|search integrations/i })
-		this.refreshButton = page.getByRole('button', { name: /atualizar|refresh/i })
-		this.statusFilter = page.getByRole('combobox').first()
-		this.typeFilter = page.getByRole('combobox').nth(1)
-		this.clearFiltersButton = page.getByRole('button', { name: /limpar filtros|clear filters/i })
-
-		// Integration Cards
-		this.integrationCards = page.getByRole('heading', { level: 3 }).locator('visible=true')
-
-		// Card Action Buttons
-		this.firstCardPauseButton = page.getByRole('button', { name: /pausar sync/i }).first()
-		this.firstCardResumeButton = page.getByRole('button', { name: /retomar sync/i }).first()
-		this.firstCardDeleteButton = page.getByRole('button', { name: /excluir|delete/i }).first()
-
-		// Delete Confirmation Dialog
-		this.deleteDialogHeading = page.getByRole('heading', { name: /excluir integração|delete integration/i })
-		this.deleteDialogConfirmButton = page.getByRole('alertdialog').getByRole('button', { name: /excluir|delete/i })
-		this.deleteDialogCancelButton = page.getByRole('alertdialog').getByRole('button', { name: /cancelar|cancel/i })
-
-		// Empty State
-		this.emptyStateHeading = page.getByRole('heading', { level: 3, name: /nenhuma integração encontrada|no integration found/i })
-		this.emptyStateText = page.getByText(/tente ajustar sua busca|try adjusting your search/i)
-		this.emptyStateClearButton = page.getByRole('button', { name: /limpar filtros|clear filters/i })
-
-		// Pagination
-		this.paginationText = page.getByText(/exibindo \d+ - \d+ de \d+|showing \d+ - \d+ of \d+/i)
-	}
-
-	async goto() {
-		await this.page.goto('/dashboard/integrations')
-	}
-
-	async waitForLoad() {
-		await this.heading.waitFor({ timeout: 15000 })
-	}
-
-	async search(query: string) {
-		await this.searchInput.fill(query)
-		await this.page.waitForTimeout(500)
-	}
-
-	async clearSearch() {
-		await this.searchInput.clear()
-		await this.page.waitForTimeout(500)
-	}
-
-	async selectStatusFilter(option: string) {
-		await this.statusFilter.click()
-		await this.page.getByRole('option', { name: option }).click()
-		await this.page.waitForTimeout(500)
-	}
-
-	async selectTypeFilter(option: string) {
-		await this.typeFilter.click()
-		await this.page.getByRole('option', { name: option }).click()
-		await this.page.waitForTimeout(500)
-	}
-
-	async clearFilters() {
-		await this.clearFiltersButton.click()
-		await this.page.waitForTimeout(500)
-	}
-
-	async getCardCount(): Promise<number> {
-		return this.integrationCards.count()
-	}
-
-	async clickAddIntegration() {
-		await this.addIntegrationButton.click()
-	}
-
-	async clickIntegrationCard(name: string) {
-		await this.page.getByRole('heading', { level: 3, name }).click()
-	}
-
-	async pauseFirstCard() {
-		await this.firstCardPauseButton.click()
-		await this.page.waitForTimeout(500)
-	}
-
-	async resumeFirstCard() {
-		await this.firstCardResumeButton.click()
-		await this.page.waitForTimeout(500)
-	}
-
-	async deleteFirstCard() {
-		await this.firstCardDeleteButton.click()
-	}
-
-	async confirmDelete() {
-		await this.deleteDialogConfirmButton.click()
-		await this.page.waitForTimeout(1000)
-	}
-
-	async getCardStatus(cardIndex: number): Promise<string | null> {
-		const cards = this.page.locator('[class*="card"], [class*="Card"]')
-		const statusBadge = cards.nth(cardIndex).getByText(/connected|paused|error|disconnected/i)
-		return statusBadge.textContent()
-	}
-}
-
-export class CreateIntegrationPage {
-	readonly page: Page
-
-	// Navigation
-	readonly backButton: Locator
-
-	// Page Header
-	readonly heading: Locator
-
-	// Wizard Steps
-	readonly stepButtons: Locator
-
-	// Integration Limit Card
-	readonly limitHeading: Locator
-	readonly limitProgress: Locator
-
-	// Step 1: Type Selection
-	readonly typeSelectionHeading: Locator
-	readonly uploadButton: Locator
-	readonly googleDriveButton: Locator
-	readonly oneDriveButton: Locator
-	readonly googleMeetButton: Locator
-	readonly notionButton: Locator
-	readonly slackButton: Locator
-	readonly githubButton: Locator
-
-	// Wizard Footer
-	readonly cancelButton: Locator
-	readonly previousButton: Locator
-	readonly nextButton: Locator
-	readonly stepIndicator: Locator
-
-	constructor(page: Page) {
-		this.page = page
-
-		// Navigation
-		this.backButton = page.getByRole('link', { name: /voltar para integrações|back to integrations/i })
-
-		// Page Header
-		this.heading = page.getByRole('heading', { level: 1, name: /criar nova integração|create new integration/i })
-
-		// Wizard Steps
-		this.stepButtons = page.getByRole('button', { name: /^[1-5]$/ })
-
-		// Limit Card
-		this.limitHeading = page.getByRole('heading', { level: 3, name: /limite de integrações|integration limit/i })
-		this.limitProgress = page.getByRole('progressbar')
-
-		// Step 1: Type Selection
-		this.typeSelectionHeading = page.getByRole('heading', { level: 2, name: /escolha o tipo|choose the type/i })
-		this.uploadButton = page.getByRole('button', { name: /upload de arquivos|file upload/i })
-		this.googleDriveButton = page.getByRole('button', { name: /google drive/i })
-		this.oneDriveButton = page.getByRole('button', { name: /onedrive|sharepoint/i })
-		this.googleMeetButton = page.getByRole('button', { name: /google meet/i })
-		this.notionButton = page.getByRole('button', { name: /notion/i })
-		this.slackButton = page.getByRole('button', { name: /slack/i })
-		this.githubButton = page.getByRole('button', { name: /github/i })
-
-		// Wizard Footer
-		this.cancelButton = page.getByRole('button', { name: /cancelar|cancel/i })
-		this.previousButton = page.getByRole('button', { name: /anterior|previous/i })
-		this.nextButton = page.getByRole('button', { name: /próximo|next/i })
-		this.stepIndicator = page.getByText(/etapa \d+ de \d+|step \d+ of \d+/i)
-	}
-
-	async goto() {
-		await this.page.goto('/dashboard/integrations/new')
-	}
-
-	async waitForLoad() {
-		await this.heading.waitFor({ timeout: 15000 })
-	}
-
-	async selectType(type: 'upload' | 'google-drive' | 'onedrive' | 'notion' | 'slack' | 'github') {
-		const buttonMap = {
-			'upload': this.uploadButton,
-			'google-drive': this.googleDriveButton,
-			'onedrive': this.oneDriveButton,
-			'notion': this.notionButton,
-			'slack': this.slackButton,
-			'github': this.githubButton,
-		}
-		await buttonMap[type].click()
-	}
-
-	async clickNext() {
-		await this.nextButton.click()
-	}
-
-	async clickPrevious() {
-		await this.previousButton.click()
-	}
-
-	async clickCancel() {
-		await this.cancelButton.click()
-	}
-}
-
-export class IntegrationDetailPage {
-	readonly page: Page
-
-	// Header
-	readonly integrationName: Locator
-	readonly editNameButton: Locator
-	readonly backButton: Locator
-
-	// Action Buttons
-	readonly syncNowButton: Locator
-	readonly forceSyncButton: Locator
-	readonly pauseButton: Locator
-	readonly resumeButton: Locator
-	readonly configureButton: Locator
-	readonly deleteButton: Locator
-
-	// Stats
-	readonly statusBadge: Locator
-
-	// Settings Tab
-	readonly departmentCombobox: Locator
-	readonly teamCombobox: Locator
-	readonly newDepartmentButton: Locator
-	readonly newTeamButton: Locator
-	readonly saveConfigButton: Locator
-
-	// Tabs
-	readonly filesTab: Locator
-	readonly historyTab: Locator
-	readonly settingsTab: Locator
-
-	constructor(page: Page) {
-		this.page = page
-
-		// Header
-		this.integrationName = page.getByRole('heading', { level: 1 })
-		this.editNameButton = page.getByRole('button', { name: /editar nome|edit name/i })
-		this.backButton = page.getByRole('button', { name: /voltar para integrações|back to integrations/i })
-
-		// Action Buttons
-		this.syncNowButton = page.getByRole('button', { name: /sincronizar agora|sync now/i })
-		this.forceSyncButton = page.getByRole('button', { name: /forçar sync|force sync/i })
-		this.pauseButton = page.getByRole('button', { name: /^pausar$|^pause$/i })
-		this.resumeButton = page.getByRole('button', { name: /retomar|resume/i })
-		this.configureButton = page.getByRole('button', { name: /configurar|configure/i })
-		this.deleteButton = page.getByRole('button', { name: /excluir|delete/i })
-
-		// Stats
-		this.statusBadge = page.getByText(/connected|paused|disconnected|error/i).first()
-
-		// Settings Tab
-		this.departmentCombobox = page.getByRole('combobox', { name: /departamentos|departments/i })
-		this.teamCombobox = page.getByRole('combobox', { name: /equipes|teams/i })
-		this.newDepartmentButton = page.getByRole('button', { name: /^novo$|^new$/i })
-		this.newTeamButton = page.getByRole('button', { name: /^nova$|^new$/i })
-		this.saveConfigButton = page.getByRole('button', { name: /salvar configuração|save configuration/i })
-
-		// Tabs
-		this.filesTab = page.getByRole('tab', { name: /arquivos|files/i })
-		this.historyTab = page.getByRole('tab', { name: /histórico|history/i })
-		this.settingsTab = page.getByRole('tab', { name: /configurações|settings/i })
-	}
-
-	async goto(id: string) {
-		await this.page.goto(`/dashboard/integrations/${id}`)
-	}
-
-	async waitForLoad() {
-		await this.integrationName.waitFor({ timeout: 15000 })
-	}
-
-	async clickTab(tab: 'files' | 'history' | 'settings') {
-		const tabMap = {
-			files: this.filesTab,
-			history: this.historyTab,
-			settings: this.settingsTab,
-		}
-		await tabMap[tab].click()
-	}
-}