@agent-native/core 0.69.0 → 0.70.1

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

@@ -16,7 +16,6 @@ import {
   IconChevronDown,
   IconSun,
   IconMoon,
-  IconInfoCircle,
   IconTrash,
   IconDots,
   IconLoader2,
@@ -146,7 +145,6 @@ import { CSS } from "@dnd-kit/utilities";
 const bottomItems = [
   { icon: IconUsers, label: "Team", href: "/team" },
   { icon: IconSettings, label: "Settings", href: "/settings" },
-  { icon: IconInfoCircle, label: "About", href: "/about" },
 ];
 
 function getStoredBoolean(key: string, fallback: boolean): boolean {
@@ -236,7 +234,7 @@ function SidebarSectionSettingsPopover({
           <PopoverTrigger asChild>
             <button
               type="button"
-              className="flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-muted-foreground/65 transition-all hover:bg-sidebar-accent hover:text-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+              className="flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-muted-foreground/65 opacity-0 transition-all hover:bg-sidebar-accent hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring group-hover/section:opacity-100 data-[state=open]:opacity-100"
               aria-label={`${label} settings`}
             >
               <IconSettings className="h-3.5 w-3.5" />
@@ -734,7 +732,7 @@ function SortableDashboardItem({
     visibility: Visibility,
   ) => Promise<void>;
 }) {
-  const href = `/adhoc/${d.id}`;
+  const href = `/dashboards/${d.id}`;
   const { mutateAsync: deleteView } = useDeleteDashboardView();
   const [deletingViewId, setDeletingViewId] = useState<string | null>(null);
 
@@ -1337,7 +1335,7 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
   );
 
   const activeDashboardId = useMemo(() => {
-    const match = location.pathname.match(/^\/adhoc\/([^/]+)/);
+    const match = location.pathname.match(/^\/(?:adhoc|dashboards)\/([^/]+)/);
     if (!match?.[1]) return null;
     return new URLSearchParams(location.search).get("id") || match[1];
   }, [location.pathname, location.search]);
@@ -1830,7 +1828,9 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
     [sidebarWidth],
   );
 
-  const isAdhocActive = location.pathname.startsWith("/adhoc");
+  const isAdhocActive =
+    location.pathname.startsWith("/adhoc") ||
+    location.pathname.startsWith("/dashboards");
 
   return (
     <div
@@ -1945,227 +1945,233 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
           </Link>
 
           {/* Dashboards section */}
-          <div
-            className={cn(
-              "group/section flex w-full min-w-0 items-center rounded-lg transition-all hover:text-primary",
-              isAdhocActive
-                ? "text-sidebar-accent-foreground"
-                : "text-muted-foreground hover:bg-sidebar-accent/50",
-            )}
-          >
-            <button
-              type="button"
-              onClick={toggleDashOpen}
-              className="flex min-w-0 flex-1 items-center gap-3 px-3 py-2 text-left"
-              aria-expanded={dashOpen}
-            >
-              <IconChartBar className="h-4 w-4 shrink-0" />
-              <span className="min-w-0 flex-1 truncate">Dashboards</span>
-            </button>
-            <SidebarSectionSettingsPopover
-              label="Dashboards"
-              sortMode={dashboardSortMode}
-              onSortModeChange={setDashboardSortMode}
-              sharedOnly={dashFilter === "org"}
-              onSharedOnlyChange={(checked) =>
-                setDashFilter(checked ? "org" : "all")
-              }
-            />
-            <button
-              type="button"
-              onClick={toggleDashOpen}
-              className="mr-1 flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-muted-foreground/70 hover:bg-sidebar-accent hover:text-foreground"
-              aria-label={
-                dashOpen ? "Collapse dashboards" : "Expand dashboards"
-              }
+          <div className="group/section min-w-0 space-y-1">
+            <div
+              className={cn(
+                "flex w-full min-w-0 items-center rounded-lg transition-all hover:text-primary",
+                isAdhocActive
+                  ? "text-sidebar-accent-foreground"
+                  : "text-muted-foreground hover:bg-sidebar-accent/50",
+              )}
             >
-              <IconChevronDown
-                className={cn(
-                  "h-3.5 w-3.5 shrink-0 transition-transform",
-                  !dashOpen && "-rotate-90",
-                )}
+              <button
+                type="button"
+                onClick={toggleDashOpen}
+                className="flex min-w-0 flex-1 items-center gap-3 px-3 py-2 text-left"
+                aria-expanded={dashOpen}
+              >
+                <IconChartBar className="h-4 w-4 shrink-0" />
+                <span className="min-w-0 flex-1 truncate">Dashboards</span>
+              </button>
+              <SidebarSectionSettingsPopover
+                label="Dashboards"
+                sortMode={dashboardSortMode}
+                onSortModeChange={setDashboardSortMode}
+                sharedOnly={dashFilter === "org"}
+                onSharedOnlyChange={(checked) =>
+                  setDashFilter(checked ? "org" : "all")
+                }
               />
-            </button>
-          </div>
-
-          {dashOpen && (
-            <DndContext
-              sensors={sensors}
-              collisionDetection={closestCenter}
-              onDragEnd={handleDashboardDragEnd}
-            >
-              <SortableContext
-                items={displayedDashboards.map((d) => d.id)}
-                strategy={verticalListSortingStrategy}
+              <button
+                type="button"
+                onClick={toggleDashOpen}
+                className="mr-1 flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-muted-foreground/70 hover:bg-sidebar-accent hover:text-foreground"
+                aria-label={
+                  dashOpen ? "Collapse dashboards" : "Expand dashboards"
+                }
               >
-                <div className="ml-4 min-w-0 space-y-0.5">
-                  {displayedDashboards.map((d) => (
-                    <SortableDashboardItem
-                      key={d.id}
-                      d={d}
-                      isActive={activeDashboardId === d.id}
-                      location={location}
-                      favoriteIds={favoriteIds}
-                      onToggleFavorite={toggleFavorite}
-                      onDelete={handleDashboardDelete}
-                      onRename={handleDashboardRename}
-                      onArchive={handleDashboardArchive}
-                      onSetVisibility={handleDashboardSetVisibility}
-                      onPrefetch={prefetchDashboard}
-                      views={allViewsMap[d.id]}
-                    />
-                  ))}
-                  {filteredDashboards.length > SIDEBAR_PREVIEW_COUNT && (
-                    <button
-                      onClick={() => setDashShowAll(!dashShowAll)}
-                      className="flex items-center gap-1 px-3 py-1 text-[11px] text-muted-foreground/70 hover:text-primary"
-                    >
-                      {dashShowAll
-                        ? "Show less"
-                        : `Show ${filteredDashboards.length - SIDEBAR_PREVIEW_COUNT} more`}
-                    </button>
+                <IconChevronDown
+                  className={cn(
+                    "h-3.5 w-3.5 shrink-0 transition-transform",
+                    !dashOpen && "-rotate-90",
                   )}
-                  {sqlDashboardsLoading &&
-                    sqlDashboards.length === 0 &&
-                    Array.from({ length: 3 }).map((_, i) => (
-                      <div
-                        key={`sql-skeleton-${i}`}
-                        className="flex items-center gap-2 px-3 py-1"
-                      >
-                        <Skeleton className="h-3.5 w-3.5 shrink-0 rounded-sm" />
-                        <Skeleton
-                          className="h-3 rounded"
-                          style={{ width: `${60 + ((i * 17) % 30)}%` }}
-                        />
-                      </div>
-                    ))}
-                  <NewDashboardDialog />
-                </div>
-              </SortableContext>
-            </DndContext>
-          )}
+                />
+              </button>
+            </div>
 
-          {/* Analyses section */}
-          <div
-            className={cn(
-              "group/section flex w-full min-w-0 items-center rounded-lg transition-all hover:text-primary",
-              location.pathname.startsWith("/analyses")
-                ? "text-sidebar-accent-foreground"
-                : "text-muted-foreground hover:bg-sidebar-accent/50",
+            {dashOpen && (
+              <DndContext
+                sensors={sensors}
+                collisionDetection={closestCenter}
+                onDragEnd={handleDashboardDragEnd}
+              >
+                <SortableContext
+                  items={displayedDashboards.map((d) => d.id)}
+                  strategy={verticalListSortingStrategy}
+                >
+                  <div className="ml-4 min-w-0 space-y-0.5">
+                    {displayedDashboards.map((d) => (
+                      <SortableDashboardItem
+                        key={d.id}
+                        d={d}
+                        isActive={activeDashboardId === d.id}
+                        location={location}
+                        favoriteIds={favoriteIds}
+                        onToggleFavorite={toggleFavorite}
+                        onDelete={handleDashboardDelete}
+                        onRename={handleDashboardRename}
+                        onArchive={handleDashboardArchive}
+                        onSetVisibility={handleDashboardSetVisibility}
+                        onPrefetch={prefetchDashboard}
+                        views={allViewsMap[d.id]}
+                      />
+                    ))}
+                    {filteredDashboards.length > SIDEBAR_PREVIEW_COUNT && (
+                      <button
+                        onClick={() => setDashShowAll(!dashShowAll)}
+                        className="flex items-center gap-1 px-3 py-1 text-[11px] text-muted-foreground/70 hover:text-primary"
+                      >
+                        {dashShowAll
+                          ? "Show less"
+                          : `Show ${filteredDashboards.length - SIDEBAR_PREVIEW_COUNT} more`}
+                      </button>
+                    )}
+                    {sqlDashboardsLoading &&
+                      sqlDashboards.length === 0 &&
+                      Array.from({ length: 3 }).map((_, i) => (
+                        <div
+                          key={`sql-skeleton-${i}`}
+                          className="flex items-center gap-2 px-3 py-1"
+                        >
+                          <Skeleton className="h-3.5 w-3.5 shrink-0 rounded-sm" />
+                          <Skeleton
+                            className="h-3 rounded"
+                            style={{ width: `${60 + ((i * 17) % 30)}%` }}
+                          />
+                        </div>
+                      ))}
+                    <NewDashboardDialog />
+                  </div>
+                </SortableContext>
+              </DndContext>
             )}
-          >
-            <button
-              type="button"
-              onClick={toggleAnalysesOpen}
-              className="flex min-w-0 flex-1 items-center gap-3 px-3 py-2 text-left"
-              aria-expanded={analysesOpen}
-            >
-              <IconReportAnalytics className="h-4 w-4 shrink-0" />
-              <span className="min-w-0 flex-1 truncate">Analyses</span>
-            </button>
-            <SidebarSectionSettingsPopover
-              label="Analyses"
-              sortMode={analysisSortMode}
-              onSortModeChange={setAnalysisSortMode}
-              sharedOnly={analysisFilter === "org"}
-              onSharedOnlyChange={(checked) =>
-                setAnalysisFilter(checked ? "org" : "all")
-              }
-              showHidden={analysisHiddenFilter === "hidden"}
-              onShowHiddenChange={(checked) =>
-                setAnalysisHiddenFilter(checked ? "hidden" : "visible")
-              }
-            />
-            <button
-              type="button"
-              onClick={toggleAnalysesOpen}
-              className="mr-1 flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-muted-foreground/70 hover:bg-sidebar-accent hover:text-foreground"
-              aria-label={
-                analysesOpen ? "Collapse analyses" : "Expand analyses"
-              }
-            >
-              <IconChevronDown
-                className={cn(
-                  "h-3.5 w-3.5 shrink-0 transition-transform",
-                  !analysesOpen && "-rotate-90",
-                )}
-              />
-            </button>
           </div>
 
-          {analysesOpen && (
-            <DndContext
-              sensors={sensors}
-              collisionDetection={closestCenter}
-              onDragEnd={handleAnalysisDragEnd}
+          {/* Analyses section */}
+          <div className="group/section min-w-0 space-y-1">
+            <div
+              className={cn(
+                "flex w-full min-w-0 items-center rounded-lg transition-all hover:text-primary",
+                location.pathname.startsWith("/analyses")
+                  ? "text-sidebar-accent-foreground"
+                  : "text-muted-foreground hover:bg-sidebar-accent/50",
+              )}
             >
-              <SortableContext
-                items={displayedAnalyses.map((a) => a.id)}
-                strategy={verticalListSortingStrategy}
+              <button
+                type="button"
+                onClick={toggleAnalysesOpen}
+                className="flex min-w-0 flex-1 items-center gap-3 px-3 py-2 text-left"
+                aria-expanded={analysesOpen}
               >
-                <div className="ml-4 min-w-0 space-y-0.5">
-                  {displayedAnalyses.map((a) => (
-                    <SortableRow
-                      key={a.id}
-                      id={a.id}
-                      favoriteKey={`analysis:${a.id}`}
-                      name={a.name}
-                      href={`/analyses/${a.id}`}
-                      isActive={location.pathname === `/analyses/${a.id}`}
-                      favoriteIds={favoriteIds}
-                      onToggleFavorite={toggleFavorite}
-                      onDelete={() => handleAnalysisDelete(a)}
-                      onRename={(name) => handleAnalysisRename(a, name)}
-                      hidden={analysisHiddenFilter === "hidden"}
-                      onHide={
-                        analysisHiddenFilter === "hidden"
-                          ? undefined
-                          : () => handleAnalysisHide(a)
-                      }
-                      onUnhide={
-                        analysisHiddenFilter === "hidden"
-                          ? () => handleAnalysisUnhide(a)
-                          : undefined
-                      }
-                      visibility={a.visibility}
-                      onSetVisibility={(v) => handleAnalysisSetVisibility(a, v)}
-                      onPrefetch={() => prefetchAnalysis(a.id)}
-                    />
-                  ))}
-                  {filteredAnalyses.length > SIDEBAR_PREVIEW_COUNT && (
-                    <button
-                      onClick={() => setAnalysesShowAll(!analysesShowAll)}
-                      className="flex items-center gap-1 px-3 py-1 text-[11px] text-muted-foreground/70 hover:text-primary"
-                    >
-                      {analysesShowAll
-                        ? "Show less"
-                        : `Show ${filteredAnalyses.length - SIDEBAR_PREVIEW_COUNT} more`}
-                    </button>
+                <IconReportAnalytics className="h-4 w-4 shrink-0" />
+                <span className="min-w-0 flex-1 truncate">Analyses</span>
+              </button>
+              <SidebarSectionSettingsPopover
+                label="Analyses"
+                sortMode={analysisSortMode}
+                onSortModeChange={setAnalysisSortMode}
+                sharedOnly={analysisFilter === "org"}
+                onSharedOnlyChange={(checked) =>
+                  setAnalysisFilter(checked ? "org" : "all")
+                }
+                showHidden={analysisHiddenFilter === "hidden"}
+                onShowHiddenChange={(checked) =>
+                  setAnalysisHiddenFilter(checked ? "hidden" : "visible")
+                }
+              />
+              <button
+                type="button"
+                onClick={toggleAnalysesOpen}
+                className="mr-1 flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-muted-foreground/70 hover:bg-sidebar-accent hover:text-foreground"
+                aria-label={
+                  analysesOpen ? "Collapse analyses" : "Expand analyses"
+                }
+              >
+                <IconChevronDown
+                  className={cn(
+                    "h-3.5 w-3.5 shrink-0 transition-transform",
+                    !analysesOpen && "-rotate-90",
                   )}
-                  {analysesLoading &&
-                    sortedAnalyses.length === 0 &&
-                    Array.from({ length: 3 }).map((_, i) => (
-                      <div
-                        key={`analysis-skeleton-${i}`}
-                        className="flex items-center gap-2 px-3 py-1"
-                      >
-                        <Skeleton className="h-3.5 w-3.5 shrink-0 rounded-sm" />
-                        <Skeleton
-                          className="h-3 rounded"
-                          style={{ width: `${60 + ((i * 17) % 30)}%` }}
-                        />
-                      </div>
+                />
+              </button>
+            </div>
+
+            {analysesOpen && (
+              <DndContext
+                sensors={sensors}
+                collisionDetection={closestCenter}
+                onDragEnd={handleAnalysisDragEnd}
+              >
+                <SortableContext
+                  items={displayedAnalyses.map((a) => a.id)}
+                  strategy={verticalListSortingStrategy}
+                >
+                  <div className="ml-4 min-w-0 space-y-0.5">
+                    {displayedAnalyses.map((a) => (
+                      <SortableRow
+                        key={a.id}
+                        id={a.id}
+                        favoriteKey={`analysis:${a.id}`}
+                        name={a.name}
+                        href={`/analyses/${a.id}`}
+                        isActive={location.pathname === `/analyses/${a.id}`}
+                        favoriteIds={favoriteIds}
+                        onToggleFavorite={toggleFavorite}
+                        onDelete={() => handleAnalysisDelete(a)}
+                        onRename={(name) => handleAnalysisRename(a, name)}
+                        hidden={analysisHiddenFilter === "hidden"}
+                        onHide={
+                          analysisHiddenFilter === "hidden"
+                            ? undefined
+                            : () => handleAnalysisHide(a)
+                        }
+                        onUnhide={
+                          analysisHiddenFilter === "hidden"
+                            ? () => handleAnalysisUnhide(a)
+                            : undefined
+                        }
+                        visibility={a.visibility}
+                        onSetVisibility={(v) =>
+                          handleAnalysisSetVisibility(a, v)
+                        }
+                        onPrefetch={() => prefetchAnalysis(a.id)}
+                      />
                     ))}
-                  {!analysesLoading && sortedAnalyses.length === 0 && (
-                    <p className="px-3 py-1 text-[11px] text-muted-foreground/60">
-                      No analyses yet
-                    </p>
-                  )}
-                  <NewAnalysisDialog />
-                </div>
-              </SortableContext>
-            </DndContext>
-          )}
+                    {filteredAnalyses.length > SIDEBAR_PREVIEW_COUNT && (
+                      <button
+                        onClick={() => setAnalysesShowAll(!analysesShowAll)}
+                        className="flex items-center gap-1 px-3 py-1 text-[11px] text-muted-foreground/70 hover:text-primary"
+                      >
+                        {analysesShowAll
+                          ? "Show less"
+                          : `Show ${filteredAnalyses.length - SIDEBAR_PREVIEW_COUNT} more`}
+                      </button>
+                    )}
+                    {analysesLoading &&
+                      sortedAnalyses.length === 0 &&
+                      Array.from({ length: 3 }).map((_, i) => (
+                        <div
+                          key={`analysis-skeleton-${i}`}
+                          className="flex items-center gap-2 px-3 py-1"
+                        >
+                          <Skeleton className="h-3.5 w-3.5 shrink-0 rounded-sm" />
+                          <Skeleton
+                            className="h-3 rounded"
+                            style={{ width: `${60 + ((i * 17) % 30)}%` }}
+                          />
+                        </div>
+                      ))}
+                    {!analysesLoading && sortedAnalyses.length === 0 && (
+                      <p className="px-3 py-1 text-[11px] text-muted-foreground/60">
+                        No analyses yet
+                      </p>
+                    )}
+                    <NewAnalysisDialog />
+                  </div>
+                </SortableContext>
+              </DndContext>
+            )}
+          </div>
         </nav>
 
         <div className="mt-auto min-w-0 px-2 pt-2 text-sm font-medium lg:px-4">

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

@@ -26,9 +26,12 @@ export function useNavigationState() {
         state.view = "overview";
       } else if (pathname === "/ask") {
         state.view = "ask";
-      } else if (pathname.startsWith("/adhoc/")) {
+      } else if (
+        pathname.startsWith("/dashboards/") ||
+        pathname.startsWith("/adhoc/")
+      ) {
         state.view = "adhoc";
-        const match = pathname.match(/\/adhoc\/(.+)/);
+        const match = pathname.match(/\/(?:adhoc|dashboards)\/(.+)/);
         if (match) {
           state.dashboardId = match[1];
           localStorage.setItem("last-dashboard-id", match[1]);
@@ -60,15 +63,13 @@ export function useNavigationState() {
         state.view = "catalog";
       } else if (pathname === "/settings") {
         state.view = "settings";
-      } else if (pathname === "/about") {
-        state.view = "about";
       }
 
       return state;
     },
     getCommandPath: (cmd) => {
       if (cmd.view === "adhoc" && cmd.dashboardId)
-        return `/adhoc/${cmd.dashboardId}`;
+        return `/dashboards/${cmd.dashboardId}`;
       if (cmd.view === "analyses" && cmd.analysisId)
         return `/analyses/${cmd.analysisId}`;
       if (cmd.view === "analyses") return "/analyses";
@@ -81,7 +82,6 @@ export function useNavigationState() {
       if (cmd.view === "ask") return "/ask";
       if (cmd.view === "settings") return "/settings";
       if (cmd.view === "overview") return "/overview";
-      if (cmd.view === "about") return "/about";
       return "/";
     },
     onNavigate: (_command, path) => {

package/corpus/templates/analytics/app/lib/demo-dashboard-path.ts

@@ -8,7 +8,7 @@ export function demoNodeExporterDashboardPath(
     tab: DEMO_NODE_EXPORTER_DEFAULT_TAB,
   });
   if (options.intro) params.set("demoIntro", "1");
-  return `/adhoc/${dashboardId}?${params.toString()}`;
+  return `/dashboards/${dashboardId}?${params.toString()}`;
 }
 
 export function withDemoIntro(path: string): string {

package/corpus/templates/analytics/app/lib/last-opened.ts

@@ -19,7 +19,8 @@ function isLastOpenedItem(value: unknown): value is LastOpenedItem {
     typeof item.id === "string" &&
     item.id.length > 0 &&
     typeof item.path === "string" &&
-    (item.path.startsWith("/adhoc/") ||
+    (item.path.startsWith("/dashboards/") ||
+      item.path.startsWith("/adhoc/") ||
       item.path.startsWith("/analyses/") ||
       item.path.startsWith("/extensions/")) &&
     typeof item.updatedAt === "number"

package/corpus/templates/analytics/app/pages/Settings.tsx

@@ -1,13 +1,17 @@
+import { ChangelogSettingsCard } from "@agent-native/core/client";
 import { useAuth } from "@/components/auth/AuthProvider";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
 import { Link } from "react-router";
+import changelog from "../../CHANGELOG.md?raw";
 
 export default function Settings() {
   const { auth } = useAuth();
 
   return (
     <div className="space-y-6 max-w-2xl">
+      <ChangelogSettingsCard markdown={changelog} />
+
       <Card className="bg-card border-border/50">
         <CardHeader>
           <CardTitle className="text-base">Account</CardTitle>

package/corpus/templates/analytics/app/pages/adhoc/explorer-dashboard/index.tsx

@@ -326,7 +326,7 @@ export default function ExplorerDashboardPage() {
         queryKey: ["explorer-dashboards-palette"],
       });
       toast.success(`Archived "${dashboard?.name ?? "dashboard"}"`);
-      navigate("/adhoc/explorer");
+      navigate("/dashboards/explorer");
     } catch (err) {
       toast.error(
         err instanceof Error ? err.message : "Couldn't archive dashboard",
@@ -657,7 +657,7 @@ export default function ExplorerDashboardPage() {
                           queryKey: ["explorer-dashboards-palette"],
                         });
                         setConfirmDeleteOpen(false);
-                        navigate("/adhoc/explorer");
+                        navigate("/dashboards/explorer");
                       } catch (err) {
                         toast.error(
                           err instanceof Error
@@ -717,7 +717,7 @@ export default function ExplorerDashboardPage() {
                   onRemove={() => removeChart(chart.id)}
                   onToggleWidth={() => toggleWidth(chart.id)}
                   onEdit={() =>
-                    navigate(`/adhoc/explorer?config=${chart.configId}`)
+                    navigate(`/dashboards/explorer?config=${chart.configId}`)
                   }
                   editable={canEdit}
                 />

package/corpus/templates/analytics/app/pages/adhoc/sql-dashboard/DashboardFilterBar.tsx

@@ -224,7 +224,7 @@ export function DashboardFilterBar({
       <Collapsible
         open={filtersOpen}
         onOpenChange={setFiltersOpen}
-        className="rounded-lg border border-border bg-card p-3"
+        className="group rounded-lg border border-border bg-card p-3"
       >
         <div className="flex items-center justify-between gap-3">
           <div className="flex items-baseline gap-2">
@@ -235,7 +235,7 @@ export function DashboardFilterBar({
               auto-applied
             </span>
           </div>
-          <div className="flex items-center gap-1">
+          <div className="flex items-center gap-1 opacity-0 transition-opacity focus-within:opacity-100 group-hover:opacity-100 group-data-[state=closed]:opacity-100">
             {onSaveView && filtersActive && (
               <Button
                 variant="ghost"