@agent-native/core 0.154.5 → 0.155.0

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

@@ -4,8 +4,15 @@ import {
   useActionQuery,
 } from "@agent-native/core/client/hooks";
 import { useT } from "@agent-native/core/client/i18n";
-import { IconLink, IconMail } from "@tabler/icons-react";
-import { useEffect, useMemo, useState, type ReactNode } from "react";
+import { IconChevronDown, IconLink, IconMail } from "@tabler/icons-react";
+import {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+  type ReactNode,
+} from "react";
 import { toast } from "sonner";
 
 import {
@@ -19,6 +26,12 @@ import {
   type SharesResponse,
   type Visibility,
 } from "@/components/sharing/share-ui";
+import { Button } from "@/components/ui/button";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
 import {
   Popover,
   PopoverContent,
@@ -157,6 +170,56 @@ function LinkTab({
   const visibility: Visibility =
     (data?.visibility as Visibility | null) ?? "private";
   const isPublic = visibility === "public";
+  const sharesLoaded = data?.visibility != null;
+  const createAgentLink = useActionMutation("create-agent-resource-link");
+  const createAgentLinkAsyncRef = useRef(createAgentLink.mutateAsync);
+  const agentLinkRequestIdRef = useRef(0);
+  const [agentLink, setAgentLink] = useState("");
+  const [agentLinkError, setAgentLinkError] = useState(false);
+  const [agentDetailsOpen, setAgentDetailsOpen] = useState(false);
+
+  useEffect(() => {
+    createAgentLinkAsyncRef.current = createAgentLink.mutateAsync;
+  });
+
+  const loadAgentLink = useCallback(async () => {
+    const requestId = agentLinkRequestIdRef.current + 1;
+    agentLinkRequestIdRef.current = requestId;
+    setAgentLink("");
+    setAgentLinkError(false);
+
+    try {
+      const result = (await createAgentLinkAsyncRef.current({
+        resourceType: "meeting",
+        resourceId: meetingId,
+      })) as { contextUrl?: string };
+      if (agentLinkRequestIdRef.current !== requestId) return;
+      if (result?.contextUrl) setAgentLink(result.contextUrl);
+      else setAgentLinkError(true);
+    } catch {
+      if (agentLinkRequestIdRef.current === requestId) setAgentLinkError(true);
+    }
+  }, [meetingId]);
+
+  useEffect(() => {
+    setAgentLink("");
+    setAgentLinkError(false);
+    if (!sharesLoaded || isPublic) return;
+    void loadAgentLink();
+
+    return () => {
+      agentLinkRequestIdRef.current += 1;
+    };
+  }, [isPublic, loadAgentLink, meetingId, sharesLoaded, visibility]);
+
+  useEffect(() => {
+    if (isPublic) setAgentDetailsOpen(false);
+  }, [isPublic]);
+
+  const agentShareDisabled =
+    sharesQuery.isLoading ||
+    !sharesLoaded ||
+    (!isPublic && (createAgentLink.isPending || !agentLink));
 
   useEffect(() => {
     setIncludeTranscript(shareTranscript);
@@ -217,7 +280,15 @@ function LinkTab({
         />
       </div>
 
-      <CopyField label={t("clipsFinalRaw.shareLink")} value={shareUrl} />
+      <CopyField
+        label={
+          isPublic
+            ? t("clipsFinalRaw.shareLink")
+            : t("shareDialog.shareWithHumans")
+        }
+        value={shareUrl}
+        disabled={!sharesLoaded}
+      />
 
       {!isPublic && canManage ? (
         <MakePublicCard
@@ -229,6 +300,67 @@ function LinkTab({
           }
         />
       ) : null}
+
+      {!isPublic ? (
+        <Collapsible
+          open={agentDetailsOpen}
+          onOpenChange={setAgentDetailsOpen}
+          className="overflow-hidden rounded-md border border-border"
+        >
+          <CollapsibleTrigger asChild>
+            <button
+              type="button"
+              className="flex min-h-10 w-full items-center justify-between gap-3 px-3 py-2 text-left text-sm font-medium transition-colors hover:bg-muted/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset"
+            >
+              <span className="flex min-w-0 items-center gap-2 truncate">
+                <IconLink
+                  aria-hidden="true"
+                  className="size-3.5 shrink-0 text-muted-foreground"
+                  strokeWidth={1.8}
+                />
+                {t("shareDialog.shareWithAgents")}
+              </span>
+              <IconChevronDown
+                aria-hidden="true"
+                className={`size-4 shrink-0 text-muted-foreground transition-transform ${agentDetailsOpen ? "rotate-180" : ""}`}
+              />
+            </button>
+          </CollapsibleTrigger>
+          <CollapsibleContent className="clips-collapsible-content border-t border-border px-3 py-3">
+            <div className="space-y-2">
+              <CopyField
+                label={t("shareDialog.shareWithAgents")}
+                value={agentLink}
+                disabled={agentShareDisabled}
+              />
+              {sharesLoaded ? (
+                <>
+                  <p className="text-xs text-muted-foreground">
+                    {t("shareMeeting.agentLinkDescription")}
+                  </p>
+                  {agentLinkError ? (
+                    <div className="flex items-center justify-between gap-2 rounded-md border border-border bg-muted/30 px-3 py-2">
+                      <p className="text-xs text-muted-foreground">
+                        {t("shareDialog.agentLinkUnavailable")}
+                      </p>
+                      <Button
+                        type="button"
+                        variant="ghost"
+                        size="sm"
+                        className="h-7"
+                        onClick={() => void loadAgentLink()}
+                        disabled={createAgentLink.isPending}
+                      >
+                        {t("shareDialog.retryAgentLink")}
+                      </Button>
+                    </div>
+                  ) : null}
+                </>
+              ) : null}
+            </div>
+          </CollapsibleContent>
+        </Collapsible>
+      ) : null}
     </div>
   );
 }

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/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;
+}

package/corpus/templates/clips/app/root.tsx

@@ -54,6 +54,7 @@ import {
 import { Toaster } from "@/components/ui/sonner";
 import { AppToolkitProvider } from "@/components/ui/toolkit-provider";
 import { useNavigationState } from "@/hooks/use-navigation-state";
+import { SEARCH_FOCUS_PATH } from "@/lib/search-focus";
 
 import { i18nCatalog, loadI18nMessages } from "./i18n";
 
@@ -374,7 +375,7 @@ function AppContent() {
               <IconHierarchy2 size={16} />
               {t("root.openAgent")}
             </CommandMenu.Item>
-            <CommandMenu.Item onSelect={() => {}}>
+            <CommandMenu.Item onSelect={() => navigate(SEARCH_FOCUS_PATH)}>
               {t("root.commandSearch")}
             </CommandMenu.Item>
           </CommandMenu.Group>