@agent-native/core 0.70.0 → 0.70.1

package/corpus/templates/analytics/actions/update-dashboard.ts

@@ -378,6 +378,11 @@ function resolveScope() {
   return { orgId, email };
 }
 
+/** Resulting panel count, used for the proof-of-done return summary. */
+function countPanels(config: Record<string, unknown>): number {
+  return Array.isArray(config.panels) ? config.panels.length : 0;
+}
+
 /**
  * Push a config update through the collab layer so open dashboard editors
  * receive the change in real time. Seeds the collab state if it doesn't
@@ -407,11 +412,19 @@ async function syncToCollab(
 
 export default defineAction({
   description:
-    "Edit a SQL dashboard config (scope-aware). Prefer this over raw db-patch on the settings table — " +
+    "Edit a SQL dashboard config (scope-aware) atomically in ONE call. Prefer this over raw db-patch on the settings table — " +
     "it resolves org vs. user scope correctly so the edit lands on the row the UI actually renders. " +
-    "Use `ops` for structural changes (reorder/insert/remove panels, update field values via JSON Pointer paths). " +
-    "Use `config` to replace the entire dashboard config. " +
-    "For a large dashboard, build it up incrementally: save a small dashboard first, then add panels one at a time with `ops` rather than authoring the whole `config` in one call — a very large single `config` payload can get cut off mid-stream and stall the turn. " +
+    "BATCH ALL EDITS INTO A SINGLE CALL. Never call this action repeatedly in a loop: hosted agent runs have a ~40s budget, and many sequential update-dashboard calls time out mid-way and leave the dashboard in a partial state even though earlier calls looked like they succeeded. Put every change you want to make into one `ops` array (or one `config`). " +
+    "`ops` is an array of { op, path, from?, value? } applied in order in a single atomic save. " +
+    "`op` is one of: set | replace | remove | insert | move | move-before. " +
+    "`path` is a JSON Pointer into the config (e.g. `/panels/3` is the 4th panel, `/panels/3/title` is its title, `/name` is the dashboard name). The special index `-` means the end of an array: `/panels/-` appends. " +
+    "`value` is the panel or object to set/insert. `from` is the source JSON Pointer for move / move-before. " +
+    "To ADD N panels in one call, pass N entries of { op: 'insert', path: '/panels/-', value: <panel> }. " +
+    "To reorder: [{ op: 'move', from: '/panels/2', path: '/panels/0' }]. " +
+    "To edit a field: [{ op: 'replace', path: '/panels/0/title', value: 'Events by Day' }]. " +
+    "Use `config` to replace the entire dashboard config in one call. Provide `ops` OR `config`, not both. " +
+    "To add a shipped catalog template's panels to an existing dashboard, prefer `install-dashboard-template` with `mergePanels: true` — it appends the template's panels in one call without you having to author each panel. " +
+    "The result includes `panelCount` (resulting number of panels), `appliedOps` (count), and a `summary` string — use them as proof-of-done and report the new panel count back to the user instead of assuming success. " +
     "The UI auto-refreshes after this action — do NOT call `refresh-screen`.",
   schema: z.object({
     dashboardId: z
@@ -440,8 +453,11 @@ export default defineAction({
       )
       .optional()
       .describe(
-        "Array of JSON-patch-style ops applied in order (or a JSON string). " +
-          "Example reorder: [{op:'move', from:'/panels/2', path:'/panels/0'}]",
+        "Array of JSON-patch-style ops applied in order in ONE atomic save (or a JSON string). " +
+          "Each op is { op, path, from?, value? }. op ∈ set|replace|remove|insert|move|move-before. " +
+          "path is a JSON Pointer (e.g. '/panels/3', and '/panels/-' appends to the end). " +
+          "Add N panels at once with N {op:'insert', path:'/panels/-', value:<panel>} entries. " +
+          "Example reorder: [{op:'move', from:'/panels/2', path:'/panels/0'}].",
       ),
     config: z
       .preprocess(
@@ -482,6 +498,7 @@ export default defineAction({
       if (sqlError) throw new Error(sqlError);
       await upsertDashboard(args.dashboardId, "sql", args.config, ctx);
       await syncToCollab(args.dashboardId, args.config);
+      const panelCount = countPanels(args.config);
       return {
         id: args.dashboardId,
         dashboardId: args.dashboardId,
@@ -489,6 +506,11 @@ export default defineAction({
           typeof args.config.name === "string"
             ? args.config.name
             : args.dashboardId,
+        // Proof-of-done: lead with verifiable state so the agent/UI can
+        // confirm the new shape cheaply instead of assuming success.
+        panelCount,
+        appliedOps: 0,
+        summary: `Replaced dashboard "${args.dashboardId}"; it now has ${panelCount} panel(s).`,
         config: args.config,
         urlPath: `/dashboards/${args.dashboardId}`,
         deepLink: buildDeepLink({
@@ -528,10 +550,16 @@ export default defineAction({
     );
     await syncToCollab(args.dashboardId, root as Record<string, unknown>);
 
+    const panelCount = countPanels(root as Record<string, unknown>);
     return {
       id: args.dashboardId,
       dashboardId: args.dashboardId,
       name: typeof root.name === "string" ? root.name : args.dashboardId,
+      // Proof-of-done: lead with verifiable state (op count + resulting panel
+      // count) so the agent/UI can confirm success without re-fetching.
+      panelCount,
+      appliedOps: details.length,
+      summary: `Applied ${details.length} op(s); dashboard "${args.dashboardId}" now has ${panelCount} panel(s).`,
       config: root,
       urlPath: `/dashboards/${args.dashboardId}`,
       deepLink: buildDeepLink({
@@ -541,7 +569,8 @@ export default defineAction({
       }),
       message:
         `Dashboard "${args.dashboardId}" updated. ` +
-        `Applied ${details.length} op(s): ${details.join("; ")}.`,
+        `Applied ${details.length} op(s): ${details.join("; ")}. ` +
+        `Now ${panelCount} panel(s).`,
     };
   },
   link: ({ result }) => {

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

@@ -1,5 +1,7 @@
 import {
+  createContext,
   useCallback,
+  useContext,
   useEffect,
   useMemo,
   useState,
@@ -248,6 +250,20 @@ function SeriesLegend({
   );
 }
 
+// When a chart renders inside the full-screen modal it should grow to fill the
+// available space rather than the fixed 250px card height. ChartFrame reads
+// this via context so we avoid threading a prop through every renderer
+// (line/area/bar/pie all share ChartFrame).
+const ChartFillHeightContext = createContext(false);
+
+export function ChartFillHeight({ children }: { children: ReactNode }) {
+  return (
+    <ChartFillHeightContext.Provider value={true}>
+      {children}
+    </ChartFillHeightContext.Provider>
+  );
+}
+
 function ChartFrame({
   panel,
   legendKeys,
@@ -259,13 +275,24 @@ function ChartFrame({
   colors: string[];
   children: ReactNode;
 }) {
+  const fill = useContext(ChartFillHeightContext);
+  const chartHeight = fill ? "h-full min-h-[250px]" : "h-[250px]";
+
   if (!usesPrometheusPresentation(panel)) {
-    return <div className="h-[250px] w-full overflow-visible">{children}</div>;
+    return (
+      <div className={`${chartHeight} w-full overflow-visible`}>{children}</div>
+    );
   }
 
   return (
-    <div className="w-full overflow-hidden">
-      <div className="h-[250px] w-full overflow-visible">{children}</div>
+    <div
+      className={`flex w-full flex-col overflow-hidden ${fill ? "h-full" : ""}`}
+    >
+      <div
+        className={`${chartHeight} w-full overflow-visible ${fill ? "flex-1" : ""}`}
+      >
+        {children}
+      </div>
       <SeriesLegend keys={legendKeys} colors={colors} panel={panel} />
     </div>
   );

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

@@ -18,7 +18,6 @@ const pageTitles: Record<string, string> = {
   "/dashboards/explorer": "Explorer",
   "/team": "Team",
   "/settings": "Settings",
-  "/about": "About",
 };
 
 function resolveTitle(pathname: string): ReactNode {

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 {
@@ -1947,7 +1945,7 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
           </Link>
 
           {/* Dashboards section */}
