xertica-ui 2.1.10 → 2.2.0

package/dist/{VerifyEmailPage-s-1X3LDJ.cjs → VerifyEmailPage-DF2ilhum.cjs}

@@ -1,20 +1,27 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const button = require("./button-0CXwCRTm.cjs");
-const input = require("./input-CPl84zAx.cjs");
-const alertDialog = require("./alert-dialog-DSKByiKZ.cjs");
-const XerticaXLogo = require("./XerticaXLogo-D8jf0SNv.cjs");
+const button = require("./button-Bnv9SvYK.cjs");
+const input = require("./input-CNFHVKvo.cjs");
+const alertDialog = require("./alert-dialog-B4M3vQKS.cjs");
+const XerticaXLogo = require("./XerticaXLogo-CU-U-GP4.cjs");
 const lucideReact = require("lucide-react");
 const reactRouterDom = require("react-router-dom");
-const sidebar = require("./sidebar-BxGXsDAd.cjs");
-const progress = require("./progress-EeaoqqUs.cjs");
-const LayoutContext = require("./LayoutContext-BDmcZfMH.cjs");
-const xerticaAssistant = require("./xertica-assistant-DUBpmEgo.cjs");
-const richTextEditor = require("./rich-text-editor-lyYE2ZG5.cjs");
-const select = require("./select-DT7Zjn42.cjs");
-const slider = require("./slider-CPmwzm_3.cjs");
+const sidebar = require("./sidebar-zowjejT2.cjs");
+const skeleton = require("./skeleton-4zoHiFJ_.cjs");
+const progress = require("./progress-DDeuWPZw.cjs");
+const LayoutContext = require("./LayoutContext-C4kKN9RV.cjs");
+const ThemeContext = require("./ThemeContext-CpqYShLq.cjs");
+const reactQuery = require("@tanstack/react-query");
+const reactI18next = require("react-i18next");
+const FeatureCardSkeleton = require("./FeatureCardSkeleton-mO3Bdm_V.cjs");
+const xerticaAssistant = require("./xertica-assistant-d2qs2Vd9.cjs");
+const i18n = require("i18next");
+const richTextEditor = require("./rich-text-editor-CyggTOLQ.cjs");
+const select = require("./select-Cmb8zF7w.cjs");
+const slider = require("./slider-DcJharR9.cjs");
 const sonner = require("sonner");
+const zustand = require("zustand");
 function ForgotPasswordPage() {
   const navigate = reactRouterDom.useNavigate();
   const [email, setEmail] = React.useState("");
@@ -73,15 +80,7 @@ function ForgotPasswordPage() {
             )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              button.Button,
-              {
-                type: "submit",
-                className: "w-full",
-                disabled: isLoading,
-                children: isLoading ? "Enviando..." : "Enviar instruções"
-              }
-            ),
+            /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "submit", className: "w-full", disabled: isLoading, children: isLoading ? "Enviando..." : "Enviar instruções" }),
             /* @__PURE__ */ jsxRuntime.jsxs(
               button.Button,
               {
@@ -111,10 +110,34 @@ function ForgotPasswordPage() {
               onClick: () => handleSocialLogin(),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "w-5 h-5 mr-2", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#EA4335", d: "M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#4285F4", d: "M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#FBBC05", d: "M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#34A853", d: "M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "path",
+                    {
+                      fill: "#EA4335",
+                      d: "M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "path",
+                    {
+                      fill: "#4285F4",
+                      d: "M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "path",
+                    {
+                      fill: "#FBBC05",
+                      d: "M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "path",
+                    {
+                      fill: "#34A853",
+                      d: "M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"
+                    }
+                  ),
                   /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "none", d: "M0 0h48v48H0z" })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Entrar com Google" })
@@ -152,34 +175,154 @@ function ForgotPasswordPage() {
     ] })
   ] });
 }
-const routes = [
-  {
-    path: "/home",
-    label: "Home",
-    icon: lucideReact.Home
-  },
-  {
-    path: "/template",
-    label: "Template",
-    icon: lucideReact.FileText
-  }
-];
-const getRouteByPath = (path) => {
-  return routes.find((route) => route.path === path);
-};
 const SIDEBAR_COLLAPSED_WIDTH = 80;
-function HomeContent({ user, onLogout, onSettings }) {
+const t = (key, options) => i18n.t(key, options);
+const MOCK_TEAM_MEMBERS = [
+  { id: "1", name: "Ana Silva", email: "ana.silva@example.com", role: "Developer", status: "active" },
+  { id: "2", name: "Bruno Costa", email: "bruno.costa@example.com", role: "Designer", status: "active" },
+  { id: "3", name: "Carla Oliveira", email: "carla.oliveira@example.com", role: "Manager", status: "away" },
+  { id: "4", name: "Diego Santos", email: "diego.santos@example.com", role: "Analyst", status: "inactive" }
+];
+async function fetchTeamMembers() {
+  await new Promise((resolve) => setTimeout(resolve, 250));
+  return MOCK_TEAM_MEMBERS;
+}
+async function fetchFeatureCards() {
+  await new Promise((resolve) => setTimeout(resolve, 100));
+  return [
+    {
+      id: "template-cli",
+      title: t("home.templateCliTitle"),
+      description: t("home.templateCliDescription"),
+      badge: t("home.templateClibadge"),
+      href: "/template"
+    }
+  ];
+}
+function useTeamMembers() {
+  const { language } = ThemeContext.useLanguage();
+  return reactQuery.useQuery({
+    // Language is part of the key so each locale has its own cache slot.
+    queryKey: ["home", "team-members", language],
+    queryFn: fetchTeamMembers,
+    staleTime: 2 * 60 * 1e3
+    // 2 min
+  });
+}
+function useFeatureCards() {
+  const { language } = ThemeContext.useLanguage();
+  return reactQuery.useQuery({
+    // Language is part of the key so each locale has its own cache slot.
+    queryKey: ["home", "feature-cards", language],
+    queryFn: fetchFeatureCards,
+    staleTime: 10 * 60 * 1e3
+    // 10 min — feature list is fairly static
+  });
+}
+const useDashboardStore = zustand.create((set) => ({
+  // Filters
+  activeTab: "overview",
+  setActiveTab: (tab) => set({ activeTab: tab }),
+  // UI toggles
+  statsExpanded: true,
+  toggleStats: () => set((state) => ({ statsExpanded: !state.statsExpanded })),
+  // Showcase controls
+  progress: 45,
+  setProgress: (value) => set({ progress: value }),
+  sliderValue: [50],
+  setSliderValue: (value) => set({ sliderValue: value }),
+  switchEnabled: false,
+  toggleSwitch: () => set((state) => ({ switchEnabled: !state.switchEnabled }))
+}));
+function isDev() {
+  return false;
+}
+function SectionErrorFallback({ error, reset }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      role: "alert",
+      className: "flex flex-col items-center justify-center gap-3 p-6 rounded-[var(--radius-lg)] border border-destructive/30 bg-destructive/5 text-center",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "svg",
+          {
+            width: "24",
+            height: "24",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            className: "text-destructive shrink-0",
+            "aria-hidden": "true",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+              /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+              /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: "Não foi possível carregar este conteúdo" }),
+          isDev()
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: reset,
+            className: "inline-flex items-center px-3 py-1.5 text-xs rounded-[var(--radius-button)] border border-border bg-background hover:bg-accent hover:text-accent-foreground transition-colors",
+            children: "Tentar novamente"
+          }
+        )
+      ]
+    }
+  );
+}
+class ErrorBoundary extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false, error: null };
+    this.reset = this.reset.bind(this);
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  componentDidCatch(error, info) {
+    var _a, _b;
+    (_b = (_a = this.props).onError) == null ? void 0 : _b.call(_a, error, info);
+  }
+  componentDidUpdate(prevProps) {
+    if (!this.state.hasError) return;
+    const { resetKeys } = this.props;
+    if (!(resetKeys == null ? void 0 : resetKeys.length)) return;
+    const prevKeys = prevProps.resetKeys ?? [];
+    const changed = resetKeys.some((key, i) => key !== prevKeys[i]);
+    if (changed) this.reset();
+  }
+  reset() {
+    this.setState({ hasError: false, error: null });
+  }
+  render() {
+    const { hasError, error } = this.state;
+    const { children, fallback: Fallback } = this.props;
+    if (hasError && error) {
+      return /* @__PURE__ */ jsxRuntime.jsx(Fallback, { error, reset: this.reset });
+    }
+    return children;
+  }
+}
+function SectionErrorBoundary({ children, onError, resetKeys }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { fallback: SectionErrorFallback, onError, resetKeys, children });
+}
+function HomeContent() {
+  const { t: t2 } = reactI18next.useTranslation();
   const layout = LayoutContext.useOptionalLayout();
   const sidebarExpanded = (layout == null ? void 0 : layout.sidebarExpanded) ?? false;
   const sidebarWidth = (layout == null ? void 0 : layout.sidebarWidth) ?? 256;
-  const location = reactRouterDom.useLocation();
   const navigate = reactRouterDom.useNavigate();
-  const labelTranslations = {
-    "home": "Início",
-    "template": "Template"
-  };
-  const currentRoute = getRouteByPath(location.pathname);
-  (currentRoute == null ? void 0 : currentRoute.label) ? labelTranslations[currentRoute.label.toLowerCase()] || currentRoute.label : "Início";
+  const { data: featureCards = [], isLoading } = useFeatureCards();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -194,8 +337,8 @@ function HomeContent({ user, onLogout, onSettings }) {
             showThemeToggle: true,
             showLanguageSelector: true,
             breadcrumbs: [
-              { label: "Design System", href: "/home" },
-              { label: "Início" }
+              { label: t2("nav.designSystem"), href: "/home" },
+              { label: t2("nav.home") }
             ],
             renderLink: (href, props) => /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { to: href, ...props })
           }
@@ -204,46 +347,105 @@ function HomeContent({ user, onLogout, onSettings }) {
           /* @__PURE__ */ jsxRuntime.jsx(
             alertDialog.PageHeader,
             {
-              title: "Bem-vindo ao Design System!",
-              subtitle: "Sua plataforma inteligente para automação e análise de dados"
+              title: t2("home.welcome"),
+              subtitle: t2("home.subtitle")
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: /* @__PURE__ */ jsxRuntime.jsxs(progress.Card, { className: "hover:shadow-xl transition-shadow duration-200 flex flex-col h-full", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(progress.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2 bg-[var(--chart-2)]/20 rounded-[var(--radius)]", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "w-6 h-6 text-[var(--chart-2)]" }) }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(progress.CardTitle, { className: "text-sm", children: "Template CLI" }),
-                /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: "default", className: "text-xs", children: "Novo" })
-              ] })
-            ] }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(progress.CardContent, { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: "Página de template pronta para uso CLI com todos os componentes configurados." }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(progress.CardFooter, { children: /* @__PURE__ */ jsxRuntime.jsx(
-              button.Button,
-              {
-                variant: "outline",
-                className: "w-full",
-                onClick: () => navigate("/template"),
-                children: "Visualizar"
-              }
-            ) })
-          ] }) })
+          /* @__PURE__ */ jsxRuntime.jsx(SectionErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: isLoading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(FeatureCardSkeleton.FeatureCardSkeleton, { showAction: true }),
+            /* @__PURE__ */ jsxRuntime.jsx(FeatureCardSkeleton.FeatureCardSkeleton, { showAction: true }),
+            /* @__PURE__ */ jsxRuntime.jsx(FeatureCardSkeleton.FeatureCardSkeleton, { showAction: true })
+          ] }) : featureCards.map((card) => /* @__PURE__ */ jsxRuntime.jsxs(
+            skeleton.Card,
+            {
+              className: "hover:shadow-xl transition-shadow duration-200 flex flex-col h-full",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2 bg-[var(--chart-2)]/20 rounded-[var(--radius)]", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "w-6 h-6 text-[var(--chart-2)]" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { className: "text-sm", children: t2(`home.${card.id.replace(/-/g, "")}Title`, { defaultValue: card.title }) }),
+                    card.badge && /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: "default", className: "text-xs", children: t2(`home.${card.id.replace(/-/g, "")}badge`, { defaultValue: card.badge }) })
+                  ] })
+                ] }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardContent, { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: t2(`home.${card.id.replace(/-/g, "")}Description`, { defaultValue: card.description }) }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardFooter, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                  button.Button,
+                  {
+                    variant: "outline",
+                    className: "w-full",
+                    onClick: () => navigate(card.href),
+                    children: t2("common.view")
+                  }
+                ) })
+              ]
+            },
+            card.id
+          )) }) })
         ] }) }) }) })
       ]
     }
   );
 }
