@agent-native/core 0.80.2 → 0.80.5

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

@@ -30,7 +30,14 @@ import {
   type QueryKey,
 } from "@tanstack/react-query";
 import { useTheme } from "next-themes";
-import { useState, useEffect, useCallback, useRef, useMemo } from "react";
+import {
+  useState,
+  useEffect,
+  useCallback,
+  useRef,
+  useMemo,
+  Fragment,
+} from "react";
 import { Link, useLocation, useNavigate } from "react-router";
 import { toast } from "sonner";
 
@@ -51,6 +58,8 @@ type SidebarDashboard = {
   subviews?: DashboardSubview[];
   source: "static" | "sql";
   visibility?: Visibility;
+  /** Id of the dashboard this one nests under in the sidebar, if any. */
+  parentId?: string;
 };
 import {
   DevDatabaseLink,
@@ -1026,6 +1035,7 @@ type SqlDashboardListItem = {
   id: string;
   name: string;
   visibility?: Visibility;
+  parentId?: string;
 };
 
 async function fetchSqlDashboards(
@@ -1045,6 +1055,10 @@ async function fetchSqlDashboards(
           d.visibility === "org" || d.visibility === "public"
             ? (d.visibility as Visibility)
             : ("private" as Visibility),
+        parentId:
+          typeof d.parentId === "string" && d.parentId.trim().length > 0
+            ? d.parentId
+            : undefined,
       }));
   } catch {
     return [];
@@ -1445,6 +1459,7 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
       name: d.name,
       source: "sql",
       visibility: d.visibility,
+      parentId: d.parentId,
     }));
     const all = [...staticItems, ...sqlItems];
     if (dashboardSortMode === "alphabetical") {
@@ -1482,12 +1497,54 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
     [visibleDashboards, dashFilter],
   );
 
