@agent-native/dispatch 0.23.5 → 0.24.2

package/src/components/app-open-actions.tsx

@@ -1,114 +1,5 @@
-import { IconChevronDown, IconPlus } from "@tabler/icons-react";
-
-import { Button } from "./ui/button";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from "./ui/dropdown-menu";
-
-export interface AppOpenActionLabels {
-  addApp: string;
-  openApp: string;
-  openInline: string;
-  openInNewTab: string;
-}
-
-const DEFAULT_LABELS: AppOpenActionLabels = {
-  addApp: "Add app",
-  openApp: "Open app",
-  openInline: "Open inline",
-  openInNewTab: "Open in new tab",
-};
-
-export function AppOpenActions({
-  name,
-  href,
-  target,
-  rel,
-  labels: labelOverrides,
-  onAddApp,
-  onOpenInline,
-  showInlineOption = false,
-  showNewTabOption = false,
-}: {
-  name: string;
-  href: string | null;
-  target?: "_blank";
-  rel?: string;
-  labels?: Partial<AppOpenActionLabels>;
-  onAddApp?: () => void;
-  onOpenInline?: () => void;
-  showInlineOption?: boolean;
-  showNewTabOption?: boolean;
-}) {
-  const labels = { ...DEFAULT_LABELS, ...labelOverrides };
-  const canOfferNewTab = showNewTabOption && target !== "_blank";
-  const hasMenu =
-    Boolean(onAddApp) ||
-    (Boolean(href) && (showInlineOption || canOfferNewTab));
-
-  if (!href && !hasMenu) {
-    return (
-      <Button size="sm" variant="outline" disabled>
-        {labels.openApp}
-      </Button>
-    );
-  }
-
-  return (
-    <div className="flex shrink-0 overflow-hidden rounded-md border border-border focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2">
-      <Button
-        asChild={Boolean(href)}
-        size="sm"
-        variant="outline"
-        className="rounded-none border-0 border-e border-border"
-        disabled={!href}
-      >
-        {href ? (
-          <a href={href} target={target} rel={rel}>
-            {labels.openApp}
-          </a>
-        ) : (
-          <span>{labels.openApp}</span>
-        )}
-      </Button>
-      {hasMenu ? (
-        <DropdownMenu>
-          <DropdownMenuTrigger asChild>
-            <Button
-              type="button"
-              size="sm"
-              variant="outline"
-              className="size-9 rounded-none border-0 p-0"
-              aria-label={`Open options for ${name}`}
-            >
-              <IconChevronDown size={15} />
-            </Button>
-          </DropdownMenuTrigger>
-          <DropdownMenuContent align="end" className="min-w-40">
-            {onAddApp ? (
-              <DropdownMenuItem onSelect={onAddApp}>
-                <IconPlus size={14} className="mr-2" />
-                {labels.addApp}
-              </DropdownMenuItem>
-            ) : null}
-            {showInlineOption && href ? (
-              <DropdownMenuItem onSelect={onOpenInline}>
-                {labels.openInline}
-              </DropdownMenuItem>
-            ) : null}
-            {canOfferNewTab && href ? (
-              <DropdownMenuItem asChild>
-                <a href={href} target="_blank" rel="noreferrer">
-                  {labels.openInNewTab}
-                </a>
-              </DropdownMenuItem>
-            ) : null}
-          </DropdownMenuContent>
-        </DropdownMenu>
-      ) : null}
-    </div>
-  );
-}
+export {
+  AppOpenActions,
+  type AppOpenActionLabels,
+  type AppOpenActionMenuItem,
+} from "@agent-native/core/client/chat-first";

package/src/components/app-row-settings.tsx

