@agent-native/core 0.99.3 → 0.100.0

package/corpus/templates/dispatch/app/root.tsx

@@ -11,7 +11,7 @@ import {
   useT,
 } from "@agent-native/core/client";
 import { Layout as AppLayout } from "@agent-native/dispatch/components";
-import { IconSun, IconMoon } from "@tabler/icons-react";
+import { IconBrain, IconSun, IconMoon } from "@tabler/icons-react";
 import { useQueryClient } from "@tanstack/react-query";
 import { useTheme } from "next-themes";
 import { useCallback, useEffect, useRef, useState } from "react";
@@ -177,6 +177,7 @@ function ThemeToggleItem() {
 function AppContent() {
   const [cmdkOpen, setCmdkOpen] = useState(false);
   const t = useT();
+  const navigate = useNavigate();
   useCommandMenuShortcut(useCallback(() => setCmdkOpen(true), []));
   return (
     <>
@@ -188,6 +189,10 @@ function AppContent() {
         changelogKey="dispatch"
       >
         <CommandMenu.Group heading={t("root.commandActions")}>
+          <CommandMenu.Item onSelect={() => navigate("/agent")}>
+            <IconBrain size={16} />
+            {t("root.openAgent")}
+          </CommandMenu.Item>
           <CommandMenu.Item onSelect={() => {}}>
             {t("root.commandSearch")}
           </CommandMenu.Item>
@@ -196,7 +201,7 @@ function AppContent() {
           <ThemeToggleItem />
         </CommandMenu.Group>
       </CommandMenu>
-      <AppLayout extensions={dispatchExtensions}>
+      <AppLayout extensions={dispatchExtensions} agentPageHref="/agent">
         <Outlet />
       </AppLayout>
     </>

package/corpus/templates/dispatch/app/routes/agent.tsx

@@ -0,0 +1,18 @@
+import { AgentTabsPage, useT } from "@agent-native/core/client";
+import { DispatchShell } from "@agent-native/dispatch/components";
+
+import { messagesByLocale } from "@/i18n-data";
+
+export function meta() {
+  return [{ title: messagesByLocale["en-US"].settings.agentTitle }];
+}
+
+export default function AgentRoute() {
+  const t = useT();
+
+  return (
+    <DispatchShell title={t("settings.agentTitle")}>
+      <AgentTabsPage />
+    </DispatchShell>
+  );
+}

package/corpus/templates/dispatch/changelog/2026-07-13-new-agent-page-see-and-manage-your-agent-s-context-files-con.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-07-13
+---
+
+New Agent page: see and manage your agent's context, files, connections, jobs, and external access in one place

package/corpus/templates/forms/app/components/layout/Layout.tsx

@@ -88,6 +88,7 @@ export function Layout({ children }: LayoutProps) {
         ) : (
           <AgentSidebar
             position="right"
+            agentPageHref="/agent"
             defaultOpen
             chatViewTransition
             storageKey="forms"

package/corpus/templates/forms/app/components/layout/Sidebar.tsx

@@ -15,6 +15,7 @@ import {
   IconMenu2,
   IconX,
   IconMessageCircle,
+  IconBrain,
   IconSettings,
   IconForms,
   IconLayoutSidebarLeftCollapse,
@@ -273,6 +274,26 @@ export function Sidebar() {
             {newFormPopover}
           </Popover>
 
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <Link
+                to="/agent"
+                aria-label={t("navigation.agent")}
+                className={cn(
+                  "forms-sidebar-nav-item flex size-10 items-center justify-center rounded-lg active:scale-[0.96] transition-[background-color,box-shadow,color,transform]",
+                  location.pathname.startsWith("/agent")
+                    ? "bg-accent text-accent-foreground"
+                    : "text-muted-foreground hover:bg-accent/50 hover:text-foreground",
+                )}
+              >
+                <IconBrain className="h-4 w-4" />
+              </Link>
+            </TooltipTrigger>
+            <TooltipContent side="right">
+              {t("navigation.agent")}
+            </TooltipContent>
+          </Tooltip>
+
           <Tooltip>
             <TooltipTrigger asChild>
               <Link
@@ -411,6 +432,20 @@ export function Sidebar() {
 
       {/* Pinned nav + footer */}
       <div className="shrink-0 px-3 py-1.5">
+        <Link
+          to="/agent"
+          onClick={() => isMobile && setMobileOpen(false)}
+          className={cn(
+            "forms-sidebar-nav-item flex min-h-[44px] w-full items-center gap-2.5 rounded-lg px-3 py-2 text-sm active:scale-[0.96] transition-[background-color,box-shadow,color,transform]",
+            location.pathname.startsWith("/agent")
+              ? "bg-accent text-accent-foreground"
+              : "text-muted-foreground hover:bg-accent/50 hover:text-foreground",
+          )}
+        >
+          <IconBrain size={14} className="shrink-0" />
+          <span>{t("navigation.agent")}</span>
+        </Link>
+
         <Link
           to="/settings"
           onClick={() => isMobile && setMobileOpen(false)}

package/corpus/templates/forms/app/i18n/ar-SA.ts

@@ -4,6 +4,7 @@ const messages = {
     searchForms: "بحث في النماذج",
     appearance: "المظهر",
     toggleTheme: "تبديل السمة",
+    openAgent: "فتح الوكيل",
   },
   header: {
     settings: "الإعدادات",
@@ -19,6 +20,7 @@ const messages = {
     askForms: "اسأل Forms",
     allForms: "كل النماذج",
     team: "الفريق",
+    agent: "الوكيل",
   },
   settings: {
     title: "الإعدادات",

package/corpus/templates/forms/app/i18n/de-DE.ts

@@ -4,6 +4,7 @@ const messages = {
     searchForms: "Formulare suchen",
     appearance: "Darstellung",
     toggleTheme: "Design wechseln",
+    openAgent: "Agent öffnen",
   },
   header: {
     settings: "Einstellungen",
@@ -19,6 +20,7 @@ const messages = {
     askForms: "Fragen Sie nach Formularen",
     allForms: "Alle Formulare",
     team: "Team",
+    agent: "Agent",
   },
   settings: {
     title: "Einstellungen",

package/corpus/templates/forms/app/i18n/en-US.ts

@@ -4,6 +4,7 @@ const messages = {
     searchForms: "Search forms",
     appearance: "Appearance",
     toggleTheme: "Toggle theme",
+    openAgent: "Open Agent",
   },
   header: {
     settings: "Settings",
@@ -19,6 +20,7 @@ const messages = {
     askForms: "Ask Forms",
     allForms: "All forms",
     team: "Team",
+    agent: "Agent",
   },
   settings: {
     title: "Settings",

package/corpus/templates/forms/app/i18n/es-ES.ts

@@ -4,6 +4,7 @@ const messages = {
     searchForms: "Buscar formularios",
     appearance: "Apariencia",
     toggleTheme: "Cambiar tema",
+    openAgent: "Abrir agente",
   },
   header: {
     settings: "Ajustes",
@@ -19,6 +20,7 @@ const messages = {
     askForms: "Preguntar a Forms",
     allForms: "Todos los formularios",
     team: "Equipo",
+    agent: "Agente",
   },
   settings: {
     title: "Ajustes",

package/corpus/templates/forms/app/i18n/fr-FR.ts

@@ -4,6 +4,7 @@ const messages = {
     searchForms: "Rechercher des formulaires",
     appearance: "Apparence",
     toggleTheme: "Changer de theme",
+    openAgent: "Ouvrir l’agent",
   },
   header: {
     settings: "Paramètres",
@@ -19,6 +20,7 @@ const messages = {
     askForms: "Demander a Forms",
     allForms: "Tous les formulaires",
     team: "Equipe",
+    agent: "Agent",
   },
   settings: {
     title: "Paramètres",

package/corpus/templates/forms/app/i18n/hi-IN.ts

@@ -4,6 +4,7 @@ const messages = {
     searchForms: "फॉर्म खोजें",
     appearance: "दिखावट",
     toggleTheme: "थीम बदलें",
+    openAgent: "एजेंट खोलें",
   },
   header: {
     settings: "सेटिंग्स",
@@ -19,6 +20,7 @@ const messages = {
     askForms: "प्रपत्र पूछें",
     allForms: "सभी फॉर्म",
     team: "टीम",
+    agent: "एजेंट",
   },
   settings: {
     title: "सेटिंग्स",

package/corpus/templates/forms/app/i18n/ja-JP.ts

@@ -4,6 +4,7 @@ const messages = {
     searchForms: "フォームを検索",
     appearance: "表示",
     toggleTheme: "テーマを切り替え",
+    openAgent: "エージェントを開く",
   },
   header: {
     settings: "設定",
@@ -19,6 +20,7 @@ const messages = {
     askForms: "フォームに質問する",
     allForms: "すべてのフォーム",
     team: "チーム",
+    agent: "エージェント",
   },
   settings: {
     title: "設定",

package/corpus/templates/forms/app/i18n/ko-KR.ts

@@ -4,6 +4,7 @@ const messages = {
     searchForms: "양식 검색",
     appearance: "모양",
     toggleTheme: "테마 전환",
+    openAgent: "에이전트 열기",
   },
   header: {
     settings: "설정",
@@ -19,6 +20,7 @@ const messages = {
     askForms: "양식에 문의하기",
     allForms: "모든 양식",
     team: "팀",
+    agent: "에이전트",
   },
   settings: {
     title: "설정",

package/corpus/templates/forms/app/i18n/pt-BR.ts

@@ -4,6 +4,7 @@ const messages = {
     searchForms: "Pesquisar formularios",
     appearance: "Aparencia",
     toggleTheme: "Alternar tema",
+    openAgent: "Abrir agente",
   },
   header: {
     settings: "Configurações",
@@ -19,6 +20,7 @@ const messages = {
     askForms: "Perguntar ao Forms",
     allForms: "Todos os formulários",
     team: "Equipe",
+    agent: "Agente",
   },
   settings: {
     title: "Configurações",

package/corpus/templates/forms/app/i18n/zh-CN.ts

@@ -4,6 +4,7 @@ const messages = {
     searchForms: "搜索表单",
     appearance: "外观",
     toggleTheme: "切换主题",
+    openAgent: "打开代理",
   },
   header: {
     settings: "设置",
@@ -19,6 +20,7 @@ const messages = {
     askForms: "询问表单",
     allForms: "所有表单",
     team: "团队",
+    agent: "代理",
   },
   settings: {
     title: "设置",

package/corpus/templates/forms/app/i18n/zh-TW.ts

@@ -4,6 +4,7 @@ const messages = {
     searchForms: "搜尋表單",
     appearance: "外觀",
     toggleTheme: "切換主題",
+    openAgent: "開啟代理",
   },
   header: {
     settings: "設定",
@@ -19,6 +20,7 @@ const messages = {
     askForms: "詢問表單",
     allForms: "所有表單",
     team: "團隊",
+    agent: "代理",
   },
   settings: {
     title: "設定",

package/corpus/templates/forms/app/root.tsx

@@ -13,7 +13,7 @@ import {
   setClientAppState,
   useT,
 } from "@agent-native/core/client";
-import { IconSun, IconMoon } from "@tabler/icons-react";
+import { IconBrain, IconSun, IconMoon } from "@tabler/icons-react";
 import { useQueryClient } from "@tanstack/react-query";
 import { useTheme } from "next-themes";
 import { useCallback, useEffect, useState } from "react";
@@ -235,6 +235,7 @@ function FormsCommandMenu({
   onOpenChange: (open: boolean) => void;
 }) {
   const t = useT();
+  const navigate = useNavigate();
   return (
     <CommandMenu
       open={open}
@@ -246,6 +247,10 @@ function FormsCommandMenu({
         <CommandMenu.Item onSelect={() => {}}>
           {t("root.searchForms")}
         </CommandMenu.Item>
+        <CommandMenu.Item onSelect={() => navigate("/agent")}>
+          <IconBrain size={16} />
+          {t("root.openAgent")}
+        </CommandMenu.Item>
       </CommandMenu.Group>
       <CommandMenu.Group heading={t("root.appearance")}>
         <ThemeToggleItem />

package/corpus/templates/forms/app/routes/_app.agent.tsx

@@ -0,0 +1,15 @@
+import { AgentTabsPage, useT } from "@agent-native/core/client";
+import { useSetPageTitle } from "@agent-native/toolkit/app-shell";
+
+import messages from "@/i18n/en-US";
+
+export function meta() {
+  return [{ title: messages.settings.agentTitle }];
+}
+
+export default function AgentRoute() {
+  const t = useT();
+  useSetPageTitle(t("settings.agentTitle"));
+
+  return <AgentTabsPage />;
+}

package/corpus/templates/forms/changelog/2026-07-13-new-agent-page-see-and-manage-your-agent-s-context-files-con.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-07-13
+---
+
+New Agent page: see and manage your agent's context, files, connections, jobs, and external access in one place

package/corpus/templates/macros/app/components/layout/AppLayout.tsx

@@ -13,6 +13,7 @@ import {
   IconFlame,
   IconLoader2,
   IconChartBar,
+  IconBrain,
   IconSettings,
   IconLayoutSidebarLeftCollapse,
   IconLayoutSidebarLeftExpand,
@@ -41,6 +42,7 @@ import { Header } from "./Header";
 const navItems = [
   { icon: IconFlame, labelKey: "navigation.entry", href: "/" },
   { icon: IconChartBar, labelKey: "navigation.analytics", href: "/analytics" },
+  { icon: IconBrain, labelKey: "settings.agentTitle", href: "/agent" },
   { icon: IconSettings, labelKey: "navigation.settings", href: "/settings" },
 ];
 
@@ -58,6 +60,7 @@ export function AppLayout({ children }: { children: React.ReactNode }) {
 
   const isAnalytics = location.pathname === "/analytics";
   const isSettings = location.pathname.startsWith("/settings");
+  const isAgent = location.pathname.startsWith("/agent");
 
   // Auto-close sidebar on route change (mobile)
   useEffect(() => {
@@ -73,12 +76,18 @@ export function AppLayout({ children }: { children: React.ReactNode }) {
 
   // Navigation state sync - write current view to application state
   useEffect(() => {
-    const view = isSettings ? "settings" : isAnalytics ? "analytics" : "entry";
+    const view = isAgent
+      ? "agent"
+      : isSettings
+        ? "settings"
+        : isAnalytics
+          ? "analytics"
+          : "entry";
     apiFetch(agentNativePath("/_agent-native/application-state/navigation"), {
       method: "PUT",
       body: JSON.stringify({ view, path: location.pathname }),
     }).catch(() => {});
-  }, [location.pathname, isAnalytics, isSettings]);
+  }, [location.pathname, isAgent, isAnalytics, isSettings]);
 
   // useDbSync invalidates this key when the agent writes a navigate command.
   const { data: navCommand } = useQuery({
@@ -108,6 +117,8 @@ export function AppLayout({ children }: { children: React.ReactNode }) {
         navigate("/analytics");
       } else if (cmd.view === "settings") {
         navigate("/settings");
+      } else if (cmd.view === "agent") {
+        navigate("/agent");
       } else if (cmd.view === "entry") {
         navigate("/");
       }
@@ -131,6 +142,7 @@ export function AppLayout({ children }: { children: React.ReactNode }) {
           t("agent.suggestionMacros"),
           t("agent.suggestionRun"),
         ]}
+        agentPageHref="/agent"
       >
         <div className="agent-layout-shell flex flex-1 overflow-hidden">
           {/* Desktop sidebar */}

package/corpus/templates/macros/app/components/layout/Header.tsx

@@ -10,6 +10,7 @@ const pageTitles: Record<string, string> = {
   "/": "header.entry",
   "/entry": "header.entry",
   "/analytics": "header.analytics",
+  "/agent": "settings.agentTitle",
   "/settings": "header.settings",
   "/extensions": "header.extensions",
 };

package/corpus/templates/macros/app/root.tsx

@@ -10,11 +10,18 @@ import {
   useCommandMenuShortcut,
   useT,
 } from "@agent-native/core/client";
-import { IconSun, IconMoon } from "@tabler/icons-react";
+import { IconBrain, IconSun, IconMoon } from "@tabler/icons-react";
 import { useQueryClient } from "@tanstack/react-query";
 import { useTheme } from "next-themes";
 import { useCallback, useState } from "react";
-import { Links, Meta, Outlet, Scripts, ScrollRestoration } from "react-router";
+import {
+  Links,
+  Meta,
+  Outlet,
+  Scripts,
+  ScrollRestoration,
+  useNavigate,
+} from "react-router";
 import type { LinksFunction } from "react-router";
 
 import { AppLayout } from "@/components/layout/AppLayout";
@@ -145,6 +152,7 @@ function MacrosCommandMenu({
   onOpenChange: (open: boolean) => void;
 }) {
   const t = useT();
+  const navigate = useNavigate();
   return (
     <CommandMenu
       open={open}
@@ -156,6 +164,13 @@ function MacrosCommandMenu({
         <CommandMenu.Item onSelect={() => {}}>
           {t("root.search")}
         </CommandMenu.Item>
+        <CommandMenu.Item
+          onSelect={() => navigate("/agent")}
+          keywords={["agent", "context", "connections", "jobs", "access"]}
+        >
+          <IconBrain size={16} />
+          {t("settings.openAgentSettings")}
+        </CommandMenu.Item>
       </CommandMenu.Group>
       <CommandMenu.Group heading={t("root.appearance")}>
         <ThemeToggleItem />

package/corpus/templates/macros/app/routes/agent.tsx

@@ -0,0 +1,15 @@
+import { AgentTabsPage, useT } from "@agent-native/core/client";
+import { useSetPageTitle } from "@agent-native/toolkit/app-shell";
+
+import messages from "@/i18n/en-US";
+
+export function meta() {
+  return [{ title: messages.settings.agentTitle }];
+}
+
+export default function AgentRoute() {
+  const t = useT();
+  useSetPageTitle(t("settings.agentTitle"));
+
+  return <AgentTabsPage appName="Macros" />;
+}

package/corpus/templates/macros/changelog/2026-07-13-new-agent-page-see-and-manage-your-agent-s-context-files-con.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-07-13
+---
+
+New Agent page: see and manage your agent's context, files, connections, jobs, and external access in one place

package/corpus/templates/mail/app/components/layout/AppLayout.tsx

@@ -13,6 +13,7 @@ import { normalizeMailLabel } from "@shared/gmail-labels";
 import type { Label } from "@shared/types";
 import {
   IconMenu2,
+  IconBrain,
   IconSettings,
   IconSearch,
   IconCheck,
@@ -144,6 +145,7 @@ function AccountAvatar({
 function isStandardLayoutPath(pathname: string): boolean {
   return (
     pathname === "/settings" ||
+    pathname === "/agent" ||
     pathname === "/team" ||
     pathname === "/draft-queue" ||
     pathname.startsWith("/draft-queue/") ||
@@ -195,6 +197,7 @@ export function AppLayout({ children }: AppLayoutProps) {
     <AgentSidebar
       position="right"
       defaultOpen={!isMobile}
+      agentPageHref="/agent"
       emptyStateText={t("agent.emptyState")}
       suggestions={[
         t("agent.suggestionSummarize"),
@@ -1748,6 +1751,25 @@ function AppLayoutInner({ children }: AppLayoutProps) {
                     <div className="flex items-center gap-1 px-2 py-2">
                       <DevDatabaseLink />
                       <FeedbackButton className="min-w-0 flex-1" />
+                      <Tooltip>
+                        <TooltipTrigger asChild>
+                          <Link
+                            to="/agent"
+                            onClick={closeSidebar}
+                            aria-label={t("settings.openAgentSettings")}
+                            className={cn(
+                              "flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent/50 hover:text-foreground",
+                              location.pathname === "/agent" &&
+                                "bg-accent/60 text-foreground",
+                            )}
+                          >
+                            <IconBrain className="h-4 w-4" />
+                          </Link>
+                        </TooltipTrigger>
+                        <TooltipContent>
+                          {t("settings.openAgentSettings")}
+                        </TooltipContent>
+                      </Tooltip>
                       <Tooltip>
                         <TooltipTrigger asChild>
                           <Link
@@ -1967,6 +1989,7 @@ function StandardLayout({ children }: AppLayoutProps) {
 
   const fallbackTitle = (() => {
     if (location.pathname === "/settings") return t("settings.title");
+    if (location.pathname === "/agent") return t("settings.agentTitle");
     if (location.pathname === "/team") return t("mail.pages.team");
     if (location.pathname.startsWith("/draft-queue"))
       return t("mail.views.draftQueue");
@@ -2101,6 +2124,25 @@ function StandardLayout({ children }: AppLayoutProps) {
               <DevDatabaseLink />
               <FeedbackButton className="min-w-0 flex-1" />
               <div className="flex shrink-0 items-center gap-0.5">
+                <Tooltip>
+                  <TooltipTrigger asChild>
+                    <Link
+                      to="/agent"
+                      onClick={() => setSidebarOpen(false)}
+                      aria-label={t("settings.openAgentSettings")}
+                      className={cn(
+                        "flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent/50 hover:text-foreground",
+                        location.pathname === "/agent" &&
+                          "bg-accent/60 text-foreground",
+                      )}
+                    >
+                      <IconBrain className="h-4 w-4" />
+                    </Link>
+                  </TooltipTrigger>
+                  <TooltipContent>
+                    {t("settings.openAgentSettings")}
+                  </TooltipContent>
+                </Tooltip>
                 <Tooltip>
                   <TooltipTrigger asChild>
                     <Link

package/corpus/templates/mail/app/components/layout/CommandPalette.tsx

@@ -1,5 +1,6 @@
 import { CommandMenu, useT } from "@agent-native/core/client";
 import {
+  IconBrain,
   IconInbox,
   IconStar,
   IconSend,
@@ -74,6 +75,11 @@ const navCommands = [
     shortcut: "G A",
   },
   { labelKey: "commandPalette.goToTrash", icon: IconTrash, route: "/trash" },
+  {
+    labelKey: "settings.openAgentSettings",
+    icon: IconBrain,
+    route: "/agent",
+  },
 ];
 
 export function CommandPalette({

package/corpus/templates/mail/app/routes/agent.tsx

@@ -0,0 +1,15 @@
+import { AgentTabsPage, useT } from "@agent-native/core/client";
+import { useSetPageTitle } from "@agent-native/toolkit/app-shell";
+
+import messages from "@/i18n/en-US";
+
+export function meta() {
+  return [{ title: messages.settings.agentTitle }];
+}
+
+export default function AgentRoute() {
+  const t = useT();
+  useSetPageTitle(t("settings.agentTitle"));
+
+  return <AgentTabsPage appName="Mail" />;
+}

package/corpus/templates/mail/changelog/2026-07-13-new-agent-page-see-and-manage-your-agent-s-context-files-con.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-07-13
+---
+
+New Agent page: see and manage your agent's context, files, connections, jobs, and external access in one place

package/corpus/templates/plan/app/components/layout/Header.tsx

@@ -11,6 +11,7 @@ import { APP_TITLE } from "@/lib/app-config";
 const pageTitleKeys: Record<string, string> = {
   "/": "header.plan",
   "/plans": "header.plan",
+  "/agent": "settings.agentTitle",
   "/settings": "header.settings",
 };
 

package/corpus/templates/plan/app/components/layout/Layout.tsx

@@ -204,6 +204,7 @@ export function Layout({ children }: LayoutProps) {
             chatViewTransition
             storageKey="plans"
             openOnChatRunning={chatHomeHandoffActive}
+            agentPageHref="/agent"
             emptyStateText={t("agent.emptyState")}
             suggestions={[
               t("agent.suggestionShipped"),

package/corpus/templates/plan/app/components/layout/Sidebar.tsx

@@ -18,6 +18,7 @@ import { ExtensionsSidebarSection } from "@agent-native/core/client/extensions";
 import { OrgSwitcher } from "@agent-native/core/client/org";
 import {
   IconArchive,
+  IconBrain,
   IconClipboardCheck,
   IconDots,
   IconEdit,
@@ -87,6 +88,7 @@ function buildBrandingCustomizationMessage(request: string) {
 const navItems = [
   { icon: IconMessageCircle, labelKey: "navigation.ask", href: "/" },
   { icon: IconClipboardCheck, labelKey: "navigation.plan", href: "/plans" },
+  { icon: IconBrain, labelKey: "settings.agentTitle", href: "/agent" },
   { icon: IconSettings, labelKey: "navigation.settings", href: "/settings" },
 ];