-const richSuggestions = [
-  { id: "chart-1", text: "Ver análise de desempenho" },
-  { id: "table-1", text: "Gerar relatório do projeto" },
-  { id: "doc-1", text: "Criar documento de requisitos" },
-  { id: "pod-1", text: "Gerar podcast de resumo diário" }
-];
-const feedbackOptions = [
-  "Não era o que eu estava procurando",
-  "Informações incorretas",
-  "Resposta incompleta"
+const routes = [
+  { path: "/home", label: "Home", icon: lucideReact.Home },
+  { path: "/template", label: "Template", icon: lucideReact.FileText }
 ];
-function HomePage({ user, onLogout }) {
+const AuthContext = React.createContext(null);
+function useAuth() {
+  const ctx = React.useContext(AuthContext);
+  if (!ctx) throw new Error("useAuth must be used within <AuthProvider>");
+  return ctx;
+}
+async function fetchAssistantConfig() {
+  await new Promise((resolve) => setTimeout(resolve, 150));
+  const t2 = (key) => i18n.t(key);
+  return {
+    suggestions: [
+      { id: "1", text: t2("assistant.suggestions.whatCanIAsk") },
+      { id: "2", text: t2("assistant.suggestions.whatDoYouDo") },
+      { id: "3", text: t2("assistant.suggestions.whichProjects") },
+      { id: "4", text: t2("assistant.suggestions.nextProject") }
+    ],
+    richSuggestions: [
+      { id: "rich-1", text: t2("assistant.richSuggestions.viewPerformance") },
+      { id: "rich-2", text: t2("assistant.richSuggestions.generateReport") },
+      { id: "rich-3", text: t2("assistant.richSuggestions.createDocument") },
+      { id: "rich-4", text: t2("assistant.richSuggestions.generatePodcast") }
+    ],
+    feedbackOptions: [
+      t2("assistant.feedback.notWhatIWanted"),
+      t2("assistant.feedback.incorrectInfo"),
+      t2("assistant.feedback.incompleteAnswer")
+    ]
+  };
+}
+function getMockRichSuggestions() {
+  return [
+    { id: "rich-1", text: i18n.t("assistant.richSuggestions.viewPerformance") },
+    { id: "rich-2", text: i18n.t("assistant.richSuggestions.generateReport") },
+    { id: "rich-3", text: i18n.t("assistant.richSuggestions.createDocument") },
+    { id: "rich-4", text: i18n.t("assistant.richSuggestions.generatePodcast") }
+  ];
+}
+function getMockFeedbackOptions() {
+  return [
+    i18n.t("assistant.feedback.notWhatIWanted"),
+    i18n.t("assistant.feedback.incorrectInfo"),
+    i18n.t("assistant.feedback.incompleteAnswer")
+  ];
+}
+function useAssistantConfig() {
+  const { language } = ThemeContext.useLanguage();
+  return reactQuery.useQuery({
+    // Language is part of the key so each locale has its own cache slot.
+    queryKey: ["assistant", "config", language],
+    queryFn: fetchAssistantConfig,
+    staleTime: 30 * 60 * 1e3
+    // 30 min — config rarely changes
+  });
+}
+function HomePage() {
+  const { user, logout } = useAuth();
   const layout = LayoutContext.useOptionalLayout();
   const [localSidebarExpanded, setLocalSidebarExpanded] = React.useState(false);
   const [localAssistantExpanded, setLocalAssistantExpanded] = React.useState(false);
@@ -254,6 +456,7 @@ function HomePage({ user, onLogout }) {
   const toggleAssistente = (layout == null ? void 0 : layout.toggleAssistente) ?? (() => setLocalAssistantExpanded((value) => !value));
   const location = reactRouterDom.useLocation();
   const navigate = reactRouterDom.useNavigate();
+  const { data: assistantConfig } = useAssistantConfig();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-screen flex bg-muted overflow-hidden relative", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       sidebar.Sidebar,
@@ -266,21 +469,14 @@ function HomePage({ user, onLogout }) {
           name: "Ariel Santos",
           avatar: "https://github.com/shadcn.png"
         },
-        onLogout,
+        onLogout: logout,
         onSettingsClick: () => navigate("/settings"),
         location,
         navigate,
         routes
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      HomeContent,
-      {
-        user,
-        onLogout,
-        onSettings: () => navigate("/settings")
-      }
-    ),
+    /* @__PURE__ */ jsxRuntime.jsx(HomeContent, {}),
     /* @__PURE__ */ jsxRuntime.jsx(
       xerticaAssistant.XerticaAssistant,
       {
@@ -289,8 +485,9 @@ function HomePage({ user, onLogout }) {
         defaultTab: "chat",
         demoMode: true,
         responseGenerator: xerticaAssistant.gerarResposta,
-        richSuggestions,
-        feedbackOptions,
+        suggestions: assistantConfig == null ? void 0 : assistantConfig.suggestions,
+        richSuggestions: (assistantConfig == null ? void 0 : assistantConfig.richSuggestions) ?? getMockRichSuggestions(),
+        feedbackOptions: (assistantConfig == null ? void 0 : assistantConfig.feedbackOptions) ?? getMockFeedbackOptions(),
         onEvaluation: () => {
         }
       }
@@ -299,6 +496,7 @@ function HomePage({ user, onLogout }) {
 }
 function LoginPage({ onLogin }) {
   const navigate = reactRouterDom.useNavigate();
+  const { t: t2 } = reactI18next.useTranslation();
   const [email, setEmail] = React.useState("");
   const [password, setPassword] = React.useState("");
   const [isLoading, setIsLoading] = React.useState(false);
@@ -310,7 +508,7 @@ function LoginPage({ onLogin }) {
     await new Promise((resolve) => setTimeout(resolve, 1e3));
     const success = onLogin(email, password);
     if (!success) {
-      setError("Por favor, preencha todos os campos");
+      setError(t2("login.errorFillFields"));
     }
     setIsLoading(false);
   };
@@ -323,7 +521,7 @@ function LoginPage({ onLogin }) {
         alertDialog.ImageWithFallback,
         {
           src: "https://images.unsplash.com/photo-1551434678-e076c223a692?w=1200&h=800&fit=crop&auto=format",
-          alt: "Equipe trabalhando com tecnologia",
+          alt: t2("login.heroImageAlt"),
           className: "absolute inset-0 w-full h-full object-cover"
         }
       ),
@@ -341,11 +539,11 @@ function LoginPage({ onLogin }) {
               variant: "theme"
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm text-muted-foreground", children: "Acesse sua conta" })
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm text-muted-foreground", children: t2("login.heading") })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "space-y-6", onSubmit: handleSubmit, children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "email", children: "E-mail" }),
+            /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "email", children: t2("login.emailLabel") }),
             /* @__PURE__ */ jsxRuntime.jsx(
               input.Input,
               {
@@ -354,14 +552,14 @@ function LoginPage({ onLogin }) {
                 type: "email",
                 required: true,
                 className: "w-full",
-                placeholder: "seu@email.com",
+                placeholder: t2("login.emailPlaceholder"),
                 value: email,
                 onChange: (e) => setEmail(e.target.value)
               }
             )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "password", children: "Senha" }),
+            /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "password", children: t2("login.passwordLabel") }),
             /* @__PURE__ */ jsxRuntime.jsx(
               input.Input,
               {
@@ -377,28 +575,20 @@ function LoginPage({ onLogin }) {
             )
           ] }),
           error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-destructive text-sm text-center", children: error }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            button.Button,
-            {
-              type: "submit",
-              className: "w-full",
-              disabled: isLoading,
-              children: isLoading ? "Entrando..." : "Entrar"
-            }
-          ),
+          /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "submit", className: "w-full", disabled: isLoading, children: isLoading ? t2("login.submitting") : t2("login.submit") }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center", children: /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
               type: "button",
               onClick: () => navigate("/forgot-password"),
               className: "text-sm text-primary hover:opacity-80 transition-colors",
-              children: "Esqueceu sua senha?"
+              children: t2("login.forgotPassword")
             }
           ) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full border-t border-border" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex justify-center text-sm", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-muted px-2 text-muted-foreground", children: "ou continue com" }) })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex justify-center text-sm", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-muted px-2 text-muted-foreground", children: t2("login.orContinueWith") }) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
           /* @__PURE__ */ jsxRuntime.jsxs(
@@ -410,13 +600,37 @@ function LoginPage({ onLogin }) {
               onClick: () => handleSocialLogin(),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "w-5 h-5 mr-2", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#EA4335", d: "M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#4285F4", d: "M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#FBBC05", d: "M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#34A853", d: "M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "path",
+                    {
+                      fill: "#EA4335",
+                      d: "M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "path",
+                    {
+                      fill: "#4285F4",
+                      d: "M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "path",
+                    {
+                      fill: "#FBBC05",
+                      d: "M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "path",
+                    {
+                      fill: "#34A853",
+                      d: "M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"
+                    }
+                  ),
                   /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "none", d: "M0 0h48v48H0z" })
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Entrar com Google" })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: t2("login.signInWithGoogle") })
               ]
             }
           ),
@@ -429,7 +643,7 @@ function LoginPage({ onLogin }) {
               onClick: () => handleSocialLogin(),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { className: "w-5 h-5 mr-2 text-[var(--chart-4)]" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Entrar com MT Login" })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: t2("login.signInWithMTLogin") })
               ]
             }
           ),
@@ -440,10 +654,7 @@ function LoginPage({ onLogin }) {
               variant: "outline",
               className: "w-full justify-center font-normal",
               onClick: () => handleSocialLogin(),
-              children: /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                "Entrar com ",
-                /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "font-semibold", children: "gov.br" })
-              ] })
+              children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: t2("login.signInWithGovBr") })
             }
           )
         ] })
