shemaobt · levigtri · Jul 3, 2026 · Jul 3, 2026 · Jul 3, 2026 · Jul 4, 2026
diff --git a/.env.example b/.env.example
@@ -2,3 +2,9 @@
 # Set to "local" to proxy to http://host.docker.internal:8000 (no GCP auth needed).
 # Set to "remote" to fetch the production URL from GCP Secret Manager.
 BACKEND_TARGET=local
+
+# Google reCAPTCHA v2 site key for the public request page (/request).
+# Leave unset to disable the captcha (the API still rate-limits by IP).
+# For dev testing of the captcha flow, use Google's test key:
+# 6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI (always passes).
+VITE_RECAPTCHA_SITE_KEY=
diff --git a/.gitignore b/.gitignore
@@ -25,3 +25,6 @@ dist-ssr
 
 # Local environment overrides (copy from .env.example)
 .env
+
+pr-us*.md
+decisoes-front.md
diff --git a/CLAUDE.md b/CLAUDE.md
diff --git a/eslint.config.js b/eslint.config.js
@@ -19,6 +19,9 @@ export default defineConfig([
       ecmaVersion: 2020,
       globals: globals.browser,
     },
+    rules: {
+      'no-empty': ['error', { allowEmptyCatch: true }],
+    },
   },
   {
     files: ['src/components/ui/**/*.{ts,tsx}'],

diff --git a/index.html b/index.html
@@ -2,8 +2,14 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/assets/icon-dark.svg" />
+    <link rel="icon" type="image/svg+xml" href="/assets/icon-telha.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,900;1,400&family=Merriweather:ital,wght@0,300;0,400;0,700;1,400&display=swap"
+      rel="stylesheet"
+    />
     <title>Tripod Console</title>
   </head>
   <body>

diff --git a/public/assets/icon-branco.svg b/public/assets/icon-branco.svg
diff --git a/public/assets/icon-telha.svg b/public/assets/icon-telha.svg
diff --git a/public/assets/logo-branco.svg b/public/assets/logo-branco.svg
diff --git a/public/assets/logo-verde.svg b/public/assets/logo-verde.svg
diff --git a/src/App.tsx b/src/App.tsx
@@ -1,26 +1,32 @@
 import { BrowserRouter, Routes, Route, Navigate } from "react-router-dom"
 import { Toaster } from "sonner"
-import { ThemeProvider } from "@/contexts/ThemeContext"
+import { ThemeProvider, useTheme } from "@/contexts/ThemeContext"
 import { AuthProvider, useAuth } from "@/contexts/AuthContext"
 import AppShell from "@/components/layout/AppShell"
 import LoginPage from "@/components/pages/LoginPage"
+import PublicRequestPage from "@/components/pages/publicRequest"
 import DashboardPage from "@/components/pages/DashboardPage"
 import LanguagesPage from "@/components/pages/LanguagesPage"
-import OrganizationsPage from "@/components/pages/OrganizationsPage"
-import OrganizationDetailPage from "@/components/pages/OrganizationDetailPage"
 import ProjectsPage from "@/components/pages/ProjectsPage"
 import ProjectDetailPage from "@/components/pages/ProjectDetailPage"
 import UsersPage from "@/components/pages/UsersPage"
-import UserDetailPage from "@/components/pages/UserDetailPage"
+import UserDetailPage from "@/components/pages/userDetail"
 import AppsPage from "@/components/pages/AppsPage"
 import AppDetailPage from "@/components/pages/AppDetailPage"
 import PhasesPage from "@/components/pages/PhasesPage"
 import MapPage from "@/components/pages/MapPage"
 import NotFoundPage from "@/components/pages/NotFoundPage"
 import AccessDeniedPage from "@/components/pages/AccessDeniedPage"
+import { LoadingSpinner } from "@/components/common/LoadingSpinner"
+
+function ThemedToaster() {
+  const { resolvedTheme } = useTheme()
+  return <Toaster position="top-right" richColors theme={resolvedTheme} />
+}
 
 function AdminRoute({ children }: { children: React.ReactNode }) {
-  const { isPlatformAdmin } = useAuth()
+  const { isPlatformAdmin, isLoading } = useAuth()
+  if (isLoading) return <LoadingSpinner size="lg" />
   if (!isPlatformAdmin) return <AccessDeniedPage />
   return <>{children}</>
 }
@@ -32,28 +38,27 @@ function App() {
         <AuthProvider>
           <Routes>
             <Route path="/login" element={<LoginPage />} />
+            <Route path="/request" element={<PublicRequestPage />} />
 
             <Route path="/" element={<Navigate to="/app/dashboard" replace />} />
 
             <Route path="/app" element={<AppShell />}>
               <Route index element={<Navigate to="/app/dashboard" replace />} />
               <Route path="dashboard" element={<DashboardPage />} />
               <Route path="languages" element={<LanguagesPage />} />
-              <Route path="organizations" element={<OrganizationsPage />} />
-              <Route path="organizations/:orgId" element={<OrganizationDetailPage />} />
               <Route path="projects" element={<ProjectsPage />} />
               <Route path="projects/:projectId" element={<ProjectDetailPage />} />
               <Route path="users" element={<AdminRoute><UsersPage /></AdminRoute>} />
               <Route path="users/:userId" element={<AdminRoute><UserDetailPage /></AdminRoute>} />
               <Route path="apps" element={<AdminRoute><AppsPage /></AdminRoute>} />
               <Route path="apps/:appId" element={<AdminRoute><AppDetailPage /></AdminRoute>} />
-              <Route path="phases" element={<PhasesPage />} />
+              <Route path="phases" element={<AdminRoute><PhasesPage /></AdminRoute>} />
               <Route path="map" element={<MapPage />} />
             </Route>
 
             <Route path="*" element={<NotFoundPage />} />
           </Routes>
-          <Toaster position="top-right" richColors />
+          <ThemedToaster />
         </AuthProvider>
       </BrowserRouter>
     </ThemeProvider>

diff --git a/src/components/common/EmptyState.tsx b/src/components/common/EmptyState.tsx
@@ -22,11 +22,11 @@ export function EmptyState({
 }: EmptyStateProps) {
   return (
     <div className={cn(states.empty, className)}>
-      <div className="rounded-2xl bg-surface-alt/60 p-5 mb-5">
-        <Icon className="h-10 w-10 text-areia" />
+      <div className="rounded-[1rem] bg-muted p-5 mb-5">
+        <Icon className="h-9 w-9 text-fg-subtle" strokeWidth={1.75} />
       </div>
-      <h3 className="text-lg font-semibold text-preto mb-2">{title}</h3>
-      <p className="text-sm text-verde/70 max-w-sm mb-6 text-center leading-relaxed">{description}</p>
+      <h3 className="text-[1.0625rem] font-semibold text-fg-strong mb-2">{title}</h3>
+      <p className="text-sm text-fg-muted max-w-sm mb-6 text-center leading-relaxed">{description}</p>
       {actionLabel && onAction && (
         <Button onClick={onAction}>{actionLabel}</Button>
       )}

diff --git a/src/components/common/ErrorBoundary.tsx b/src/components/common/ErrorBoundary.tsx
@@ -34,11 +34,11 @@ export class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundarySt
 
       return (
         <div className="flex flex-col items-center justify-center py-16 text-center">
-          <AlertTriangle className="h-12 w-12 text-telha mb-4" />
-          <h3 className="text-lg font-semibold text-preto mb-2">
+          <AlertTriangle className="h-11 w-11 text-accent mb-4" strokeWidth={1.75} />
+          <h3 className="text-lg font-semibold text-fg-strong mb-2">
             Something went wrong
           </h3>
-          <p className="text-sm text-verde max-w-md mb-6">
+          <p className="text-sm text-fg-muted max-w-md mb-6">
             {this.state.error?.message || "An unexpected error occurred."}
           </p>
           <Button

diff --git a/src/components/common/FeatureSpotlight.tsx b/src/components/common/FeatureSpotlight.tsx
@@ -32,17 +32,17 @@ export function FeatureSpotlight({
   return (
     <Popover open>
       <PopoverTrigger asChild>
-        <div className="relative inline-block ring-2 ring-telha/30 animate-pulse rounded-lg">
+        <div className="relative inline-block ring-2 ring-accent/30 animate-pulse rounded-full">
           {children}
         </div>
       </PopoverTrigger>
-      <PopoverContent side={side} className="w-72">
-        <div className="space-y-2">
-          <h4 className="text-sm font-semibold text-preto">{title}</h4>
-          <p className="text-sm text-verde">{description}</p>
+      <PopoverContent side={side} className="w-[16.875rem] bg-inverse text-on-dark">
+        <div className="flex flex-col gap-2">
+          <h4 className="text-[0.8125rem] font-semibold text-on-dark">{title}</h4>
+          <p className="text-xs text-on-dark/80 leading-relaxed">{description}</p>
           <Button
             size="sm"
-            variant="outline"
+            className="self-start"
             onClick={() => dismiss(featureKey)}
           >
             Got it