@agent-native/core 0.97.0 → 0.98.0

package/corpus/templates/slides/.agents/skills/frontend-design/SKILL.md

@@ -48,7 +48,7 @@ Default to Apple/Linear-level restraint: make the primary workflow obvious, then
 
 - **Typography**: Use the product's existing type system first. For net-new public pages, choose characterful but readable type and keep sizing appropriate to the surface.
 - **Color and theme**: Use semantic tokens and CSS variables. Avoid one-note palettes and default purple/blue gradients unless the brand demands them.
-- **Motion**: Prefer purposeful transitions and small state changes. Use CSS transitions/keyframes unless the app already uses a motion library.
+- **Motion**: Prefer purposeful transitions and small state changes. Use CSS transitions/keyframes unless the app already uses a motion library. Never `transition-all` — list the properties that actually change (e.g. `transition-[opacity,transform]`). Use the shared easing tokens defined in `packages/core/src/styles/agent-native.css` instead of hand-typing curves: `var(--ease-drawer)` (260ms, drawers/app chrome), `var(--ease-collapse)` (200ms, expand/collapse), `var(--ease-out-strong)` (snappy entrances) — in Tailwind, `ease-[var(--ease-collapse)]`. Enter/exit with ease-out, never `ease-in`. Overlays that zoom in must set the Radix origin var (e.g. `origin-[--radix-popover-content-transform-origin]`). Animate `transform`/`opacity`, not width/height/padding/box-shadow. Gate looping or large-movement animations with `motion-reduce:`. Command palettes and keyboard-triggered actions get no animation.
 - **Composition**: Match the workflow. Operational apps should be dense and scannable; marketing or portfolio pages can be more immersive.
 - **Visual assets**: Websites, games, and object-focused pages need real or generated media when images help users understand the subject.
 - **Responsive fit**: Text must not overflow buttons, cards, tabs, sidebars, or fixed-format tools. Use stable dimensions for boards, grids, toolbars, and counters.

package/corpus/templates/slides/actions/delete-slide-comment.ts

@@ -0,0 +1,49 @@
+import { defineAction } from "@agent-native/core";
+import { getRequestUserEmail } from "@agent-native/core/server/request-context";
+import { assertAccess } from "@agent-native/core/sharing";
+import { and, eq } from "drizzle-orm";
+import { z } from "zod";
+
+import { getDb, schema } from "../server/db/index.js";
+
+export default defineAction({
+  description:
+    "Delete a slide comment. Authors can delete their own comments; otherwise editor access is required.",
+  schema: z.object({
+    id: z.string().describe("Comment ID"),
+    deckId: z.string().optional().describe("Deck ID"),
+  }),
+  run: async (args) => {
+    const db = getDb();
+    const [comment] = await db
+      .select({
+        deckId: schema.slideComments.deckId,
+        authorEmail: schema.slideComments.authorEmail,
+      })
+      .from(schema.slideComments)
+      .where(eq(schema.slideComments.id, args.id))
+      .limit(1);
+
+    if (!comment || (args.deckId && comment.deckId !== args.deckId)) {
+      throw new Error(`Comment not found: ${args.id}`);
+    }
+
+    const userEmail = getRequestUserEmail();
+    if (comment.authorEmail === userEmail) {
+      await assertAccess("deck", comment.deckId, "viewer");
+    } else {
+      await assertAccess("deck", comment.deckId, "editor");
+    }
+
+    await db
+      .delete(schema.slideComments)
+      .where(
+        and(
+          eq(schema.slideComments.id, args.id),
+          eq(schema.slideComments.deckId, comment.deckId),
+        ),
+      );
+
+    return { ok: true };
+  },
+});

package/corpus/templates/slides/actions/update-slide-comment.ts