@@ -453,11 +664,14 @@ function LoginPage({ onLogin }) {
 }
 function ResetPasswordPage() {
   const navigate = reactRouterDom.useNavigate();
+  const { t: t2 } = reactI18next.useTranslation();
   const [password, setPassword] = React.useState("");
   const [confirmPassword, setConfirmPassword] = React.useState("");
   const [isLoading, setIsLoading] = React.useState(false);
   const [error, setError] = React.useState("");
-  const [passwordStrength, setPasswordStrength] = React.useState(null);
+  const [passwordStrength, setPasswordStrength] = React.useState(
+    null
+  );
   const checkPasswordStrength = (pwd) => {
     if (pwd.length === 0) {
       setPasswordStrength(null);
@@ -480,11 +694,11 @@ function ResetPasswordPage() {
     e.preventDefault();
     setError("");
     if (password.length < 6) {
-      setError("A senha deve ter pelo menos 6 caracteres");
+      setError(t2("resetPassword.errorMinLength"));
       return;
     }
     if (password !== confirmPassword) {
-      setError("As senhas não coincidem");
+      setError(t2("resetPassword.errorMismatch"));
       return;
     }
     setIsLoading(true);
@@ -507,11 +721,11 @@ function ResetPasswordPage() {
   const getStrengthText = () => {
     switch (passwordStrength) {
       case "weak":
-        return "Senha fraca";
+        return t2("resetPassword.strengthWeak");
       case "medium":
-        return "Senha média";
+        return t2("resetPassword.strengthMedium");
       case "strong":
-        return "Senha forte";
+        return t2("resetPassword.strengthStrong");
       default:
         return "";
     }
@@ -522,7 +736,7 @@ function ResetPasswordPage() {
         alertDialog.ImageWithFallback,
         {
           src: "https://images.unsplash.com/photo-1555949963-aa79dcee981c?w=1200&h=800&fit=crop&auto=format",
-          alt: "Segurança e proteção",
+          alt: t2("resetPassword.heroImageAlt"),
           className: "absolute inset-0 w-full h-full object-cover"
         }
       ),
@@ -539,7 +753,7 @@ function ResetPasswordPage() {
             className: "flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors",
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { className: "w-4 h-4" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-small", children: "Voltar para o login" })
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-small", children: t2("resetPassword.backToLogin") })
             ]
           }
         ),
@@ -551,12 +765,12 @@ function ResetPasswordPage() {
               variant: "theme"
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm text-muted-foreground", children: "Redefinir senha" }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-muted-foreground", children: "Crie uma nova senha segura para sua conta" })
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm text-muted-foreground", children: t2("resetPassword.heading") }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-muted-foreground", children: t2("resetPassword.subheading") })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "space-y-6", onSubmit: handleSubmit, children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "password", children: "Nova senha" }),
+            /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "password", children: t2("resetPassword.newPasswordLabel") }),
             /* @__PURE__ */ jsxRuntime.jsx(
               input.Input,
               {
@@ -581,7 +795,7 @@ function ResetPasswordPage() {
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "confirmPassword", children: "Confirmar senha" }),
+            /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "confirmPassword", children: t2("resetPassword.confirmPasswordLabel") }),
             /* @__PURE__ */ jsxRuntime.jsx(
               input.Input,
               {
@@ -600,7 +814,7 @@ function ResetPasswordPage() {
             )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-accent rounded-[var(--radius)] p-4 space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: "Requisitos de senha:" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: t2("resetPassword.requirements") }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -609,7 +823,7 @@ function ResetPasswordPage() {
                     className: `w-4 h-4 ${password.length >= 6 ? "text-[var(--chart-2)]" : "text-muted-foreground"}`
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: "Mínimo de 6 caracteres" })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: t2("resetPassword.requirementMinChars") })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -618,7 +832,7 @@ function ResetPasswordPage() {
                     className: `w-4 h-4 ${password === confirmPassword && password.length > 0 ? "text-[var(--chart-2)]" : "text-muted-foreground"}`
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: "As senhas coincidem" })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: t2("resetPassword.requirementMatch") })
               ] })
             ] })
           ] }),
@@ -626,15 +840,7 @@ function ResetPasswordPage() {
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "w-4 h-4 flex-shrink-0" }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: error })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            button.Button,
-            {
-              type: "submit",
-              className: "w-full",
-              disabled: isLoading,
-              children: isLoading ? "Redefinindo..." : "Redefinir senha"
-            }
-          )
+          /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "submit", className: "w-full", disabled: isLoading, children: isLoading ? t2("resetPassword.submitting") : t2("resetPassword.submit") })
         ] })
       ] })
     ] })
@@ -853,81 +1059,76 @@ function FilterableMapExample({ apiKey }) {
             "absolute top-4 left-4 z-10 transition-all duration-300",
             showFilters ? "translate-x-0" : "-translate-x-full"
           ),
-          children: /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
-            {
-              className: "p-2.5 rounded-lg shadow-[var(--shadow-elevation-sm)] bg-card border border-border max-w-[220px]",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2 gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Filter, { className: "w-3.5 h-3.5 text-foreground" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-foreground", children: "Filtros" })
-                  ] }),
+          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-2.5 rounded-lg shadow-[var(--shadow-elevation-sm)] bg-card border border-border max-w-[220px]", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2 gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Filter, { className: "w-3.5 h-3.5 text-foreground" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-foreground", children: "Filtros" })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                button.Button,
+                {
+                  size: "sm",
+                  variant: "ghost",
+                  onClick: () => setShowFilters(false),
+                  className: "h-5 w-5 p-0",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-3 h-3" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2 py-0.5", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  alertDialog.Checkbox,
+                  {
+                    id: "filter-all",
+                    checked: activeFilters.size === Object.keys(markerGroups).length,
+                    onCheckedChange: toggleAll
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  alertDialog.Label,
+                  {
+                    htmlFor: "filter-all",
+                    className: "flex items-center gap-1.5 cursor-pointer text-sm",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MapPin, { className: "w-3.5 h-3.5" }),
+                      "Todos",
+                      /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: "secondary", className: "text-xs h-4 px-1", children: sampleLocations.length })
+                    ]
+                  }
+                )
+              ] }),
+              Object.entries(markerGroups).map(([id, group]) => {
+                const groupId = id;
+                const Icon = group.icon;
+                const isActive = activeFilters.has(groupId);
+                const count = getGroupCount(groupId);
+                return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2 py-0.5", children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    button.Button,
+                    alertDialog.Checkbox,
                     {
-                      size: "sm",
-                      variant: "ghost",
-                      onClick: () => setShowFilters(false),
-                      className: "h-5 w-5 p-0",
-                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-3 h-3" })
+                      id: `filter-${id}`,
+                      checked: isActive,
+                      onCheckedChange: () => toggleFilter(groupId)
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    alertDialog.Label,
+                    {
+                      htmlFor: `filter-${id}`,
+                      className: "flex items-center gap-1.5 cursor-pointer text-sm",
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "w-3.5 h-3.5", style: { color: group.color } }),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: isActive ? "text-foreground" : "text-muted-foreground", children: group.name }),
+                        /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: "outline", className: "text-xs h-4 px-1", children: count })
+                      ]
                     }
                   )
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2 py-0.5", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      alertDialog.Checkbox,
-                      {
-                        id: "filter-all",
-                        checked: activeFilters.size === Object.keys(markerGroups).length,
-                        onCheckedChange: toggleAll
-                      }
-                    ),
-                    /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.Label, { htmlFor: "filter-all", className: "flex items-center gap-1.5 cursor-pointer text-sm", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MapPin, { className: "w-3.5 h-3.5" }),
-                      "Todos",
-                      /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: "secondary", className: "text-xs h-4 px-1", children: sampleLocations.length })
-                    ] })
-                  ] }),
-                  Object.entries(markerGroups).map(([id, group]) => {
-                    const groupId = id;
-                    const Icon = group.icon;
-                    const isActive = activeFilters.has(groupId);
-                    const count = getGroupCount(groupId);
-                    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2 py-0.5", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        alertDialog.Checkbox,
-                        {
-                          id: `filter-${id}`,
-                          checked: isActive,
-                          onCheckedChange: () => toggleFilter(groupId)
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntime.jsxs(
-                        alertDialog.Label,
-                        {
-                          htmlFor: `filter-${id}`,
-                          className: "flex items-center gap-1.5 cursor-pointer text-sm",
-                          children: [
-                            /* @__PURE__ */ jsxRuntime.jsx(
-                              Icon,
-                              {
-                                className: "w-3.5 h-3.5",
-                                style: { color: group.color }
-                              }
-                            ),
-                            /* @__PURE__ */ jsxRuntime.jsx("span", { className: isActive ? "text-foreground" : "text-muted-foreground", children: group.name }),
-                            /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: "outline", className: "text-xs h-4 px-1", children: count })
-                          ]
-                        }
-                      )
-                    ] }, id);
-                  })
-                ] })
-              ]
-            }
-          )
+                ] }, id);
+              })
+            ] })
+          ] })
         }
       ),
       !showFilters && /* @__PURE__ */ jsxRuntime.jsxs(
@@ -946,25 +1147,12 @@ function FilterableMapExample({ apiKey }) {
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-3 justify-center pt-2 border-t border-border", children: Object.entries(markerGroups).map(([id, group]) => {
       const Icon = group.icon;
       const count = getGroupCount(id);
-      return /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: "flex items-center gap-2 px-3 py-1 rounded-lg bg-muted",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                className: "w-3 h-3 rounded-full",
-                style: { backgroundColor: group.color }
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "w-4 h-4", style: { color: group.color } }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", style: { color: "var(--foreground)" }, children: group.name }),
-            /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: "secondary", className: "text-xs h-5", children: count })
-          ]
-        },
-        id
-      );
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-3 py-1 rounded-lg bg-muted", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-3 h-3 rounded-full", style: { backgroundColor: group.color } }),
+        /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "w-4 h-4", style: { color: group.color } }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", style: { color: "var(--foreground)" }, children: group.name }),
+        /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: "secondary", className: "text-xs h-5", children: count })
+      ] }, id);
     }) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-3", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center p-3 rounded-lg bg-muted", children: [
@@ -1005,62 +1193,71 @@ function DrawingMapExample({ apiKey }) {
     editable: true,
     draggable: true
   };
-  const addMarker = React.useCallback((position) => {
-    if (!mapInstance) return;
-    const marker = new google.maps.marker.AdvancedMarkerElement({
-      position,
-      map: mapInstance,
-      gmpDraggable: true,
-      // Propriedade correta para AdvancedMarkerElement
-      title: "Marcador"
-    });
-    marker.addListener("dragend", () => {
-      sonner.toast.info("Posição do marcador atualizada");
-    });
-    const newShape = { type: "marker", overlay: marker };
-    setShapes((prev) => [...prev, newShape]);
-    sonner.toast.success("Marcador adicionado");
-  }, [mapInstance]);
-  const addCircle = React.useCallback((center) => {
-    if (!mapInstance) return;
-    const circle = new google.maps.Circle({
-      map: mapInstance,
-      center,
-      radius: 500,
-      fillColor: colors.fill,
-      fillOpacity: colors.fillOpacity,
-      strokeColor: colors.stroke,
-      strokeWeight: colors.strokeWeight,
-      editable: true,
-      draggable: true
-    });
-    const newShape = { type: "circle", overlay: circle };
-    setShapes((prev) => [...prev, newShape]);
-    sonner.toast.success("Círculo adicionado");
-  }, [mapInstance, colors]);
-  const addRectangle = React.useCallback((center) => {
-    if (!mapInstance) return;
-    const offset = 5e-3;
-    const bounds = {
-      north: center.lat() + offset,
-      south: center.lat() - offset,
-      east: center.lng() + offset,
-      west: center.lng() - offset
-    };
-    const rectangle = new google.maps.Rectangle({
-      map: mapInstance,
-      bounds,
-      fillColor: colors.fill,
-      fillOpacity: colors.fillOpacity,
-      strokeColor: colors.stroke,
-      strokeWeight: colors.strokeWeight,
-      editable: true,
-      draggable: true
-    });
-    const newShape = { type: "rectangle", overlay: rectangle };
-    setShapes((prev) => [...prev, newShape]);
-    sonner.toast.success("Retângulo adicionado");
-  }, [mapInstance, colors]);
+  const addMarker = React.useCallback(
+    (position) => {
+      if (!mapInstance) return;
+      const marker = new google.maps.marker.AdvancedMarkerElement({
+        position,
+        map: mapInstance,
+        gmpDraggable: true,
+        // Propriedade correta para AdvancedMarkerElement
+        title: "Marcador"
+      });
+      marker.addListener("dragend", () => {
+        sonner.toast.info("Posição do marcador atualizada");
+      });
+      const newShape = { type: "marker", overlay: marker };
+      setShapes((prev) => [...prev, newShape]);
+      sonner.toast.success("Marcador adicionado");
+    },
+    [mapInstance]
+  );
+  const addCircle = React.useCallback(
+    (center) => {
+      if (!mapInstance) return;
+      const circle = new google.maps.Circle({
+        map: mapInstance,
+        center,
+        radius: 500,
+        fillColor: colors.fill,
+        fillOpacity: colors.fillOpacity,
+        strokeColor: colors.stroke,
+        strokeWeight: colors.strokeWeight,
+        editable: true,
+        draggable: true
+      });
+      const newShape = { type: "circle", overlay: circle };
+      setShapes((prev) => [...prev, newShape]);
+      sonner.toast.success("Círculo adicionado");
+    },
+    [mapInstance, colors]
+  );
+  const addRectangle = React.useCallback(
+    (center) => {
+      if (!mapInstance) return;
+      const offset = 5e-3;
+      const bounds = {
+        north: center.lat() + offset,
+        south: center.lat() - offset,
+        east: center.lng() + offset,
+        west: center.lng() - offset
+      };
+      const rectangle = new google.maps.Rectangle({
+        map: mapInstance,
+        bounds,
+        fillColor: colors.fill,
+        fillOpacity: colors.fillOpacity,
+        strokeColor: colors.stroke,
+        strokeWeight: colors.strokeWeight,
+        editable: true,
+        draggable: true
+      });
+      const newShape = { type: "rectangle", overlay: rectangle };
+      setShapes((prev) => [...prev, newShape]);
+      sonner.toast.success("Retângulo adicionado");
+    },
+    [mapInstance, colors]
+  );
   const cancelPolygonDrawing = React.useCallback(() => {
     if (tempPolylineRef.current) {
       tempPolylineRef.current.setMap(null);
@@ -1091,28 +1288,33 @@ function DrawingMapExample({ apiKey }) {
     cancelPolygonDrawing();
     sonner.toast.success("Polígono criado com sucesso!");
   }, [mapInstance, colors, cancelPolygonDrawing]);
-  const addPolygonPoint = React.useCallback((point) => {
-    var _a;
-    if (!mapInstance) return;
-    if (!isDrawingPolygon) {
-      setIsDrawingPolygon(true);
-      polygonPathRef.current = [point];
-      tempPolylineRef.current = new google.maps.Polyline({
-        map: mapInstance,
-        path: polygonPathRef.current,
-        strokeColor: colors.stroke,
-        strokeOpacity: 0.8,
-        strokeWeight: 2,
-        geodesic: true,
-        clickable: false
-        // Importante: não capturar cliques para não atrapalhar o mapa
-      });
-      sonner.toast.info("Clique para adicionar pontos. Duplo clique ou botão check para fechar.", { duration: 4e3 });
-    } else {
-      polygonPathRef.current.push(point);
-      (_a = tempPolylineRef.current) == null ? void 0 : _a.setPath(polygonPathRef.current);
-    }
-  }, [mapInstance, isDrawingPolygon, colors]);
+  const addPolygonPoint = React.useCallback(
+    (point) => {
+      var _a;
+      if (!mapInstance) return;
+      if (!isDrawingPolygon) {
+        setIsDrawingPolygon(true);
+        polygonPathRef.current = [point];
+        tempPolylineRef.current = new google.maps.Polyline({
+          map: mapInstance,
+          path: polygonPathRef.current,
+          strokeColor: colors.stroke,
+          strokeOpacity: 0.8,
+          strokeWeight: 2,
+          geodesic: true,
+          clickable: false
+          // Importante: não capturar cliques para não atrapalhar o mapa
+        });
+        sonner.toast.info("Clique para adicionar pontos. Duplo clique ou botão check para fechar.", {
+          duration: 4e3
+        });
+      } else {
+        polygonPathRef.current.push(point);
+        (_a = tempPolylineRef.current) == null ? void 0 : _a.setPath(polygonPathRef.current);
+      }
+    },
+    [mapInstance, isDrawingPolygon, colors]
+  );
   const clearListeners = () => {
     mapListenersRef.current.forEach((listener) => google.maps.event.removeListener(listener));
     mapListenersRef.current = [];
@@ -1156,7 +1358,15 @@ function DrawingMapExample({ apiKey }) {
     return () => {
       clearListeners();
     };
-  }, [mapInstance, selectedMode, addMarker, addCircle, addRectangle, addPolygonPoint, finishPolygon]);
+  }, [
+    mapInstance,
+    selectedMode,
+    addMarker,
+    addCircle,
+    addRectangle,
+    addPolygonPoint,
+    finishPolygon
+  ]);
   const handleModeChange = (mode) => {
     if (isDrawingPolygon) {
       cancelPolygonDrawing();
@@ -1248,11 +1458,11 @@ function DrawingMapExample({ apiKey }) {
       ]
     }
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs(progress.Card, { className: "h-full border-0 shadow-none md:border md:shadow-sm", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(progress.CardHeader, { className: "border-b bg-muted/20 pb-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { className: "h-full border-0 shadow-none md:border md:shadow-sm", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardHeader, { className: "border-b bg-muted/20 pb-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(progress.CardTitle, { children: "Ferramentas de Desenho" }),
-        /* @__PURE__ */ jsxRuntime.jsx(progress.CardDescription, { className: "mt-1", children: "Crie geometrias personalizadas no mapa" })
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Ferramentas de Desenho" }),
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { className: "mt-1", children: "Crie geometrias personalizadas no mapa" })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(progress.Badge, { variant: "outline", className: "h-6", children: [
         shapes.length,
@@ -1260,7 +1470,7 @@ function DrawingMapExample({ apiKey }) {
         shapes.length === 1 ? "elemento" : "elementos"
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(progress.CardContent, { className: "p-0 flex flex-col md:flex-row h-[600px] bg-background", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardContent, { className: "p-0 flex flex-col md:flex-row h-[600px] bg-background", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full md:w-64 border-b md:border-b-0 md:border-r bg-muted/10 flex flex-col", children: [
         /* @__PURE__ */ jsxRuntime.jsx(input.ScrollArea, { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4 space-y-6", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
@@ -1425,7 +1635,14 @@ function DrawingMapExample({ apiKey }) {
           /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.DialogTitle, { children: "Dados Geográficos (GeoJSON)" }),
           /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.DialogDescription, { children: "Copie os dados das formas desenhadas abaixo." })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative mt-2", children: /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "p-4 rounded-lg bg-muted overflow-auto max-h-[300px] text-xs font-mono", "data-custom-scrollbar": true, children: savedData }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative mt-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "pre",
+          {
+            className: "p-4 rounded-lg bg-muted overflow-auto max-h-[300px] text-xs font-mono",
+            "data-custom-scrollbar": true,
+            children: savedData
+          }
+        ) }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { onClick: () => setShowSaveDialog(false), children: "Fechar" }) })
       ] }) })
     ] })
