@agent-native/core 0.77.24 → 0.78.1

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

@@ -14,7 +14,6 @@ import {
   IconReportAnalytics,
   IconSearch,
   IconArchive,
-  IconHome,
   IconTemplate,
   IconBuilding,
   IconLock,
@@ -22,6 +21,7 @@ import {
   IconMessageCircle,
   IconEye,
   IconEyeOff,
+  IconPlayerPlay,
 } from "@tabler/icons-react";
 import {
   useQuery,
@@ -1920,18 +1920,18 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
             {t("navigation.ask")}
           </Link>
 
-          {/* Overview link */}
+          {/* Sessions link */}
           <Link
-            to="/overview"
+            to="/sessions"
             className={cn(
               "flex items-center gap-3 rounded-lg px-3 py-2 transition-all hover:text-primary",
-              location.pathname === "/overview"
+              location.pathname.startsWith("/sessions")
                 ? "bg-sidebar-accent text-sidebar-accent-foreground"
                 : "text-muted-foreground hover:bg-sidebar-accent/50",
             )}
           >
-            <IconHome className="h-4 w-4" />
-            {t("navigation.overview")}
+            <IconPlayerPlay className="h-4 w-4" />
+            {t("navigation.sessions")}
           </Link>
 
           {/* Data Sources link */}

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

@@ -12,19 +12,21 @@ interface NavigationState {
   dashboardId?: string;
   analysisId?: string;
   extensionId?: string;
+  recordingId?: string;
+  filters?: Record<string, string>;
 }
 
-// URL query params (filters) are synced separately by the framework's <URLSync />
-// under the `__url__` key, so the agent sees them in the <current-url> block.
+const SESSION_FILTER_KEYS = ["range", "app", "q"] as const;
+
 export function useNavigationState() {
   const location = useLocation();
   useAgentRouteState<NavigationState>({
     browserTabId: TAB_ID,
-    getNavigationState: ({ pathname }) => {
-      const state: NavigationState = { view: "overview" };
+    getNavigationState: ({ pathname, searchParams }) => {
+      const state: NavigationState = { view: "ask" };
 
       if (pathname === "/" || pathname === "" || pathname === "/overview") {
-        state.view = "overview";
+        state.view = "ask";
       } else if (pathname === "/ask") {
         state.view = "ask";
       } else if (
@@ -56,6 +58,16 @@ export function useNavigationState() {
           state.extensionId = match[1];
           rememberLastOpened("extension", match[1], pathname);
         }
+      } else if (pathname === "/sessions") {
+        state.view = "sessions";
+        state.filters = sessionFilters(searchParams);
+      } else if (pathname.startsWith("/sessions/")) {
+        state.view = "sessions";
+        const match = pathname.match(/\/sessions\/([^/]+)/);
+        if (match) {
+          state.recordingId = decodeURIComponent(match[1]);
+        }
+        state.filters = sessionFilters(searchParams);
       } else if (pathname === "/data-sources") {
         state.view = "data-sources";
       } else if (pathname === "/data-dictionary") {
@@ -77,12 +89,15 @@ export function useNavigationState() {
       if (cmd.view === "extensions" && cmd.extensionId)
         return `/extensions/${cmd.extensionId}`;
       if (cmd.view === "extensions") return "/extensions";
+      if (cmd.view === "sessions" && cmd.recordingId)
+        return `/sessions/${encodeURIComponent(cmd.recordingId)}`;
+      if (cmd.view === "sessions") return "/sessions";
       if (cmd.view === "data-sources") return "/data-sources";
       if (cmd.view === "data-dictionary") return "/data-dictionary";
       if (cmd.view === "catalog") return "/catalog";
       if (cmd.view === "ask") return "/ask";
       if (cmd.view === "settings") return "/settings";
-      if (cmd.view === "overview") return "/overview";
+      if (cmd.view === "overview" || cmd.view === "home") return "/ask";
       return "/";
     },
     onNavigate: (_command, path) => {
@@ -96,3 +111,17 @@ export function useNavigationState() {
 function pathnameFromPath(path: string): string {
   return path.split(/[?#]/, 1)[0] || "/";
 }
+
+function sessionFilters(
+  searchParams?: URLSearchParams | Record<string, string>,
+): Record<string, string> | undefined {
+  const filters: Record<string, string> = {};
+  for (const key of SESSION_FILTER_KEYS) {
+    const value =
+      searchParams instanceof URLSearchParams
+        ? searchParams.get(key)
+        : searchParams?.[key];
+    if (value) filters[key] = value;
+  }
+  return Object.keys(filters).length > 0 ? filters : undefined;
+}