@@ -0,0 +1,93 @@
+import { defineAction } from "@agent-native/core";
+import { getRequestUserEmail } from "@agent-native/core/server/request-context";
+import { assertAccess } from "@agent-native/core/sharing";
+import { and, eq } from "drizzle-orm";
+import { z } from "zod";
+
+import { getDb, schema } from "../server/db/index.js";
+
+export default defineAction({
+  description:
+    "Update a slide comment. Resolving or reopening a comment applies to the full thread.",
+  schema: z.object({
+    id: z.string().describe("Comment ID"),
+    deckId: z.string().optional().describe("Deck ID"),
+    content: z.string().optional().describe("New comment text"),
+    resolved: z.coerce.boolean().optional().describe("Resolved state"),
+  }),
+  run: async (args) => {
+    const db = getDb();
+    const [comment] = await db
+      .select({
+        deckId: schema.slideComments.deckId,
+        threadId: schema.slideComments.threadId,
+        authorEmail: schema.slideComments.authorEmail,
+      })
+      .from(schema.slideComments)
+      .where(eq(schema.slideComments.id, args.id))
+      .limit(1);
+
+    if (!comment || (args.deckId && comment.deckId !== args.deckId)) {
+      throw new Error(`Comment not found: ${args.id}`);
+    }
+
+    const userEmail = getRequestUserEmail();
+    // Resolving or reopening changes state for the whole thread (every
+    // author's comments), not just the caller's own row, so it always
+    // requires editor access — matching content's update-comment action.
+    if (
+      args.resolved === true ||
+      args.resolved === false ||
+      comment.authorEmail !== userEmail
+    ) {
+      await assertAccess("deck", comment.deckId, "editor");
+    } else {
+      await assertAccess("deck", comment.deckId, "viewer");
+    }
+
+    const updatedAt = new Date().toISOString();
+
+    if (args.resolved === true) {
+      await db
+        .update(schema.slideComments)
+        .set({ resolved: true, updatedAt })
+        .where(
+          and(
+            eq(schema.slideComments.deckId, comment.deckId),
+            eq(schema.slideComments.threadId, comment.threadId),
+          ),
+        );
+      return { ok: true, resolved: true };
+    }
+
+    if (args.resolved === false) {
+      await db
+        .update(schema.slideComments)
+        .set({ resolved: false, updatedAt })
+        .where(
+          and(
+            eq(schema.slideComments.deckId, comment.deckId),
+            eq(schema.slideComments.threadId, comment.threadId),
+          ),
+        );
+      return { ok: true, resolved: false };
+    }
+
+    // Both resolve and reopen return early above, so only content edits remain.
+    if (args.content === undefined) {
+      return { ok: true };
+    }
+
+    await db
+      .update(schema.slideComments)
+      .set({ content: args.content, updatedAt })
+      .where(
+        and(
+          eq(schema.slideComments.id, args.id),
+          eq(schema.slideComments.deckId, comment.deckId),
+        ),
+      );
+
+    return { ok: true };
+  },
+});

package/corpus/templates/slides/actions/view-screen.ts