@@ -1460,12 +1677,12 @@ function MapShowcase() {
         actions: /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { children: "Design System" })
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxs(progress.Card, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(progress.CardHeader, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(progress.CardTitle, { children: "Configuração da API Key" }),
-        /* @__PURE__ */ jsxRuntime.jsx(progress.CardDescription, { children: "Insira sua Google Maps API Key para renderizar os mapas abaixo." })
+    /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Configuração da API Key" }),
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "Insira sua Google Maps API Key para renderizar os mapas abaixo." })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(progress.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full max-w-md items-center space-x-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full max-w-md items-center space-x-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           input.Input,
           {
@@ -1491,12 +1708,12 @@ function MapShowcase() {
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(alertDialog.TabsContent, { value: "simple", className: "space-y-8", children: !isTransitioning && activeTab === "simple" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(progress.Card, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(progress.CardHeader, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(progress.CardTitle, { children: "Mapa Padrão" }),
-            /* @__PURE__ */ jsxRuntime.jsx(progress.CardDescription, { children: "Configuração básica do mapa centralizado em uma coordenada específica." })
+        /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Mapa Padrão" }),
+            /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "Configuração básica do mapa centralizado em uma coordenada específica." })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(progress.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(
             alertDialog.Map,
             {
               center: { lat: -23.5505, lng: -46.6333 },
@@ -1506,36 +1723,22 @@ function MapShowcase() {
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(progress.Card, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(progress.CardHeader, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(progress.CardTitle, { children: "Camadas (Layers)" }),
-            /* @__PURE__ */ jsxRuntime.jsx(progress.CardDescription, { children: "Sobreposição de informações como tráfego, transporte público e ciclovias." })
+        /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Camadas (Layers)" }),
+            /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "Sobreposição de informações como tráfego, transporte público e ciclovias." })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(progress.CardContent, { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardContent, { className: "space-y-4", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-6 p-4 border rounded-lg bg-muted/50", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  alertDialog.Switch,
-                  {
-                    id: "traffic",
-                    checked: showTraffic,
-                    onCheckedChange: setShowTraffic
-                  }
-                ),
+                /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Switch, { id: "traffic", checked: showTraffic, onCheckedChange: setShowTraffic }),
                 /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.Label, { htmlFor: "traffic", className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Layers, { className: "w-4 h-4" }),
                   " Trânsito"
                 ] })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  alertDialog.Switch,
-                  {
-                    id: "transit",
-                    checked: showTransit,
-                    onCheckedChange: setShowTransit
-                  }
-                ),
+                /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Switch, { id: "transit", checked: showTransit, onCheckedChange: setShowTransit }),
                 /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.Label, { htmlFor: "transit", className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Layers, { className: "w-4 h-4" }),
                   " Transporte"
@@ -1573,9 +1776,9 @@ function MapShowcase() {
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid md:grid-cols-3 gap-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(progress.Card, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(progress.CardHeader, { className: "p-4 pb-2", children: /* @__PURE__ */ jsxRuntime.jsx(progress.CardTitle, { className: "text-sm", children: "São Paulo" }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(progress.CardContent, { className: "p-4 pt-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardHeader, { className: "p-4 pb-2", children: /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { className: "text-sm", children: "São Paulo" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardContent, { className: "p-4 pt-0", children: /* @__PURE__ */ jsxRuntime.jsx(
               alertDialog.Map,
               {
                 center: { lat: -23.5505, lng: -46.6333 },
@@ -1586,9 +1789,9 @@ function MapShowcase() {
               }
             ) })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(progress.Card, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(progress.CardHeader, { className: "p-4 pb-2", children: /* @__PURE__ */ jsxRuntime.jsx(progress.CardTitle, { className: "text-sm", children: "Rio de Janeiro" }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(progress.CardContent, { className: "p-4 pt-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardHeader, { className: "p-4 pb-2", children: /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { className: "text-sm", children: "Rio de Janeiro" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardContent, { className: "p-4 pt-0", children: /* @__PURE__ */ jsxRuntime.jsx(
               alertDialog.Map,
               {
                 center: { lat: -22.9068, lng: -43.1729 },
@@ -1599,9 +1802,9 @@ function MapShowcase() {
               }
             ) })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(progress.Card, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(progress.CardHeader, { className: "p-4 pb-2", children: /* @__PURE__ */ jsxRuntime.jsx(progress.CardTitle, { className: "text-sm", children: "New York" }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(progress.CardContent, { className: "p-4 pt-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardHeader, { className: "p-4 pb-2", children: /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { className: "text-sm", children: "New York" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardContent, { className: "p-4 pt-0", children: /* @__PURE__ */ jsxRuntime.jsx(
               alertDialog.Map,
               {
                 center: { lat: 40.7128, lng: -74.006 },
@@ -1615,12 +1818,12 @@ function MapShowcase() {
         ] })
       ] }) }),
       /* @__PURE__ */ jsxRuntime.jsx(alertDialog.TabsContent, { value: "markers", className: "space-y-8", children: !isTransitioning && activeTab === "markers" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(progress.Card, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(progress.CardHeader, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(progress.CardTitle, { children: "Marcadores e Pins" }),
-            /* @__PURE__ */ jsxRuntime.jsx(progress.CardDescription, { children: "Exemplos de marcadores personalizados com diferentes cores e informações." })
+        /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Marcadores e Pins" }),
+            /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "Exemplos de marcadores personalizados com diferentes cores e informações." })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(progress.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(
             alertDialog.Map,
             {
               center: { lat: -23.5505, lng: -46.6333 },
@@ -1652,12 +1855,12 @@ function MapShowcase() {
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(progress.Card, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(progress.CardHeader, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(progress.CardTitle, { children: "Marcador com Ações" }),
-            /* @__PURE__ */ jsxRuntime.jsx(progress.CardDescription, { children: "Marcador interativo que exibe conteúdo rico (texto, imagem, botões) ao ser clicado." })
+        /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Marcador com Ações" }),
+            /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "Marcador interativo que exibe conteúdo rico (texto, imagem, botões) ao ser clicado." })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(progress.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(
             alertDialog.Map,
             {
               center: { lat: -23.5505, lng: -46.6333 },
@@ -1680,7 +1883,15 @@ function MapShowcase() {
                     /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-3 leading-relaxed", children: "Sede principal em São Paulo. Espaço moderno para reuniões e eventos." }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
                       /* @__PURE__ */ jsxRuntime.jsx(button.Button, { size: "sm", className: "w-full h-8 text-xs shadow-sm", children: "Navegar" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(button.Button, { size: "sm", variant: "outline", className: "w-full h-8 text-xs bg-background", children: "Detalhes" })
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        button.Button,
+                        {
+                          size: "sm",
+                          variant: "outline",
+                          className: "w-full h-8 text-xs bg-background",
+                          children: "Detalhes"
+                        }
+                      )
                     ] })
                   ] })
                 }
@@ -1688,12 +1899,12 @@ function MapShowcase() {
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(progress.Card, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(progress.CardHeader, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(progress.CardTitle, { children: "Áreas e Zonas" }),
-            /* @__PURE__ */ jsxRuntime.jsx(progress.CardDescription, { children: "Delimitação de áreas geográficas usando círculos e polígonos." })
+        /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Áreas e Zonas" }),
+            /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "Delimitação de áreas geográficas usando círculos e polígonos." })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(progress.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(
             alertDialog.Map,
             {
               center: { lat: -23.5505, lng: -46.6333 },
@@ -1731,12 +1942,12 @@ function MapShowcase() {
         ] })
       ] }) }),
       /* @__PURE__ */ jsxRuntime.jsx(alertDialog.TabsContent, { value: "controls", className: "space-y-8", children: !isTransitioning && activeTab === "controls" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(progress.Card, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(progress.CardHeader, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(progress.CardTitle, { children: "Controles do Mapa" }),
-            /* @__PURE__ */ jsxRuntime.jsx(progress.CardDescription, { children: "Personalize a interface do mapa ativando ou desativando controles nativos." })
+        /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Controles do Mapa" }),
+            /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "Personalize a interface do mapa ativando ou desativando controles nativos." })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(progress.CardContent, { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardContent, { className: "space-y-4", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4 p-4 border rounded-lg bg-muted/50", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -1798,12 +2009,12 @@ function MapShowcase() {
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(progress.Card, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(progress.CardHeader, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(progress.CardTitle, { children: "Filtros Interativos" }),
-            /* @__PURE__ */ jsxRuntime.jsx(progress.CardDescription, { children: "Exemplo avançado de mapa com controles customizados para filtragem de marcadores." })
+        /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Filtros Interativos" }),
+            /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "Exemplo avançado de mapa com controles customizados para filtragem de marcadores." })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(progress.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(FilterableMapExample, { apiKey }) })
+          /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(FilterableMapExample, { apiKey }) })
         ] })
       ] }) }),
       /* @__PURE__ */ jsxRuntime.jsx(alertDialog.TabsContent, { value: "drawing", className: "space-y-8", children: !isTransitioning && activeTab === "drawing" && /* @__PURE__ */ jsxRuntime.jsx(DrawingMapExample, { apiKey }) })
@@ -1832,7 +2043,8 @@ function MapShowcase() {
     ] })
   ] });
 }
-function TemplateContent({ user, onLogout, onSettings }) {
+function TemplateContent() {
+  const { t: t2 } = reactI18next.useTranslation();
   const layout = LayoutContext.useOptionalLayout();
   const [localSidebarExpanded, setLocalSidebarExpanded] = React.useState(false);
   const [localSidebarWidth, setLocalSidebarWidth] = React.useState(280);
@@ -1841,9 +2053,13 @@ function TemplateContent({ user, onLogout, onSettings }) {
   const setSidebarWidth = (layout == null ? void 0 : layout.setSidebarWidth) ?? setLocalSidebarWidth;
   (layout == null ? void 0 : layout.toggleSidebar) ?? (() => setLocalSidebarExpanded((value) => !value));
   reactRouterDom.useNavigate();
-  const [progress$1, setProgress] = React.useState(45);
-  const [sliderValue, setSliderValue] = React.useState([50]);
-  const [switchEnabled, setSwitchEnabled] = React.useState(false);
+  const { data: teamMembers = [], isLoading: teamLoading } = useTeamMembers();
+  const progress$1 = useDashboardStore((s) => s.progress);
+  const setProgress = useDashboardStore((s) => s.setProgress);
+  const sliderValue = useDashboardStore((s) => s.sliderValue);
+  const setSliderValue = useDashboardStore((s) => s.setSliderValue);
+  const switchEnabled = useDashboardStore((s) => s.switchEnabled);
+  const toggleSwitch = useDashboardStore((s) => s.toggleSwitch);
   const [showSidebarUser, setShowSidebarUser] = React.useState(true);
   const [showSidebarSettings, setShowSidebarSettings] = React.useState(true);
   const [showSidebarLogout, setShowSidebarLogout] = React.useState(true);
@@ -1883,12 +2099,12 @@ function TemplateContent({ user, onLogout, onSettings }) {
           ),
           /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4", children: "Header with Breadcrumbs" }),
-            /* @__PURE__ */ jsxRuntime.jsxs(progress.Card, { children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(progress.CardHeader, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(progress.CardTitle, { children: "Main Header" }),
-                /* @__PURE__ */ jsxRuntime.jsx(progress.CardDescription, { children: "Example of Header with 4-level breadcrumbs" })
+            /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Main Header" }),
+                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "Example of Header with 4-level breadcrumbs" })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs(progress.CardContent, { className: "p-0 border-t bg-background overflow-hidden rounded-b-[var(--radius-lg)]", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardContent, { className: "p-0 border-t bg-background overflow-hidden rounded-b-[var(--radius-lg)]", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   sidebar.Header,
                   {
@@ -1948,43 +2164,43 @@ function TemplateContent({ user, onLogout, onSettings }) {
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.TabsContent, { value: "overview", className: "space-y-4", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-4 md:grid-cols-3", children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs(progress.Card, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs(progress.CardHeader, { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(progress.CardTitle, { children: "Total de Usuários" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(progress.CardDescription, { children: "Últimos 30 dias" })
+                  /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Total de Usuários" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "Últimos 30 dias" })
                     ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx(progress.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-foreground", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-foreground", children: [
                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "[font-size:var(--text-stats)] [font-weight:var(--font-weight-bold)]", children: "1,234" }),
                       /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: "default", className: "ml-2", children: "+12%" })
                     ] }) })
                   ] }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(progress.Card, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs(progress.CardHeader, { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(progress.CardTitle, { children: "Receita Total" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(progress.CardDescription, { children: "Mês atual" })
+                  /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Receita Total" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "Mês atual" })
                     ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx(progress.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-foreground", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-foreground", children: [
                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "[font-size:var(--text-stats)] [font-weight:var(--font-weight-bold)]", children: "$ 45.2k" }),
                       /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: "secondary", className: "ml-2", children: "+8%" })
                     ] }) })
                   ] }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(progress.Card, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs(progress.CardHeader, { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(progress.CardTitle, { children: "Taxa de Conversão" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(progress.CardDescription, { children: "Semana atual" })
+                  /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Taxa de Conversão" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "Semana atual" })
                     ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx(progress.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-foreground", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-foreground", children: [
                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "[font-size:var(--text-stats)] [font-weight:var(--font-weight-bold)]", children: "3.2%" }),
                       /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: "outline", className: "ml-2", children: "-2%" })
                     ] }) })
                   ] })
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs(progress.Card, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs(progress.CardHeader, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(progress.CardTitle, { children: "Progresso & Sliders" }),
-                    /* @__PURE__ */ jsxRuntime.jsx(progress.CardDescription, { children: "Exemplo de componentes de progresso" })
+                /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Progresso & Sliders" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "Exemplo de componentes de progresso" })
                   ] }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(progress.CardContent, { className: "space-y-6", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardContent, { className: "space-y-6", children: [
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
                       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
                         /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { children: "Progresso do Projeto" }),
@@ -1995,8 +2211,22 @@ function TemplateContent({ user, onLogout, onSettings }) {
                       ] }),
                       /* @__PURE__ */ jsxRuntime.jsx(progress.Progress, { value: progress$1, className: "w-full" }),
                       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(button.Button, { size: "sm", onClick: () => setProgress(Math.max(0, progress$1 - 10)), children: "-10%" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(button.Button, { size: "sm", onClick: () => setProgress(Math.min(100, progress$1 + 10)), children: "+10%" })
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          button.Button,
+                          {
+                            size: "sm",
+                            onClick: () => setProgress(Math.max(0, progress$1 - 10)),
+                            children: "-10%"
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          button.Button,
+                          {
+                            size: "sm",
+                            onClick: () => setProgress(Math.min(100, progress$1 + 10)),
+                            children: "+10%"
+                          }
+                        )
                       ] })
                     ] }),
                     /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Separator, {}),
