Frontend completo (Etapas 11-18) e extensões de backend (Etapas 13 e 18)

Adiciona o frontend Next.js em frontend/ (setup, design system, autenticação/tema, layout/navegação, área master, área tenant completa: clientes, produtos, vendas, recebimentos, whatsapp, e-mail, alertas, equipe e perfil). Estende o backend de forma aditiva e autorizada: cookie httpOnly para refresh token (Etapa 13) e CRUD de equipe + edição de perfil do tenant (Etapa 18, módulo src/modules/equipe/ novo e PUT /tenant/perfil). Detalhes completos em Etapas/V2/*. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-08-16 09:41:13 -03:00
parent f9738e54da
commit 323912748f
179 changed files with 29312 additions and 22 deletions
@@ -0,0 +1,46 @@
+import Link from 'next/link';
+import { ChevronRight } from 'lucide-react';
+
+import { cn } from '@/lib/utils';
+
+export interface BreadcrumbEntry {
+  label: string;
+  href?: string;
+}
+
+/**
+ * Gerado manualmente a partir do item de menu ativo em `AppShell` nesta
+ * primeira versão (Etapa 14) — automatizar a partir da árvore de rotas do
+ * Next é uma melhoria natural de uma etapa futura, quando houver páginas
+ * com mais de 2 níveis (ex: detalhe dentro de uma lista).
+ */
+export function Breadcrumb({ items, className }: { items: BreadcrumbEntry[]; className?: string }) {
+  if (items.length === 0) return null;
+
+  return (
+    <nav aria-label="Breadcrumb" className={cn('min-w-0', className)}>
+      <ol className="flex min-w-0 items-center gap-1.5 text-sm">
+        {items.map((item, index) => {
+          const last = index === items.length - 1;
+          return (
+            <li key={`${item.label}-${index}`} className="flex min-w-0 items-center gap-1.5">
+              {index > 0 && <ChevronRight className="size-3.5 shrink-0 text-neutral-500" aria-hidden />}
+              {item.href && !last ? (
+                <Link href={item.href} className="truncate text-neutral-500 hover:text-foreground">
+                  {item.label}
+                </Link>
+              ) : (
+                <span
+                  className={cn('truncate', last ? 'font-medium text-foreground' : 'text-neutral-500')}
+                  aria-current={last ? 'page' : undefined}
+                >
+                  {item.label}
+                </span>
+              )}
+            </li>
+          );
+        })}
+      </ol>
+    </nav>
+  );
+}