@@ -222,8 +222,16 @@ export default defineAction({
     }
 
     // ─── List view: user is on the deck list ─────────────────────────────
+    // Project only the columns this summary reads. `decks.data` holds each
+    // deck's entire slide JSON and can be large — never select it for a
+    // plain list. Mirrors the light-mode projection in list-decks.ts; call
+    // list-decks or open a specific deck for slide counts / content.
     const rows = await db
-      .select()
+      .select({
+        id: schema.decks.id,
+        title: schema.decks.title,
+        ownerEmail: schema.decks.ownerEmail,
+      })
       .from(schema.decks)
       .where(accessFilter(schema.decks, schema.deckShares))
       .orderBy(desc(schema.decks.updatedAt));
@@ -257,12 +265,12 @@ export default defineAction({
       lines.push(`(no decks — use create-deck to make one)`);
     } else {
       for (const row of filteredRows) {
-        const data = JSON.parse(row.data);
-        const slideCount = Array.isArray(data?.slides) ? data.slides.length : 0;
-        lines.push(
-          `- id=${row.id}  title="${row.title ?? data?.title ?? "(untitled)"}"  slides=${slideCount}`,
-        );
+        lines.push(`- id=${row.id}  title="${row.title ?? "(untitled)"}"`);
       }
+      lines.push(``);
+      lines.push(
+        `(slide counts omitted here for performance — call list-decks or open a deck to see slide content)`,
+      );
     }
     return lines.join("\n");
   },

package/corpus/templates/slides/app/components/comments/SlideCommentsPanel.tsx

@@ -5,6 +5,8 @@ import {
   IconTrash,
   IconMessageCircle,
   IconChevronDown,
+  IconAlertTriangle,
+  IconRefresh,
 } from "@tabler/icons-react";
 import { useState, useRef, useEffect } from "react";
 
@@ -435,13 +437,15 @@ export function SlideCommentsPanel({
   onClose,
 }: SlideCommentsPanelProps) {
   const t = useT();
-  const { data: threads = [] } = useSlideComments(deckId, slideId);
+  const commentsQuery = useSlideComments(deckId, slideId);
+  const threads = commentsQuery.data ?? [];
   const [showResolved, setShowResolved] = useState(false);
   const [addingComment, setAddingComment] = useState(false);
 
   const activeThreads = threads.filter((t) => !t.resolved);
   const resolvedThreads = threads.filter((t) => t.resolved);
   const visibleThreads = showResolved ? threads : activeThreads;
+  const showLoadError = commentsQuery.isError && threads.length === 0;
 
   // When pending comment arrives, cancel any manual "add comment" mode
   useEffect(() => {
@@ -504,15 +508,33 @@ export function SlideCommentsPanel({
           />
         )}
 
+        {showLoadError && (
+          <div className="flex flex-col items-center gap-2 rounded-lg border border-dashed border-destructive/30 bg-destructive/5 px-3 py-8 text-center">
+            <IconAlertTriangle className="size-5 text-destructive/70" />
+            <p className="text-xs text-muted-foreground">
+              {t("comments.loadFailed")}
+            </p>
+            <button
+              type="button"
+              onClick={() => void commentsQuery.refetch()}
+              className="inline-flex h-7 items-center gap-1.5 rounded-md border border-border bg-background px-2.5 text-xs font-medium text-foreground transition-colors hover:bg-accent"
+            >
+              <IconRefresh className="size-3.5" />
+              {t("comments.retry")}
+            </button>
+          </div>
+        )}
+
         {/* Thread list */}
-        {visibleThreads.map((thread) => (
-          <ThreadCard
-            key={thread.threadId}
-            thread={thread}
-            deckId={deckId ?? ""}
-            slideId={slideId ?? ""}
-          />
-        ))}
+        {!showLoadError &&
+          visibleThreads.map((thread) => (
+            <ThreadCard
+              key={thread.threadId}
+              thread={thread}
+              deckId={deckId ?? ""}
+              slideId={slideId ?? ""}
+            />
+          ))}
 
         {/* Resolved toggle */}
         {resolvedThreads.length > 0 && (
@@ -527,7 +549,8 @@ export function SlideCommentsPanel({
         )}
 
         {/* Empty state */}
-        {!showInput &&
+        {!showLoadError &&
+          !showInput &&
           visibleThreads.length === 0 &&
           (deckId && slideId ? (
             <button

package/corpus/templates/slides/app/components/editor/EditorSidebar.tsx

@@ -215,7 +215,7 @@ function SortableSlideThumb({
         aria-label={t("editorSidebar.selectSlide", { number: index + 1 })}
         aria-current={isActive ? "true" : undefined}
         data-slide-thumbnail-id={slide.id}
-        className={`w-full text-left flex items-start gap-2 p-2 rounded-lg transition-all duration-150 ${
+        className={`w-full text-left flex items-start gap-2 p-2 rounded-lg transition-[background-color,box-shadow] duration-150 ${
           isActive ? "bg-accent ring-1 ring-[#609FF8]/50" : "hover:bg-accent"
         } focus:outline-none`}
       >

package/corpus/templates/slides/app/components/editor/EditorToolbar.tsx

@@ -203,7 +203,7 @@ function ToolbarPopover({
   return createPortal(
     <div
       ref={menuRef}
-      className="fixed rounded-lg border border-border bg-popover shadow-xl z-[200] max-h-[80vh] overflow-y-auto"
+      className="fixed rounded-lg border border-border bg-popover shadow-xl z-[200] max-h-[80vh] overflow-y-auto animate-in fade-in-0 zoom-in-95 duration-150 origin-top-left"
       style={{ top: rect.bottom + 4, left, width: Math.min(width, vw - 16) }}
     >
       {children}

package/corpus/templates/slides/app/components/editor/GenerateSlidesDialog.tsx

@@ -153,8 +153,8 @@ export default function GenerateSlidesDialog({
               }`}
             >
               <div
-                className={`absolute top-0.5 w-4 h-4 rounded-full bg-white transition-transform ${
-                  includeImages ? "left-[calc(100%-18px)]" : "left-0.5"
+                className={`absolute top-0.5 left-0.5 w-4 h-4 rounded-full bg-white transition-transform duration-150 ${
+                  includeImages ? "translate-x-[16px]" : "translate-x-0"
                 }`}
               />
             </button>

package/corpus/templates/slides/app/components/presentation/PresentationView.tsx

@@ -515,8 +515,10 @@ export default function PresentationView({
           <div
             className="h-full bg-[#609FF8]"
             style={{
-              width: `${((currentIndex + 1) / safeSlides.length) * 100}%`,
-              transition: "width 0.3s",
+              transform: `scaleX(${(currentIndex + 1) / safeSlides.length})`,
+              transformOrigin: "left",
+              transition: "transform 0.3s cubic-bezier(0.2, 0, 0, 1)",
+              width: "100%",
             }}
           />
         </div>

package/corpus/templates/slides/app/components/visual-editor/CanvasCommentPins.tsx

@@ -271,8 +271,9 @@ export function CanvasCommentPins({
       console.error("[CanvasCommentPins] failed to send to agent:", err);
     }
     updatePin(pin.id, { submitted: true });
-    // Auto-clear after a short delay so the user sees the pin "fly away"
-    setTimeout(() => removePin(pin.id), 1500);
+    // Keep the acknowledgement visible just long enough to register, without
+    // making a routine submit feel delayed.
+    setTimeout(() => removePin(pin.id), 220);
   };
 
   if (!active && pins.length === 0) return null;
@@ -313,7 +314,7 @@ export function CanvasCommentPins({
             className={cn(
               "fixed z-[55]",
               pin.submitted &&
-                "transition-all duration-1000 opacity-0 -translate-y-4",
+                "-translate-y-2 opacity-0 transition-[transform,opacity] duration-200 ease-out motion-reduce:translate-y-0 motion-reduce:duration-150",
             )}
             style={{ left, top }}
           >

package/corpus/templates/slides/app/context/DeckContext.tsx

@@ -134,6 +134,7 @@ export interface Deck {
 interface DeckContextType {
   decks: Deck[];
   loading: boolean;
+  loadError: boolean;
   createDeck: (
     title?: string,
     options?: { noDefaultSlides?: boolean; designSystemId?: string | null },
@@ -949,6 +950,7 @@ export const defaultSlideContent: Record<SlideLayout, string> = {
 export function DeckProvider({ children }: { children: ReactNode }) {
   const [decks, setDecks] = useState<Deck[]>([]);
   const [loading, setLoading] = useState(true);
+  const [loadError, setLoadError] = useState(false);
   const decksRef = useRef<Deck[]>([]);
 
   // Per-user inverse-op undo/redo. `canUndo`/`canRedo` are React state kept in
@@ -1111,6 +1113,7 @@ export function DeckProvider({ children }: { children: ReactNode }) {
     // A null result means the fetch failed (network error or non-2xx). Skip
     // the diff so we don't wipe local state on a transient failure.
     if (fresh === null) return;
+    setLoadError(false);
     const pending = pendingCreateIdsRef.current;
     const currentDecks = decksRef.current;
     const currentIds = new Set(currentDecks.map((d) => d.id));
@@ -1231,10 +1234,14 @@ export function DeckProvider({ children }: { children: ReactNode }) {
       requestedOpenDeckId !== currentOpenDeckIdFromWindow() ||
       loaded === null
     ) {
+      if (requestId === deckBaselineRequestIdRef.current) {
+        setLoadError(loaded === null);
+      }
       return;
     }
     lastExternalUpdateRef.current = Date.now();
     resetDeckBaseline(loaded);
+    setLoadError(false);
   }, [resetDeckBaseline]);
 
   // Load decks from API on mount
@@ -1255,6 +1262,7 @@ export function DeckProvider({ children }: { children: ReactNode }) {
       const initial = loaded ?? [];
       lastExternalUpdateRef.current = Date.now(); // Don't save initial load back
       resetDeckBaseline(initial);
+      setLoadError(loaded === null);
       setLoading(false);
     });
   }, [resetDeckBaseline]);
@@ -2012,6 +2020,7 @@ export function DeckProvider({ children }: { children: ReactNode }) {
       value={{
         decks,
         loading,
+        loadError,
         createDeck,
         ensureDeckPersisted,
         duplicateDeck,

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

@@ -331,6 +331,8 @@ const messages = {
     hideResolved: "إخفاء المحلول",
     showResolved: "إظهار {{count}} محلولة",
     noCommentsYet: "لا توجد تعليقات بعد",
+    loadFailed: "تعذر تحميل التعليقات",
+    retry: "إعادة المحاولة",
     clickToAddComment: "انقر لإضافة تعليق",
     selectSlideToAdd: "حدد شريحة لإضافة تعليق",
   },
@@ -561,6 +563,10 @@ const messages = {
     chooseAnotherFile: "اختيار ملف آخر",
   },
   home: {
+    loadFailed: "تعذر تحميل المحتوى",
+    loadFailedDescription:
+      "لا يزال المحتوى المحفوظ متاحًا. تحقق من الاتصال وأعد المحاولة.",
+    retry: "إعادة المحاولة",
     decksTitle: "العروض",
     newDeck: "عرض جديد",
     deckLengthQuestion: "ما طول هذا العرض؟",

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

@@ -334,6 +334,8 @@ const messages = {
     hideResolved: "Gelöste ausblenden",
     showResolved: "{{count}} gelöste anzeigen",
     noCommentsYet: "Noch keine Kommentare",
+    loadFailed: "Kommentare konnten nicht geladen werden",
+    retry: "Erneut versuchen",
     clickToAddComment: "Klicken, um einen Kommentar hinzuzufügen",
     selectSlideToAdd: "Wähle eine Folie aus, um einen hinzuzufügen",
   },
@@ -555,6 +557,10 @@ const messages = {
     chooseAnotherFile: "Andere Datei wählen",
   },
   home: {
+    loadFailed: "Inhalte konnten nicht geladen werden",
+    loadFailedDescription:
+      "Ihre gespeicherten Inhalte sind weiterhin verfügbar. Prüfen Sie die Verbindung und versuchen Sie es erneut.",
+    retry: "Erneut versuchen",
     decksTitle: "Decks",
     newDeck: "Neues Deck",
     deckLengthQuestion: "Wie lang soll dieses Deck sein?",

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

@@ -329,6 +329,8 @@ const messages = {
     hideResolved: "Hide resolved",
     showResolved: "Show {{count}} resolved",
     noCommentsYet: "No comments yet",
+    loadFailed: "Couldn't load comments",
+    retry: "Retry",
     clickToAddComment: "Click to add a comment",
     selectSlideToAdd: "Select a slide to add one",
   },
@@ -545,6 +547,10 @@ const messages = {
     chooseAnotherFile: "Choose another file",
   },
   home: {
+    loadFailed: "Couldn't load your content",
+    loadFailedDescription:
+      "Your saved content is still available. Check the connection and try again.",
+    retry: "Retry",
     decksTitle: "Decks",
     newDeck: "New Deck",
     deckLengthQuestion: "How long should this deck be?",

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

@@ -336,6 +336,8 @@ const messages = {
     hideResolved: "Ocultar resueltos",
     showResolved: "Mostrar {{count}} resueltos",
     noCommentsYet: "Aún no hay comentarios",
+    loadFailed: "No se pudieron cargar los comentarios",
+    retry: "Reintentar",
     clickToAddComment: "Haz clic para añadir un comentario",
     selectSlideToAdd: "Selecciona una diapositiva para añadir uno",
   },
@@ -561,6 +563,10 @@ const messages = {
     chooseAnotherFile: "Elegir otro archivo",
   },
   home: {
+    loadFailed: "No se pudo cargar el contenido",
+    loadFailedDescription:
+      "El contenido guardado sigue disponible. Comprueba la conexión e inténtalo de nuevo.",
+    retry: "Reintentar",
     decksTitle: "Decks",
     newDeck: "Nuevo deck",
     deckLengthQuestion: "¿Qué longitud debe tener este deck?",

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

@@ -340,6 +340,8 @@ const messages = {
     hideResolved: "Masquer les résolus",
     showResolved: "Afficher {{count}} résolus",
     noCommentsYet: "Aucun commentaire pour le moment",
+    loadFailed: "Impossible de charger les commentaires",
+    retry: "Réessayer",
     clickToAddComment: "Cliquez pour ajouter un commentaire",
     selectSlideToAdd: "Sélectionnez une diapositive pour en ajouter un",
   },
@@ -565,6 +567,10 @@ const messages = {
     chooseAnotherFile: "Choisir un autre fichier",
   },
   home: {
+    loadFailed: "Impossible de charger votre contenu",
+    loadFailedDescription:
+      "Votre contenu enregistré est toujours disponible. Vérifiez la connexion et réessayez.",
+    retry: "Réessayer",
     decksTitle: "Decks",
     newDeck: "Nouveau deck",
     deckLengthQuestion: "Quelle longueur doit faire ce deck ?",

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

@@ -327,6 +327,8 @@ const messages = {
     hideResolved: "हल किए गए छिपाएं",
     showResolved: "{{count}} हल किए गए दिखाएं",
     noCommentsYet: "अभी कोई टिप्पणी नहीं",
+    loadFailed: "टिप्पणियाँ लोड नहीं हो सकीं",
+    retry: "फिर कोशिश करें",
     clickToAddComment: "टिप्पणी जोड़ने के लिए क्लिक करें",
     selectSlideToAdd: "एक टिप्पणी जोड़ने के लिए स्लाइड चुनें",
   },
@@ -539,6 +541,10 @@ const messages = {
     chooseAnotherFile: "दूसरी फ़ाइल चुनें",
   },
   home: {
+    loadFailed: "आपका कॉन्टेंट लोड नहीं हो सका",
+    loadFailedDescription:
+      "आपका सहेजा गया कॉन्टेंट अभी भी उपलब्ध है। कनेक्शन जाँचें और फिर कोशिश करें।",
+    retry: "फिर कोशिश करें",
     decksTitle: "डेक",
     newDeck: "नया डेक",
     deckLengthQuestion: "यह डेक कितना लंबा होना चाहिए?",

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

@@ -331,6 +331,8 @@ const messages = {
     hideResolved: "解決済みを非表示",
     showResolved: "{{count}} 件の解決済みを表示",
     noCommentsYet: "まだコメントはありません",
+    loadFailed: "コメントを読み込めませんでした",
+    retry: "再試行",
     clickToAddComment: "クリックしてコメントを追加",
     selectSlideToAdd: "追加するにはスライドを選択してください",
   },
@@ -541,6 +543,10 @@ const messages = {
     chooseAnotherFile: "別のファイルを選択",
   },
   home: {
+    loadFailed: "コンテンツを読み込めませんでした",
+    loadFailedDescription:
+      "保存済みのコンテンツはそのままです。接続を確認して再試行してください。",
+    retry: "再試行",
     decksTitle: "デッキ",
     newDeck: "新しいデッキ",
     deckLengthQuestion: "このデッキの長さはどれくらいにしますか？",

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

@@ -329,6 +329,8 @@ const messages = {
     hideResolved: "해결됨 숨기기",
     showResolved: "해결됨 {{count}}개 표시",
     noCommentsYet: "아직 댓글 없음",
+    loadFailed: "댓글을 불러올 수 없습니다",
+    retry: "다시 시도",
     clickToAddComment: "클릭하여 댓글 추가",
     selectSlideToAdd: "추가하려면 슬라이드를 선택하세요",
   },
@@ -536,6 +538,10 @@ const messages = {
     chooseAnotherFile: "다른 파일 선택",
   },
   home: {
+    loadFailed: "콘텐츠를 불러올 수 없습니다",
+    loadFailedDescription:
+      "저장된 콘텐츠는 그대로 있습니다. 연결을 확인하고 다시 시도하세요.",
+    retry: "다시 시도",
     decksTitle: "덱",
     newDeck: "새 덱",
     deckLengthQuestion: "이 덱은 얼마나 길어야 하나요?",

package/corpus/templates/slides/app/i18n/pt-BR.ts

@@ -331,6 +331,8 @@ const messages = {
     hideResolved: "Ocultar resolvidos",
     showResolved: "Mostrar {{count}} resolvidos",
     noCommentsYet: "Ainda não há comentários",
+    loadFailed: "Não foi possível carregar os comentários",
+    retry: "Tentar novamente",
     clickToAddComment: "Clique para adicionar um comentário",
     selectSlideToAdd: "Selecione um slide para adicionar um",
   },
@@ -556,6 +558,10 @@ const messages = {
     chooseAnotherFile: "Escolher outro arquivo",
   },
   home: {
+    loadFailed: "Não foi possível carregar seu conteúdo",
+    loadFailedDescription:
+      "Seu conteúdo salvo continua disponível. Verifique a conexão e tente novamente.",
+    retry: "Tentar novamente",
     decksTitle: "Decks",
     newDeck: "Novo deck",
     deckLengthQuestion: "Qual deve ser o tamanho deste deck?",

package/corpus/templates/slides/app/i18n/zh-CN.ts

@@ -325,6 +325,8 @@ const messages = {
     hideResolved: "隐藏已解决",
     showResolved: "显示 {{count}} 条已解决",
     noCommentsYet: "还没有评论",
+    loadFailed: "无法加载评论",
+    retry: "重试",
     clickToAddComment: "点击添加评论",
     selectSlideToAdd: "选择幻灯片以添加评论",
   },
@@ -531,6 +533,9 @@ const messages = {
     chooseAnotherFile: "选择其他文件",
   },
   home: {
+    loadFailed: "无法加载内容",
+    loadFailedDescription: "您保存的内容仍然可用。请检查连接并重试。",
+    retry: "重试",
     decksTitle: "幻灯片",
     newDeck: "新建幻灯片",
     deckLengthQuestion: "这份幻灯片需要多长？",

package/corpus/templates/slides/app/i18n/zh-TW.ts

@@ -320,6 +320,8 @@ const messages = {
     hideResolved: "隱藏已解決",
     showResolved: "顯示 {{count}} 條已解決",
     noCommentsYet: "還沒有評論",
+    loadFailed: "無法載入評論",
+    retry: "重試",
     clickToAddComment: "點選新增評論",
     selectSlideToAdd: "選取幻燈片以新增評論",
   },
@@ -526,6 +528,9 @@ const messages = {
     chooseAnotherFile: "選取其他檔案",
   },
   home: {
+    loadFailed: "無法載入內容",
+    loadFailedDescription: "您儲存的內容仍然可用。請檢查連線並重試。",
+    retry: "重試",
     decksTitle: "幻燈片",
     newDeck: "新建幻燈片",
     deckLengthQuestion: "這份幻燈片需要多長？",