@@ -2024,12 +2254,12 @@ function TemplateContent({ user, onLogout, onSettings }) {
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(alertDialog.TabsContent, { value: "forms", className: "space-y-4", children: /* @__PURE__ */ jsxRuntime.jsxs(progress.Card, { children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(progress.CardHeader, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(progress.CardTitle, { children: "Formulário de Cadastro" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(progress.CardDescription, { children: "Preencha os campos abaixo para criar uma nova conta" })
+              /* @__PURE__ */ jsxRuntime.jsx(alertDialog.TabsContent, { value: "forms", className: "space-y-4", children: /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Formulário de Cadastro" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "Preencha os campos abaixo para criar uma nova conta" })
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsx(progress.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleFormSubmit, className: "space-y-4", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleFormSubmit, className: "space-y-4", children: [
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
                       /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "firstName", children: "Nome" }),
@@ -2044,14 +2274,30 @@ function TemplateContent({ user, onLogout, onSettings }) {
                     /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "email", children: "E-mail" }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mail, { className: "absolute left-3 top-3 h-4 w-4 text-muted-foreground" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(input.Input, { id: "email", type: "email", placeholder: "john@example.com", className: "pl-10" })
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        input.Input,
+                        {
+                          id: "email",
+                          type: "email",
+                          placeholder: "john@example.com",
+                          className: "pl-10"
+                        }
+                      )
                     ] })
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
                     /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "phone", children: "Telefone" }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Phone, { className: "absolute left-3 top-3 h-4 w-4 text-muted-foreground" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(input.Input, { id: "phone", type: "tel", placeholder: "(11) 99999-9999", className: "pl-10" })
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        input.Input,
+                        {
+                          id: "phone",
+                          type: "tel",
+                          placeholder: "(11) 99999-9999",
+                          className: "pl-10"
+                        }
+                      )
                     ] })
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
@@ -2114,17 +2360,17 @@ function TemplateContent({ user, onLogout, onSettings }) {
                     ] })
                   ] })
                 ] }) }),
