@agent-native/core 0.92.12 → 0.94.0

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

@@ -9,7 +9,7 @@ import {
   IconPlus,
 } from "@tabler/icons-react";
 import { useQueryClient } from "@tanstack/react-query";
-import { useEffect, useMemo, useState } from "react";
+import { type Ref, useEffect, useMemo, useRef, useState } from "react";
 
 import { Avatar, AvatarFallback } from "@/components/ui/avatar";
 import { Button } from "@/components/ui/button";
@@ -124,7 +124,9 @@ export function CommentsPanel(props: CommentsPanelProps) {
   const isSignedIn = !!currentUserEmail;
   const isSharePresentation = presentation === "share";
   const [draft, setDraft] = useState("");
+  const [replyDraft, setReplyDraft] = useState("");
   const [replyTo, setReplyTo] = useState<Comment | null>(null);
+  const replyComposerRef = useRef<HTMLTextAreaElement>(null);
 
   const queryClient = useQueryClient();
 
@@ -295,51 +297,58 @@ export function CommentsPanel(props: CommentsPanelProps) {
     [threads],
   );
 
-  function submit() {
-    const text = draft.trim();
+  function submitDraft(value: string, target: Comment | null) {
+    const text = value.trim();
     if (!text) return;
     if (!isSignedIn && onUnauthenticated) {
       onUnauthenticated("comment");
       return;
     }
-    const vars = replyTo
+    const vars = target
       ? {
           recordingId,
           content: text,
-          videoTimestampMs: replyTo.videoTimestampMs,
-          threadId: replyTo.threadId,
-          parentId: replyTo.id,
+          videoTimestampMs: target.videoTimestampMs,
+          threadId: target.threadId,
+          parentId: target.id,
         }
       : { recordingId, content: text, videoTimestampMs: currentMs };
     // Clear composer state before firing the mutation so the UI feels instant —
     // the optimistic cache patch in onMutate puts the comment in the list.
-    setDraft("");
-    setReplyTo(null);
+    if (target) {
+      setReplyDraft("");
+      setReplyTo(null);
+    } else {
+      setDraft("");
+    }
     addComment.mutate(vars);
   }
 
+  function openReply(root: Comment) {
+    if (!isSignedIn && onUnauthenticated) {
+      onUnauthenticated("comment");
+      return;
+    }
+    setReplyTo(root);
+    setTimeout(() => replyComposerRef.current?.focus(), 0);
+  }
+
   const composer = (
     <CommentComposer
       draft={draft}
-      replyTo={replyTo}
       currentMs={currentMs}
       currentUserEmail={currentUserEmail}
       isSignedIn={isSignedIn}
       isSharePresentation={isSharePresentation}
       enableComments={enableComments}
       onDraftChange={setDraft}
-      onCancelReply={() => setReplyTo(null)}
-      onSubmit={submit}
+      onSubmit={() => submitDraft(draft, null)}
       onUnauthenticated={onUnauthenticated}
     />
   );
 
   return (
     <div className="flex h-full flex-col">
-      {isSharePresentation && enableComments ? (
-        <div className="border-b border-border px-4 py-4">{composer}</div>
-      ) : null}
-
       <div
         className={cn(
           "flex-1 overflow-y-auto",
@@ -362,13 +371,7 @@ export function CommentsPanel(props: CommentsPanelProps) {
                     comment={root}
                     currentUserEmail={currentUserEmail}
                     onSeek={onSeek}
-                    onReply={() => {
-                      if (!isSignedIn && onUnauthenticated) {
-                        onUnauthenticated("comment");
-                        return;
-                      }
-                      setReplyTo(root);
-                    }}
+                    onReply={() => openReply(root)}
                     onResolve={(id, resolved) =>
                       resolve.mutate({ id, resolved })
                     }
@@ -386,13 +389,7 @@ export function CommentsPanel(props: CommentsPanelProps) {
                             comment={r}
                             currentUserEmail={currentUserEmail}
                             onSeek={onSeek}
-                            onReply={() => {
-                              if (!isSignedIn && onUnauthenticated) {
-                                onUnauthenticated("comment");
-                                return;
-                              }
-                              setReplyTo(root);
-                            }}
+                            onReply={() => openReply(root)}
                             onResolve={(id, resolved) =>
                               resolve.mutate({ id, resolved })
                             }
@@ -407,6 +404,18 @@ export function CommentsPanel(props: CommentsPanelProps) {
                       ))}
                     </ul>
                   ) : null}
+                  {replyTo?.threadId === root.threadId ? (
+                    <InlineReplyComposer
+                      draft={replyDraft}
+                      textareaRef={replyComposerRef}
+                      onDraftChange={setReplyDraft}
+                      onCancel={() => {
+                        setReplyDraft("");
+                        setReplyTo(null);
+                      }}
+                      onSubmit={() => submitDraft(replyDraft, replyTo)}
+                    />
+                  ) : null}
                 </li>
               );
             })}
