agregar IDs jerarquicos a componentes + regla #6 en AGENTS.md

This commit is contained in:
2026-05-27 20:51:24 -05:00
parent 1e3ed6ac02
commit 66b3e24fec
6 changed files with 16 additions and 13 deletions
+8 -8
View File
@@ -66,8 +66,8 @@ const statusLabel = (status: unknown) => {
</div>
<!-- Stats -->
<div class="grid gap-3 @xl:grid-cols-2 @3xl:grid-cols-4">
<Card class="bg-gradient-to-t from-primary/5 to-card shadow-xs dark:bg-card">
<div id="dashboard-stats" class="grid gap-3 @xl:grid-cols-2 @3xl:grid-cols-4">
<Card id="dashboard-stats-epics" class="bg-gradient-to-t from-primary/5 to-card shadow-xs dark:bg-card">
<CardHeader class="flex flex-row items-center justify-between space-y-0 pb-2">
<CardTitle class="text-sm font-medium">{{ t('dashboard.epics') }}</CardTitle>
<Layers class="size-4 text-muted-foreground" />
@@ -78,7 +78,7 @@ const statusLabel = (status: unknown) => {
</CardContent>
</Card>
<Card class="bg-gradient-to-t from-primary/5 to-card shadow-xs dark:bg-card">
<Card id="dashboard-stats-hus" class="bg-gradient-to-t from-primary/5 to-card shadow-xs dark:bg-card">
<CardHeader class="flex flex-row items-center justify-between space-y-0 pb-2">
<CardTitle class="text-sm font-medium">{{ t('dashboard.hus') }}</CardTitle>
<FileText class="size-4 text-muted-foreground" />
@@ -89,7 +89,7 @@ const statusLabel = (status: unknown) => {
</CardContent>
</Card>
<Card class="bg-gradient-to-t from-primary/5 to-card shadow-xs dark:bg-card">
<Card id="dashboard-stats-inprogress" class="bg-gradient-to-t from-primary/5 to-card shadow-xs dark:bg-card">
<CardHeader class="flex flex-row items-center justify-between space-y-0 pb-2">
<CardTitle class="text-sm font-medium">{{ t('dashboard.inProgress') }}</CardTitle>
<Activity class="size-4 text-muted-foreground" />
@@ -100,7 +100,7 @@ const statusLabel = (status: unknown) => {
</CardContent>
</Card>
<Card class="bg-gradient-to-t from-primary/5 to-card shadow-xs dark:bg-card">
<Card id="dashboard-stats-sessions" class="bg-gradient-to-t from-primary/5 to-card shadow-xs dark:bg-card">
<CardHeader class="flex flex-row items-center justify-between space-y-0 pb-2">
<CardTitle class="text-sm font-medium">{{ t('dashboard.sessions') }}</CardTitle>
<Clock class="size-4 text-muted-foreground" />
@@ -113,7 +113,7 @@ const statusLabel = (status: unknown) => {
</div>
<!-- Description -->
<Card>
<Card id="dashboard-description">
<CardHeader class="pb-2">
<CardTitle class="text-sm font-medium">{{ t('dashboard.description') }}</CardTitle>
</CardHeader>
@@ -140,7 +140,7 @@ const statusLabel = (status: unknown) => {
<!-- Epics -->
<template v-else-if="workItems.epics.length > 0">
<div>
<h3 class="text-sm font-semibold text-muted-foreground uppercase tracking-wider mb-3">
<h3 id="dashboard-epics-heading" class="text-sm font-semibold text-muted-foreground uppercase tracking-wider mb-3">
{{ t('dashboard.epicsCount', { count: workItems.totalEpics }) }}
</h3>
<div class="space-y-2">
@@ -173,7 +173,7 @@ const statusLabel = (status: unknown) => {
</template>
<!-- HUs Table -->
<Card>
<Card id="dashboard-hus-table">
<CardHeader class="flex flex-row items-center justify-between pb-2">
<CardTitle class="text-sm font-medium">{{ t('dashboard.userStoriesTitle') }}</CardTitle>
<Badge variant="outline" class="text-xs">{{ t('dashboard.husCount', { count: workItems.userStories.length }) }}</Badge>