@agent-native/core 0.99.2 → 0.100.0

package/corpus/templates/analytics/app/components/dashboard/SqlChart.tsx

@@ -45,6 +45,11 @@ import {
 
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import {
+  Popover,
+  PopoverAnchor,
+  PopoverContent,
+} from "@/components/ui/popover";
 import {
   Select,
   SelectContent,
@@ -435,10 +440,18 @@ export function sortTooltipPayloadItems<
   });
 }
 
+export function getHiddenSeriesKeysAfterFilter(
+  keys: string[],
+  filteredKey: string,
+): Set<string> {
+  return new Set(keys.filter((key) => key !== filteredKey));
+}
+
 function useSeriesVisibility(keys: string[]): {
   hiddenKeys: Set<string>;
   visibleKeys: string[];
   toggleSeries: (key: string) => void;
+  filterSeries: (key: string) => void;
 } {
   const [hiddenKeys, setHiddenKeys] = useState<Set<string>>(() => new Set());
 
@@ -473,22 +486,61 @@ function useSeriesVisibility(keys: string[]): {
     [keys],
   );
 
-  return { hiddenKeys, visibleKeys, toggleSeries };
+  const filterSeries = useCallback(
+    (key: string) => {
+      setHiddenKeys(getHiddenSeriesKeysAfterFilter(keys, key));
+    },
+    [keys],
+  );
+
+  return { hiddenKeys, visibleKeys, toggleSeries, filterSeries };
 }
 