+  // Group dashboards that declare a parentId beneath their parent. Nesting is
+  // intentionally one level deep: a dashboard only nests when its parent is
+  // itself top-level. Orphans (parent missing/filtered out), self-references,
+  // cycles, and deeper descendants all fall back to top level so nothing is
+  // ever hidden.
+  const dashboardChildren = useMemo<Map<string, SidebarDashboard[]>>(() => {
+    const byId = new Map(filteredDashboards.map((d) => [d.id, d]));
+    const hasValidParent = (d: SidebarDashboard) =>
+      !!d.parentId && d.parentId !== d.id && byId.has(d.parentId);
+    const byParent = new Map<string, SidebarDashboard[]>();
+    for (const d of filteredDashboards) {
+      if (!hasValidParent(d)) continue;
+      const parent = byId.get(d.parentId as string);
+      if (!parent || hasValidParent(parent)) continue;
+      const arr = byParent.get(d.parentId as string) ?? [];
+      arr.push(d);
+      byParent.set(d.parentId as string, arr);
+    }
+    return byParent;
+  }, [filteredDashboards]);
+
+  const topLevelDashboards = useMemo(() => {
+    const childIds = new Set<string>();
+    for (const arr of dashboardChildren.values())
+      for (const c of arr) childIds.add(c.id);
+    return filteredDashboards.filter((d) => !childIds.has(d.id));
+  }, [filteredDashboards, dashboardChildren]);
+
   const displayedDashboards = useMemo(
     () =>
       dashShowAll
-        ? filteredDashboards
-        : filteredDashboards.slice(0, SIDEBAR_PREVIEW_COUNT),
-    [filteredDashboards, dashShowAll],
+        ? topLevelDashboards
+        : topLevelDashboards.slice(0, SIDEBAR_PREVIEW_COUNT),
+    [topLevelDashboards, dashShowAll],
+  );
+
+  // The flattened id order exactly as rendered (each parent immediately
+  // followed by its nested children). Drag reordering must use this so the
+  // arrayMove indices match what the user sees; the raw `visibleDashboards`
+  // order interleaves children at their sorted positions and would move the
+  // wrong rows once a dashboard is nested.
+  const dashboardRenderOrderIds = useMemo(
+    () =>
+      topLevelDashboards.flatMap((d) => [
+        d.id,
+        ...(dashboardChildren.get(d.id) ?? []).map((c) => c.id),
+      ]),
+    [topLevelDashboards, dashboardChildren],
   );
 
   const handleDashboardDelete = useCallback(
@@ -1801,18 +1858,16 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
     (event: DragEndEvent) => {
       const { active, over } = event;
       if (!over || active.id === over.id) return;
+      const ids = dashboardRenderOrderIds;
+      const oldIndex = ids.indexOf(active.id as string);
+      const newIndex = ids.indexOf(over.id as string);
+      if (oldIndex === -1 || newIndex === -1) return;
       setDashboardSortMode("manual");
-      setDashboardOrderState((prev) => {
-        const ids = prev.length > 0 ? prev : visibleDashboards.map((d) => d.id);
-        const oldIndex = ids.indexOf(active.id as string);
-        const newIndex = ids.indexOf(over.id as string);
-        if (oldIndex === -1 || newIndex === -1) return prev;
-        const newOrder = arrayMove(ids, oldIndex, newIndex);
-        setDashboardOrder(newOrder);
-        return newOrder;
-      });
+      const newOrder = arrayMove(ids, oldIndex, newIndex);
+      setDashboardOrder(newOrder);
+      setDashboardOrderState(newOrder);
     },
-    [setDashboardSortMode, visibleDashboards],
+    [setDashboardSortMode, dashboardRenderOrderIds],
   );
 
   const handleAnalysisDragEnd = useCallback(
@@ -2169,27 +2224,56 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
                     onDragEnd={handleDashboardDragEnd}
                   >
                     <SortableContext
-                      items={displayedDashboards.map((d) => d.id)}
+                      items={displayedDashboards.flatMap((d) => [
+                        d.id,
+                        ...(dashboardChildren.get(d.id) ?? []).map((c) => c.id),
+                      ])}
                       strategy={verticalListSortingStrategy}
                     >
                       <div className="ms-4 min-w-0 space-y-0.5">
-                        {displayedDashboards.map((d) => (
-                          <SortableDashboardItem
-                            key={d.id}
-                            d={d}
-                            isActive={activeDashboardId === d.id}
-                            location={location}
-                            favoriteIds={favoriteIds}
-                            onToggleFavorite={toggleFavorite}
-                            onDelete={handleDashboardDelete}
-                            onRename={handleDashboardRename}
-                            onArchive={handleDashboardArchive}
-                            onSetVisibility={handleDashboardSetVisibility}
-                            onPrefetch={prefetchDashboard}
-                            views={allViewsMap[d.id]}
-                          />
-                        ))}
-                        {filteredDashboards.length > SIDEBAR_PREVIEW_COUNT && (
+                        {displayedDashboards.map((d) => {
+                          const children = dashboardChildren.get(d.id) ?? [];
+                          return (
+                            <Fragment key={d.id}>
+                              <SortableDashboardItem
+                                d={d}
+                                isActive={activeDashboardId === d.id}
+                                location={location}
+                                favoriteIds={favoriteIds}
+                                onToggleFavorite={toggleFavorite}
+                                onDelete={handleDashboardDelete}
+                                onRename={handleDashboardRename}
+                                onArchive={handleDashboardArchive}
+                                onSetVisibility={handleDashboardSetVisibility}
+                                onPrefetch={prefetchDashboard}
+                                views={allViewsMap[d.id]}
+                              />
+                              {children.length > 0 && (
+                                <div className="ms-3 space-y-0.5 border-s border-sidebar-border/60 ps-1">
+                                  {children.map((child) => (
+                                    <SortableDashboardItem
+                                      key={child.id}
+                                      d={child}
+                                      isActive={activeDashboardId === child.id}
+                                      location={location}
+                                      favoriteIds={favoriteIds}
+                                      onToggleFavorite={toggleFavorite}
+                                      onDelete={handleDashboardDelete}
+                                      onRename={handleDashboardRename}
+                                      onArchive={handleDashboardArchive}
+                                      onSetVisibility={
+                                        handleDashboardSetVisibility
+                                      }
+                                      onPrefetch={prefetchDashboard}
+                                      views={allViewsMap[child.id]}
+                                    />
+                                  ))}
+                                </div>
+                              )}
+                            </Fragment>
+                          );
+                        })}
+                        {topLevelDashboards.length > SIDEBAR_PREVIEW_COUNT && (
                           <button
                             onClick={() => setDashShowAll(!dashShowAll)}
                             className="flex items-center gap-1 px-3 py-1 text-[11px] text-muted-foreground/70 hover:text-primary"
@@ -2198,7 +2282,7 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
                               ? t("sidebar.showLess")
                               : t("sidebar.showMore", {
                                   count:
-                                    filteredDashboards.length -
+                                    topLevelDashboards.length -
                                     SIDEBAR_PREVIEW_COUNT,
                                 })}
                           </button>

package/corpus/templates/analytics/app/pages/adhoc/sql-dashboard/index.tsx

@@ -379,6 +379,10 @@ async function fetchDashboard(id: string): Promise<FetchedDashboard | null> {
       config: {
         name: data.name ?? "Untitled Dashboard",
         description: data.description,
+        parentId:
+          typeof data.parentId === "string" && data.parentId.trim().length > 0
+            ? data.parentId
+            : undefined,
         catalog: parseDashboardCatalogMetadata(data.catalog),
         demo: parseDashboardDemoMetadata(data.demo),
         filters: data.filters,

package/corpus/templates/analytics/app/pages/adhoc/sql-dashboard/types.ts

@@ -114,6 +114,13 @@ export interface SqlPanel {
 export interface SqlDashboardConfig {
   name: string;
   description?: string;
+  /**
+   * Optional id of another dashboard this one nests under. When set, the
+   * sidebar renders this dashboard indented beneath its parent instead of at
+   * the top level. Orphans (parent missing/inaccessible) fall back to the top
+   * level. Self-references and cycles are ignored by the renderer.
+   */
+  parentId?: string;
   catalog?: {
     templateId?: string;
     templateVersion?: string;

package/corpus/templates/analytics/changelog/2026-06-27-dashboards-can-now-nest-under-a-parent-in-the-sidebar-via-a-.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-06-27
+---
+
+Dashboards can now nest under a parent in the sidebar via a parentId field

package/corpus/templates/analytics/changelog/2026-06-29-analytics-pages-now-sit-closer-under-the-header-with-tighter.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-29
+---
+
+Analytics pages now sit closer under the header with tighter content padding.

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

@@ -22,6 +22,8 @@ import { readImageModelDefault } from "./_image-model-default.js";
 import generateImage from "./generate-image.js";
 import { upsertVariantSlot } from "./variant-slots.js";
 
+const IMAGE_GENERATION_TOOL_TIMEOUT_MS = 12 * 60_000;
+
 export default defineAction({
   description:
     "Generate several brand-consistent images in parallel from one brand kit/library. Use @brand-kit mentions as libraryId and @preset mentions as presetId when present. This is synchronous for images: one call waits for every slot and returns final image artifacts. Use this for slide decks, landing pages, and multi-slot design work. Do not call get-generation-run or refresh-generation-run after a normal image batch result.",
@@ -74,6 +76,7 @@ export default defineAction({
       ),
   }),
   parallelSafe: true,
+  timeoutMs: IMAGE_GENERATION_TOOL_TIMEOUT_MS,
   run: async ({ slots, ...inputBase }, context?: ActionRunContext) => {
     const imageModelDefault = await readImageModelDefault();
     const libraryId = inputBase.libraryId;

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

@@ -46,6 +46,8 @@ import {
 import { readImageModelDefault } from "./_image-model-default.js";
 import { upsertVariantSlot, wasVariantSlotDismissed } from "./variant-slots.js";
 
+const IMAGE_GENERATION_TOOL_TIMEOUT_MS = 12 * 60_000;
+
 function resolveModelForTier(
   tier: ImageQualityTier | undefined,
   category: ImageCategory | undefined,
@@ -125,6 +127,7 @@ export default defineAction({
       ),
   }),
   parallelSafe: true,
+  timeoutMs: IMAGE_GENERATION_TOOL_TIMEOUT_MS,
   run: async (input, context?: ActionRunContext) => {
     const imageModelDefault = await readImageModelDefault();
     const libraryId = input.libraryId;

package/corpus/templates/assets/changelog/2026-06-29-longer-agent-generation-window.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-29
+---
+
+Image generation requests have a longer hosted agent window, reducing timeouts for slow models and multi-image batches.

package/corpus/templates/assets/netlify.toml

@@ -8,9 +8,9 @@ functions = "templates/assets/.netlify/functions-internal"
 GA_MEASUREMENT_ID = "G-ESF7FYXGN9"
 NITRO_PRESET = "netlify"
 NPM_CONFIG_PRODUCTION = "false"
+AGENT_CHAT_DURABLE_BACKGROUND = "true"
 
-# Image generation calls run a full Gemini round-trip plus Sharp post-processing.
-# Each `generate-image` call is ~6-12s; A2A delegation may chain several. Match
-# slides' generous timeout so multi-image runs don't get killed mid-flight.
+# Emit the Netlify background function used by Assets' durable agent-chat opt-in.
+# The normal server timeout still protects non-agent image/video HTTP handlers.
 [functions."*"]
 timeout = 300

package/corpus/templates/assets/server/plugins/agent-chat.ts

@@ -10,6 +10,8 @@ import actionsRegistry from "../../.generated/actions-registry.js";
 import { getDb, schema } from "../db/index.js";
 import "../register-secrets.js";
 
+const ASSETS_BACKGROUND_RUN_SOFT_TIMEOUT_MS = 13 * 60_000;
+
 const INITIAL_TOOL_NAMES = [
   "view-screen",
   "list-libraries",
@@ -240,5 +242,6 @@ export default createAgentChatPlugin({
       },
     },
   },
-  runSoftTimeoutMs: 240_000,
+  durableBackgroundRuns: true,
+  runSoftTimeoutMs: ASSETS_BACKGROUND_RUN_SOFT_TIMEOUT_MS,
 });

package/corpus/templates/clips/app/components/capture-install-options.tsx

@@ -1,4 +1,4 @@
-import { useT } from "@agent-native/core/client";
+import { appPath, useT } from "@agent-native/core/client";
 import {
   IconBrandApple,
   IconBrandChrome,
@@ -8,7 +8,6 @@ import {
   IconExternalLink,
 } from "@tabler/icons-react";
 import { type ReactNode } from "react";
-import { Link } from "react-router";
 
 import { Button, type ButtonProps } from "@/components/ui/button";
 import {
@@ -91,8 +90,8 @@ function InstallOptionsContent({ desktopHref = "/download" }) {
         </div>
       )}
 
-      <Link
-        to={desktopHref}
+      <a
+        href={appPath(desktopHref)}
         className="flex items-start gap-3 rounded-md border border-border p-3 text-start transition hover:bg-accent"
       >
         <DesktopIcon className="mt-0.5 h-4 w-4 shrink-0 text-primary" />
@@ -104,7 +103,7 @@ function InstallOptionsContent({ desktopHref = "/download" }) {
             {t("captureInstall.desktopDescription")}
           </span>
         </span>
-      </Link>
+      </a>
     </div>
   );
 }
@@ -120,7 +119,7 @@ export function CaptureInstallButton({
   if (!clipsChromeExtensionEnabled) {
     return (
       <Button asChild className={className} {...buttonProps}>
-        <Link to={desktopHref}>{children}</Link>
+        <a href={appPath(desktopHref)}>{children}</a>
       </Button>
     );
   }
@@ -149,9 +148,9 @@ export function CaptureInstallInlineLink({
 }: CaptureInstallInlineLinkProps) {
   if (!clipsChromeExtensionEnabled) {
     return (
-      <Link to={desktopHref} className={className}>
+      <a href={appPath(desktopHref)} className={className}>
         {children}
-      </Link>
+      </a>
     );
   }
 

package/corpus/templates/clips/app/components/player/timestamped-comment-button.tsx

@@ -0,0 +1,162 @@
+import { useActionMutation, useT } from "@agent-native/core/client";
+import { IconMessagePlus, IconAt, IconMoodSmile } from "@tabler/icons-react";
+import { useEffect, useRef, useState } from "react";
+
+import { Button } from "@/components/ui/button";
+import { Textarea } from "@/components/ui/textarea";
+import { cn } from "@/lib/utils";
+
+import { msToClock } from "./scrubber";
+
+interface TimestampedCommentButtonProps {
+  enableComments: boolean;
+  onOpen: () => void;
+  className?: string;
+}
+
+/** Trigger that opens the docked comment composer, pinned to the current time. */
+export function TimestampedCommentButton({
+  enableComments,
+  onOpen,
+  className,
+}: TimestampedCommentButtonProps) {
+  const t = useT();
+  if (!enableComments) return null;
+  return (
+    <Button
+      type="button"
+      variant="outline"
+      size="sm"
+      className={cn("gap-1.5", className)}
+      onClick={onOpen}
+    >
+      <IconMessagePlus className="h-4 w-4" />
+      {t("commentsPanel.commentButton")}
+    </Button>
+  );
+}
+
+interface TimestampedCommentBarProps {
+  recordingId: string;
+  atMs: number;
+  onClose: () => void;
+  onAdded?: () => void;
+  className?: string;
+}
+
+/**
+ * Bottom-docked comment composer. Render inside a `relative` container (the
+ * video wrapper) so it overlays the bottom of the video at the captured moment.
+ */
+export function TimestampedCommentBar({
+  recordingId,
+  atMs,
+  onClose,
+  onAdded,
+  className,
+}: TimestampedCommentBarProps) {
+  const t = useT();
+  const [draft, setDraft] = useState("");
+  const textareaRef = useRef<HTMLTextAreaElement | null>(null);
+
+  const addComment = useActionMutation("add-comment");
+
+  useEffect(() => {
+    requestAnimationFrame(() => textareaRef.current?.focus());
+  }, []);
+
+  const insertAtCursor = (text: string) => {
+    const el = textareaRef.current;
+    if (!el) {
+      setDraft((d) => d + text);
+      return;
+    }
+    const start = el.selectionStart ?? draft.length;
+    const end = el.selectionEnd ?? draft.length;
+    const next = draft.slice(0, start) + text + draft.slice(end);
+    setDraft(next);
+    requestAnimationFrame(() => {
+      el.focus();
+      const pos = start + text.length;
+      el.setSelectionRange(pos, pos);
+    });
+  };
+
+  const submit = () => {
+    const content = draft.trim();
+    if (!content) return;
+    addComment.mutate(
+      { recordingId, content, videoTimestampMs: atMs },
+      {
+        onSuccess: () => {
+          setDraft("");
+          onAdded?.();
+          onClose();
+        },
+      },
+    );
+  };
+
+  return (
+    <div className={cn("absolute inset-x-0 bottom-0 z-30 p-3", className)}>
+      <div className="rounded-xl border border-border bg-background/95 p-3 shadow-lg backdrop-blur">
+        <Textarea
+          ref={textareaRef}
+          value={draft}
+          onChange={(e) => setDraft(e.target.value)}
+          onKeyDown={(e) => {
+            if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
+              e.preventDefault();
+              submit();
+            }
+            if (e.key === "Escape") {
+              e.preventDefault();
+              onClose();
+            }
+          }}
+          placeholder={t("commentsPanel.composerPlaceholder")}
+          rows={2}
+          className="min-h-[3rem] resize-none border-0 bg-transparent px-1 text-sm shadow-none focus-visible:ring-0 focus-visible:ring-offset-0"
+        />
+        <div className="mt-2 flex items-center justify-between">
+          <div className="flex items-center gap-1">
+            <Button
+              type="button"
+              variant="ghost"
+              size="icon"
+              className="h-8 w-8 text-muted-foreground"
+              aria-label={t("commentsPanel.mentionSomeone")}
+              onClick={() => insertAtCursor("@")}
+            >
+              <IconAt className="h-4 w-4" />
+            </Button>
+            <Button
+              type="button"
+              variant="ghost"
+              size="icon"
+              className="h-8 w-8 text-muted-foreground"
+              aria-label={t("commentsPanel.addEmoji")}
+              onClick={() => insertAtCursor("🙂")}
+            >
+              <IconMoodSmile className="h-4 w-4" />
+            </Button>
+          </div>
+          <div className="flex items-center gap-2">
+            <Button type="button" variant="ghost" size="sm" onClick={onClose}>
+              {t("common.cancel")}
+            </Button>
+            <Button
+              type="button"
+              size="sm"
+              className="rounded-full"
+              disabled={!draft.trim() || addComment.isPending}
+              onClick={submit}
+            >
+              {t("commentsPanel.commentAt")} {msToClock(atMs)}
+            </Button>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}

package/corpus/templates/clips/app/components/recorder/recorder-engine.ts

@@ -194,7 +194,7 @@ const SCREEN_CAPTURE_MAX_HEIGHT = 1080;
 // client-side (ffmpeg.wasm re-encode is disabled — see COMPRESSION_ENABLED in
 // `@/lib/compress`) and the upload provider streams large files directly, so we
 // capture at a crisp 1080p bitrate instead of a tight budget. 1.2 Mbps left
-// dense UI (fine text, Figma, code) visibly fuzzy; 8 Mbps keeps it sharp.
+// dense UI (fine text and code) visibly fuzzy; 8 Mbps keeps it sharp.
 // Dial down here if file sizes become a concern for a deployment.
 const RECORDING_VIDEO_BITRATE_BPS = 8_000_000;
 const RECORDING_AUDIO_BITRATE_BPS = 128_000;

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

@@ -850,6 +850,10 @@ const messages = {
     replyingTo: "الرد على",
     commentAt: "تعليق عند",
     writeReply: "اكتب ردًا...",
+    commentButton: "تعليق",
+    composerPlaceholder: "أضف تعليقًا…",
+    mentionSomeone: "أذكر شخصًا",
+    addEmoji: "أضف رمزًا تعبيريًا",
   },
   shareMeeting: {
     pageTitle: "ملاحظات الاجتماع · Clips",

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

@@ -878,6 +878,10 @@ Alle sichtbaren Änderungen für Clips-Nutzer werden hier dokumentiert. Du kanns
     replyingTo: "Antwort an",
     commentAt: "Kommentar bei",
     writeReply: "Antwort schreiben...",
+    commentButton: "Kommentar",
+    composerPlaceholder: "Kommentar hinzufügen…",
+    mentionSomeone: "Jemanden erwähnen",
+    addEmoji: "Emoji hinzufügen",
   },
   shareMeeting: {
     pageTitle: "Meeting-Notizen · Clips",

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

@@ -849,6 +849,10 @@ All notable user-facing changes to Clips are documented here. Open it any time f
     replyingTo: "Replying to",
     commentAt: "Comment at",
     writeReply: "Write a reply...",
+    commentButton: "Comment",
+    composerPlaceholder: "Add a comment…",
+    mentionSomeone: "Mention someone",
+    addEmoji: "Add emoji",
   },
   shareMeeting: {
     pageTitle: "Meeting notes · Clips",

package/corpus/templates/clips/app/i18n/es-ES.ts

@@ -870,6 +870,10 @@ Todos los cambios visibles para los usuarios de Clips se documentan aquí. Puede
     replyingTo: "Respondiendo a",
     commentAt: "Comentar en",
     writeReply: "Escribe una respuesta...",
+    commentButton: "Comentar",
+    composerPlaceholder: "Añadir un comentario…",
+    mentionSomeone: "Mencionar a alguien",
+    addEmoji: "Añadir emoji",
   },
   shareMeeting: {
     pageTitle: "Notas de reunión · Clips",

package/corpus/templates/clips/app/i18n/fr-FR.ts

@@ -872,6 +872,10 @@ Tous les changements visibles par les utilisateurs de Clips sont documentés ici
     replyingTo: "Réponse à",
     commentAt: "Commentaire à",
     writeReply: "Écrire une réponse...",
+    commentButton: "Commenter",
+    composerPlaceholder: "Ajouter un commentaire…",
+    mentionSomeone: "Mentionner quelqu'un",
+    addEmoji: "Ajouter un emoji",
   },
   shareMeeting: {
     pageTitle: "Notes de réunion · Clips",

package/corpus/templates/clips/app/i18n/hi-IN.ts

@@ -844,6 +844,10 @@ Clips में उपयोगकर्ताओं को दिखने व
     replyingTo: "जवाब दे रहे हैं",
     commentAt: "टिप्पणी करें",
     writeReply: "जवाब लिखें...",
+    commentButton: "टिप्पणी",
+    composerPlaceholder: "टिप्पणी जोड़ें…",
+    mentionSomeone: "किसी का उल्लेख करें",
+    addEmoji: "इमोजी जोड़ें",
   },
   shareMeeting: {
     pageTitle: "मीटिंग नोट्स · Clips",

package/corpus/templates/clips/app/i18n/ja-JP.ts

@@ -860,6 +860,10 @@ Clips のユーザー向けの主な変更はここに記録されます。コ
     replyingTo: "返信先",
     commentAt: "コメント位置",
     writeReply: "返信を書く...",
+    commentButton: "コメント",
+    composerPlaceholder: "コメントを追加…",
+    mentionSomeone: "メンバーをメンション",
+    addEmoji: "絵文字を追加",
   },
   shareMeeting: {
     pageTitle: "会議メモ · Clips",

package/corpus/templates/clips/app/i18n/ko-KR.ts

@@ -851,6 +851,10 @@ Clips의 모든 사용자 대상 변경 사항은 여기에 기록됩니다. 명
     replyingTo: "답글 대상",
     commentAt: "댓글 위치",
     writeReply: "답글 쓰기...",
+    commentButton: "댓글",
+    composerPlaceholder: "댓글 추가…",
+    mentionSomeone: "멘션하기",
+    addEmoji: "이모지 추가",
   },
   shareMeeting: {
     pageTitle: "회의 노트 · Clips",