@@ -0,0 +1,54 @@
+import { APP_ACTION_MENU_CONTENT_CLASS } from "@agent-native/core/client/chat-first";
+import { IconPlus, IconSettings } from "@tabler/icons-react";
+
+import { Button } from "./ui/button";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "./ui/dropdown-menu";
+import { Tooltip, TooltipContent, TooltipTrigger } from "./ui/tooltip";
+
+const APP_ROW_ACTION_CLASS =
+  "size-7 rounded-md p-0 text-muted-foreground transition-[background-color,color] hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring data-[state=open]:bg-accent data-[state=open]:text-foreground";
+
+export function AppRowSettings({
+  name,
+  addAppLabel = "Add app",
+  onAddApp,
+}: {
+  name: string;
+  addAppLabel?: string;
+  onAddApp: () => void;
+}) {
+  return (
+    <DropdownMenu>
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <DropdownMenuTrigger asChild>
+            <Button
+              type="button"
+              variant="ghost"
+              size="sm"
+              aria-label={`Settings for ${name}`}
+              className={APP_ROW_ACTION_CLASS}
+            >
+              <IconSettings size={15} />
+            </Button>
+          </DropdownMenuTrigger>
+        </TooltipTrigger>
+        <TooltipContent>App settings</TooltipContent>
+      </Tooltip>
+      <DropdownMenuContent
+        align="end"
+        className={APP_ACTION_MENU_CONTENT_CLASS}
+      >
+        <DropdownMenuItem onSelect={onAddApp}>
+          <IconPlus size={14} aria-hidden="true" />
+          {addAppLabel}
+        </DropdownMenuItem>
+      </DropdownMenuContent>
+    </DropdownMenu>
+  );
+}

package/src/components/automation-run-history-dialog.tsx

@@ -3,7 +3,6 @@ import {
   IconAlertTriangle,
   IconClock,
   IconExternalLink,
-  IconLoader2,
 } from "@tabler/icons-react";
 import { Link } from "react-router";
 
@@ -21,6 +20,7 @@ import {
   DialogHeader,
   DialogTitle,
 } from "./ui/dialog";
