@agent-native/core 0.99.3 → 0.100.0

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

@@ -15,7 +15,7 @@ import {
   useT,
 } from "@agent-native/core/client";
 import { resolveLocaleFromRequest } from "@agent-native/core/server";
-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";
@@ -25,6 +25,7 @@ import {
   Outlet,
   Scripts,
   ScrollRestoration,
+  useNavigate,
   useLoaderData,
   useLocation,
   useRouteLoaderData,
@@ -197,6 +198,7 @@ function isPublicBookingPath(pathname: string): boolean {
 
 function AppContent() {
   const [cmdkOpen, setCmdkOpen] = useState(false);
+  const navigate = useNavigate();
   const t = useT();
   useCommandMenuShortcut(useCallback(() => setCmdkOpen(true), []));
   return (
@@ -212,6 +214,20 @@ function AppContent() {
           <CommandMenu.Item onSelect={() => {}}>
             {t("root.commandSearch")}
           </CommandMenu.Item>
+          <CommandMenu.Item
+            onSelect={() => navigate("/agent")}
+            keywords={[
+              "agent",
+              "context",
+              "files",
+              "connections",
+              "jobs",
+              "access",
+            ]}
+          >
+            <IconBrain size={16} />
+            {t("settings.openAgentSettings")}
+          </CommandMenu.Item>
         </CommandMenu.Group>
         <CommandMenu.Group heading={t("root.commandAppearance")}>
           <ThemeToggleItem />

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

@@ -0,0 +1,25 @@
+import { AgentTabsPage, useT } from "@agent-native/core/client";
+import { useMemo } from "react";
+
+import { useAppHeaderControls } from "@/components/layout/AppLayout";
+import { messagesByLocale } from "@/i18n-data";
+
+export function meta() {
+  return [{ title: messagesByLocale["en-US"].settings.agentTitle }];
+}
+
+export default function AgentRoute() {
+  const t = useT();
+  const controls = useMemo(
+    () => ({
+      left: (
+        <h1 className="truncate text-lg font-semibold tracking-tight">
+          {t("settings.agentTitle")}
+        </h1>
+      ),
+    }),
+    [t],
+  );
+  useAppHeaderControls(controls);
+  return <AgentTabsPage appName="Calendar" />;
+}

package/corpus/templates/calendar/changelog/2026-07-13-a-full-agent-page-now-brings-context-files-connections-jobs-.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-07-13
+---
+
+A full Agent page now brings context, files, connections, jobs, and external access together

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

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

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

@@ -168,6 +168,7 @@ export function Layout({ children }: LayoutProps) {
             openOnChatRunning={chatHomeHandoffActive}
             onFullscreenRequest={openAskAgentFullscreen}
             emptyStateText={t("chat.inspectEmptyState")}
+            agentPageHref="/agent"
             suggestions={[
               t("chat.inspectSuggestionCapabilities"),
               t("chat.inspectSuggestionHello"),

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

@@ -11,6 +11,7 @@ import { OrgSwitcher } from "@agent-native/core/client/org";
 import {
   IconActivity,
   IconArchive,
+  IconBrain,
   IconDatabase,
   IconDots,
   IconEdit,
@@ -59,6 +60,12 @@ const navItems = [
     href: "/database",
     view: "database",
   },
+  {
+    icon: IconBrain,
+    labelKey: "settings.agentTitle",
+    href: "/agent",
+    view: "agent",
+  },
   {
     icon: IconSettings,
     labelKey: "navigation.settings",

package/corpus/templates/chat/app/hooks/use-navigation-state.ts

@@ -60,6 +60,7 @@ function viewForPath(pathname: string): string {
   if (pathname.startsWith("/database")) return "database";
   if (pathname.startsWith("/extensions")) return "extensions";
   if (pathname.startsWith("/observability")) return "observability";
+  if (pathname.startsWith("/agent")) return "agent";
   if (pathname.startsWith("/team")) return "settings";
   return "chat";
 }
@@ -76,6 +77,8 @@ function pathForView(view?: string): string {
       return "/extensions";
     case "observability":
       return "/observability";
+    case "agent":
+      return "/agent";
     case "settings":
       return "/settings";
     case "team":

package/corpus/templates/chat/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 { Layout as AppLayout } from "@/components/layout/Layout";
@@ -109,6 +116,7 @@ function ThemeToggleItem() {
 
 function AppContent() {
   const [cmdkOpen, setCmdkOpen] = useState(false);
+  const navigate = useNavigate();
   const t = useT();
   useCommandMenuShortcut(useCallback(() => setCmdkOpen(true), []));
   return (
@@ -123,6 +131,20 @@ function AppContent() {
           <CommandMenu.Item onSelect={() => {}}>
             {t("root.commandSearch")}
           </CommandMenu.Item>
+          <CommandMenu.Item
+            onSelect={() => navigate("/agent")}
+            keywords={[
+              "agent",
+              "context",
+              "files",
+              "connections",
+              "jobs",
+              "access",
+            ]}
+          >
+            <IconBrain size={16} />
+            {t("settings.openAgentSettings")}
+          </CommandMenu.Item>
         </CommandMenu.Group>
         <CommandMenu.Group heading={t("root.commandAppearance")}>
           <ThemeToggleItem />

package/corpus/templates/chat/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 { APP_TITLE } from "@/lib/app-config";
+
+export function meta() {
+  return [{ title: `Agent - ${APP_TITLE}` }];
+}
+
+export default function AgentRoute() {
+  const t = useT();
+  useSetPageTitle(t("settings.agentTitle"));
+
+  return <AgentTabsPage appName={APP_TITLE} />;
+}

package/corpus/templates/chat/changelog/2026-07-13-a-full-agent-page-now-brings-context-files-connections-jobs-.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-07-13
+---
+
+A full Agent page now brings context, files, connections, jobs, and external access together

package/corpus/templates/clips/app/components/library/library-layout.tsx

@@ -29,6 +29,7 @@ import {
   IconLayoutSidebarLeftExpand,
   IconPlus,
   IconShare,
+  IconBrain,
   IconSettings,
 } from "@tabler/icons-react";
 import { ReactNode, useEffect, useMemo, useState } from "react";
@@ -240,6 +241,12 @@ export function LibraryLayout({ children }: LibraryLayoutProps) {
       icon: IconTrash,
       match: (p) => p.startsWith("/trash"),
     },
+    {
+      to: "/agent",
+      label: t("navigation.agent"),
+      icon: IconBrain,
+      match: (p) => p.startsWith("/agent"),
+    },
     {
       to: "/settings",
       label: t("navigation.settings"),
@@ -547,6 +554,7 @@ export function LibraryLayout({ children }: LibraryLayoutProps) {
           t("navigation.agentSuggestionPricing"),
           t("navigation.agentSuggestionFiller"),
         ]}
+        agentPageHref="/agent"
         scope={recordingScope}
         browserTabId={getBrowserTabId()}
       >

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

@@ -13,6 +13,7 @@ const messages = {
   root: {
     commandActions: "الإجراءات",
     commandSearch: "بحث",
+    openAgent: "فتح الوكيل",
     commandAppearance: "المظهر",
     toggleTheme: "تبديل السمة",
     extensionSignedInTitle: "تم تسجيل الدخول",
@@ -53,6 +54,7 @@ const messages = {
     dictate: "إملاء",
     archive: "الأرشيف",
     trash: "المهملات",
+    agent: "الوكيل",
     settings: "الإعدادات",
     notifications: "الإشعارات",
     insights: "الرؤى",

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

@@ -13,6 +13,7 @@ const messages = {
   root: {
     commandActions: "Aktionen",
     commandSearch: "Suchen",
+    openAgent: "Agent öffnen",
     commandAppearance: "Darstellung",
     toggleTheme: "Design wechseln",
     extensionSignedInTitle: "Angemeldet",
@@ -54,6 +55,7 @@ const messages = {
     dictate: "Diktieren",
     archive: "Archiv",
     trash: "Papierkorb",
+    agent: "Agent",
     settings: "Einstellungen",
     notifications: "Benachrichtigungen",
     insights: "Einblicke",

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

@@ -13,6 +13,7 @@ const messages = {
   root: {
     commandActions: "Actions",
     commandSearch: "Search",
+    openAgent: "Open Agent",
     commandAppearance: "Appearance",
     toggleTheme: "Toggle theme",
     extensionSignedInTitle: "Signed in",
@@ -54,6 +55,7 @@ const messages = {
     dictate: "Dictate",
     archive: "Archive",
     trash: "Trash",
+    agent: "Agent",
     settings: "Settings",
     notifications: "Notifications",
     insights: "Insights",

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

@@ -13,6 +13,7 @@ const messages = {
   root: {
     commandActions: "Acciones",
     commandSearch: "Buscar",
+    openAgent: "Abrir agente",
     commandAppearance: "Apariencia",
     toggleTheme: "Cambiar tema",
     extensionSignedInTitle: "Sesión iniciada",
@@ -54,6 +55,7 @@ const messages = {
     dictate: "Dictar",
     archive: "Archivo",
     trash: "Papelera",
+    agent: "Agente",
     settings: "Ajustes",
     notifications: "Notificaciones",
     insights: "Información",

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

@@ -13,6 +13,7 @@ const messages = {
   root: {
     commandActions: "Opérations",
     commandSearch: "Rechercher",
+    openAgent: "Ouvrir l’agent",
     commandAppearance: "Apparence",
     toggleTheme: "Changer de thème",
     extensionSignedInTitle: "Connecté",
@@ -54,6 +55,7 @@ const messages = {
     dictate: "Dicter",
     archive: "Archiver",
     trash: "Corbeille",
+    agent: "Agent",
     settings: "Paramètres",
     notifications: "Alertes",
     insights: "Analyses",

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

@@ -13,6 +13,7 @@ const messages = {
   root: {
     commandActions: "कार्रवाइयाँ",
     commandSearch: "खोजें",
+    openAgent: "एजेंट खोलें",
     commandAppearance: "दिखावट",
     toggleTheme: "थीम बदलें",
     extensionSignedInTitle: "साइन इन हो गया",
@@ -54,6 +55,7 @@ const messages = {
     dictate: "डिक्टेट",
     archive: "आर्काइव",
     trash: "ट्रैश",
+    agent: "एजेंट",
     settings: "सेटिंग्स",
     notifications: "सूचनाएँ",
     insights: "इनसाइट्स",

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

@@ -13,6 +13,7 @@ const messages = {
   root: {
     commandActions: "アクション",
     commandSearch: "検索",
+    openAgent: "エージェントを開く",
     commandAppearance: "表示",
     toggleTheme: "テーマを切り替え",
     extensionSignedInTitle: "サインインしました",
@@ -54,6 +55,7 @@ const messages = {
     dictate: "ディクテーション",
     archive: "アーカイブ",
     trash: "ゴミ箱",
+    agent: "エージェント",
     settings: "設定",
     notifications: "通知",
     insights: "インサイト",

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

@@ -13,6 +13,7 @@ const messages = {
   root: {
     commandActions: "작업",
     commandSearch: "검색",
+    openAgent: "에이전트 열기",
     commandAppearance: "화면 표시",
     toggleTheme: "테마 전환",
     extensionSignedInTitle: "로그인됨",
@@ -54,6 +55,7 @@ const messages = {
     dictate: "받아쓰기",
     archive: "보관함",
     trash: "휴지통",
+    agent: "에이전트",
     settings: "설정",
     notifications: "알림",
     insights: "인사이트",

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

@@ -13,6 +13,7 @@ const messages = {
   root: {
     commandActions: "Ações",
     commandSearch: "Pesquisar",
+    openAgent: "Abrir agente",
     commandAppearance: "Aparência",
     toggleTheme: "Alternar tema",
     extensionSignedInTitle: "Conectado",
@@ -54,6 +55,7 @@ const messages = {
     dictate: "Ditar",
     archive: "Arquivo",
     trash: "Lixeira",
+    agent: "Agente",
     settings: "Configurações",
     notifications: "Notificações",
     insights: "Percepções",

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

@@ -13,6 +13,7 @@ const messages = {
   root: {
     commandActions: "操作",
     commandSearch: "搜索",
+    openAgent: "打开代理",
     commandAppearance: "外观",
     toggleTheme: "切换主题",
     extensionSignedInTitle: "已登录",
@@ -52,6 +53,7 @@ const messages = {
     dictate: "听写",
     archive: "归档",
     trash: "废纸篓",
+    agent: "代理",
     settings: "设置",
     notifications: "通知",
     insights: "洞察",

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

@@ -13,6 +13,7 @@ const messages = {
   root: {
     commandActions: "操作",
     commandSearch: "搜尋",
+    openAgent: "開啟代理",
     commandAppearance: "外觀",
     toggleTheme: "切換主題",
     extensionSignedInTitle: "已登入",
@@ -52,6 +53,7 @@ const messages = {
     dictate: "聽寫",
     archive: "封存",
     trash: "廢紙簍",
+    agent: "代理",
     settings: "設定",
     notifications: "通知",
     insights: "洞察",

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

@@ -15,7 +15,7 @@ import {
 } from "@agent-native/core/client";
 import { configureTracking } from "@agent-native/core/client";
 import { resolveLocaleFromRequest } from "@agent-native/core/server";
-import { IconCheck, IconSun, IconMoon } from "@tabler/icons-react";
+import { IconBrain, IconCheck, IconSun, IconMoon } from "@tabler/icons-react";
 import { useQueryClient } from "@tanstack/react-query";
 import { useTheme } from "next-themes";
 import { useCallback, useEffect, useState } from "react";
@@ -27,6 +27,7 @@ import {
   ScrollRestoration,
   useLoaderData,
   useLocation,
+  useNavigate,
   useRouteLoaderData,
 } from "react-router";
 import type { LinksFunction, LoaderFunctionArgs } from "react-router";
@@ -336,6 +337,7 @@ function isStandalonePublicPath(pathname: string): boolean {
 
 function AppContent() {
   const location = useLocation();
+  const navigate = useNavigate();
   const t = useT();
   const standalonePublic = isStandalonePublicPath(location.pathname);
   const [cmdkOpen, setCmdkOpen] = useState(false);
@@ -358,6 +360,10 @@ function AppContent() {
           changelogKey="clips"
         >
           <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>

package/corpus/templates/clips/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/clips/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/content/app/components/layout/Layout.tsx

@@ -165,6 +165,7 @@ export function Layout({ children }: LayoutProps) {
         <AgentSidebar
           position="right"
           defaultOpen={!isMobile}
+          agentPageHref="/agent"
           emptyStateText={t("chat.emptyState")}
           suggestions={[
             t("chat.suggestionPrd"),

package/corpus/templates/content/app/components/sidebar/DocumentSidebar.tsx

@@ -29,6 +29,7 @@ import {
 import type { Document, DocumentTreeNode } from "@shared/api";
 import {
   IconDatabase,
+  IconBrain,
   IconFileText,
   IconPlus,
   IconRestore,
@@ -232,6 +233,7 @@ export function DocumentSidebar({
   const [removeLocalFilesDialogOpen, setRemoveLocalFilesDialogOpen] =
     useState(false);
   const localFilesActive = location.pathname.startsWith("/local-files");
+  const agentActive = location.pathname.startsWith("/agent");
   const settingsActive = location.pathname.startsWith("/settings");
   const sensors = useSensors(
     useSensor(PointerSensor, {
@@ -821,6 +823,23 @@ export function DocumentSidebar({
     </Link>
   );
 
+  const renderAgentNavButton = () => (
+    <Link
+      to="/agent"
+      className={cn(
+        "flex h-8 w-full items-center gap-2 rounded-md px-2 text-sm",
+        agentActive
+          ? "bg-accent text-accent-foreground"
+          : "text-muted-foreground hover:bg-accent/50 hover:text-foreground",
+      )}
+    >
+      <IconBrain size={15} className="shrink-0" />
+      <span className="min-w-0 flex-1 truncate text-start">
+        {t("navigation.agent")}
+      </span>
+    </Link>
+  );
+
   const toggleSection = (id: SidebarSectionId) => {
     setStoredCollapsedSections((current) => {
       const normalized = normalizeCollapsedSections(current);
@@ -1096,6 +1115,22 @@ export function DocumentSidebar({
           </TooltipTrigger>
           <TooltipContent>{t("sidebar.localFiles")}</TooltipContent>
         </Tooltip>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Link
+              to="/agent"
+              className={cn(
+                "w-10 h-10 flex items-center justify-center rounded-lg hover:bg-accent",
+                agentActive
+                  ? "bg-accent text-accent-foreground"
+                  : "text-muted-foreground hover:text-foreground",
+              )}
+            >
+              <IconBrain size={16} />
+            </Link>
+          </TooltipTrigger>
+          <TooltipContent>{t("navigation.agent")}</TooltipContent>
+        </Tooltip>
         <Tooltip>
           <TooltipTrigger asChild>
             <Link
@@ -1334,6 +1369,7 @@ export function DocumentSidebar({
       <div className="shrink-0 px-3 py-2">
         <div className="space-y-1">
           {renderLocalFilesNavButton()}
+          {renderAgentNavButton()}
           {renderSettingsNavButton()}
         </div>
       </div>

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

@@ -13,6 +13,7 @@ const messages = {
     commandLocalFilesHeading: "本機檔案",
     commandDatabaseResultDescription: "開啟資料庫頁面",
     commandAppearance: "外觀",
+    openAgent: "開啟代理",
     toggleTheme: "切換主題",
     metaTitle:
       "Agent-Native Content - 開放原始碼且代理友善的 Obsidian 替代方案",
@@ -26,6 +27,7 @@ const messages = {
   },
   navigation: {
     openSidebar: "開啟側邊欄",
+    agent: "代理",
     settings: "設定",
   },
   team: {