chore: auto-commit (10 archivos)

- chat.log
- db.go
- frontend/src/App.tsx
- frontend/src/api.ts
- frontend/src/components/CardForm.tsx
- frontend/src/components/Dashboard.tsx
- frontend/src/components/KanbanCard.tsx
- frontend/src/types.ts
- handlers.go
- metrics.go

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

frontend/src/components/Dashboard.tsx

@@ -178,7 +178,8 @@ export function Dashboard({ users }: Props) {
     if (!data) return [];
     return data.top_requesters.map((r) => ({
       solicitante: r.requester,
-      tarjetas: r.total,
+      activas: r.active,
+      completadas: r.completed_in_range,
     }));
   }, [data]);
 
@@ -250,18 +251,25 @@ export function Dashboard({ users }: Props) {
 
         {data && (
           <>
-            <SimpleGrid cols={{ base: 2, md: 4 }} spacing="md">
+            <SimpleGrid cols={{ base: 2, md: 5 }} spacing="md">
               <KPI
                 icon={<IconClipboardList size={14} />}
-                label="Tarjetas totales"
+                label="Totales"
                 value={data.totals.cards}
                 hint={`${data.totals.columns} columnas, ${data.totals.users} usuarios`}
               />
+              <KPI
+                icon={<IconClipboardList size={14} />}
+                label="Activas"
+                value={data.totals.cards_active}
+                hint={`Sin completar`}
+                color="blue"
+              />
               <KPI
                 icon={<IconCheckbox size={14} />}
                 label="Completadas (rango)"
                 value={data.totals.cards_completed_in_range}
-                hint={`${data.totals.cards_created_in_range} creadas en rango`}
+                hint={`${data.totals.cards_done} completadas total · ${data.totals.cards_created_in_range} creadas rango`}
                 color="green"
               />
               <KPI
@@ -426,12 +434,17 @@ export function Dashboard({ users }: Props) {
                     </Text>
                   ) : (
                     <BarChart
-                      h={240}
+                      h={Math.max(240, topRequesterSeries.length * 32)}
                       data={topRequesterSeries}
                       dataKey="solicitante"
                       orientation="vertical"
-                      yAxisProps={{ width: 120 }}
-                      series={[{ name: "tarjetas", label: "Tarjetas", color: "violet.6" }]}
+                      yAxisProps={{ width: 160, interval: 0 }}
+                      withLegend
+                      series={[
+                        { name: "completadas", label: "Completadas", color: "green.6" },
+                        { name: "activas", label: "Activas", color: "violet.6" },
+                      ]}
+                      type="stacked"
                     />
                   )}
                 </Paper>