@agent-native/core 0.154.5 → 0.157.0

package/corpus/templates/clips/app/components/player/comments-panel.tsx

@@ -3,6 +3,7 @@ import {
   useAvatarUrl,
 } from "@agent-native/core/client/hooks";
 import { useT } from "@agent-native/core/client/i18n";
+import { InlineMarkdown } from "@agent-native/core/client/markdown";
 import {
   IconSend,
   IconCheck,
@@ -895,7 +896,6 @@ function CommentCard({
     return updatedReactions;
   }
 
-  const commentContent = linkifyCommentContent(comment.content);
   const avatarUrl = useAvatarUrl(comment.authorEmail);
 
   return (
@@ -940,9 +940,10 @@ function CommentCard({
           />
         ) : (
           <>
-            <p className="text-sm text-foreground whitespace-pre-wrap break-words mt-0.5">
-              {commentContent}
-            </p>
+            <InlineMarkdown
+              content={comment.content}
+              className="mt-0.5 text-sm text-foreground"
+            />
 
             <div className="flex items-center gap-2 mt-1.5 text-xs text-muted-foreground">
               {canComment ? (
@@ -1070,101 +1071,6 @@ function CommentCard({
   );
 }
 
-const COMMENT_URL_PATTERN = /\b(?:https?:\/\/|www\.)[^\s<]+/gi;
-const ALWAYS_TRAILING_PUNCTUATION = new Set([
-  ".",
-  ",",
-  "!",
-  "?",
-  ";",
-  ":",
-  "'",
-  '"',
-]);
-const PAIRED_TRAILING_PUNCTUATION: Record<string, string> = {
-  ")": "(",
-  "]": "[",
-  "}": "{",
-};
-
-function trimTrailingUrlPunctuation(value: string): {
-  url: string;
-  trailing: string;
-} {
-  let end = value.length;
-
-  while (end > 0) {
-    const lastCharacter = value[end - 1];
-    if (ALWAYS_TRAILING_PUNCTUATION.has(lastCharacter)) {
-      end -= 1;
-      continue;
-    }
-
-    const openingCharacter = PAIRED_TRAILING_PUNCTUATION[lastCharacter];
-    if (openingCharacter) {
-      const candidate = value.slice(0, end);
-      const openingCount = candidate.split(openingCharacter).length - 1;
-      const closingCount = candidate.split(lastCharacter).length - 1;
-      if (closingCount > openingCount) {
-        end -= 1;
-        continue;
-      }
-    }
-
-    break;
-  }
-
-  return {
-    url: value.slice(0, end),
-    trailing: value.slice(end),
-  };
-}
-
-function linkifyCommentContent(content: string): React.ReactNode[] {
-  const result: React.ReactNode[] = [];
-  let lastIndex = 0;
-
-  for (const match of content.matchAll(COMMENT_URL_PATTERN)) {
-    const matchIndex = match.index;
-    const matchedText = match[0];
-    const { url, trailing } = trimTrailingUrlPunctuation(matchedText);
-    const href = url.toLowerCase().startsWith("www.") ? `https://${url}` : url;
-
-    let isValidUrl = false;
-    try {
-      isValidUrl = Boolean(new URL(href).hostname);
-    } catch {
-      // Leave malformed URL-like text unlinked.
-    }
-
-    if (!isValidUrl) continue;
-
-    if (matchIndex > lastIndex) {
-      result.push(content.slice(lastIndex, matchIndex));
-    }
-    result.push(
-      <a
-        key={`${matchIndex}-${url}`}
-        href={href}
-        target="_blank"
-        rel="noopener noreferrer"
-        className="text-primary hover:underline"
-      >
-        {url}
-      </a>,
-    );
-    if (trailing) result.push(trailing);
-
-    lastIndex = matchIndex + matchedText.length;
-  }
-
-  if (lastIndex < content.length) {
-    result.push(content.slice(lastIndex));
-  }
-
-  return result;
-}
-
 function parseReactions(raw: string): Record<string, string[]> {
   try {
     const v = JSON.parse(raw ?? "{}");

package/corpus/templates/clips/app/components/player/playback-comment-overlay.tsx

@@ -1,4 +1,5 @@
 import { useAvatarUrl } from "@agent-native/core/client/hooks";
+import { InlineMarkdown } from "@agent-native/core/client/markdown";
 
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
 import { cn } from "@/lib/utils";
@@ -100,9 +101,12 @@ export function PlaybackCommentOverlay({
             <p className="truncate text-xs font-semibold text-white/80">
               {author}
             </p>
-            <p className="line-clamp-3 break-words text-sm leading-5 text-white">
-              {comment.content}
-            </p>
+            <InlineMarkdown
+              content={comment.content}
+              className="line-clamp-3 text-sm leading-5 text-primary-foreground"
+              linkClassName="text-primary-foreground underline decoration-primary-foreground/60 hover:decoration-primary-foreground"
+              codeClassName="bg-primary-foreground/15 text-primary-foreground"
+            />
           </div>
         </div>
         {rest.length > 0 && (

package/corpus/templates/clips/app/components/player/share-dialog.tsx

@@ -72,6 +72,13 @@ export interface ShareRecordingPopoverProps {
   animatedThumbnailUrl?: string | null;
   isLoomRecording?: boolean;
   hasPassword?: boolean;
+  /**
+   * Restricts the dialog to a bare copy-link control for viewers who can
+   * reshare a public/org clip's link but have no edit access: it skips
+   * `list-resource-shares` (which returns every individually-shared
+   * principal's email to any reader) and hides the Invite tab entirely.
+   */
+  viewerReshareOnly?: boolean;
   /** Trigger element rendered as the popover anchor (usually the Share button). */
   children: ReactNode;
   open?: boolean;
@@ -103,6 +110,7 @@ export function ShareRecordingPopover({
   animatedThumbnailUrl,
   isLoomRecording = false,
   hasPassword,
+  viewerReshareOnly = false,
   children,
   open,
   onOpenChange,
@@ -125,6 +133,7 @@ export function ShareRecordingPopover({
           animatedThumbnailUrl={animatedThumbnailUrl}
           isLoomRecording={isLoomRecording}
           hasPassword={hasPassword}
+          viewerReshareOnly={viewerReshareOnly}
         />
       </PopoverContent>
     </Popover>
@@ -148,6 +157,7 @@ export function ShareRecordingDialog({
   open,
   onOpenChange,
   hasPassword,
+  viewerReshareOnly = false,
 }: ShareRecordingDialogProps) {
   const t = useT();
   return (
@@ -168,6 +178,7 @@ export function ShareRecordingDialog({
           animatedThumbnailUrl={animatedThumbnailUrl}
           isLoomRecording={isLoomRecording}
           hasPassword={hasPassword}
+          viewerReshareOnly={viewerReshareOnly}
           reserveCloseButton
         />
       </DialogContent>
@@ -186,6 +197,7 @@ function ShareRecordingContent({
   isLoomRecording = false,
   reserveCloseButton = false,
   hasPassword,
+  viewerReshareOnly = false,
 }: {
   recordingId: string;
   recordingTitle?: string;
@@ -197,20 +209,34 @@ function ShareRecordingContent({
   isLoomRecording?: boolean;
   reserveCloseButton?: boolean;
   hasPassword?: boolean;
+  viewerReshareOnly?: boolean;
 }) {
   const t = useT();
-  const sharesQuery = useActionQuery<SharesResponse>("list-resource-shares", {
-    resourceType: "recording",
-    resourceId: recordingId,
-  });
+  const sharesQuery = useActionQuery<SharesResponse>(
+    "list-resource-shares",
+    { resourceType: "recording", resourceId: recordingId },
+    { enabled: !viewerReshareOnly },
+  );
 
-  const data = sharesQuery.data;
+  const data = viewerReshareOnly ? undefined : sharesQuery.data;
   const role = data?.role ?? initialRole;
   const canManage = role === "owner" || role === "admin";
+  // Editors could always see (read-only) who a clip is shared with; only
+  // gate the Invite tab's mutation controls behind canManage. Commenters are
+  // grouped with plain viewers here -- neither can manage shares.
+  const canViewShares =
+    role === "owner" || role === "admin" || role === "editor";
   const visibility =
     (data?.visibility as Visibility | null | undefined) ??
     initialVisibility ??
     null;
+  // A plain viewer/commenter can't produce a working embed for a non-public
+  // clip (they have no way to make it public), so don't dangle the tab in
+  // front of them only to show an "ask the owner" dead end. Owner/admin/
+  // editor keep it regardless of visibility since they can flip to public
+  // from inside it.
+  const canEmbed = canViewShares || visibility === "public";
+  const tabCount = 1 + (canViewShares ? 1 : 0) + (canEmbed ? 1 : 0);
 
   // Attribution `via` must be a stable non-PII id, never an email. The only
   // owner id available client-side is the *current* session's userId, which is
@@ -234,20 +260,28 @@ function ShareRecordingContent({
         defaultValue="link"
         className={cn("min-w-0 px-4 py-3", reserveCloseButton && "pe-12")}
       >
-        <TabsList className="grid w-full grid-cols-3">
-          <TabsTrigger value="link" className="gap-1.5">
-            <IconLink size={14} />
-            {t("shareDialog.link")}
-          </TabsTrigger>
-          <TabsTrigger value="invite" className="gap-1.5">
-            <IconMail size={14} />
-            {t("shareDialog.invite")}
-          </TabsTrigger>
-          <TabsTrigger value="embed" className="gap-1.5">
-            <IconCode size={14} />
-            {t("shareDialog.embed")}
-          </TabsTrigger>
-        </TabsList>
+        {tabCount > 1 ? (
+          <TabsList
+            className={`grid w-full ${tabCount === 3 ? "grid-cols-3" : "grid-cols-2"}`}
+          >
+            <TabsTrigger value="link" className="gap-1.5">
+              <IconLink size={14} />
+              {t("shareDialog.link")}
+            </TabsTrigger>
+            {canViewShares ? (
+              <TabsTrigger value="invite" className="gap-1.5">
+                <IconMail size={14} />
+                {t("shareDialog.invite")}
+              </TabsTrigger>
+            ) : null}
+            {canEmbed ? (
+              <TabsTrigger value="embed" className="gap-1.5">
+                <IconCode size={14} />
+                {t("shareDialog.embed")}
+              </TabsTrigger>
+            ) : null}
+          </TabsList>
+        ) : null}
 
         <TabsContent value="link" className="mt-3">
           <LinkTab
@@ -262,34 +296,39 @@ function ShareRecordingContent({
             animatedThumbnailUrl={animatedThumbnailUrl}
             isLoomRecording={isLoomRecording}
             hasPassword={hasPassword}
+            canViewShares={canViewShares}
           />
         </TabsContent>
 
-        <TabsContent value="invite" className="mt-3">
-          <SharePeopleTab
-            resourceType="recording"
-            resourceId={recordingId}
-            resourceUrl={absoluteAppUrl(`/r/${recordingId}`)}
-            sharesQuery={sharesQuery}
-            canManage={canManage}
-            roleCopy={{
-              commenter: {
-                label: t("shareUi.recordingCommenter.label"),
-                description: t("shareUi.recordingCommenter.description"),
-              },
-            }}
-          />
-        </TabsContent>
-
-        <TabsContent value="embed" className="mt-3">
-          <ClipsEmbedConfigurator
-            recordingId={recordingId}
-            sharesQuery={sharesQuery}
-            visibility={visibility}
-            canManage={canManage}
-            ownerViaId={ownerViaId}
-          />
-        </TabsContent>
+        {canViewShares ? (
+          <TabsContent value="invite" className="mt-3">
+            <SharePeopleTab
+              resourceType="recording"
+              resourceId={recordingId}
+              resourceUrl={absoluteAppUrl(`/r/${recordingId}`)}
+              sharesQuery={sharesQuery}
+              canManage={canManage}
+              roleCopy={{
+                commenter: {
+                  label: t("shareUi.recordingCommenter.label"),
+                  description: t("shareUi.recordingCommenter.description"),
+                },
+              }}
+            />
+          </TabsContent>
+        ) : null}
+
+        {canEmbed ? (
+          <TabsContent value="embed" className="mt-3">
+            <ClipsEmbedConfigurator
+              recordingId={recordingId}
+              sharesQuery={sharesQuery}
+              visibility={visibility}
+              canManage={canManage}
+              ownerViaId={ownerViaId}
+            />
+          </TabsContent>
+        ) : null}
       </Tabs>
     </>
   );
@@ -311,6 +350,7 @@ function LinkTab({
   animatedThumbnailUrl,
   isLoomRecording: isLoomRecordingProp,
   hasPassword,
+  canViewShares,
 }: {
   recordingId: string;
   recordingTitle?: string;
@@ -323,6 +363,7 @@ function LinkTab({
   animatedThumbnailUrl?: string | null;
   isLoomRecording?: boolean;
   hasPassword?: boolean;
+  canViewShares: boolean;
 }) {
   const t = useT();
   const { setResourceVisibility, isPending } = useResourceVisibilityMutation(
@@ -460,21 +501,23 @@ function LinkTab({
 
   return (
     <div className="space-y-4">
-      {visibility ? (
-        <GeneralAccessSelect
-          visibility={visibility}
-          canManage={canManage}
-          isPending={visibilityPending}
-          onChange={(next) => setResourceVisibility(next)}
-          publicDescription={t("shareDialog.publicDescription")}
-          showDescription={false}
-        />
-      ) : (
-        <div className="space-y-2" aria-hidden>
-          <div className="h-3 w-24 animate-pulse rounded bg-muted" />
-          <div className="h-12 w-full animate-pulse rounded bg-muted" />
-        </div>
-      )}
+      {canViewShares ? (
+        visibility ? (
+          <GeneralAccessSelect
+            visibility={visibility}
+            canManage={canManage}
+            isPending={visibilityPending}
+            onChange={(next) => setResourceVisibility(next)}
+            publicDescription={t("shareDialog.publicDescription")}
+            showDescription={false}
+          />
+        ) : (
+          <div className="space-y-2" aria-hidden>
+            <div className="h-3 w-24 animate-pulse rounded bg-muted" />
+            <div className="h-12 w-full animate-pulse rounded bg-muted" />
+          </div>
+        )
+      ) : null}
 
       <CopyField
         label={

package/corpus/templates/clips/app/components/player/video-player.tsx

@@ -353,6 +353,7 @@ export const VideoPlayer = forwardRef<VideoPlayerHandle, VideoPlayerProps>(
     const [captionsOn, setCaptionsOn] = useState(false);
     const [hasPlaybackStarted, setHasPlaybackStarted] = useState(false);
     const [isFullscreen, setIsFullscreen] = useState(false);
+    const nativeFullscreenRef = useRef(false);
     const [isPip, setIsPip] = useState(false);
     const [canPlay, setCanPlay] = useState(false);
     const [isPlayPending, setIsPlayPending] = useState(false);
@@ -1362,33 +1363,83 @@ export const VideoPlayer = forwardRef<VideoPlayerHandle, VideoPlayerProps>(
       const el = containerRef.current;
       const video = videoRef.current as WebkitFullscreenVideo | null;
       if (!el) return;
+      const hasNativeVideoFullscreen =
+        typeof video?.webkitEnterFullscreen === "function";
+      let nativeFullscreenAttempted = false;
       try {
-        if (!document.fullscreenElement) {
-          if (
-            video?.webkitDisplayingFullscreen ||
-            (isFullscreen && video?.webkitExitFullscreen)
-          ) {
-            video?.webkitExitFullscreen?.();
-            setIsFullscreen(false);
-          } else if (typeof el.requestFullscreen === "function") {
-            await el.requestFullscreen();
-            setIsFullscreen(true);
-          } else if (video?.webkitEnterFullscreen) {
-            // iPhone Safari exposes fullscreen on the video element, not the
-            // containing div used by the custom player controls.
-            video.webkitEnterFullscreen();
-            setIsFullscreen(true);
-          } else {
-            console.warn("[clips] Fullscreen unavailable");
-          }
-        } else {
+        if (document.fullscreenElement) {
           await document.exitFullscreen();
           setIsFullscreen(false);
+          return;
+        }
+
+        if (nativeFullscreenRef.current || video?.webkitDisplayingFullscreen) {
+          video?.webkitExitFullscreen?.();
+          nativeFullscreenRef.current = false;
+          setIsFullscreen(false);
+          return;
+        }
+
+        // iPhone Safari exposes fullscreen on the video element, not the
+        // containing div used by the custom player controls. Older versions
+        // can expose requestFullscreen on the div without supporting it.
+        const documentFullscreenUnavailable = !document.fullscreenEnabled;
+        if (
+          hasNativeVideoFullscreen &&
+          (documentFullscreenUnavailable ||
+            typeof el.requestFullscreen !== "function")
+        ) {
+          nativeFullscreenAttempted = true;
+          video.webkitEnterFullscreen?.();
+          nativeFullscreenRef.current = true;
+          setIsFullscreen(true);
+          return;
+        }
+
+        if (isFullscreen) {
+          // Keep the control reversible when neither browser fullscreen API
+          // is available and the player is using its fixed-viewport fallback.
+          setIsFullscreen(false);
+          return;
+        }
+
+        if (typeof el.requestFullscreen === "function") {
+          await el.requestFullscreen();
+          if (document.fullscreenElement || !hasNativeVideoFullscreen) {
+            setIsFullscreen(true);
+            return;
+          }
+
+          // A few mobile WebKit versions resolve the container request but do
+          // not enter fullscreen. Retry against the video before falling back
+          // to the in-app fixed viewport.
+          nativeFullscreenAttempted = true;
+          video.webkitEnterFullscreen?.();
+          nativeFullscreenRef.current = true;
+          setIsFullscreen(true);
+          return;
         }
+
+        if (hasNativeVideoFullscreen) {
+          nativeFullscreenAttempted = true;
+          video.webkitEnterFullscreen?.();
+          nativeFullscreenRef.current = true;
+          setIsFullscreen(true);
+          return;
+        }
+
+        // Keep fullscreen usable in browsers that expose neither API.
+        setIsFullscreen(true);
       } catch (err) {
-        if (video?.webkitEnterFullscreen && !document.fullscreenElement) {
+        if (
+          !nativeFullscreenAttempted &&
+          hasNativeVideoFullscreen &&
+          !document.fullscreenElement
+        ) {
           try {
-            video.webkitEnterFullscreen();
+            nativeFullscreenAttempted = true;
+            video.webkitEnterFullscreen?.();
+            nativeFullscreenRef.current = true;
             setIsFullscreen(true);
             return;
           } catch (fallbackErr) {
@@ -1396,14 +1447,21 @@ export const VideoPlayer = forwardRef<VideoPlayerHandle, VideoPlayerProps>(
           }
         }
         console.warn("[clips] Fullscreen failed", err);
+        setIsFullscreen(true);
       }
     }
 
     useEffect(() => {
       const video = videoRef.current as WebkitFullscreenVideo | null;
       const onFs = () => setIsFullscreen(!!document.fullscreenElement);
-      const onNativeFsEnter = () => setIsFullscreen(true);
-      const onNativeFsExit = () => setIsFullscreen(false);
+      const onNativeFsEnter = () => {
+        nativeFullscreenRef.current = true;
+        setIsFullscreen(true);
+      };
+      const onNativeFsExit = () => {
+        nativeFullscreenRef.current = false;
+        setIsFullscreen(false);
+      };
       document.addEventListener("fullscreenchange", onFs);
       video?.addEventListener("webkitbeginfullscreen", onNativeFsEnter);
       video?.addEventListener("webkitendfullscreen", onNativeFsExit);
@@ -1456,7 +1514,9 @@ export const VideoPlayer = forwardRef<VideoPlayerHandle, VideoPlayerProps>(
           // width (see CenterPlaybackOverlay) so it isn't oversized inside
           // small embeds like the Slack unfurl iframe.
           "relative @container bg-black overflow-hidden select-none group",
-          theaterMode ? "fixed inset-0 z-40" : "rounded-xl",
+          theaterMode || isFullscreen
+            ? "fixed inset-0 z-40 h-dvh w-dvw"
+            : "rounded-xl",
           className,
         )}
         onMouseMove={bumpControls}

package/corpus/templates/clips/app/components/workspace/notifications-list.tsx

@@ -1,4 +1,5 @@
 import { useFormatters, useT } from "@agent-native/core/client/i18n";
+import { InlineMarkdown } from "@agent-native/core/client/markdown";
 import {
   IconMessage,
   IconMoodSmile,
@@ -87,9 +88,16 @@ export function NotificationsList({ items, onReply }: NotificationsListProps) {
               </span>
             </div>
             {item.preview ? (
-              <div className="mt-1 text-sm text-muted-foreground line-clamp-2">
-                {item.preview}
-              </div>
+              item.kind === "comment" || item.kind === "mention" ? (
+                <InlineMarkdown
+                  content={item.preview}
+                  className="mt-1 line-clamp-2 text-sm text-muted-foreground"
+                />
+              ) : (
+                <div className="mt-1 line-clamp-2 text-sm text-muted-foreground">
+                  {item.preview}
+                </div>
+              )
             ) : null}
             <div className="mt-1.5 flex items-center gap-3 text-xs">
               <Link

package/corpus/templates/clips/app/i18n/en-US.ts

@@ -969,6 +969,8 @@ All notable user-facing changes to Clips are documented here. Open it any time f
     includeTranscriptDescription:
       "Anyone with access to this meeting can read the complete transcript.",
     transcriptUnavailable: "The transcript isn't ready yet.",
+    agentLinkDescription:
+      "This temporary link lets agents read these meeting notes without making them public. It expires after two hours.",
     transcript: "Transcript",
     copyTranscript: "Copy transcript",
     transcriptCopied: "Transcript copied",
@@ -1545,6 +1547,16 @@ All notable user-facing changes to Clips are documented here. Open it any time f
     calendarConnected: "Calendar connected",
     calendarDisconnected: "Calendar disconnected",
     calendarSettings: "Calendar settings",
+    calendarAccountsButton: "Calendars",
+    connectedAccounts: "Connected accounts",
+    calendarConnectedLabel: "Connected",
+    calendarNeedsReconnectLabel: "Needs reconnect",
+    calendarDisconnectedLabel: "Disconnected",
+    calendarStatusUnavailable: "Status unavailable",
+    reconnectCalendar: "Reconnect calendar",
+    addAnotherCalendarAccount: "Add another account",
+    connectCalendar: "Connect calendar",
+    disconnectCalendarAccount: "Disconnect an account",
     connectCalendarReminder: "Connect Google Calendar for meeting reminders.",
     disconnectGoogleCalendarTitle: "Disconnect Google Calendar?",
     title: "Meetings",

package/corpus/templates/clips/app/lib/public-meeting.ts

@@ -2,6 +2,8 @@ import { appBasePath } from "@agent-native/core/client/api-path";
 
 import type { TranscriptSegment } from "@/components/meetings/transcript-bubbles";
 
+import { CLIPS_MEETING_AGENT_ACCESS_PARAM } from "../../shared/meeting-agent-access";
+
 export interface PublicMeetingBullet {
   text: string;
 }
@@ -59,9 +61,13 @@ export function publicMeetingUrl(
   meetingId: string,
   origin: string,
   basePath: string,
+  agentAccessToken?: string,
 ): string {
   const url = new URL(`${basePath}/api/public-meeting`, origin);
   url.searchParams.set("id", meetingId);
+  if (agentAccessToken) {
+    url.searchParams.set(CLIPS_MEETING_AGENT_ACCESS_PARAM, agentAccessToken);
+  }
   return url.toString();
 }
 
@@ -71,13 +77,15 @@ export async function fetchPublicMeeting(
     signal?: AbortSignal;
     origin?: string;
     basePath?: string;
+    agentAccessToken?: string;
   } = {},
 ): Promise<PublicMeetingResult> {
   const origin = options.origin ?? window.location.origin;
   const basePath = options.basePath ?? appBasePath();
-  const response = await fetch(publicMeetingUrl(meetingId, origin, basePath), {
-    signal: options.signal,
-  });
+  const response = await fetch(
+    publicMeetingUrl(meetingId, origin, basePath, options.agentAccessToken),
+    { signal: options.signal },
+  );
   const data = (await response.json().catch(() => ({}))) as
     | PublicMeetingPayload
     | { error?: string };

package/corpus/templates/clips/app/lib/search-focus.ts

@@ -0,0 +1,15 @@
+export const SEARCH_FOCUS_PARAM = "focus";
+export const SEARCH_FOCUS_VALUE = "search";
+export const SEARCH_FOCUS_PATH = `/library?${SEARCH_FOCUS_PARAM}=${SEARCH_FOCUS_VALUE}`;
+
+export function hasSearchFocusRequest(params: URLSearchParams): boolean {
+  return params.get(SEARCH_FOCUS_PARAM) === SEARCH_FOCUS_VALUE;
+}
+
+export function clearSearchFocusRequest(
+  params: URLSearchParams,
+): URLSearchParams {
+  const next = new URLSearchParams(params);
+  next.delete(SEARCH_FOCUS_PARAM);
+  return next;
+}