-                /* @__PURE__ */ jsxRuntime.jsxs(progress.CardFooter, { className: "flex justify-between", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardFooter, { className: "flex justify-between", children: [
                   /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", children: "Cancelar" }),
                   /* @__PURE__ */ jsxRuntime.jsx(button.Button, { onClick: handleFormSubmit, children: "Criar Conta" })
                 ] })
               ] }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(alertDialog.TabsContent, { value: "data", className: "space-y-4", children: /* @__PURE__ */ jsxRuntime.jsxs(progress.Card, { children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(progress.CardHeader, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(progress.CardTitle, { children: "Lista de Usuários" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(progress.CardDescription, { children: "Gerenciar usuários do sistema" })
+              /* @__PURE__ */ jsxRuntime.jsx(alertDialog.TabsContent, { value: "data", className: "space-y-4", children: /* @__PURE__ */ jsxRuntime.jsx(SectionErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Lista de Usuários" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "Gerenciar usuários do sistema" })
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs(progress.CardContent, { children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardContent, { children: [
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
                     /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "absolute left-3 top-3 h-4 w-4 text-muted-foreground" }),
                     /* @__PURE__ */ jsxRuntime.jsx(
@@ -2138,64 +2384,63 @@ function TemplateContent({ user, onLogout, onSettings }) {
                   ] }) }),
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-[var(--radius-lg)] border border-border overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsxs(richTextEditor.Table, { children: [
                     /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(richTextEditor.TableRow, { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableHead, { children: "Name" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableHead, { children: "Email" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableHead, { children: "Role" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableHead, { children: "Status" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableHead, { className: "text-right", children: "Actions" })
+                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableHead, { children: t2("team.name") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableHead, { children: t2("team.email") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableHead, { children: t2("team.role") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableHead, { children: t2("team.status") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableHead, { className: "text-right", children: t2("team.actions") })
                     ] }) }),
-                    /* @__PURE__ */ jsxRuntime.jsxs(richTextEditor.TableBody, { children: [
-                      /* @__PURE__ */ jsxRuntime.jsxs(richTextEditor.TableRow, { children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { children: "Ana Silva" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { children: "ana.silva@example.com" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { children: "Developer" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: "default", children: "Active" }) }),
-                        /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { className: "text-right", children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "ghost", size: "sm", children: "Edit" }) })
-                      ] }),
-                      /* @__PURE__ */ jsxRuntime.jsxs(richTextEditor.TableRow, { children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { children: "Bruno Costa" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { children: "bruno.costa@example.com" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { children: "Designer" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: "default", children: "Active" }) }),
-                        /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { className: "text-right", children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "ghost", size: "sm", children: "Edit" }) })
-                      ] }),
-                      /* @__PURE__ */ jsxRuntime.jsxs(richTextEditor.TableRow, { children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { children: "Carla Oliveira" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { children: "carla.oliveira@example.com" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { children: "Manager" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: "secondary", children: "Away" }) }),
-                        /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { className: "text-right", children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "ghost", size: "sm", children: "Edit" }) })
-                      ] }),
-                      /* @__PURE__ */ jsxRuntime.jsxs(richTextEditor.TableRow, { children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { children: "Diego Santos" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { children: "diego.santos@example.com" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { children: "Analyst" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: "outline", children: "Inactive" }) }),
-                        /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { className: "text-right", children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "ghost", size: "sm", children: "Edit" }) })
-                      ] })
-                    ] })
+                    /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableBody, { children: teamLoading ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsxs(richTextEditor.TableRow, { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "size-8 rounded-full shrink-0" }),
+                        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-3.5 w-28" })
+                      ] }) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-3.5 w-36" }) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-3.5 w-20" }) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-5 w-16 rounded-full" }) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { className: "text-right", children: /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-7 w-14 ml-auto" }) })
+                    ] }, i)) }) : teamMembers.map((member) => /* @__PURE__ */ jsxRuntime.jsxs(richTextEditor.TableRow, { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { children: member.name }),
+                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { children: member.email }),
+                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { children: t2(`team.roles.${member.role}`) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                        progress.Badge,
+                        {
+                          variant: member.status === "active" ? "default" : member.status === "away" ? "secondary" : "outline",
+                          children: t2(`common.${member.status}`)
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { className: "text-right", children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "ghost", size: "sm", children: t2("common.edit") }) })
+                    ] }, member.id)) })
                   ] }) })
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs(progress.CardFooter, { className: "flex justify-between items-center", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: "Showing 4 of 127 users" }),
+                /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardFooter, { className: "flex justify-between items-center", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: t2("team.showing", { count: teamMembers.length, total: teamMembers.length }) }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
                     /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", size: "sm", children: "Previous" }),
                     /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", size: "sm", children: "Next" })
                   ] })
                 ] })
-              ] }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(alertDialog.TabsContent, { value: "settings", className: "space-y-4", children: /* @__PURE__ */ jsxRuntime.jsxs(progress.Card, { children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(progress.CardHeader, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(progress.CardTitle, { children: "Configurações do Sistema" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(progress.CardDescription, { children: "Gerenciar configurações gerais" })
+              ] }) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(alertDialog.TabsContent, { value: "settings", className: "space-y-4", children: /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Configurações do Sistema" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "Gerenciar configurações gerais" })
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs(progress.CardContent, { className: "space-y-6", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardContent, { className: "space-y-6", children: [
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
                       /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "dark-mode", children: "Dark Mode" }),
                       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: "Enable dark theme in the interface" })
                     ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Switch, { id: "dark-mode", checked: switchEnabled, onCheckedChange: setSwitchEnabled })
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      alertDialog.Switch,
+                      {
+                        id: "dark-mode",
+                        checked: switchEnabled,
+                        onCheckedChange: toggleSwitch
+                      }
+                    )
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Separator, {}),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
@@ -2238,7 +2483,7 @@ function TemplateContent({ user, onLogout, onSettings }) {
                     ] })
                   ] })
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs(progress.CardFooter, { className: "flex justify-between", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardFooter, { className: "flex justify-between", children: [
                   /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", children: "Restaurar Padrões" }),
                   /* @__PURE__ */ jsxRuntime.jsx(button.Button, { children: "Salvar Alterações" })
                 ] })
@@ -2248,12 +2493,12 @@ function TemplateContent({ user, onLogout, onSettings }) {
           /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Separator, { className: "my-8" }),
           /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4", children: "Botões" }),
-            /* @__PURE__ */ jsxRuntime.jsxs(progress.Card, { children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(progress.CardHeader, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(progress.CardTitle, { children: "Variações de Botão" }),
-                /* @__PURE__ */ jsxRuntime.jsx(progress.CardDescription, { children: "Diferentes estilos e tamanhos de botões" })
+            /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Variações de Botão" }),
+                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "Diferentes estilos e tamanhos de botões" })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs(progress.CardContent, { className: "space-y-6", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardContent, { className: "space-y-6", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
                   /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { children: "Variants" }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-3", children: [
@@ -2307,12 +2552,12 @@ function TemplateContent({ user, onLogout, onSettings }) {
           /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Separator, { className: "my-8" }),
           /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4", children: "Badges" }),
-            /* @__PURE__ */ jsxRuntime.jsxs(progress.Card, { children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(progress.CardHeader, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(progress.CardTitle, { children: "Variações de Badge" }),
-                /* @__PURE__ */ jsxRuntime.jsx(progress.CardDescription, { children: "Estilos diferentes de badge para status e tags" })
+            /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Variações de Badge" }),
+                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "Estilos diferentes de badge para status e tags" })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(progress.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-3", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: "default", children: "Padrão" }),
                 /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: "secondary", children: "Secundário" }),
                 /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: "outline", children: "Contorno" }),
@@ -2327,12 +2572,12 @@ function TemplateContent({ user, onLogout, onSettings }) {
           /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4", children: "Diálogos" }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(progress.Card, { children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(progress.CardHeader, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(progress.CardTitle, { children: "Diálogo" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(progress.CardDescription, { children: "Um modal interativo básico" })
+              /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Diálogo" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "Um modal interativo básico" })
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsx(progress.CardContent, { className: "flex justify-center py-6", children: /* @__PURE__ */ jsxRuntime.jsxs(richTextEditor.Dialog, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardContent, { className: "flex justify-center py-6", children: /* @__PURE__ */ jsxRuntime.jsxs(richTextEditor.Dialog, { children: [
                   /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", children: "Editar Perfil" }) }),
                   /* @__PURE__ */ jsxRuntime.jsxs(richTextEditor.DialogContent, { className: "sm:max-w-[425px]", children: [
                     /* @__PURE__ */ jsxRuntime.jsxs(richTextEditor.DialogHeader, { children: [
@@ -2353,12 +2598,12 @@ function TemplateContent({ user, onLogout, onSettings }) {
                   ] })
                 ] }) })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs(progress.Card, { children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(progress.CardHeader, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(progress.CardTitle, { children: "Alerta de Diálogo" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(progress.CardDescription, { children: "Um alerta para decisões importantes" })
+              /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Alerta de Diálogo" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "Um alerta para decisões importantes" })
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsx(progress.CardContent, { className: "flex justify-center py-6", children: /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialog, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardContent, { className: "flex justify-center py-6", children: /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialog, { children: [
                   /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "destructive", children: "Excluir Conta" }) }),
                   /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialogContent, { className: "sm:max-w-[425px]", children: [
                     /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialogHeader, { children: [
@@ -2379,21 +2624,35 @@ function TemplateContent({ user, onLogout, onSettings }) {
           /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Separator, { className: "my-8" }),
           /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4", children: "Variações de Cabeçalho" }),
-            /* @__PURE__ */ jsxRuntime.jsxs(progress.Card, { children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(progress.CardHeader, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(progress.CardTitle, { children: "Configurações do Cabeçalho Principal" }),
-                /* @__PURE__ */ jsxRuntime.jsx(progress.CardDescription, { children: "O Header é focado em navegação (breadcrumbs) e ações contextuais rápidas." })
+            /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Configurações do Cabeçalho Principal" }),
+                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "O Header é focado em navegação (breadcrumbs) e ações contextuais rápidas." })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs(progress.CardContent, { className: "space-y-6", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardContent, { className: "space-y-6", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4 border rounded-[var(--radius-lg)] bg-muted/30", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-semibold mb-4", children: "Elementos Visíveis" }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6", children: [
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Switch, { id: "header-actions", checked: showHeaderActions, onCheckedChange: setShowHeaderActions }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        alertDialog.Switch,
+                        {
+                          id: "header-actions",
+                          checked: showHeaderActions,
+                          onCheckedChange: setShowHeaderActions
+                        }
+                      ),
                       /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "header-actions", className: "cursor-pointer", children: "Botões de Ação" })
                     ] }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Switch, { id: "header-bread", checked: showHeaderBreadcrumbs, onCheckedChange: setShowHeaderBreadcrumbs }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        alertDialog.Switch,
+                        {
+                          id: "header-bread",
+                          checked: showHeaderBreadcrumbs,
+                          onCheckedChange: setShowHeaderBreadcrumbs
+                        }
+                      ),
                       /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "header-bread", className: "cursor-pointer", children: "Breadcrumbs" })
                     ] })
                   ] })
@@ -2405,13 +2664,26 @@ function TemplateContent({ user, onLogout, onSettings }) {
                     {
                       title: !showHeaderBreadcrumbs ? "Página Atual" : void 0,
                       breadcrumbs: showHeaderBreadcrumbs ? [
-                        { label: "Xertica UI", href: "#", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Home, { className: "w-4 h-4" }) },
+                        {
+                          label: "Xertica UI",
+                          href: "#",
+                          icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Home, { className: "w-4 h-4" })
+                        },
                         { label: "Configurações", href: "#" },
                         { label: "Perfil" }
                       ] : void 0,
                       actions: showHeaderActions ? [
-                        { id: "notify", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bell, { className: "w-5 h-5" }), onClick: () => sonner.toast("Notificações abertas") },
-                        { id: "mail", label: "Mensagens", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mail, { className: "w-5 h-5" }), onClick: () => sonner.toast("Mensagens abertas") }
+                        {
+                          id: "notify",
+                          icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bell, { className: "w-5 h-5" }),
+                          onClick: () => sonner.toast("Notificações abertas")
+                        },
+                        {
+                          id: "mail",
+                          label: "Mensagens",
+                          icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mail, { className: "w-5 h-5" }),
+                          onClick: () => sonner.toast("Mensagens abertas")
+                        }
                       ] : void 0
                     }
                   ),
@@ -2423,12 +2695,12 @@ function TemplateContent({ user, onLogout, onSettings }) {
           /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Separator, { className: "my-8" }),
           /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4", children: "Variações da Sidebar" }),
-            /* @__PURE__ */ jsxRuntime.jsxs(progress.Card, { children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(progress.CardHeader, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(progress.CardTitle, { children: "Sidebar Modo Assistente vs Padrão" }),
-                /* @__PURE__ */ jsxRuntime.jsx(progress.CardDescription, { children: "A Sidebar suporta flexibilidade através da propriedade variant." })
+            /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Sidebar Modo Assistente vs Padrão" }),
+                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "A Sidebar suporta flexibilidade através da propriedade variant." })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(progress.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.Tabs, { defaultValue: "assistant", className: "w-full", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.Tabs, { defaultValue: "assistant", className: "w-full", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.TabsList, { className: "mb-4", children: [
                   /* @__PURE__ */ jsxRuntime.jsx(alertDialog.TabsTrigger, { value: "assistant", children: "Modo Assistente" }),
                   /* @__PURE__ */ jsxRuntime.jsx(alertDialog.TabsTrigger, { value: "default", children: "Modo Padrão" })
@@ -2437,15 +2709,36 @@ function TemplateContent({ user, onLogout, onSettings }) {
                   /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-semibold mb-4", children: "Configurações do Rodapé" }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-6 mt-2", children: [
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Switch, { id: "show-user", checked: showSidebarUser, onCheckedChange: setShowSidebarUser }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        alertDialog.Switch,
+                        {
+                          id: "show-user",
+                          checked: showSidebarUser,
+                          onCheckedChange: setShowSidebarUser
+                        }
+                      ),
                       /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "show-user", className: "cursor-pointer", children: "Perfil do Usuário" })
                     ] }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Switch, { id: "show-settings", checked: showSidebarSettings, onCheckedChange: setShowSidebarSettings }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        alertDialog.Switch,
+                        {
+                          id: "show-settings",
+                          checked: showSidebarSettings,
+                          onCheckedChange: setShowSidebarSettings
+                        }
+                      ),
                       /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "show-settings", className: "cursor-pointer", children: "Configurações" })
                     ] }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Switch, { id: "show-logout", checked: showSidebarLogout, onCheckedChange: setShowSidebarLogout }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        alertDialog.Switch,
+                        {
+                          id: "show-logout",
+                          checked: showSidebarLogout,
+                          onCheckedChange: setShowSidebarLogout
+                        }
+                      ),
                       /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "show-logout", className: "cursor-pointer", children: "Botão de Sair" })
                     ] })
                   ] }),