-          <div className="group/section space-y-1">
+          <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",
@@ -2050,7 +2048,7 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
           </div>
 
           {/* Analyses section */}
-          <div className="group/section space-y-1">
+          <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",

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

@@ -63,8 +63,6 @@ export function useNavigationState() {
         state.view = "catalog";
       } else if (pathname === "/settings") {
         state.view = "settings";
-      } else if (pathname === "/about") {
-        state.view = "about";
       }
 
       return state;
@@ -84,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/pages/adhoc/sql-dashboard/SqlChartCard.tsx

@@ -5,6 +5,7 @@ import {
   IconArrowsMaximize,
   IconArrowsMinimize,
   IconDotsVertical,
+  IconMaximize,
   IconPencil,
   IconTrash,
   IconCode,
@@ -32,9 +33,15 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
 } from "@/components/ui/alert-dialog";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
 import { useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
-import { SqlChart } from "@/components/dashboard/SqlChart";
+import { ChartFillHeight, SqlChart } from "@/components/dashboard/SqlChart";
 import { ViewSqlPopover } from "./ViewSqlPopover";
 import type { SqlPanel } from "./types";
 
@@ -76,6 +83,7 @@ export function SqlChartCard({
   } = useSortable({ id: panel.id, disabled: !editable });
 
   const [confirmOpen, setConfirmOpen] = useState(false);
+  const [expanded, setExpanded] = useState(false);
   const [exportCsv, setExportCsv] = useState<(() => void) | null>(null);
   const [shouldLoadData, setShouldLoadData] = useState(
     panel.chartType === "section",
@@ -229,7 +237,9 @@ export function SqlChartCard({
     );
   }
 
-  const showPanelMenu = editable || panel.chartType === "table";
+  // Every non-section panel exposes at least the Full screen view action, so the
+  // options menu always renders — including on read-only / shared dashboards.
+  const showPanelMenu = true;
 
   return (
     <div
@@ -259,6 +269,13 @@ export function SqlChartCard({
                   <TooltipContent>Panel options</TooltipContent>
                 </Tooltip>
                 <DropdownMenuContent align="end" className="w-44">
+                  <DropdownMenuItem onSelect={() => setExpanded(true)}>
+                    <IconMaximize className="h-4 w-4 mr-2" />
+                    Full screen
+                  </DropdownMenuItem>
+                  {editable || panel.chartType === "table" ? (
+                    <DropdownMenuSeparator />
+                  ) : null}
                   {panel.chartType === "table" && (
                     <DropdownMenuItem
                       disabled={!exportCsv}
@@ -346,6 +363,19 @@ export function SqlChartCard({
         </CardContent>
       </Card>
 
+      <Dialog open={expanded} onOpenChange={setExpanded}>
+        <DialogContent className="flex h-[90vh] w-[95vw] max-w-[1400px] flex-col gap-4">
+          <DialogHeader className="shrink-0 pr-8 text-left">
+            <DialogTitle className="truncate">{panel.title}</DialogTitle>
+          </DialogHeader>
+          <div className="flex min-h-0 flex-1 flex-col overflow-auto">
+            <ChartFillHeight>
+              <SqlChart panel={panel} resolvedSql={resolvedSql} loadData />
+            </ChartFillHeight>
+          </div>
+        </DialogContent>
+      </Dialog>
+
       {editable ? (
         <AlertDialog open={confirmOpen} onOpenChange={setConfirmOpen}>
           <AlertDialogContent>

package/corpus/templates/analytics/changelog/2026-06-23-long-dashboard-and-analysis-names-in-the-sidebar-now-truncat.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-23
+---
+
+Long dashboard and analysis names in the sidebar now truncate with an ellipsis instead of being clipped

package/corpus/templates/analytics/changelog/2026-06-23-open-any-dashboard-chart-full-screen-in-a-modal-from-the-pan.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-06-23
+---
+
+Open any dashboard chart full screen in a modal from the panel's three-dots menu

package/corpus/templates/assets/actions/generate-image.ts

@@ -1,5 +1,6 @@
 import { defineAction } from "@agent-native/core";
 import {
+  readAppState,
   writeAppState,
   deleteAppState,
 } from "@agent-native/core/application-state";
@@ -55,6 +56,28 @@ function resolveModelForTier(
     : "gemini-3.1-flash-image";
 }
 
+/**
+ * The user's default image model, chosen from the composer's model picker and
+ * persisted in per-user application state. Used as a fallback when no explicit
+ * model, tier, or preset model is supplied. Returns undefined when unset or
+ * invalid so the hardcoded default still applies.
+ */
+async function readUserDefaultImageModel(): Promise<ImageModel | undefined> {
+  try {
+    const stored = await readAppState("imageGenerationModel");
+    const model = stored?.model;
+    if (
+      typeof model === "string" &&
+      (IMAGE_MODELS as readonly string[]).includes(model)
+    ) {
+      return model as ImageModel;
+    }
+  } catch {
+    // No request context or read failure — fall back to defaults below.
+  }
+  return undefined;
+}
+
 export default defineAction({
   description:
     "Generate one brand-consistent image from a library. This is synchronous for images and returns the final asset with preview/download/embed URLs. Use generate-image-batch for multiple independent slots; do not poll image runs after this action returns.",
@@ -226,6 +249,7 @@ export default defineAction({
     const resolvedModel = (args.model ??
       resolveModelForTier(resolvedTier, category) ??
       preset?.model ??
+      (await readUserDefaultImageModel()) ??
       "gemini-3.1-flash-image") as (typeof IMAGE_MODELS)[number];
     const resolvedCategories =
       args.categories ??

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

@@ -305,8 +305,8 @@ function AssetsChatsSection() {
                       {threadTitle(thread)}
                     </span>
                   </button>
-                  <div className="relative flex size-7 shrink-0 items-center justify-end pr-1">
-                    <span className="text-[11px] text-muted-foreground/75 transition-opacity group-hover:opacity-0 group-focus-within:opacity-0">
+                  <div className="relative flex w-auto min-w-7 shrink-0 items-center justify-end pr-1">
+                    <span className="whitespace-nowrap text-[11px] tabular-nums text-muted-foreground/75 transition-opacity group-hover:opacity-0 group-focus-within:opacity-0">
                       {isActive ? "" : formatThreadAge(threadUpdatedAt(thread))}
                     </span>
                     <DropdownMenu>

package/corpus/templates/assets/app/global.css

@@ -135,7 +135,7 @@
   gap: 0.5rem;
 }
 
-.assets-create-chat-pill-row span {
+.assets-create-chat-pill-row button {
   display: inline-flex;
   align-items: center;
   gap: 0.375rem;
@@ -147,6 +147,22 @@
   color: hsl(var(--muted-foreground));
   font-size: 0.75rem;
   font-weight: 500;
+  cursor: pointer;
+  transition:
+    background-color 0.15s ease,
+    color 0.15s ease,
+    border-color 0.15s ease;
+}
+
+.assets-create-chat-pill-row button:hover {
+  border-color: hsl(var(--foreground) / 0.25);
+  background: hsl(var(--accent));
+  color: hsl(var(--foreground));
+}
+
+.assets-create-chat-pill-row button:focus-visible {
+  outline: 2px solid hsl(var(--ring));
+  outline-offset: 2px;
 }
 
 .assets-create-chat-panel

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

@@ -1,12 +1,49 @@
-import { useEffect } from "react";
+import { useCallback, useEffect, useState } from "react";
 import {
   AgentChatSurface,
   getBrowserTabId,
   markAgentChatHomeHandoff,
+  readClientAppState,
+  sendToAgentChat,
+  writeClientAppState,
 } from "@agent-native/core/client";
 import { IconPhoto, IconSparkles, IconVideo } from "@tabler/icons-react";
 import { ASSETS_CHAT_STORAGE_KEY } from "@/lib/chat";
 
+// The composer's model picker shows the chat LLM (Claude/OpenAI/Gemini). The
+// Assets app also drives a separate *image* model, so we surface it in the same
+// menu — otherwise "Claude" reads as the image generator, which it isn't. The
+// choice persists in per-user application state so the generate-image action
+// (server-side) can read it as the default model. Values must be valid
+// IMAGE_MODELS ids from shared/api.
+const IMAGE_MODEL_STATE_KEY = "imageGenerationModel";
+const DEFAULT_IMAGE_MODEL = "gemini-3.1-flash-image";
+const IMAGE_MODEL_OPTIONS = [
+  { value: "gemini-3-pro-image", label: "Gemini 3 Pro · best quality" },
+  { value: "gemini-3.1-flash-image", label: "Gemini 3.1 Flash · fast" },
+  { value: "gemini-2.5-flash-image", label: "Gemini 2.5 Flash" },
+] as const;
+
+// Empty-state starters. Clicking one prefills the composer (without sending) so
+// the user can finish the thought instead of staring at a chip that does
+// nothing. `submit: false` = prefill only; `openSidebar: false` keeps focus on
+// the page-level Create surface.
+const CHAT_STARTERS = [
+  {
+    key: "image",
+    Icon: IconPhoto,
+    label: "image",
+    prompt: "Create an image of ",
+  },
+  {
+    key: "video",
+    Icon: IconVideo,
+    label: "video",
+    prompt: "Create a video of ",
+  },
+  { key: "refine", Icon: IconSparkles, label: "refine", prompt: "Refine " },
+] as const;
+
 const SEO_TITLE =
   "Agent-Native Assets - Open Source AI asset library for brand-safe images and video";
 const SEO_DESCRIPTION =
@@ -25,6 +62,8 @@ export function meta() {
 }
 
 export default function CreatePage() {
+  const [imageModel, setImageModel] = useState<string>(DEFAULT_IMAGE_MODEL);
+
   useEffect(() => {
     function handleChatRunning(event: Event) {
       const detail = (event as CustomEvent).detail;
@@ -38,6 +77,34 @@ export default function CreatePage() {
       window.removeEventListener("agentNative.chatRunning", handleChatRunning);
   }, []);
 
+  // Hydrate the saved image-model default so the picker reflects the user's
+  // last choice across sessions.
+  useEffect(() => {
+    let cancelled = false;
+    void readClientAppState<{ model?: string }>(IMAGE_MODEL_STATE_KEY)
+      .then((state) => {
+        const stored = state?.model;
+        if (
+          !cancelled &&
+          stored &&
+          IMAGE_MODEL_OPTIONS.some((option) => option.value === stored)
+        ) {
+          setImageModel(stored);
+        }
+      })
+      .catch(() => {});
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+
+  const handleImageModelChange = useCallback((value: string) => {
+    setImageModel(value);
+    void writeClientAppState(IMAGE_MODEL_STATE_KEY, { model: value }).catch(
+      () => {},
+    );
+  }, []);
+
   return (
     <div className="flex h-full min-h-0 flex-col bg-background">
       <AgentChatSurface
@@ -47,6 +114,15 @@ export default function CreatePage() {
         defaultMode="chat"
         storageKey={ASSETS_CHAT_STORAGE_KEY}
         browserTabId={getBrowserTabId()}
+        imageModelMenu={{
+          value: imageModel,
+          options: IMAGE_MODEL_OPTIONS.map((option) => ({
+            value: option.value,
+            label: option.label,
+          })),
+          onChange: handleImageModelChange,
+          label: "Image model",
+        }}
         showHeader={false}
         showTabBar={false}
         dynamicSuggestions={false}
@@ -63,19 +139,23 @@ export default function CreatePage() {
               Start with a hero image, product reveal, reference edit, or a
               direction you want to explore.
             </p>
-            <div className="assets-create-chat-pill-row" aria-hidden="true">
-              <span>
-                <IconPhoto className="size-3.5" />
-                image
-              </span>
-              <span>
-                <IconVideo className="size-3.5" />
-                video
-              </span>
-              <span>
-                <IconSparkles className="size-3.5" />
-                refine
-              </span>
+            <div className="assets-create-chat-pill-row">
+              {CHAT_STARTERS.map(({ key, Icon, label, prompt }) => (
+                <button
+                  key={key}
+                  type="button"
+                  onClick={() =>
+                    sendToAgentChat({
+                      message: prompt,
+                      submit: false,
+                      openSidebar: false,
+                    })
+                  }
+                >
+                  <Icon className="size-3.5" />
+                  {label}
+                </button>
+              ))}
             </div>
           </div>
         }

package/corpus/templates/assets/changelog/2026-06-23-chat-dates-in-the-sidebar-no-longer-wrap-onto-two-lines.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-23
+---
+
+Chat dates in the sidebar no longer wrap onto two lines.

package/corpus/templates/assets/changelog/2026-06-23-clicking-image-video-or-refine-on-the-start-screen-now-drops.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-23
+---
+
+Clicking image, video, or refine on the start screen now drops a starter prompt into the composer instead of doing nothing.

package/corpus/templates/assets/changelog/2026-06-23-pick-your-image-generation-model-right-from-the-chat-model-m.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-06-23
+---
+
+Pick your image-generation model right from the chat model menu — it's shown alongside the chat model so it's clear which is which.

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

@@ -1,6 +1,5 @@
 import { useEffect, useMemo, useRef, useState } from "react";
 import { toast } from "sonner";
-import { cn } from "@/lib/utils";
 import {
   useFolders,
   useRecordings,
@@ -34,7 +33,6 @@ import {
   DialogTitle,
   DialogFooter,
 } from "@/components/ui/dialog";
-import { IconChecks } from "@tabler/icons-react";
 import { ShareRecordingDialog } from "@/components/player/share-dialog";
 
 interface LibraryGridProps {
@@ -107,7 +105,7 @@ export function LibraryGrid({
 }: LibraryGridProps) {
   const [sort, setSort] = useState<SortKey>("recent");
   const [selected, setSelected] = useState<Set<string>>(new Set());
-  const [selectionMode, setSelectionMode] = useState(false);
+  const selectionMode = selected.size > 0;
   const [renamingRec, setRenamingRec] = useState<RecordingSummary | null>(null);
   const [renameValue, setRenameValue] = useState("");
   const [sharingRec, setSharingRec] = useState<RecordingSummary | null>(null);
@@ -202,7 +200,6 @@ export function LibraryGrid({
 
   const clearSelection = () => {
     setSelected(new Set());
-    setSelectionMode(false);
   };
 
   const moveSelected = async (targetFolderId: string | null) => {
@@ -337,22 +334,6 @@ export function LibraryGrid({
         </div>
         <div className="ml-auto flex shrink-0 items-center gap-2">
           {extraActions}
-          <Button
-            variant={selectionMode ? "default" : "outline"}
-            size="sm"
-            className={cn(
-              "h-8 gap-1.5",
-              selectionMode &&
-                "bg-primary text-primary-foreground hover:bg-primary/90",
-            )}
-            onClick={() => {
-              setSelectionMode((v) => !v);
-              if (selectionMode) setSelected(new Set());
-            }}
-          >
-            <IconChecks className="h-3.5 w-3.5" />
-            Select
-          </Button>
           <SortMenu value={sort} onChange={setSort} />
         </div>
       </PageHeader>