start-vibing 4.3.4 → 4.4.0

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

@@ -0,0 +1,134 @@
+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

@@ -0,0 +1,334 @@
+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()
+	}
+}

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

@@ -0,0 +1,30 @@
+import type { Page, Locator } from '@playwright/test'
+
+export class DashboardKnowledgePage {
+	readonly page: Page
+
+	readonly heading: Locator
+	readonly searchInput: Locator
+	readonly fileList: Locator
+	readonly emptyState: Locator
+
+	constructor(page: Page) {
+		this.page = page
+		this.heading = page.getByRole('heading').first()
+		this.searchInput = page.getByPlaceholder(/search/i)
+		this.fileList = page.locator('table, [role="grid"]').first()
+		this.emptyState = page.getByText(/no files|no knowledge|empty/i)
+	}
+
+	async goto() {
+		await this.page.goto('/dashboard/knowledge')
+	}
+
+	async waitForLoad() {
+		await this.page.waitForLoadState('networkidle')
+	}
+
+	async search(query: string) {
+		await this.searchInput.fill(query)
+	}
+}

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

@@ -0,0 +1,71 @@
+import type { Page, Locator } from '@playwright/test'
+
+export class DashboardOntologyPage {
+	readonly page: Page
+
+	// Page header
+	readonly heading: Locator
+	readonly description: Locator
+
+	// Stats cards
+	readonly entitiesStat: Locator
+	readonly factsStat: Locator
+	readonly episodesStat: Locator
+	readonly entityTypesStat: Locator
+
+	// Tabs
+	readonly graphTab: Locator
+	readonly entitiesTab: Locator
+	readonly factsTab: Locator
+	readonly timelineTab: Locator
+	readonly searchTab: Locator
+
+	// Tab content
+	readonly graphEmptyState: Locator
+	readonly searchInput: Locator
+
+	constructor(page: Page) {
+		this.page = page
+
+		// Page header
+		this.heading = page.getByRole('heading', { level: 1 })
+		this.description = page.getByText(/Explore entidades/i)
+
+		// Stats cards
+		this.entitiesStat = page.getByText(/Entidades/i).first()
+		this.factsStat = page.getByText(/Fatos/i).first()
+		this.episodesStat = page.getByText(/Episódios/i)
+		this.entityTypesStat = page.getByText(/Tipos de Entidade/i)
+
+		// Tabs
+		this.graphTab = page.getByRole('tab', { name: /Grafo/i })
+		this.entitiesTab = page.getByRole('tab', { name: /Entidades/i })
+		this.factsTab = page.getByRole('tab', { name: /Fatos/i })
+		this.timelineTab = page.getByRole('tab', { name: /Linha do Tempo/i })
+		this.searchTab = page.getByRole('tab', { name: /Busca/i })
+
+		// Tab content
+		this.graphEmptyState = page.getByText(/No data yet/i)
+		this.searchInput = page.getByRole('textbox', { name: /Search the knowledge graph/i })
+	}
+
+	async goto(tab?: 'graph' | 'entities' | 'facts' | 'timeline' | 'search') {
+		const url = tab ? `/dashboard/ontology?tab=${tab}` : '/dashboard/ontology'
+		await this.page.goto(url)
+	}
+
+	async waitForLoad() {
+		await this.heading.waitFor({ timeout: 15000 })
+	}
+
+	async switchTab(tab: 'graph' | 'entities' | 'facts' | 'timeline' | 'search') {
+		const tabLocator = {
+			graph: this.graphTab,
+			entities: this.entitiesTab,
+			facts: this.factsTab,
+			timeline: this.timelineTab,
+			search: this.searchTab,
+		}[tab]
+		await tabLocator.click()
+	}
+}

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

@@ -0,0 +1,38 @@
+import type { Page, Locator } from '@playwright/test'
+
+export class DashboardProfilePage {
+	readonly page: Page
+
+	readonly heading: Locator
+	readonly avatar: Locator
+	readonly displayName: Locator
+	readonly displayEmail: Locator
+
+	// Account Info Card
+	readonly accountCardTitle: Locator
+	readonly nameInput: Locator
+	readonly emailInput: Locator
+	readonly userIdInput: Locator
+
+	constructor(page: Page) {
+		this.page = page
+		this.heading = page.getByRole('heading', { level: 1 })
+		this.avatar = page.getByRole('img', { name: /joão lima/i })
+		this.displayName = page.getByText('João Lima').first()
+		this.displayEmail = page.getByText('joao.lima@hakutaku.ai').first()
+
+		// Account Info Card
+		this.accountCardTitle = page.getByText(/informações da conta|account info/i)
+		this.nameInput = page.getByRole('textbox', { name: /nome completo|full name/i })
+		this.emailInput = page.getByRole('textbox', { name: /endereço de e-mail|email address/i })
+		this.userIdInput = page.getByRole('textbox', { name: /id do usuário|user id/i })
+	}
+
+	async goto() {
+		await this.page.goto('/dashboard/profile')
+	}
+
+	async waitForLoad() {
+		await this.heading.waitFor({ timeout: 15000 })
+	}
+}