@@ -2475,146 +2768,221 @@ function TemplateContent({ user, onLogout, onSettings }) {
                     ] })
                   ] })
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsx(alertDialog.TabsContent, { value: "assistant", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative h-[600px] border rounded-[var(--radius-lg)] bg-muted/20 overflow-hidden", style: { transform: "translateZ(0)" }, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    sidebar.Sidebar,
-                    {
-                      expanded: true,
-                      width: sidebarWidth,
-                      onToggle: () => {
-                      },
-                      user: { email: "admin@xertica.com" },
-                      onLogout: () => sonner.toast("Saiu"),
-                      location: { pathname: "/assistant/current" },
-                      navigate: () => {
-                      },
-                      variant: "assistant",
-                      search: {
-                        show: true,
-                        placeholder: "Buscar tópicos...",
-                        filter: {
-                          show: true,
-                          content: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-2 space-y-2", children: [
-                            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-semibold uppercase text-muted-foreground px-2", children: "Filtrar por Status" }),
-                            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2 p-1", children: [
-                              /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { className: "bg-sidebar-foreground/20 text-sidebar-foreground border-none cursor-pointer hover:bg-sidebar-foreground/30", children: "Ativo" }),
-                              /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: "outline", className: "text-sidebar-foreground/70 border-sidebar-foreground/20 cursor-pointer hover:bg-sidebar-foreground/10", children: "Arquivado" }),
-                              /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: "outline", className: "text-sidebar-foreground/70 border-sidebar-foreground/20 cursor-pointer hover:bg-sidebar-foreground/10", children: "Pendente" })
-                            ] })
-                          ] })
-                        }
-                      },
-                      fixedArea: {
-                        show: true,
-                        content: /* @__PURE__ */ jsxRuntime.jsxs(button.Button, { className: "w-full bg-sidebar-primary hover:bg-sidebar-primary/90 text-sidebar-primary-foreground shadow-lg font-bold border-none transition-all duration-300 transform hover:scale-[1.02] active:scale-[0.98]", children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "w-4 h-4 mr-2" }),
-                          "Nova Conversa"
-                        ] })
-                      },
-                      navigationGroups: [
+                /* @__PURE__ */ jsxRuntime.jsx(alertDialog.TabsContent, { value: "assistant", children: /* @__PURE__ */ jsxRuntime.jsxs(
+                  "div",
+                  {
+                    className: "relative h-[600px] border rounded-[var(--radius-lg)] bg-muted/20 overflow-hidden",
+                    style: { transform: "translateZ(0)" },
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        sidebar.Sidebar,
                         {
-                          id: "recent",
-                          label: "Recentes",
-                          icon: lucideReact.Clock,
-                          items: [
+                          expanded: true,
+                          width: sidebarWidth,
+                          onToggle: () => {
+                          },
+                          user: { email: "admin@xertica.com" },
+                          onLogout: () => sonner.toast("Saiu"),
+                          location: { pathname: "/assistant/current" },
+                          navigate: () => {
+                          },
+                          variant: "assistant",
+                          search: {
+                            show: true,
+                            placeholder: "Buscar tópicos...",
+                            filter: {
+                              show: true,
+                              content: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-2 space-y-2", children: [
+                                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-semibold uppercase text-muted-foreground px-2", children: "Filtrar por Status" }),
+                                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2 p-1", children: [
+                                  /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { className: "bg-sidebar-foreground/20 text-sidebar-foreground border-none cursor-pointer hover:bg-sidebar-foreground/30", children: "Ativo" }),
+                                  /* @__PURE__ */ jsxRuntime.jsx(
+                                    progress.Badge,
+                                    {
+                                      variant: "outline",
+                                      className: "text-sidebar-foreground/70 border-sidebar-foreground/20 cursor-pointer hover:bg-sidebar-foreground/10",
+                                      children: "Arquivado"
+                                    }
+                                  ),
+                                  /* @__PURE__ */ jsxRuntime.jsx(
+                                    progress.Badge,
+                                    {
+                                      variant: "outline",
+                                      className: "text-sidebar-foreground/70 border-sidebar-foreground/20 cursor-pointer hover:bg-sidebar-foreground/10",
+                                      children: "Pendente"
+                                    }
+                                  )
+                                ] })
+                              ] })
+                            }
+                          },
+                          fixedArea: {
+                            show: true,
+                            content: /* @__PURE__ */ jsxRuntime.jsxs(button.Button, { className: "w-full bg-sidebar-primary hover:bg-sidebar-primary/90 text-sidebar-primary-foreground shadow-lg font-bold border-none transition-all duration-300 transform hover:scale-[1.02] active:scale-[0.98]", children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "w-4 h-4 mr-2" }),
+                              "Nova Conversa"
+                            ] })
+                          },
+                          navigationGroups: [
                             {
-                              path: "/assistant/refatoracao",
-                              label: "Refatoração da Sidebar",
-                              description: "Ativo agora",
-                              actions: [
-                                { label: "Renomear", icon: lucideReact.FileEdit, onClick: () => sonner.toast("Abrir renomear...") },
+                              id: "recent",
+                              label: "Recentes",
+                              icon: lucideReact.Clock,
+                              items: [
                                 {
-                                  label: "Mover",
-                                  icon: lucideReact.ArrowRightLeft,
-                                  children: [
-                                    { label: "Projetos Ativos", onClick: () => sonner.toast("Movido para Projetos Ativos") },
-                                    { label: "Monitoramento", onClick: () => sonner.toast("Movido para Monitoramento") },
-                                    { label: "Arquivar", onClick: () => sonner.toast("Movido para Arquivo") }
+                                  path: "/assistant/refatoracao",
+                                  label: "Refatoração da Sidebar",
+                                  description: "Ativo agora",
+                                  actions: [
+                                    {
+                                      label: "Renomear",
+                                      icon: lucideReact.FileEdit,
+                                      onClick: () => sonner.toast("Abrir renomear...")
+                                    },
+                                    {
+                                      label: "Mover",
+                                      icon: lucideReact.ArrowRightLeft,
+                                      children: [
+                                        {
+                                          label: "Projetos Ativos",
+                                          onClick: () => sonner.toast("Movido para Projetos Ativos")
+                                        },
+                                        {
+                                          label: "Monitoramento",
+                                          onClick: () => sonner.toast("Movido para Monitoramento")
+                                        },
+                                        {
+                                          label: "Arquivar",
+                                          onClick: () => sonner.toast("Movido para Arquivo")
+                                        }
+                                      ]
+                                    },
+                                    {
+                                      label: "Limpar",
+                                      icon: lucideReact.Trash2,
+                                      onClick: () => sonner.toast("Histórico Limpo!"),
+                                      variant: "destructive"
+                                    }
                                   ]
+                                }
+                              ]
+                            },
+                            {
+                              id: "projects",
+                              label: "Monitoramento de Projetos",
+                              icon: lucideReact.Map,
+                              actions: [
+                                {
+                                  label: "Nova Categoria",
+                                  icon: lucideReact.Plus,
+                                  onClick: () => sonner.toast("Criar nova categoria...")
                                 },
-                                { label: "Limpar", icon: lucideReact.Trash2, onClick: () => sonner.toast("Histórico Limpo!"), variant: "destructive" }
+                                {
+                                  label: "Arquivar Grupo",
+                                  icon: lucideReact.Archive,
+                                  onClick: () => sonner.toast("Arquivando grupo...")
+                                }
+                              ],
+                              items: [
+                                {
+                                  path: "/assistant/br163",
+                                  label: "Restauração BR-163",
+                                  icon: () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-2 h-2 rounded-full bg-yellow-500" }),
+                                  description: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5 min-w-[160px]", children: [
+                                    /* @__PURE__ */ jsxRuntime.jsx(
+                                      progress.Progress,
+                                      {
+                                        value: 67,
+                                        className: "h-1.5 bg-sidebar-foreground/10"
+                                      }
+                                    ),
+                                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center text-[10px] text-sidebar-foreground/60", children: [
+                                      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Cuiabá, MT" }),
+                                      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "67%" })
+                                    ] })
+                                  ] })
+                                }
                               ]
                             }
