import { navigateWithAgentChatViewTransition } from "@agent-native/core/client/agent-chat"; import { configureTracking } from "@agent-native/core/client/analytics"; import { appPath } from "@agent-native/core/client/api-path"; import { useDbSync, AppProviders, createAgentNativeQueryClient, setClientAppState, } from "@agent-native/core/client/hooks"; import { getLocaleInitScript, useT } from "@agent-native/core/client/i18n"; import { CommandMenu, useCommandMenuShortcut, } from "@agent-native/core/client/navigation"; import { getThemeInitScript } from "@agent-native/core/client/ui"; import { IconHierarchy2, IconSun, IconMoon } from "@tabler/icons-react"; import { useQueryClient } from "@tanstack/react-query"; import { useTheme } from "next-themes"; import { useCallback, useEffect, useState } from "react"; import { Links, Meta, Outlet, Scripts, ScrollRestoration, useLocation, useNavigate, } from "react-router"; import type { LinksFunction } from "react-router"; import { AppToolkitProvider } from "@/components/ui/toolkit-provider"; import { useNavigationState } from "@/hooks/use-navigation-state"; import { formsRoutePath } from "@/lib/form-builder-tabs"; import { TAB_ID } from "@/lib/tab-id"; import changelog from "../CHANGELOG.md?raw"; import { i18nCatalog } from "./i18n"; import stylesheet from "./global.css?url"; configureTracking({ getDefaultProps: (_name, properties) => ({ ...properties, app: "agent-native-forms", }), }); export const links: LinksFunction = () => [ { rel: "stylesheet", href: stylesheet }, ]; const THEME_INIT_SCRIPT_SELECTOR = "script[data-agent-native-theme-init]"; const LOCALE_INIT_SCRIPT_SELECTOR = "script[data-agent-native-locale-init]"; function getHydrationStableThemeInitScript() { if (typeof document !== "undefined") { const existing = document.querySelector( THEME_INIT_SCRIPT_SELECTOR, ); if (existing?.innerHTML) return existing.innerHTML; } return getThemeInitScript(); } function getHydrationStableLocaleInitScript() { if (typeof document !== "undefined") { const existing = document.querySelector( LOCALE_INIT_SCRIPT_SELECTOR, ); if (existing?.innerHTML) return existing.innerHTML; } return getLocaleInitScript(); } const THEME_INIT_SCRIPT = getHydrationStableThemeInitScript(); const LOCALE_INIT_SCRIPT = getHydrationStableLocaleInitScript(); export function Layout({ children }: { children: React.ReactNode }) { return (