+import { Skeleton } from "./ui/skeleton";
 
 interface AutomationRun {
   id: string;
@@ -178,9 +178,13 @@ export function AutomationRunHistoryDialog({
 
               <div className="mt-3">
                 {runsQuery.isLoading ? (
-                  <div className="flex items-center gap-2 rounded-lg border p-4 text-sm text-muted-foreground">
-                    <IconLoader2 className="size-4 animate-spin" />
-                    Loading run history...
+                  <div className="space-y-3 rounded-lg border p-4">
+                    {Array.from({ length: 3 }).map((_, index) => (
+                      <div key={index} className="space-y-2">
+                        <Skeleton className="h-4 w-2/3" />
+                        <Skeleton className="h-3 w-1/2" />
+                      </div>
+                    ))}
                   </div>
                 ) : runsQuery.isError ? (
                   <ActionQueryError

package/src/components/connected-app-card.tsx

@@ -12,6 +12,8 @@ export function ConnectedAppCard({
   app: ConnectedAppSummary;
   className?: string;
 }) {
+  const launchUrl = app.homeUrl ?? app.url;
+
   return (
     <AppListRow className={className}>
       <AppIcon id={app.id} name={app.name} color={app.color} size="sm" />
@@ -25,11 +27,10 @@ export function ConnectedAppCard({
       </div>
       <AppOpenActions
         name={app.name}
-        href={withBuilderUtmTrackingParams(app.url, {
+        href={withBuilderUtmTrackingParams(launchUrl, {
           campaign: "product",
           content: "dispatch_app",
         })}
-        target="_blank"
         rel="noopener noreferrer"
         showNewTabOption
       />

package/src/components/create-app-popover.spec.tsx

@@ -339,7 +339,7 @@ describe("CreateAppFlow", () => {
       });
     });
     const branchLink = Array.from(container.querySelectorAll("a")).find(
-      (candidate) => candidate.textContent?.includes("Open Builder branch"),
+      (candidate) => candidate.textContent?.includes("Open in Builder"),
     );
     expect(branchLink?.getAttribute("href")).toBe(
       "https://branch.example.test",

package/src/components/create-app-popover.tsx

@@ -319,7 +319,7 @@ export function CreateAppFlow({
         </div>
         <Button asChild className="w-full sm:w-auto">
           <a href={branchUrl} target="_blank" rel="noreferrer">
-            Open Builder branch <IconArrowUpRight aria-hidden="true" />
+            Open in Builder <IconArrowUpRight aria-hidden="true" />
           </a>
         </Button>
       </div>
@@ -583,7 +583,7 @@ export function CreateAppFlow({
                 rel="noreferrer"
                 className="inline-flex items-center gap-1 font-medium text-foreground underline"
               >
-                Open branch <IconArrowUpRight className="h-3 w-3" />
+                Open in Builder <IconArrowUpRight className="h-3 w-3" />
               </a>
             ) : null}
           </div>

package/src/components/dispatch-control-plane.spec.tsx

@@ -33,6 +33,9 @@ vi.mock("@agent-native/core/client/agent-chat", () => ({
     path: string,
     options?: unknown,
   ) => clientState.navigateWithTransition(navigate, path, options),
+  orderChatFirstAppIds: (appIds: string[]) => appIds,
+  readChatFirstAppLayout: () => ({ pinnedIds: [], orderedIds: [] }),
+  writeChatFirstAppLayout: () => ({ ok: true }),
   useChatModels: clientState.useChatModels,
 }));
 
@@ -53,6 +56,11 @@ vi.mock("@agent-native/core/client/composer", () => ({
   },
 }));
 
+vi.mock("@agent-native/core/client/application-state", () => ({
+  readClientAppState: vi.fn(async () => null),
+  writeClientAppState: vi.fn(async () => null),
+}));
+
 vi.mock("@agent-native/core/client/hooks", () => ({
   useActionQuery: (name: string) => ({
     data:
@@ -129,6 +137,15 @@ describe("DispatchControlPlane", () => {
     expect(container.textContent).not.toContain("Open chat");
     expect(container.textContent).not.toContain("Also");
     expect(container.textContent).not.toContain("active");
+    expect(container.textContent).not.toContain(
+      "Summarize the current workspace health",
+    );
+    expect(container.textContent).toContain(
+      "Create an app for onboarding requests",
+    );
+    expect(container.textContent).toContain(
+      "Check which agents can help with analytics",
+    );
     expect(container.querySelector("nav")).toBeNull();
     expect(
       container.querySelector('[data-placeholder="Ask Dispatch anything..."]'),
@@ -231,7 +248,9 @@ describe("DispatchControlPlane", () => {
         id: "clips",
         name: "Clips",
         description: "Record and share",
-        url: "https://clips.agent-native.com",
+        url: "https://clips.agent-native.com/share/WrA8ZQ3oxa2T?ref=clip_share",
+        homeUrl: "https://clips.agent-native.com",
+        source: "builtin",
       },
       {
         id: "onboarding",
@@ -272,15 +291,37 @@ describe("DispatchControlPlane", () => {
     expect(container.textContent).toContain("Analytics");
     expect(container.textContent).toContain("Apps");
     expect(container.textContent).toContain("New");
+    const viewAllLink = Array.from(container.querySelectorAll("a")).find(
+      (link) => link.textContent?.trim() === "View all",
+    );
+    expect(viewAllLink?.className).toContain("text-muted-foreground");
     expect(container.textContent).not.toContain("Other apps");
     expect(container.textContent).not.toContain("available");
     expect(container.textContent).not.toContain("Archived app");
     expect(container.textContent).not.toContain("Duplicate onboarding");
     expect(container.textContent).not.toContain("CRM");
     expect(
-      Array.from(container.querySelectorAll("a")).filter((anchor) =>
-        anchor.getAttribute("href")?.includes("onboarding"),
+      container.querySelectorAll(
+        'button[aria-label="Open options for Onboarding"]',
       ),
     ).toHaveLength(1);
+    await act(async () => {
+      container
+        .querySelector<HTMLButtonElement>(
+          'button[aria-label="Open options for Onboarding"]',
+        )
+        ?.dispatchEvent(
+          new MouseEvent("pointerdown", { bubbles: true, button: 0 }),
+        );
+    });
+    const onboardingNewTabLink = document.querySelector<HTMLAnchorElement>(
+      'a[href="/onboarding"][target="_blank"]',
+    );
+    expect(onboardingNewTabLink).not.toBeNull();
+    const clipsHref = Array.from(container.querySelectorAll("a"))
+      .map((anchor) => anchor.getAttribute("href"))
+      .find((href) => href?.includes("clips.agent-native.com"));
+    expect(clipsHref).toContain("https://clips.agent-native.com");
+    expect(clipsHref).not.toContain("/share/");
   });
 });

package/src/components/dispatch-control-plane.tsx

@@ -12,6 +12,11 @@ import { Link, useNavigate } from "react-router";
 
 import type { ConnectedAppSummary } from "../lib/other-apps";
 import { cn } from "../lib/utils";
+import {
+  orderWorkspaceApps,
+  useWorkspaceAppLayout,
+  workspaceAppMatchesQuery,
+} from "../lib/workspace-app-layout";
 import {
   isWorkspaceAppVisibleInDefaultLaunchers,
   type WorkspaceAppSummary,
@@ -33,6 +38,10 @@ import {
 } from "./ui/collapsible";
 import { Skeleton } from "./ui/skeleton";
 import { WorkspaceAppCard } from "./workspace-app-card";
+import {
+  WorkspaceAppSearch,
+  WorkspaceAppSearchEmpty,
+} from "./workspace-app-search";
 import type { CuratedWorkspaceTemplatesResult } from "./workspace-template-card";
 
 function SectionHeader({
@@ -65,9 +74,6 @@ function CommandPanel() {
   } = useChatModels({ storageKey: "dispatch" });
   const navigate = useNavigate();
   const promptSuggestions = [
-    t("dispatch.pages.suggestionWorkspaceHealth", {
-      defaultValue: "Summarize the current workspace health",
-    }),
     t("dispatch.pages.suggestionOnboardingApp", {
       defaultValue: "Create an app for onboarding requests",
     }),
@@ -165,11 +171,23 @@ function AppsPanel({
 }) {
   const t = useT();
   const [showPending, setShowPending] = useState(false);
+  const [searchQuery, setSearchQuery] = useState("");
+  const { layout, persistenceError, togglePinned } = useWorkspaceAppLayout();
   const visibleApps = apps.filter(
     (app) => isWorkspaceAppVisibleInDefaultLaunchers(app) && !app.archived,
   );
   const activeApps = visibleApps.filter((app) => app.status !== "pending");
   const pendingApps = visibleApps.filter((app) => app.status === "pending");
+  const orderedActiveApps = orderWorkspaceApps(activeApps, layout);
+  const orderedPendingApps = orderWorkspaceApps(pendingApps, layout);
+  const filteredActiveApps = orderedActiveApps.filter((app) =>
+    workspaceAppMatchesQuery(app, searchQuery),
+  );
+  const filteredPendingApps = orderedPendingApps.filter((app) =>
+    workspaceAppMatchesQuery(app, searchQuery),
+  );
+  const hasSearchResults =
+    filteredActiveApps.length > 0 || filteredPendingApps.length > 0;
   const otherAppEntries = mergeOtherAppEntries({
     templates: curatedTemplates,
     connectedApps,
@@ -183,14 +201,23 @@ function AppsPanel({
       <SectionHeader
         title="Apps"
         action={
-          <div className="flex items-center gap-1.5">
-            <Button variant="outline" size="sm" asChild>
-              <Link to="/apps">View all</Link>
+          <div className="flex min-w-0 flex-wrap items-center justify-end gap-1.5">
+            <Button variant="ghost" size="sm" asChild>
+              <Link to="/apps" className="text-muted-foreground">
+                View all
+              </Link>
             </Button>
+            {!showSkeletons && visibleApps.length > 0 ? (
+              <WorkspaceAppSearch
+                className="w-[220px]"
+                query={searchQuery}
+                onQueryChange={setSearchQuery}
+              />
+            ) : null}
             <CreateAppPopover
               align="end"
               trigger={
-                <Button variant="ghost" size="sm" className="gap-1.5">
+                <Button variant="default" size="sm" className="gap-1.5">
                   <IconPlus size={14} />
                   {t("dispatch.pages.newApp", { defaultValue: "New" })}
                 </Button>
@@ -199,19 +226,38 @@ function AppsPanel({
           </div>
         }
       />
+      {!showSkeletons && visibleApps.length > 0 && persistenceError ? (
+        <p className="text-xs text-muted-foreground" role="status">
+          {persistenceError === "both"
+            ? t("dispatch.pages.appPinSaveFailed", {
+                defaultValue: "App pins could not be saved.",
+              })
+            : t("dispatch.pages.appPinSavedLocally", {
+                defaultValue: "App pins are saved on this device only.",
+              })}
+        </p>
+      ) : null}
       {showSkeletons ? (
         <OverviewAppsSkeleton />
+      ) : searchQuery.trim() && !hasSearchResults ? (
+        <WorkspaceAppSearchEmpty
+          query={searchQuery}
+          onClear={() => setSearchQuery("")}
+        />
       ) : (
         <>
           <AppList className={APP_LIST_GRID_CLASS}>
-            {activeApps.map((app) => (
+            {filteredActiveApps.map((app) => (
               <WorkspaceAppCard
                 key={app.id}
                 app={app}
                 className={APP_LIST_GRID_ROW_CLASS}
+                isPinned={layout.pinnedIds.includes(app.id)}
+                onTogglePinned={() => togglePinned(app.id)}
               />
             ))}
-            {activeApps.length === 0 &&
+            {filteredActiveApps.length === 0 &&
+            !searchQuery.trim() &&
             otherAppEntries.length === 0 &&
             !curatedTemplatesLoading &&
             !connectedAppsLoading &&
@@ -223,24 +269,30 @@ function AppsPanel({
                 })}
               </p>
             ) : null}
-            <OtherAppsSection
-              templates={curatedTemplates}
-              connectedApps={connectedApps}
-              workspaceApps={apps}
-              templatesLoading={curatedTemplatesLoading}
-              connectedAppsLoading={connectedAppsLoading}
-              templatesError={curatedTemplatesError}
-              connectedAppsError={connectedAppsError}
-              onRetryTemplates={onRetryCuratedTemplates}
-              onRetryConnectedApps={onRetryConnectedApps}
-              heading={null}
-              embeddedInList
-            />
+            {!searchQuery.trim() ? (
+              <OtherAppsSection
+                templates={curatedTemplates}
+                connectedApps={connectedApps}
+                workspaceApps={apps}
+                templatesLoading={curatedTemplatesLoading}
+                connectedAppsLoading={connectedAppsLoading}
+                templatesError={curatedTemplatesError}
+                connectedAppsError={connectedAppsError}
+                onRetryTemplates={onRetryCuratedTemplates}
+                onRetryConnectedApps={onRetryConnectedApps}
+                heading={null}
+                embeddedInList
+              />
+            ) : null}
           </AppList>
         </>
       )}
-      {pendingApps.length > 0 ? (
-        <Collapsible open={showPending} onOpenChange={setShowPending}>
+      {pendingApps.length > 0 &&
+      (!searchQuery.trim() || filteredPendingApps.length > 0) ? (
+        <Collapsible
+          open={showPending || Boolean(searchQuery.trim())}
+          onOpenChange={setShowPending}
+        >
           <div className="space-y-3 border-t pt-3">
             <div className="flex flex-wrap items-center justify-between gap-3">
               <div className="flex min-w-0 items-center gap-2">
@@ -266,19 +318,23 @@ function AppsPanel({
                   size="sm"
                   className="h-7 gap-1.5 px-2 text-xs"
                 >
-                  {showPending
+                  {showPending || Boolean(searchQuery.trim())
                     ? t("dispatch.pages.hidePendingApps")
                     : t("dispatch.pages.showPendingApps")}
                   <IconChevronDown
                     size={13}
-                    className={showPending ? "rotate-180" : undefined}
+                    className={
+                      showPending || searchQuery.trim()
+                        ? "rotate-180"
+                        : undefined
+                    }
                   />
                 </Button>
               </CollapsibleTrigger>
             </div>
             <CollapsibleContent>
               <AppList className={APP_LIST_GRID_CLASS}>
-                {pendingApps.map((app) => (
+                {filteredPendingApps.map((app) => (
                   <WorkspaceAppCard
                     key={app.id}
                     app={app}

package/src/components/dispatch-shell.tsx

@@ -1,7 +1,9 @@
 import { useT } from "@agent-native/core/client/i18n";
 import { IconInfoCircle } from "@tabler/icons-react";
 import { type ReactNode } from "react";
+import { useLocation } from "react-router";
 
+import { dispatchDocsHrefForPath, DocsLink } from "./docs-link";
 import { useSetPageTitle } from "./layout/HeaderActions";
 import { Popover, PopoverContent, PopoverTrigger } from "./ui/popover";
 
@@ -21,12 +23,16 @@ export function DispatchShell({
   children: ReactNode;
 }) {
   const t = useT();
+  const location = useLocation();
+  const docsHref = dispatchDocsHrefForPath(location.pathname);
   useSetPageTitle(
     <div className="flex items-center gap-2 min-w-0">
       <h1 className="text-lg font-semibold tracking-tight truncate text-foreground">
         {title}
       </h1>
-      {description ? (
+      {docsHref ? (
+        <DocsLink href={docsHref} label={`Open ${title} documentation`} />
+      ) : description ? (
         <Popover>
           <PopoverTrigger asChild>
             <button

package/src/components/docs-link.tsx

@@ -0,0 +1,52 @@
+import { IconHelpCircle } from "@tabler/icons-react";
+
+import { cn } from "../lib/utils";
+
+export const DISPATCH_DOCS = {
+  dispatch: "https://agent-native.com/docs/dispatch#what-it-does",
+  workspace: "https://agent-native.com/docs/agent-resources#global-resources",
+  integrations: "https://agent-native.com/docs/dispatch#secret-vault",
+  audit: "https://agent-native.com/docs/audit-log",
+  threadDebug: "https://agent-native.com/docs/dispatch#reliability",
+  dreams: "https://agent-native.com/docs/dispatch#dreams",
+  settings: "https://agent-native.com/docs/agent-surfaces",
+} as const;
+
+export function dispatchDocsHrefForPath(pathname: string): string | undefined {
+  if (pathname === "/admin/workspace") return DISPATCH_DOCS.workspace;
+  if (pathname === "/admin/integrations") return DISPATCH_DOCS.integrations;
+  if (pathname === "/admin/audit") return DISPATCH_DOCS.audit;
+  if (pathname === "/admin/thread-debug") return DISPATCH_DOCS.threadDebug;
+  if (pathname === "/admin/dreams") return DISPATCH_DOCS.dreams;
+  if (pathname.startsWith("/admin/")) return DISPATCH_DOCS.dispatch;
+  if (pathname === "/settings" || pathname.startsWith("/settings/")) {
+    return DISPATCH_DOCS.settings;
+  }
+  return undefined;
+}
+
+export function DocsLink({
+  href,
+  label,
+  className,
+}: {
+  href: string;
+  label: string;
+  className?: string;
+}) {
+  return (
+    <a
+      href={href}
+      target="_blank"
+      rel="noopener noreferrer"
+      aria-label={label}
+      title={label}
+      className={cn(
+        "inline-flex size-6 shrink-0 items-center justify-center rounded-md text-muted-foreground/70 transition-colors hover:bg-accent/60 hover:text-foreground",
+        className,
+      )}
+    >
+      <IconHelpCircle className="size-3" />
+    </a>
+  );
+}

package/src/components/layout/Layout.spec.tsx

@@ -11,6 +11,7 @@ import {
   formatThreadAge,
   isElectronEmbeddedSearch,
   NavContent,
+  shouldAutoCollapseDispatchSidebar,
 } from "./Layout";
 
 const clientState = vi.hoisted(() => ({
@@ -128,6 +129,15 @@ describe("Electron control-plane mode", () => {
   });
 });
 
+describe("Dispatch workspace app sidebar", () => {
+  it("auto-collapses for app host routes but not the app catalog", () => {
+    expect(shouldAutoCollapseDispatchSidebar("/apps/mail")).toBe(true);
+    expect(shouldAutoCollapseDispatchSidebar("/apps/mail/settings")).toBe(true);
+    expect(shouldAutoCollapseDispatchSidebar("/apps")).toBe(false);
+    expect(shouldAutoCollapseDispatchSidebar("/chat")).toBe(false);
+  });
+});
+
 describe("Dispatch NavContent", () => {
   let container: HTMLDivElement;
   let root: Root;
@@ -302,6 +312,9 @@ describe("Dispatch NavContent", () => {
     );
     expect(sidebarLabel?.textContent?.trim()).toBe("Dispatch");
     expect(container.textContent).not.toContain("Agent-Native Dispatch");
+    expect(
+      sidebarLabel?.closest('a[data-dispatch-logo][href="/overview"]'),
+    ).not.toBeNull();
 
     const settingsLink = container.querySelector('a[href="/settings"]');
     const adminLink = container.querySelector('a[href="/admin"]');