@@ -414,7 +423,11 @@ export function CommentsPanel(props: CommentsPanelProps) {
         )}
       </div>
 
-      {!isSharePresentation ? composer : null}
+      {isSharePresentation && enableComments ? (
+        <div className="border-t border-border px-4 py-4">{composer}</div>
+      ) : !isSharePresentation ? (
+        composer
+      ) : null}
     </div>
   );
 }
@@ -469,26 +482,22 @@ function EmptyCommentsState({
 
 function CommentComposer({
   draft,
-  replyTo,
   currentMs,
   currentUserEmail,
   isSignedIn,
   isSharePresentation,
   enableComments,
   onDraftChange,
-  onCancelReply,
   onSubmit,
   onUnauthenticated,
 }: {
   draft: string;
-  replyTo: Comment | null;
   currentMs: number;
   currentUserEmail?: string;
   isSignedIn: boolean;
   isSharePresentation: boolean;
   enableComments: boolean;
   onDraftChange: (value: string) => void;
-  onCancelReply: () => void;
   onSubmit: () => void;
   onUnauthenticated?: (intent: "comment" | "react") => void;
 }) {
@@ -547,19 +556,7 @@ function CommentComposer({
           : "space-y-2 border-t border-border p-3",
       )}
     >
-      {replyTo ? (
-        <div className="flex items-center justify-between rounded bg-accent/50 px-2 py-1 text-xs text-muted-foreground">
-          <span>
-            {t("commentsPanel.replyingTo")}{" "}
-            <span className="font-medium text-foreground">
-              {displayName(replyTo)}
-            </span>
-          </span>
-          <button onClick={onCancelReply} className="hover:text-foreground">
-            {t("common.cancel")}
-          </button>
-        </div>
-      ) : !isSharePresentation ? (
+      {!isSharePresentation ? (
         <div className="px-1 text-[11px] text-muted-foreground">
           {t("commentsPanel.commentAt")}{" "}
           <span className="font-mono">{msToClock(currentMs)}</span>
@@ -582,11 +579,7 @@ function CommentComposer({
         <Textarea
           value={draft}
           onChange={(e) => onDraftChange(e.target.value)}
-          placeholder={
-            replyTo
-              ? t("commentsPanel.writeReply")
-              : t("commentsPanel.leaveComment")
-          }
+          placeholder={t("commentsPanel.leaveComment")}
           className={cn(
             "resize-none text-sm",
             isSharePresentation
@@ -616,6 +609,61 @@ function CommentComposer({
   );
 }
 
+function InlineReplyComposer({
+  draft,
+  textareaRef,
+  onDraftChange,
+  onCancel,
+  onSubmit,
+}: {
+  draft: string;
+  textareaRef: Ref<HTMLTextAreaElement>;
+  onDraftChange: (value: string) => void;
+  onCancel: () => void;
+  onSubmit: () => void;
+}) {
+  const t = useT();
+
+  return (
+    <div className="ml-9 mt-2 rounded-lg border border-border bg-muted/20 p-2">
+      <Textarea
+        ref={textareaRef}
+        autoFocus
+        value={draft}
+        onChange={(event) => onDraftChange(event.target.value)}
+        placeholder={t("commentsPanel.writeReply")}
+        className="min-h-16 resize-none bg-background text-sm"
+        onKeyDown={(event) => {
+          if (event.key === "Escape") {
+            event.preventDefault();
+            onCancel();
+          } else if (
+            event.key === "Enter" &&
+            (event.metaKey || event.ctrlKey)
+          ) {
+            event.preventDefault();
+            onSubmit();
+          }
+        }}
+      />
+      <div className="mt-2 flex justify-end gap-2">
+        <Button variant="ghost" size="sm" onClick={onCancel}>
+          {t("common.cancel")}
+        </Button>
+        <Button
+          size="icon"
+          onClick={onSubmit}
+          disabled={!draft.trim()}
+          aria-label={t("commentsPanel.writeReply")}
+          className="size-8 bg-primary text-primary-foreground hover:bg-primary/90"
+        >
+          <IconSend className="size-4" />
+        </Button>
+      </div>
+    </div>
+  );
+}
+
 function CommentCard({
   comment,
   currentUserEmail,

package/corpus/templates/clips/app/components/player/delete-recording-menu.tsx

@@ -48,6 +48,7 @@ export function RecordingOptionsMenu({
 }: RecordingOptionsMenuProps) {
   const t = useT();
   const [open, setOpen] = useState(false);
+  const [menuOpen, setMenuOpen] = useState(false);
   const showDownload = canDownload && Boolean(onDownload);
   const showDelete = canDelete;
   const trashRecording = useActionMutation<any, { id: string }>(
@@ -68,6 +69,11 @@ export function RecordingOptionsMenu({
     trashRecording.mutate({ id: recordingId });
   }, [recordingId, trashRecording]);
 
+  const handleDownload = useCallback(() => {
+    setMenuOpen(false);
+    onDownload?.();
+  }, [onDownload]);
+
   if (!showDownload && !showDelete) return null;
 
   return (
@@ -77,7 +83,7 @@ export function RecordingOptionsMenu({
         if (!trashRecording.isPending) setOpen(nextOpen);
       }}
     >
-      <DropdownMenu>
+      <DropdownMenu open={menuOpen} onOpenChange={setMenuOpen}>
         <DropdownMenuTrigger asChild>
           <Button
             variant="ghost"
@@ -91,13 +97,13 @@ export function RecordingOptionsMenu({
         <DropdownMenuContent align="end" className="w-44">
           {showDownload ? (
             <DropdownMenuItem
-              onSelect={() => onDownload?.()}
+              onSelect={handleDownload}
               disabled={downloadPending}
             >
               <IconDownload className="me-2 h-4 w-4" />
               {downloadPending
                 ? (downloadingLabel ?? t("sharePage.downloading"))
-                : (downloadLabel ?? t("sharePage.downloadMp4"))}
+                : (downloadLabel ?? t("recordRoute.downloadRecording"))}
             </DropdownMenuItem>
           ) : null}
           {showDownload && showDelete ? <DropdownMenuSeparator /> : null}

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

@@ -0,0 +1,102 @@
+export const PLAYBACK_COMMENT_VISIBLE_MS = 4_000;
+
+export interface PlaybackComment {
+  id: string;
+  content: string;
+  videoTimestampMs: number;
+  authorEmail?: string | null;
+  authorName?: string | null;
+  parentId?: string | null;
+  resolved?: boolean;
+}
+
+export function getActivePlaybackComments(
+  comments: PlaybackComment[] | undefined,
+  currentMs: number,
+): PlaybackComment[] {
+  if (!comments?.length || !Number.isFinite(currentMs) || currentMs < 0) {
+    return [];
+  }
+
+  return comments
+    .filter((comment) => {
+      const timestamp = comment.videoTimestampMs;
+      return (
+        comment.parentId == null &&
+        comment.resolved !== true &&
+        comment.content.trim().length > 0 &&
+        Number.isFinite(timestamp) &&
+        timestamp >= 0 &&
+        currentMs >= timestamp &&
+        currentMs < timestamp + PLAYBACK_COMMENT_VISIBLE_MS
+      );
+    })
+    .sort(
+      (a, b) =>
+        a.videoTimestampMs - b.videoTimestampMs || a.id.localeCompare(b.id),
+    );
+}
+
+export function PlaybackCommentOverlay({
+  comments,
+  currentMs,
+}: {
+  comments: PlaybackComment[] | undefined;
+  currentMs: number;
+}) {
+  const activeComments = getActivePlaybackComments(comments, currentMs);
+  if (activeComments.length === 0) return null;
+
+  return (
+    <div
+      data-player-ui
+      className="pointer-events-none absolute inset-x-3 bottom-[5.25rem] z-20 flex justify-center sm:inset-x-6"
+      aria-live="polite"
+    >
+      <div className="flex w-full max-w-xl flex-col items-center gap-2">
+        {activeComments.map((comment) => {
+          const author = displayAuthor(comment);
+          return (
+            <div
+              key={comment.id}
+              className="animate-in fade-in slide-in-from-bottom-2 flex max-w-full items-start gap-2.5 rounded-xl bg-black/85 px-3 py-2.5 text-white shadow-2xl ring-1 ring-white/15 backdrop-blur-md duration-200"
+            >
+              <span
+                aria-hidden="true"
+                className="flex size-7 shrink-0 items-center justify-center rounded-full bg-white/15 text-[10px] font-semibold text-white"
+              >
+                {initials(author)}
+              </span>
+              <div className="min-w-0">
+                <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>
+              </div>
+            </div>
+          );
+        })}
+      </div>
+    </div>
+  );
+}
+
+function displayAuthor(comment: PlaybackComment): string {
+  const name = comment.authorName?.trim();
+  if (name) return name;
+  const emailName = comment.authorEmail?.split("@")[0]?.trim();
+  return emailName || comment.authorEmail?.trim() || "";
+}
+
+function initials(name: string): string {
+  return (
+    name
+      .split(/\s+/)
+      .filter(Boolean)
+      .slice(0, 2)
+      .map((part) => part[0]?.toUpperCase() ?? "")
+      .join("") || "?"
+  );
+}

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

@@ -498,7 +498,7 @@ function LinkTab({
                   {t("shareDialog.openPlayer")}
                 </>
               ) : (
-                t("shareDialog.downloadMp4")
+                t("recordRoute.downloadRecording")
               )}
             </Button>
           ) : null}

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

@@ -47,6 +47,10 @@ import { cn } from "@/lib/utils";
 
 import { CaptionsOverlay } from "./captions-overlay";
 import { CtaButton } from "./cta-button";
+import {
+  PlaybackCommentOverlay,
+  type PlaybackComment,
+} from "./playback-comment-overlay";
 import { PlayerControls, SPEED_OPTIONS } from "./player-controls";
 
 function resolveLocalUrl(url: string | null | undefined): string | undefined {
@@ -168,7 +172,7 @@ export interface VideoPlayerProps {
   startMs?: number;
   /** Comment + chapter overlays for the scrubber. */
   editsJson?: string | null;
-  comments?: { id: string; videoTimestampMs: number; content: string }[];
+  comments?: PlaybackComment[];
   chapters?: { startMs: number; title: string }[];
   reactions?: { id: string; emoji: string; videoTimestampMs: number }[];
   transcriptSegments?: { startMs: number; endMs: number; text: string }[];
@@ -1418,6 +1422,11 @@ export const VideoPlayer = forwardRef<VideoPlayerHandle, VideoPlayerProps>(
           <CaptionsOverlay text={currentSegment.text} />
         ) : null}
 
+        {/* Timestamped comments */}
+        {!hideChrome && !isLoomEmbed && hasPlaybackStarted ? (
+          <PlaybackCommentOverlay comments={comments} currentMs={currentMs} />
+        ) : null}
+
         {/* Floating CTA (throughout placement) */}
         {showThroughoutCta ? (
           <div data-player-ui className="absolute bottom-16 right-4 z-20">

package/corpus/templates/clips/app/hooks/use-auto-title.ts

@@ -49,10 +49,12 @@ interface AiRequest {
   recordingId?: string;
   requestedAt?: string;
   currentTitle?: string;
+  currentDescription?: string;
   transcriptStatus?: string;
   transcriptText?: string;
   segmentsJson?: string;
   agentsContext?: string;
+  includeSummary?: boolean;
   thresholdMs?: number;
   message?: string;
   includeFullVideoInAi?: boolean;
@@ -60,6 +62,7 @@ interface AiRequest {
 }
 
 const DISPATCHABLE_REQUESTS = new Set([
+  "generate-metadata",
   "regenerate-title",
   "regenerate-summary",
   "regenerate-chapters",
@@ -142,6 +145,15 @@ export function useAutoTitleBridge(): void {
             }`;
             if (dispatched.current.has(dispatchKey)) continue;
             dispatched.current.add(dispatchKey);
+            if (
+              request.kind === "generate-metadata" ||
+              request.kind === "regenerate-title"
+            ) {
+              // The temporary title remains replaceable while the background
+              // agent runs. Suppress the old-recording fallback in this tab so
+              // clearing the request does not immediately launch a duplicate.
+              dispatched.current.add(`${rec.id}:fallback`);
+            }
 
             dispatchAiRequest(rec, request);
 
@@ -194,11 +206,13 @@ function buildRequestContext(rec: RecordingSummary, request: AiRequest) {
   return {
     recordingId: rec.id,
     currentTitle: request.currentTitle ?? rec.title,
+    currentDescription: request.currentDescription ?? "",
     transcript: request.transcriptText ?? "",
     agentsContext: request.agentsContext ?? "",
     transcriptStatus: request.transcriptStatus ?? "ready",
     transcriptSegments: parseJsonArray(request.segmentsJson),
     includeFullVideoInAi: request.includeFullVideoInAi === true,
+    includeSummary: request.includeSummary === true,
     request,
   };
 }

package/corpus/templates/clips/app/hooks/use-library.ts

@@ -34,7 +34,7 @@ export interface RecordingSummary {
 }
 
 export interface ListRecordingsArgs {
-  view?: "library" | "space" | "archive" | "trash" | "all";
+  view?: "library" | "shared" | "space" | "archive" | "trash" | "all";
   folderId?: string | null;
   spaceId?: string | null;
   tag?: string | null;

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

@@ -2,6 +2,7 @@ import { getBrowserTabId, useAgentRouteState } from "@agent-native/core/client";
 
 export type ClipsView =
   | "library"
+  | "shared"
   | "spaces"
   | "space"
   | "archive"
@@ -44,6 +45,7 @@ interface NavigateCommand extends Partial<NavigationState> {
  *   /library                    -> library
  *   /library?q=...              -> library (with search)
  *   /library/folder/:folderId   -> library (with folderId)
+ *   /shared                     -> shared
  *   /spaces                     -> spaces
  *   /spaces/:spaceId            -> space
  *   /archive                    -> archive
@@ -58,7 +60,10 @@ interface NavigateCommand extends Partial<NavigationState> {
  *   /notifications              -> notifications
  *   /settings[/*]               -> settings
  */
-function stateFromLocation(pathname: string, search: string): NavigationState {
+export function stateFromLocation(
+  pathname: string,
+  search: string,
+): NavigationState {
   const params = new URLSearchParams(search);
   const searchTerm = params.get("q") || undefined;
   const p = pathname.replace(/\/+$/, "") || "/";
@@ -117,6 +122,7 @@ function stateFromLocation(pathname: string, search: string): NavigationState {
   }
 
   if (p === "/spaces") return { view: "spaces" };
+  if (p === "/shared") return { view: "shared" };
   if (p === "/archive") return { view: "archive" };
   if (p === "/trash") return { view: "trash" };
   if (p === "/record") return { view: "record" };
@@ -144,7 +150,7 @@ function stateFromLocation(pathname: string, search: string): NavigationState {
  * Turn a navigate-command payload (from the agent) into a URL path.
  * If the command includes `path`, prefer that — otherwise map view+ids.
  */
-function pathFromCommand(cmd: NavigateCommand): string {
+export function pathFromCommand(cmd: NavigateCommand): string {
   if (cmd.path) return cmd.path;
   switch (cmd.view) {
     case "recording":
@@ -159,6 +165,8 @@ function pathFromCommand(cmd: NavigateCommand): string {
       return cmd.spaceId ? `/spaces/${cmd.spaceId}` : "/spaces";
     case "spaces":
       return "/spaces";
+    case "shared":
+      return "/shared";
     case "archive":
       return "/archive";
     case "trash":

package/corpus/templates/clips/app/i18n/ar-SA.ts

@@ -47,6 +47,7 @@ const messages = {
   navigation: {
     brand: "المقاطع",
     library: "المكتبة",
+    sharedWithMe: "تمت مشاركته معي",
     spaces: "المساحات",
     meetings: "الاجتماعات",
     dictate: "إملاء",
@@ -81,6 +82,10 @@ const messages = {
       body: "التقط أول تسجيل شاشة وسيظهر هنا جاهزًا للمشاركة.",
       cta: "سجّل أول Clip لك",
     },
+    shared: {
+      title: "لم تتم مشاركة أي مقاطع معك بعد",
+      body: "ستظهر هنا المقاطع التي يشاركها زملاؤك معك.",
+    },
     folder: {
       title: "هذا المجلد فارغ",
       body: "اسحب التسجيلات إليه أو اضغط تسجيل لبدء شيء جديد في هذا المجلد.",
@@ -291,6 +296,7 @@ const messages = {
     insights: "الرؤى",
     downloadForMac: "تحميل Mac",
     downloadForWindows: "تحميل Windows",
+    downloadForLinux: "تحميل Linux",
     downloadDesktopApp: "تنزيل تطبيق سطح المكتب",
     agentNativeClips: "Agent-Native Clips",
     agentNativeClipsIntro: "هو بديل مجاني،",
@@ -547,7 +553,7 @@ const messages = {
   downloadRoute: {
     pageTitle: "تحميل Clips Desktop",
     description:
-      "سجل شاشتك من شريط القائمة. التحديث التلقائي لتطبيق سطح المكتب لـ macOS وWindows.",
+      "سجل شاشتك من شريط النظام. تطبيق سطح مكتب بتحديث تلقائي لأنظمة macOS وWindows وLinux.",
     macSublabel: "عالمي (Apple Silicon + Intel)",
     windowsSublabel: "المثبت 64 بت MSI",
     downloadFor: "تحميل {{platform}}",

package/corpus/templates/clips/app/i18n/de-DE.ts

@@ -48,6 +48,7 @@ const messages = {
   navigation: {
     brand: "Clips",
     library: "Bibliothek",
+    sharedWithMe: "Mit mir geteilt",
     spaces: "Bereiche",
     meetings: "Treffen",
     dictate: "Diktieren",
@@ -83,6 +84,10 @@ const messages = {
       body: "Nimm deine erste Bildschirmaufnahme auf; sie erscheint hier und ist bereit zum Teilen.",
       cta: "Ersten Clip aufnehmen",
     },
+    shared: {
+      title: "Noch keine Clips mit dir geteilt",
+      body: "Clips, die Teammitglieder mit dir teilen, erscheinen hier.",
+    },
     folder: {
       title: "Dieser Ordner ist leer",
       body: "Ziehe Aufnahmen hinein oder starte eine Aufnahme, um in diesem Ordner etwas Neues zu beginnen.",
@@ -307,6 +312,7 @@ const messages = {
     insights: "Einblicke",
     downloadForMac: "Herunterladen für Mac",
     downloadForWindows: "Herunterladen für Windows",
+    downloadForLinux: "Für Linux herunterladen",
     downloadDesktopApp: "Laden Sie die Desktop-App herunter",
     agentNativeClips: "Agent-Native Clips",
     agentNativeClipsIntro: "ist eine kostenlose,",
@@ -562,7 +568,7 @@ const messages = {
   downloadRoute: {
     pageTitle: "Laden Sie Clips Desktop herunter",
     description:
-      "Zeichnen Sie Ihren Bildschirm über die Menüleiste auf. Automatisch aktualisierende Desktop-App für macOS und Windows.",
+      "Zeichnen Sie Ihren Bildschirm über die Systemleiste auf. Automatisch aktualisierende Desktop-App für macOS, Windows und Linux.",
     macSublabel: "Universell (Apple Silicon + Intel)",
     windowsSublabel: "64-Bit-MSI-Installationsprogramm",
     downloadFor: "Herunterladen für {{platform}}",

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

@@ -48,6 +48,7 @@ const messages = {
   navigation: {
     brand: "Clips",
     library: "Library",
+    sharedWithMe: "Shared with me",
     spaces: "Spaces",
     meetings: "Meetings",
     dictate: "Dictate",
@@ -82,6 +83,10 @@ const messages = {
       body: "Capture your first screen recording and it'll land here, ready to share.",
       cta: "Record your first Clip",
     },
+    shared: {
+      title: "No clips shared with you yet",
+      body: "Clips that teammates share with you will appear here.",
+    },
     folder: {
       title: "This folder is empty",
       body: "Drag recordings in, or hit record to start something new in this folder.",
@@ -293,6 +298,7 @@ const messages = {
     insights: "Insights",
     downloadForMac: "Download for Mac",
     downloadForWindows: "Download for Windows",
+    downloadForLinux: "Download for Linux",
     downloadDesktopApp: "Download desktop app",
     agentNativeClips: "Agent-Native Clips",
     agentNativeClipsIntro: "is a free,",
@@ -543,7 +549,7 @@ const messages = {
   downloadRoute: {
     pageTitle: "Download Clips Desktop",
     description:
-      "Record your screen from the menu bar. Auto-updating desktop app for macOS and Windows.",
+      "Record your screen from the system tray. Auto-updating desktop app for macOS, Windows, and Linux.",
     macSublabel: "Universal (Apple Silicon + Intel)",
     windowsSublabel: "64-bit MSI installer",
     downloadFor: "Download for {{platform}}",