-function SeriesLegend({
+export function SeriesLegend({
   keys,
   colors,
   panel,
   hiddenKeys,
   onToggleKey,
+  onFilterKey,
 }: {
   keys: string[];
   colors: string[];
   panel: SqlPanel;
   hiddenKeys?: Set<string>;
   onToggleKey?: (key: string) => void;
+  onFilterKey?: (key: string) => void;
 }) {
+  const t = useT();
+  const hasLegendActions = Boolean(onToggleKey || onFilterKey);
+  const [openKey, setOpenKey] = useState<string | null>(null);
+  const closeTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+
+  const clearCloseTimeout = useCallback(() => {
+    if (closeTimeoutRef.current) {
+      clearTimeout(closeTimeoutRef.current);
+      closeTimeoutRef.current = null;
+    }
+  }, []);
+
+  const openLegendActions = useCallback(
+    (key: string) => {
+      clearCloseTimeout();
+      setOpenKey(key);
+    },
+    [clearCloseTimeout],
+  );
+
+  const scheduleCloseLegendActions = useCallback(() => {
+    clearCloseTimeout();
+    closeTimeoutRef.current = setTimeout(() => {
+      setOpenKey(null);
+      closeTimeoutRef.current = null;
+    }, 120);
+  }, [clearCloseTimeout]);
+
+  useEffect(() => () => clearCloseTimeout(), [clearCloseTimeout]);
+
   if (!shouldShowLegend(panel, keys.length)) return null;
 
   return (
@@ -499,28 +551,94 @@ function SeriesLegend({
           const label = formatSeriesLabelForPanel(panel, key);
           const color = colors[i % colors.length];
           return (
-            <button
+            <Popover
               key={key}
-              type="button"
-              aria-pressed={!hidden}
-              className={`inline-flex max-w-[14rem] items-center gap-1.5 rounded-sm text-left transition-opacity hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring ${
-                hidden ? "opacity-35" : "opacity-100"
-              } ${onToggleKey ? "cursor-pointer" : "cursor-default"}`}
-              title={label}
-              onClick={() => onToggleKey?.(key)}
+              open={openKey === key}
+              onOpenChange={(open) => setOpenKey(open ? key : null)}
             >
-              <span className="relative h-2.5 w-3 shrink-0">
-                <span
-                  className="absolute left-0 right-0 top-1/2 h-px -translate-y-1/2"
-                  style={{ backgroundColor: color }}
-                />
-                <span
-                  className="absolute left-1/2 top-1/2 h-1.5 w-1.5 -translate-x-1/2 -translate-y-1/2 rounded-full"
-                  style={{ backgroundColor: color }}
-                />
-              </span>
-              <span className="truncate">{label}</span>
-            </button>
+              <PopoverAnchor asChild>
+                <div
+                  className="inline-flex max-w-[14rem]"
+                  onPointerEnter={
+                    hasLegendActions ? () => openLegendActions(key) : undefined
+                  }
+                  onPointerLeave={
+                    hasLegendActions ? scheduleCloseLegendActions : undefined
+                  }
+                  onFocusCapture={
+                    hasLegendActions ? () => openLegendActions(key) : undefined
+                  }
+                  onBlurCapture={
+                    hasLegendActions ? scheduleCloseLegendActions : undefined
+                  }
+                >
+                  <button
+                    type="button"
+                    aria-pressed={!hidden}
+                    className={`inline-flex max-w-[14rem] items-center gap-1.5 rounded-sm text-left transition-opacity hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring ${
+                      hidden ? "opacity-35" : "opacity-100"
+                    } ${onToggleKey ? "cursor-pointer" : "cursor-default"}`}
+                    title={label}
+                    onClick={() => onToggleKey?.(key)}
+                  >
+                    <span className="relative h-2.5 w-3 shrink-0">
+                      <span
+                        className="absolute left-0 right-0 top-1/2 h-px -translate-y-1/2"
+                        style={{ backgroundColor: color }}
+                      />
+                      <span
+                        className="absolute left-1/2 top-1/2 h-1.5 w-1.5 -translate-x-1/2 -translate-y-1/2 rounded-full"
+                        style={{ backgroundColor: color }}
+                      />
+                    </span>
+                    <span className="truncate">{label}</span>
+                  </button>
+                </div>
+              </PopoverAnchor>
+              {hasLegendActions && (
+                <PopoverContent
+                  side="top"
+                  align="start"
+                  sideOffset={6}
+                  className="w-auto min-w-28 p-1"
+                  onPointerEnter={clearCloseTimeout}
+                  onPointerLeave={scheduleCloseLegendActions}
+                  onFocusCapture={clearCloseTimeout}
+                >
+                  <div className="flex items-center gap-0.5">
+                    {onFilterKey && (
+                      <button
+                        type="button"
+                        data-chart-legend-action="filter"
+                        aria-label={`${t("sqlDashboard.filterSeries")} ${label}`}
+                        className="rounded-sm px-2 py-1 text-[11px] font-medium text-popover-foreground outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground"
+                        onClick={() => {
+                          onFilterKey(key);
+                          setOpenKey(null);
+                        }}
+                      >
+                        {t("sqlDashboard.filterSeries")}
+                      </button>
+                    )}
+                    {onToggleKey && (
+                      <button
+                        type="button"
+                        data-chart-legend-action="hide"
+                        aria-label={`${t("sqlDashboard.hide")} ${label}`}
+                        disabled={hidden}
+                        className="rounded-sm px-2 py-1 text-[11px] font-medium text-popover-foreground outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground disabled:pointer-events-none disabled:opacity-40"
+                        onClick={() => {
+                          onToggleKey(key);
+                          setOpenKey(null);
+                        }}
+                      >
+                        {t("sqlDashboard.hide")}
+                      </button>
+                    )}
+                  </div>
+                </PopoverContent>
+              )}
+            </Popover>
           );
         })}
       </div>
@@ -548,6 +666,7 @@ function ChartFrame({
   colors,
   hiddenKeys,
   onToggleLegendKey,
+  onFilterLegendKey,
   showCustomLegend = false,
   children,
 }: {
@@ -556,6 +675,7 @@ function ChartFrame({
   colors: string[];
   hiddenKeys?: Set<string>;
   onToggleLegendKey?: (key: string) => void;
+  onFilterLegendKey?: (key: string) => void;
   showCustomLegend?: boolean;
   children: ReactNode;
 }) {
@@ -585,6 +705,7 @@ function ChartFrame({
         panel={panel}
         hiddenKeys={hiddenKeys}
         onToggleKey={onToggleLegendKey}
+        onFilterKey={onFilterLegendKey}
       />
     </div>
   );
@@ -1731,7 +1852,7 @@ function BarRenderer({
     formatXLabel(String(value ?? ""), panel);
   const seriesNameFormatter = (name: string) =>
     formatSeriesLabelForPanel(panel, name);
-  const { hiddenKeys, toggleSeries } = useSeriesVisibility(yKeys);
+  const { hiddenKeys, toggleSeries, filterSeries } = useSeriesVisibility(yKeys);
 
   return (
     <ChartFrame
@@ -1740,6 +1861,7 @@ function BarRenderer({
       colors={colors}
       hiddenKeys={hiddenKeys}
       onToggleLegendKey={toggleSeries}
+      onFilterLegendKey={filterSeries}
       showCustomLegend
     >
       <ResponsiveContainer width="100%" height="100%">
@@ -1819,7 +1941,8 @@ function TimeSeriesRenderer({
     formatXLabel(String(value ?? ""), panel);
   const seriesNameFormatter = (name: string) =>
     formatSeriesLabelForPanel(panel, name);
-  const { hiddenKeys, visibleKeys, toggleSeries } = useSeriesVisibility(yKeys);
+  const { hiddenKeys, visibleKeys, toggleSeries, filterSeries } =
+    useSeriesVisibility(yKeys);
   const splitPartialDay = shouldSplitCurrentDayTimeSeries(panel, xKey);
   const { rows: chartRows, series } = useMemo(
     () =>
@@ -1844,6 +1967,7 @@ function TimeSeriesRenderer({
         colors={colors}
         hiddenKeys={hiddenKeys}
         onToggleLegendKey={toggleSeries}
+        onFilterLegendKey={filterSeries}
         showCustomLegend
       >
         <ResponsiveContainer width="100%" height="100%">
@@ -1925,6 +2049,7 @@ function TimeSeriesRenderer({
       colors={colors}
       hiddenKeys={hiddenKeys}
       onToggleLegendKey={toggleSeries}
+      onFilterLegendKey={filterSeries}
       showCustomLegend
     >
       <ResponsiveContainer width="100%" height="100%">

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

@@ -19,6 +19,7 @@ import {
   IconHistory,
   IconLanguage,
   IconRefresh,
+  IconBrain,
   IconSettings,
 } from "@tabler/icons-react";
 import { useQuery } from "@tanstack/react-query";
@@ -584,6 +585,22 @@ export function CommandPalette() {
 
             {showHiddenResults && (
               <CommandGroup key="settings" heading={t("navigation.settings")}>
+                <CommandItem
+                  value={`setting:agent-page:${t("settings.agentTitle")}`}
+                  onSelect={() => go("/agent")}
+                  keywords={commandPaletteKeywords(
+                    t("settings.agentTitle"),
+                    "agent",
+                    "context",
+                    "files",
+                    "connections",
+                    "jobs",
+                    "access",
+                  )}
+                >
+                  <IconBrain className="me-2 h-4 w-4 text-muted-foreground" />
+                  <span className="truncate">{t("settings.agentTitle")}</span>
+                </CommandItem>
                 {settingsCommands.map((setting) => (
                   <CommandItem
                     key={`setting-${setting.id}`}

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

@@ -22,6 +22,7 @@ const pageTitleKeys: Record<string, string> = {
   "/sessions": "navigation.sessions",
   "/monitoring": "navigation.monitoring",
   "/agents": "navigation.admin",
+  "/agent": "settings.agentTitle",
   "/dashboards/explorer": "navigation.explorer",
   "/settings": "navigation.settings",
 };

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

@@ -283,6 +283,7 @@ export function Layout({ children }: LayoutProps) {
             openOnChatRunning={chatHomeHandoffActive && !isSessionsRoute}
             onFullscreenRequest={openAskAgentFullscreen}
             emptyStateText={t("chat.emptyState")}
+            agentPageHref="/agent"
             suggestions={[
               t("chat.suggestionArrGrowth"),
               t("chat.suggestionChurn"),

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

@@ -27,6 +27,7 @@ import {
   IconPlayerPlay,
   IconLayoutSidebarLeftCollapse,
   IconLayoutSidebarLeftExpand,
+  IconBrain,
 } from "@tabler/icons-react";
 import {
   useQuery,
@@ -183,6 +184,7 @@ import {
 import { CSS } from "@dnd-kit/utilities";
 
 const bottomItems = [
+  { icon: IconBrain, labelKey: "settings.agentTitle", href: "/agent" },
   { icon: IconSettings, labelKey: "navigation.settings", href: "/settings" },
 ];
 
@@ -2445,6 +2447,12 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
       href: "/data-dictionary",
       active: location.pathname.startsWith("/data-dictionary"),
     },
+    {
+      icon: IconBrain,
+      label: t("settings.agentTitle"),
+      href: "/agent",
+      active: location.pathname === "/agent",
+    },
     {
       icon: IconSettings,
       label: t("navigation.settings"),

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

@@ -825,6 +825,7 @@ const messages = {
     clearAll: "全部清除",
     collapseFilters: "折疊過濾器",
     expandFilters: "展開過濾器",
+    filterSeries: "篩選",
     hide: "Hide",
     show: "Show",
     saveAsView: "另存為檢視",

package/corpus/templates/analytics/app/i18n-data.ts

@@ -588,6 +588,7 @@ const enUS = {
     clearAll: "Clear all",
     collapseFilters: "Collapse filters",
     expandFilters: "Expand filters",
+    filterSeries: "Filter",
     hide: "Hide",
     show: "Show",
     saveAsView: "Save as View",

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

@@ -0,0 +1,5 @@
+import { AgentTabsPage } from "@agent-native/core/client";
+
+export default function AgentRoute() {
+  return <AgentTabsPage appName="Analytics" />;
+}

package/corpus/templates/analytics/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/analytics/changelog/2026-07-13-analytics-answers-can-use-built-in-first-party-event-data.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-13
+---
+
+Analytics answers can use built-in first-party event data

package/corpus/templates/analytics/changelog/2026-07-13-chart-legends-can-filter-to-one-series-or-hide-a-series-on-h.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-13
+---
+
+Chart legends can filter to one series or hide a series on hover.

package/corpus/templates/analytics/changelog/2026-07-13-gpt-5-6-luna-answers-now-recover-normally-instead-of-showing.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-13
+---
+
+GPT 5.6 Luna answers now recover normally instead of showing an unrelated data-source warning.

package/corpus/templates/analytics/server/plugins/agent-chat.ts

@@ -30,6 +30,9 @@ import {
 export const SIMPLE_TIME_BOUNDED_METRIC_FAST_PATH_GUIDANCE =
   "SIMPLE TIME-BOUNDED METRIC FAST PATH — When the data dictionary or a known canonical source identifies the metric, run one bounded aggregate. Once it returns a valid result, answer the explicit question immediately with the source, time window, row count, and only necessary caveats. Do not schema-discover, retry, enrich, cross-check, or add breakdowns after that successful result unless the query failed or the result conflicts with the known metric definition. This does not waive the real-data requirement: never answer from a guess, stale value, or unverified result. ";
 
+export const BUILT_IN_FIRST_PARTY_SOURCE_GUIDANCE =
+  "BUILT-IN FIRST-PARTY SOURCE — Analytics always provides one built-in first-party source alongside connected external providers such as BigQuery, HubSpot, Gong, Slack, and the other configured integrations. This does not replace or restrict external sources. For Builder/product signups, page views, app/template usage, conversions, and LLM observability, use `query-agent-native-analytics` over `analytics_events` (or `session_recordings` for replay summaries) when the event lives in first-party Analytics. When the user names an external provider, or the data dictionary identifies one as authoritative, query that provider instead. Do not report the first-party source as disconnected merely because an external provider is not configured. If the first-party query returns no rows, report that grounded result with its scope and time window. ";
+
 export const ANALYTICS_OBSERVABILITY_INCIDENT_GUIDANCE =
   "OBSERVABILITY INCIDENT WORKFLOW — For a named user's session or error question, resolve the user's email from context, then use list-session-recordings with userId over a bounded recent window to discover the relevant sessions. Do not require hasErrors=true for this initial lookup: replay/network/stuck-run evidence can exist while the recording's JavaScript errorCount is zero. Use hasErrors=true only when the user specifically asks for recordings with captured JavaScript errors or the recording metadata confirms that filter is appropriate. Use list-error-issues with userId or sessionRecordingId to identify a grouped issue, then get-error-issue for stack, breadcrumbs, occurrences, and linked recordings. For console diagnostics or failed network requests, create-session-replay-agent-link first and use its scoped diagnostics endpoint for detailed error text, stacks, request metadata, and bounded 5xx snippets; enumerate with kind/limit and fromMs/toMs or offset when needed. Use get-session-replay-summary and get-session-replay-timeline for the page-navigation and click sequence, and use get-session-replay-events only for additional bounded replay-event details. If no grouped error exists, correlate first-party observability events such as agent_chat_stuck_detected with query-agent-native-analytics in execution mode. In Plan mode, query-agent-native-analytics is intentionally unavailable: do not claim a live event correlation or root cause from it, and describe the event lookup as a planned next step. Prefer these first-party actions over generic SQL. Report the matching evidence and do not claim a root cause without a corroborating error, event, or replay signal. ";
 
@@ -54,6 +57,7 @@ export function analyticsSourceGuidanceOpening(): string {
     "Apply real-data requirements only when presenting analytics results, source records, or derived metrics. Do not call data-source tools for workflow migration, recurring-job setup, UI/code fixes, settings help, conceptual planning, or other non-data tasks unless the user explicitly asks for data. " +
     NON_ANALYTICS_REQUEST_GUIDANCE +
     SIMPLE_TIME_BOUNDED_METRIC_FAST_PATH_GUIDANCE +
+    BUILT_IN_FIRST_PARTY_SOURCE_GUIDANCE +
     ANALYTICS_OBSERVABILITY_INCIDENT_GUIDANCE +
     "SURFACE DIFFERENTIATION — You are the analytics assistant for definitions, deep-dive analysis, and action. For questions about what a metric, model, or table means, use the Data Dictionary and configured schema tools first. For trends, comparisons, anomalies, current data, or anything that requires querying live data, answer directly in chat with the relevant provider query, dashboard analysis, and inline charts when useful. "
   );
@@ -144,7 +148,12 @@ export function realDataFinalGuard(
   if ((context as { executionMode?: string }).executionMode === "plan") {
     return null;
   }
-  const userText = latestUserText(context.messages ?? []);
+  // Keep the template compatible with the currently installed core package
+  // while the new requestText field ships in the same framework release.
+  const stableRequestText = (
+    context as AgentLoopFinalResponseGuardContext & { requestText?: string }
+  ).requestText;
+  const userText = stableRequestText ?? latestUserText(context.messages ?? []);
   if (!looksLikeAnalyticsDataRequest(userText)) {
     // Deterministic backstop: the soft NON_ANALYTICS_REQUEST_GUIDANCE prompt
     // sentence is not always enough, and a model occasionally parrots the
@@ -289,7 +298,7 @@ export default createAgentChatPlugin({
       'FIRST-PARTY DASHBOARD TIME RULE — AI-generated `source: "first-party"` panels are dashboard-time-bound by default: set `config.timeScope` to `dashboard` and include a matching dashboard time predicate. `{{timeRange}}` requires a matching `filters` entry with `id: "timeRange"` and `type: "select"`; `{{<id>Start}}`/`{{<id>End}}` require a matching `type: "date-range"` filter with that id. Allowed `timeScope` values are `dashboard`, `fixed-window`, `cohort-history`, and `all-time`; use `all-time` only when the user requests full available history and put all-time, lifetime, or historical in the title or description. Server validation rejects unbound first-party SQL. ' +
       "DASHBOARD READ RULE — `get-sql-dashboard` is compact by default: use its `panels` summaries plus `layout.panelOrder`, `layout.firstPanelIds`, and `layout.groups[].rows[].rowNumber/panelIds` for orientation and verification. Pass `includeConfig: true` only when you truly need full panel SQL/config. " +
       'DASHBOARD REORDER RULE — For simple chart/section moves, use `mutate-dashboard` code such as `dashboard.panels(["panel-a","panel-b"]).moveToTop();`. For visible placement requests like "second row" or "next to return rates", use row-aware placement such as `dashboard.insertPanel({...}).nextTo("retention-over-time")`, `.atRow(2)`, or `dashboard.panel("panel-a").moveNextTo("panel-b")`; these keep panels in the intended rendered row and expand/rebalance that row when needed. Never count shifting `/panels/<index>` positions for ordinary \'move this chart\' requests. Use `get-sql-dashboard.layout.groups[].rows` as proof of visible row placement, not only flat `panelOrder`. ' +
-      "Use configured data sources and actions only. Call `data-source-status` when you need to know which providers are connected, and treat provider actions as unavailable for analysis if they return missing credentials, permission, syntax, quota, or network errors. " +
+      "Use configured data sources and actions only. The built-in first-party Analytics source is an additional source and is always available through `query-agent-native-analytics`, even when no external provider credentials are connected. External provider actions remain available and are the authoritative path when the user names a provider or the data lives there. Call `data-source-status` when you need to know which external providers are connected, and treat provider actions as unavailable for analysis only if they return missing credentials, permission, syntax, quota, or network errors. " +
       "The built-in `demo` dashboard source is a demo-environment Prometheus source reserved for the Node Exporter demo. It must never satisfy REAL_DATA_REQUIRED or be cited as user analytics evidence unless the user explicitly asks to inspect the demo dashboard. " +
       "When the user names a provider or tool such as Jira, Pylon, HubSpot, Gong, Slack, Sentry, GA4, or BigQuery, that named source is authoritative for the turn: use that provider's real tool/API surface, not a warehouse or different-provider substitute, unless the user explicitly asks for the copy/fallback. For bounded lookups where a first-class action fully models the requested source, object, filter, and pagination need, that shortcut is fine. For broad provider searches, cross-source joins, corpus-wide counts, exact cohort coverage, or any answer where absence matters, do not start and stop with shortcuts; use the broad provider API/MCP and corpus/code workflow as the primary path. " +
       "Provider-specific actions are shortcuts, not limits. If a first-class action cannot express the exact endpoint, object type, filters, request body, pagination mode, API version, or corpus coverage needed, call `provider-api-catalog` and `provider-api-docs` as needed, then call `provider-api-request` against the provider's real HTTP API. Use this raw provider API escape hatch instead of weakening the analysis, broadening filters, sampling default pages, or claiming the integration cannot do something the underlying API can do. " +

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

@@ -13,6 +13,7 @@ const pageTitleKeys: Record<string, string> = {
   "/": "navigation.create",
   "/library": "navigation.library",
   "/brand-kits": "navigation.brandKits",
+  "/agent": "settings.agentTitle",
   "/extensions": "navigation.extensions",
   "/settings": "navigation.settings",
 };

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

@@ -156,6 +156,7 @@ export function Layout({ children }: LayoutProps) {
         openOnChatRunning={chatHomeHandoffActive}
         onFullscreenRequest={openCreateChatFullscreen}
         emptyStateText={t("chat.emptyState")}
+        agentPageHref="/agent"
         suggestions={[
           t("chat.suggestionBlogHeroes"),
           t("chat.suggestionProductVideo"),

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

@@ -13,6 +13,7 @@ import { ExtensionsSidebarSection } from "@agent-native/core/client/extensions";
 import { OrgSwitcher } from "@agent-native/core/client/org";
 import {
   IconArchive,
+  IconBrain,
   IconClipboardList,
   IconDots,
   IconEdit,
@@ -47,6 +48,7 @@ import { cn } from "@/lib/utils";
 const baseNavItems = [
   { icon: IconPhotoPlus, labelKey: "navigation.create", href: "/" },
   { icon: IconLayoutGrid, labelKey: "navigation.library", href: "/library" },
+  { icon: IconBrain, labelKey: "settings.agentTitle", href: "/agent" },
   { icon: IconSettings, labelKey: "navigation.settings", href: "/settings" },
 ];
 

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

@@ -0,0 +1,5 @@
+import { AgentTabsPage } from "@agent-native/core/client";
+
+export default function AgentRoute() {
+  return <AgentTabsPage appName="Assets" />;
+}

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

@@ -130,6 +130,7 @@ export function Layout({ children }: { children: React.ReactNode }) {
         openOnChatRunning={chatHomeHandoffActive}
         onFullscreenRequest={openAskAgentFullscreen}
         emptyStateText={t("chat.emptyState")}
+        agentPageHref="/agent"
         suggestions={[
           t("chat.suggestionSecurity"),
           t("chat.suggestionStaleFacts"),

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

@@ -435,7 +435,10 @@ export function Sidebar({
         >
           {navItems.map((item) => {
             const Icon = item.icon;
-            const label = t(`navigation.${item.view}`);
+            const label =
+              item.view === "agent"
+                ? t("settings.agentTitle")
+                : t(`navigation.${item.view}`);
             const link = (
               <NavLink
                 to={item.href}

package/corpus/templates/brain/app/lib/brain.ts

@@ -1,5 +1,6 @@
 import type { Icon } from "@tabler/icons-react";
 import {
+  IconBrain,
   IconBook2,
   IconChecks,
   IconDatabase,
@@ -16,6 +17,7 @@ export type BrainView =
   | "review"
   | "sources"
   | "ops"
+  | "agent"
   | "settings";
 
 export type KnowledgeStatus = "approved" | "needs_review" | "draft" | "stale";
@@ -923,6 +925,12 @@ export const navItems: Array<{
     href: "/settings",
     icon: IconSettings,
   },
+  {
+    view: "agent",
+    label: "Agent settings",
+    href: "/agent",
+    icon: IconBrain,
+  },
 ];
 
 export const defaultSettings: BrainSettings = {
@@ -952,6 +960,7 @@ export function viewFromPath(pathname: string): BrainView {
   if (pathname.startsWith("/review")) return "review";
   if (pathname.startsWith("/sources")) return "sources";
   if (pathname.startsWith("/ops")) return "ops";
+  if (pathname.startsWith("/agent")) return "agent";
   if (pathname.startsWith("/settings")) return "settings";
   return "ask";
 }
@@ -970,6 +979,8 @@ export function pathFromView(view?: string): string {
       return "/sources";
     case "ops":
       return "/ops";
+    case "agent":
+      return "/agent";
     case "settings":
       return "/settings";
     case "ask":

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

@@ -10,7 +10,7 @@ import {
   useT,
 } from "@agent-native/core/client";
 import { configureTracking } from "@agent-native/core/client";
-import { IconMoon, IconSun } from "@tabler/icons-react";
+import { IconBrain, IconMoon, IconSun } from "@tabler/icons-react";
 import { useQueryClient } from "@tanstack/react-query";
 import { useTheme } from "next-themes";
 import { useCallback, useState } from "react";
@@ -184,6 +184,20 @@ function AppContent() {
           <CommandMenu.Item onSelect={() => navigate("/settings")}>
             {t("navigation.settings")}
           </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/brain/app/routes/agent.tsx

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

package/corpus/templates/brain/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/calendar/app/components/layout/AppLayout.tsx

@@ -392,6 +392,7 @@ export function AppLayout({ children }: AppLayoutProps) {
               position="right"
               defaultOpen
               emptyStateText={t("agentSidebar.emptyState")}
+              agentPageHref="/agent"
               suggestions={[
                 t("agentSidebar.suggestions.today"),
                 t("agentSidebar.suggestions.findSlot"),

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

@@ -7,6 +7,7 @@ import {
 import { ExtensionsSidebarSection } from "@agent-native/core/client/extensions";
 import { OrgSwitcher } from "@agent-native/core/client/org";
 import {
+  IconBrain,
   IconCalendar,
   IconSettings,
   IconLink,
@@ -97,6 +98,7 @@ const navItems = [
     labelKey: "navigation.bookingLinks",
     icon: IconLink,
   },
+  { path: "/agent", labelKey: "settings.agentTitle", icon: IconBrain },
   { path: "/settings", labelKey: "navigation.settings", icon: IconSettings },
 ];