-                          ]
-                        },
+                          ],
+                          footer: {
+                            showUser: showSidebarUser,
+                            showSettings: showSidebarSettings,
+                            showLogout: showSidebarLogout
+                          }
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "div",
                         {
-                          id: "projects",
-                          label: "Monitoramento de Projetos",
-                          icon: lucideReact.Map,
-                          actions: [
-                            { label: "Nova Categoria", icon: lucideReact.Plus, onClick: () => sonner.toast("Criar nova categoria...") },
-                            { label: "Arquivar Grupo", icon: lucideReact.Archive, onClick: () => sonner.toast("Arquivando grupo...") }
+                          className: "absolute inset-y-0 right-0 p-8 flex items-center justify-center transition-all duration-300",
+                          style: { left: `${sidebarWidth}px` },
+                          children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-center", children: "Conteúdo do Modo Assistente" })
+                        }
+                      )
+                    ]
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsx(alertDialog.TabsContent, { value: "default", children: /* @__PURE__ */ jsxRuntime.jsxs(
+                  "div",
+                  {
+                    className: "relative h-[600px] border rounded-[var(--radius-lg)] bg-muted/20 overflow-hidden",
+                    style: { transform: "translateZ(0)" },
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        sidebar.Sidebar,
+                        {
+                          expanded: true,
+                          width: sidebarWidth,
+                          onToggle: () => {
+                          },
+                          user: {
+                            name: "Ariel Santos",
+                            email: "admin@xertica.com",
+                            avatar: "https://github.com/shadcn.png"
+                          },
+                          onLogout: () => sonner.toast("Saiu"),
+                          onSettingsClick: () => sonner.toast("Configurações clicadas"),
+                          location: { pathname: "/home" },
+                          navigate: () => {
+                          },
+                          variant: "default",
+                          routes: [
+                            { path: "/home", label: "Início", icon: lucideReact.Home },
+                            { path: "/dashboard", label: "Dashboard", icon: lucideReact.Users },
+                            { path: "/settings", label: "Configurações", icon: lucideReact.Settings }
                           ],
-                          items: [
-                            {
-                              path: "/assistant/br163",
-                              label: "Restauração BR-163",
-                              icon: () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-2 h-2 rounded-full bg-yellow-500" }),
-                              description: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5 min-w-[160px]", children: [
-                                /* @__PURE__ */ jsxRuntime.jsx(progress.Progress, { value: 67, className: "h-1.5 bg-sidebar-foreground/10" }),
-                                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center text-[10px] text-sidebar-foreground/60", children: [
-                                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Cuiabá, MT" }),
-                                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: "67%" })
-                                ] })
-                              ] })
-                            }
-                          ]
+                          footer: {
+                            showUser: showSidebarUser,
+                            showSettings: showSidebarSettings,
+                            showLogout: showSidebarLogout
+                          }
                         }
-                      ],
-                      footer: {
-                        showUser: showSidebarUser,
-                        showSettings: showSidebarSettings,
-                        showLogout: showSidebarLogout
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-y-0 right-0 p-8 flex items-center justify-center transition-all duration-300", style: { left: `${sidebarWidth}px` }, children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-center", children: "Conteúdo do Modo Assistente" }) })
-                ] }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(alertDialog.TabsContent, { value: "default", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative h-[600px] border rounded-[var(--radius-lg)] bg-muted/20 overflow-hidden", style: { transform: "translateZ(0)" }, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    sidebar.Sidebar,
-                    {
-                      expanded: true,
-                      width: sidebarWidth,
-                      onToggle: () => {
-                      },
-                      user: {
-                        name: "Ariel Santos",
-                        email: "admin@xertica.com",
-                        avatar: "https://github.com/shadcn.png"
-                      },
-                      onLogout: () => sonner.toast("Saiu"),
-                      onSettingsClick: () => sonner.toast("Configurações clicadas"),
-                      location: { pathname: "/home" },
-                      navigate: () => {
-                      },
-                      variant: "default",
-                      routes: [
-                        { path: "/home", label: "Início", icon: lucideReact.Home },
-                        { path: "/dashboard", label: "Dashboard", icon: lucideReact.Users },
-                        { path: "/settings", label: "Configurações", icon: lucideReact.Settings }
-                      ],
-                      footer: {
-                        showUser: showSidebarUser,
-                        showSettings: showSidebarSettings,
-                        showLogout: showSidebarLogout
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-y-0 right-0 p-8 flex items-center justify-center transition-all duration-300", style: { left: `${sidebarWidth}px` }, children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-center", children: "Navegação Tradicional do Sistema" }) })
-                ] }) })
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "div",
+                        {
+                          className: "absolute inset-y-0 right-0 p-8 flex items-center justify-center transition-all duration-300",
+                          style: { left: `${sidebarWidth}px` },
+                          children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-center", children: "Navegação Tradicional do Sistema" })
+                        }
+                      )
+                    ]
+                  }
+                ) })
               ] }) })
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Separator, { className: "my-8" }),
-          /* @__PURE__ */ jsxRuntime.jsxs(progress.Card, { className: "mt-8", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(progress.CardHeader, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(progress.CardTitle, { children: "Template Pronto para CLI" }),
-              /* @__PURE__ */ jsxRuntime.jsx(progress.CardDescription, { children: "Como usar este template" })
+          /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { className: "mt-8", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Template Pronto para CLI" }),
+              /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "Como usar este template" })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(progress.CardContent, { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardContent, { className: "space-y-4", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-muted-foreground", children: [
-                "Este template está pronto para ser usado como base para novos projetos. Todos os componentes usam as variáveis CSS definidas em ",
+                "Este template está pronto para ser usado como base para novos projetos. Todos os componentes usam as variáveis CSS definidas em",
+                " ",
                 /* @__PURE__ */ jsxRuntime.jsx("code", { className: "bg-muted px-2 py-1 rounded-[var(--radius-sm)] [font-size:var(--text-small)]", children: "/styles/xertica/tokens.css" }),
                 "and follow the Xertica UI CLI-first architecture."
               ] }),
@@ -2629,7 +2997,8 @@ function TemplateContent({ user, onLogout, onSettings }) {
     }
   );
 }
-function TemplatePage({ user, onLogout }) {
+function TemplatePage() {
+  const { user, logout } = useAuth();
   const layout = LayoutContext.useOptionalLayout();
   const [localSidebarExpanded, setLocalSidebarExpanded] = React.useState(false);
   const [localAssistantExpanded, setLocalAssistantExpanded] = React.useState(false);
@@ -2652,21 +3021,14 @@ function TemplatePage({ user, onLogout }) {
           name: "Ariel Santos",
           avatar: "https://github.com/shadcn.png"
         },
-        onLogout,
+        onLogout: logout,
         onSettingsClick: () => navigate("/settings"),
         location,
         navigate,
         routes
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      TemplateContent,
-      {
-        user,
-        onLogout,
-        onSettings: () => navigate("/settings")
-      }
-    ),
+    /* @__PURE__ */ jsxRuntime.jsx(TemplateContent, {}),
     /* @__PURE__ */ jsxRuntime.jsx(
       xerticaAssistant.XerticaAssistant,
       {
@@ -2682,6 +3044,7 @@ function VerifyEmailPage() {
   var _a;
   const navigate = reactRouterDom.useNavigate();
   const location = reactRouterDom.useLocation();
+  const { t: t2 } = reactI18next.useTranslation();
   const email = ((_a = location.state) == null ? void 0 : _a.email) || "your@email.com";
   const [isResending, setIsResending] = React.useState(false);
   const [resendSuccess, setResendSuccess] = React.useState(false);
@@ -2701,7 +3064,7 @@ function VerifyEmailPage() {
         alertDialog.ImageWithFallback,
         {
           src: "https://images.unsplash.com/photo-1563986768609-322da13575f3?w=1200&h=800&fit=crop&auto=format",
-          alt: "E-mail e comunicação",
+          alt: t2("verifyEmail.heroImageAlt"),
           className: "absolute inset-0 w-full h-full object-cover"
         }
       ),
@@ -2720,23 +3083,23 @@ function VerifyEmailPage() {
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center mb-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 bg-primary/10 rounded-[var(--radius)]", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mail, { className: "w-12 h-12 text-primary" }) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm text-muted-foreground", children: "Verifique seu e-mail" }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-muted-foreground", children: "Enviamos as instruções para redefinir sua senha para:" }),
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm text-muted-foreground", children: t2("verifyEmail.heading") }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-muted-foreground", children: t2("verifyEmail.instructionsSent") }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-primary", children: email })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-accent rounded-[var(--radius)] p-4 space-y-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: "Siga as instruções no e-mail para redefinir sua senha. O link expira em 24 horas." }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: t2("verifyEmail.instructions") }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 text-muted-foreground", children: [
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "w-4 h-4 mt-0.5 flex-shrink-0 text-[var(--chart-2)]" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: "Verifique sua pasta de spam se não encontrar o e-mail" })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: t2("verifyEmail.checkSpam") })
           ] })
         ] }),
         resendSuccess && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-[var(--chart-2)]/10 border border-[var(--chart-2)]/20 rounded-[var(--radius)] p-3 flex items-center gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "w-5 h-5 text-[var(--chart-2)] flex-shrink-0" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-[var(--chart-2)]", children: "E-mail reenviado com sucesso!" })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-[var(--chart-2)]", children: t2("verifyEmail.resentSuccess") })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-center text-muted-foreground", children: "Não recebeu o e-mail?" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-center text-muted-foreground", children: t2("verifyEmail.notReceived") }),
           /* @__PURE__ */ jsxRuntime.jsx(
             button.Button,
             {
@@ -2744,7 +3107,7 @@ function VerifyEmailPage() {
               className: "w-full",
               onClick: handleResend,
               disabled: isResending,
-              children: isResending ? "Reenviando..." : "Reenviar e-mail"
+              children: isResending ? t2("verifyEmail.resending") : t2("verifyEmail.resend")
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2756,14 +3119,14 @@ function VerifyEmailPage() {
               className: "w-full text-muted-foreground hover:text-foreground",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { className: "w-4 h-4 mr-2" }),
-                "Voltar para o login"
+                t2("verifyEmail.backToLogin")
               ]
             }
           )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full border-t border-border" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex justify-center text-sm", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-muted px-2 text-muted-foreground", children: "ou continue com" }) })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex justify-center text-sm", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-muted px-2 text-muted-foreground", children: t2("login.orContinueWith") }) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
           /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2775,13 +3138,37 @@ function VerifyEmailPage() {
               onClick: () => handleSocialLogin(),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "w-5 h-5 mr-2", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#EA4335", d: "M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#4285F4", d: "M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#FBBC05", d: "M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#34A853", d: "M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "path",
+                    {
+                      fill: "#EA4335",
+                      d: "M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "path",
+                    {
+                      fill: "#4285F4",
+                      d: "M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "path",
+                    {
+                      fill: "#FBBC05",
+                      d: "M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "path",
+                    {
+                      fill: "#34A853",
+                      d: "M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"
+                    }
+                  ),
                   /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "none", d: "M0 0h48v48H0z" })
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Entrar com Google" })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: t2("login.signInWithGoogle") })
               ]
             }
           ),
@@ -2794,7 +3181,7 @@ function VerifyEmailPage() {
               onClick: () => handleSocialLogin(),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { className: "w-5 h-5 mr-2 text-[var(--chart-4)]" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Entrar com MT Login" })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: t2("login.signInWithMTLogin") })
               ]
             }
           ),
@@ -2805,10 +3192,7 @@ function VerifyEmailPage() {
               variant: "outline",
               className: "w-full justify-center font-normal",
               onClick: () => handleSocialLogin(),
-              children: /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                "Entrar com ",
-                /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "font-semibold", children: "gov.br" })
-              ] })
+              children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: t2("login.signInWithGovBr") })
             }
           )
         ] })