@agent-native/core 0.77.3 → 0.77.4

package/corpus/templates/content/app/components/editor/DocumentToolbar.tsx

@@ -4,6 +4,7 @@ import {
   PresenceBar,
   appPath,
   useActionMutation,
+  useT,
   type CollabUser,
 } from "@agent-native/core/client";
 import { ShareButton } from "@agent-native/core/client";
@@ -176,6 +177,7 @@ export function DocumentToolbar({
   hideFromSearch = false,
   source,
 }: DocumentToolbarProps) {
+  const t = useT();
   const navigate = useNavigate();
   const location = useLocation();
   const queryClient = useQueryClient();
@@ -281,9 +283,9 @@ export function DocumentToolbar({
         queryClient.invalidateQueries({
           queryKey: ["action", "list-documents"],
         });
-        toast.error("Failed to update sharing", {
+        toast.error(t("editor.toolbar.failedToUpdateSharing"), {
           description:
-            err instanceof Error ? err.message : "Something went wrong",
+            err instanceof Error ? err.message : t("empty.genericError"),
         });
         throw err;
       } finally {
@@ -296,51 +298,50 @@ export function DocumentToolbar({
         });
       }
     },
-    [documentId, hideFromSearch, queryClient, setDocumentDiscoverability],
+    [documentId, hideFromSearch, queryClient, setDocumentDiscoverability, t],
   );
 
   const handleCopyLocalRelativePath = useCallback(() => {
     const filePath = source?.path;
     if (!filePath) return;
     void navigator.clipboard?.writeText(filePath);
-    toast.success("Copied relative path");
-  }, [source?.path]);
+    toast.success(t("editor.toolbar.copiedRelativePath"));
+  }, [source?.path, t]);
 
   const handleCopyLocalAbsolutePath = useCallback(async () => {
     const filePath = await localSourceAbsolutePath(source);
     if (!filePath) {
-      toast.error("Absolute path is not available in this browser", {
-        description:
-          "Chrome does not expose absolute paths for browser-picked folders.",
+      toast.error(t("editor.toolbar.absolutePathUnavailable"), {
+        description: t("editor.toolbar.absolutePathUnavailableDescription"),
       });
       return;
     }
     void navigator.clipboard?.writeText(filePath);
-    toast.success("Copied absolute path");
-  }, [source]);
+    toast.success(t("editor.toolbar.copiedAbsolutePath"));
+  }, [source, t]);
 
   const handleRevealLocalPath = useCallback(async () => {
     try {
       const result = await revealLinkedLocalSourceFile(source);
       if (result.ok) {
-        toast.success("Revealed local file");
+        toast.success(t("editor.toolbar.revealedLocalFile"));
         return;
       }
       if (source?.absolutePath) {
         await revealLocalSource.mutateAsync({ id: documentId });
-        toast.success("Revealed local file");
+        toast.success(t("editor.toolbar.revealedLocalFile"));
         return;
       }
-      toast.error("Could not reveal local file", {
+      toast.error(t("editor.toolbar.couldNotRevealLocalFile"), {
         description: result.error,
       });
     } catch (error) {
-      toast.error("Could not reveal local file", {
+      toast.error(t("editor.toolbar.couldNotRevealLocalFile"), {
         description:
-          error instanceof Error ? error.message : "Something went wrong",
+          error instanceof Error ? error.message : t("empty.genericError"),
       });
     }
-  }, [documentId, revealLocalSource, source]);
+  }, [documentId, revealLocalSource, source, t]);
 
   const handleShareLocalFile = useCallback(async () => {
     try {
@@ -348,20 +349,20 @@ export function DocumentToolbar({
         id: documentId,
       })) as { id?: string; title?: string };
       if (!result?.id) {
-        throw new Error("The shareable copy was not created.");
+        throw new Error(t("editor.toolbar.shareableCopyWasNotCreated"));
       }
       await queryClient.invalidateQueries({ queryKey: ["action"] });
-      toast.success("Shareable copy ready", {
-        description: "This copy is stored in the database for sharing.",
+      toast.success(t("editor.toolbar.shareableCopyReady"), {
+        description: t("editor.toolbar.shareableCopyReadyDescription"),
       });
       navigate(`/page/${result.id}?share=1`);
     } catch (error) {
-      toast.error("Could not create shareable copy", {
+      toast.error(t("editor.toolbar.couldNotCreateShareableCopy"), {
         description:
-          error instanceof Error ? error.message : "Something went wrong",
+          error instanceof Error ? error.message : t("empty.genericError"),
       });
     }
-  }, [documentId, navigate, queryClient, shareLocalFile]);
+  }, [documentId, navigate, queryClient, shareLocalFile, t]);
 
   const handleDbShareOpenChange = useCallback(
     (nextOpen: boolean) => {
@@ -410,43 +411,55 @@ export function DocumentToolbar({
       setLinkingPageId(pageId);
       try {
         await linkDocument.mutateAsync({ pageIdOrUrl: pageId });
-        toast.success("Linked to Notion page.");
+        toast.success(t("editor.toolbar.linkedToNotionPage"));
         setSearchQuery("");
       } catch (error) {
-        toast.error(error instanceof Error ? error.message : "Failed to link.");
+        toast.error(
+          error instanceof Error
+            ? error.message
+            : t("editor.toolbar.failedToLink"),
+        );
       } finally {
         setLinkingPageId(null);
       }
     },
-    [linkDocument],
+    [linkDocument, t],
   );
 
   const handlePull = useCallback(async () => {
     try {
       await pullDocument.mutateAsync();
-      toast.success("Pulled from Notion.");
+      toast.success(t("editor.toolbar.pulledFromNotion"));
     } catch (error) {
-      toast.error(error instanceof Error ? error.message : "Pull failed.");
+      toast.error(
+        error instanceof Error ? error.message : t("editor.toolbar.pullFailed"),
+      );
     }
-  }, [pullDocument]);
+  }, [pullDocument, t]);
 
   const handlePush = useCallback(async () => {
     try {
       await pushDocument.mutateAsync();
-      toast.success("Pushed to Notion.");
+      toast.success(t("editor.toolbar.pushedToNotion"));
     } catch (error) {
-      toast.error(error instanceof Error ? error.message : "Push failed.");
+      toast.error(
+        error instanceof Error ? error.message : t("editor.toolbar.pushFailed"),
+      );
     }
-  }, [pushDocument]);
+  }, [pushDocument, t]);
 
   const handleUnlink = useCallback(async () => {
     try {
       await unlinkDocument.mutateAsync();
-      toast.success("Unlinked from Notion.");
+      toast.success(t("editor.toolbar.unlinkedFromNotion"));
     } catch (error) {
-      toast.error(error instanceof Error ? error.message : "Unlink failed.");
+      toast.error(
+        error instanceof Error
+          ? error.message
+          : t("editor.toolbar.unlinkFailed"),
+      );
     }
-  }, [unlinkDocument]);
+  }, [unlinkDocument, t]);
 
   const handleCreateAndLink = useCallback(
     (parentPageIdOrUrl?: string) => {
@@ -455,23 +468,25 @@ export function DocumentToolbar({
         parentPageIdOrUrl ? { parentPageIdOrUrl } : undefined,
         {
           onSuccess: () => {
-            toast.success("Created and linked to new Notion page.");
+            toast.success(t("editor.toolbar.createdAndLinkedToNotionPage"));
             setSearchQuery("");
           },
           onError: (error) => {
             toast.error(
-              error instanceof Error ? error.message : "Failed to create page.",
+              error instanceof Error
+                ? error.message
+                : t("editor.toolbar.failedToCreatePage"),
             );
           },
           onSettled: () => setCreatingParentPageId(null),
         },
       );
     },
-    [createAndLink],
+    [createAndLink, t],
   );
 
   const handleSetup = () => {
-    toast.info("Set up Notion in the sidebar first — click the Notion icon.");
+    toast.info(t("editor.toolbar.setUpNotionFirst"));
     setOpen(false);
   };
 
@@ -487,24 +502,28 @@ export function DocumentToolbar({
 
         if (result.print) {
           printExportHtml(result);
-          toast.success("Print dialog opened", {
-            description: "Choose Save as PDF to finish the export.",
+          toast.success(t("editor.toolbar.printDialogOpened"), {
+            description: t("editor.toolbar.printDialogOpenedDescription"),
           });
           return;
         }
 
         downloadExportFile(result);
         toast.success(
-          `Exported ${format === "markdown" ? "Markdown" : "HTML"}`,
+          t(
+            format === "markdown"
+              ? "editor.toolbar.exportedMarkdown"
+              : "editor.toolbar.exportedHtml",
+          ),
         );
       } catch (error) {
-        toast.error("Export failed", {
+        toast.error(t("editor.toolbar.exportFailed"), {
           description:
-            error instanceof Error ? error.message : "Something went wrong",
+            error instanceof Error ? error.message : t("empty.genericError"),
         });
       }
     },
-    [documentContent, documentId, documentTitle, exportDocument],
+    [documentContent, documentId, documentTitle, exportDocument, t],
   );
 
   return (
@@ -531,7 +550,9 @@ export function DocumentToolbar({
             ) : (
               <IconShare3 className="h-4 w-4" />
             )}
-            <span className="hidden sm:inline">Share</span>
+            <span className="hidden sm:inline">
+              {t("editor.toolbar.share")}
+            </span>
           </Button>
         ) : (
           <>
@@ -545,16 +566,15 @@ export function DocumentToolbar({
               visibilityCopy={{
                 org: {
                   description: effectiveHideFromSearch
-                    ? "Anyone in your organization with the link can view"
-                    : "Anyone in your organization can find and view",
+                    ? t("editor.toolbar.orgLinkCanView")
+                    : t("editor.toolbar.orgCanFindAndView"),
                 },
               }}
               hideInSearchControl={{
                 checked: effectiveHideFromSearch,
                 pending: setDocumentDiscoverability.isPending,
-                label: "Hide in search",
-                description:
-                  "Hide from Organization and search. People with the link can still view.",
+                label: t("editor.toolbar.hideInSearch"),
+                description: t("editor.toolbar.hideInSearchDescription"),
                 onCheckedChange: handleHideFromSearchChange,
               }}
               variant="compact"
@@ -576,19 +596,21 @@ export function DocumentToolbar({
               <DropdownMenuTrigger asChild>
                 <button
                   className="flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground hover:text-foreground hover:bg-accent"
-                  aria-label="More page actions"
+                  aria-label={t("editor.toolbar.morePageActions")}
                 >
                   <IconDotsVertical size={16} />
                 </button>
               </DropdownMenuTrigger>
             </TooltipTrigger>
-            <TooltipContent>More page actions</TooltipContent>
+            <TooltipContent>
+              {t("editor.toolbar.morePageActions")}
+            </TooltipContent>
           </Tooltip>
           <DropdownMenuContent align="end" className="w-60">
             {isLocalFileDocument ? (
               <DropdownMenuGroup>
                 <DropdownMenuLabel className="text-xs text-muted-foreground">
-                  Local file
+                  {t("editor.toolbar.localFile")}
                 </DropdownMenuLabel>
                 <DropdownMenuItem disabled className="min-w-0">
                   <IconFileText className="me-2 h-4 w-4 shrink-0" />
@@ -599,17 +621,17 @@ export function DocumentToolbar({
                   onSelect={() => void handleRevealLocalPath()}
                 >
                   <IconFolderOpen className="me-2 h-4 w-4" />
-                  Reveal in Finder
+                  {t("editor.toolbar.revealInFinder")}
                 </DropdownMenuItem>
                 <DropdownMenuItem onSelect={handleCopyLocalRelativePath}>
                   <IconCopy className="me-2 h-4 w-4" />
-                  Copy relative path
+                  {t("editor.toolbar.copyRelativePath")}
                 </DropdownMenuItem>
                 <DropdownMenuItem
                   onSelect={() => void handleCopyLocalAbsolutePath()}
                 >
                   <IconCopy className="me-2 h-4 w-4" />
-                  Copy absolute path
+                  {t("editor.toolbar.copyAbsolutePath")}
                 </DropdownMenuItem>
               </DropdownMenuGroup>
             ) : (
@@ -617,7 +639,7 @@ export function DocumentToolbar({
                 <DropdownMenuGroup>
                   <DropdownMenuItem onSelect={() => setHistoryOpen(true)}>
                     <IconHistory className="me-2 h-4 w-4" />
-                    Version history
+                    {t("editor.toolbar.versionHistory")}
                   </DropdownMenuItem>
                 </DropdownMenuGroup>
                 <DropdownMenuSeparator />
@@ -628,7 +650,7 @@ export function DocumentToolbar({
                     ) : (
                       <IconDownload className="me-2 h-4 w-4" />
                     )}
-                    Export
+                    {t("editor.toolbar.export")}
                   </DropdownMenuSubTrigger>
                   <DropdownMenuSubContent className="w-44">
                     <DropdownMenuItem
@@ -688,10 +710,10 @@ export function DocumentToolbar({
                       </span>
                       <span className="min-w-0 flex-1 truncate text-start">
                         {isLinked
-                          ? "Notion sync"
+                          ? t("editor.toolbar.notionSync")
                           : isConnected
-                            ? "Link to Notion"
-                            : "Connect Notion"}
+                            ? t("editor.toolbar.linkToNotion")
+                            : t("editor.toolbar.connectNotion")}
                       </span>
                     </button>
                   </PopoverTrigger>
@@ -708,17 +730,19 @@ export function DocumentToolbar({
                       <div className="p-4">
                         <div className="flex items-center gap-2 mb-2">
                           <NotionIcon className="h-4 w-4 shrink-0 text-muted-foreground" />
-                          <p className="text-sm font-medium">Connect Notion</p>
+                          <p className="text-sm font-medium">
+                            {t("editor.toolbar.connectNotion")}
+                          </p>
                         </div>
                         <p className="text-xs text-muted-foreground mb-3">
-                          Set up Notion to sync this document.
+                          {t("editor.toolbar.setUpNotionToSync")}
                         </p>
                         <Button
                           size="sm"
                           className="w-full"
                           onClick={handleSetup}
                         >
-                          Set up Notion
+                          {t("editor.toolbar.setUpNotion")}
                         </Button>
                       </div>
                     ) : isLinked ? (
@@ -728,18 +752,18 @@ export function DocumentToolbar({
                           <div className="flex items-center gap-2">
                             <NotionIcon className="h-3.5 w-3.5 shrink-0" />
                             <span className="text-xs font-medium truncate">
-                              Linked to Notion
+                              {t("editor.toolbar.linkedToNotion")}
                             </span>
                             {autoSync && (
                               <span className="inline-flex items-center gap-1 rounded-full bg-emerald-500/15 px-1.5 py-0.5 text-[10px] font-medium text-emerald-700 dark:text-emerald-300">
                                 <IconRefresh size={9} />
-                                Auto
+                                {t("editor.toolbar.auto")}
                               </span>
                             )}
                           </div>
                           {syncStatus?.lastSyncedAt && (
                             <p className="mt-1 text-[10px] text-muted-foreground">
-                              Last synced{" "}
+                              {t("editor.toolbar.lastSynced")}{" "}
                               {new Date(
                                 syncStatus.lastSyncedAt,
                               ).toLocaleString()}
@@ -788,7 +812,7 @@ export function DocumentToolbar({
                                   : "text-muted-foreground"
                               }
                             >
-                              Auto-sync
+                              {t("editor.toolbar.autoSync")}
                             </span>
                             <span
                               className={cn(
@@ -816,7 +840,7 @@ export function DocumentToolbar({
                             ) : (
                               <IconArrowBarDown size={12} />
                             )}
-                            Pull from Notion
+                            {t("editor.toolbar.pullFromNotion")}
                           </button>
                           <button
                             onClick={handlePush}
@@ -828,7 +852,7 @@ export function DocumentToolbar({
                             ) : (
                               <IconArrowBarUp size={12} />
                             )}
-                            Push to Notion
+                            {t("editor.toolbar.pushToNotion")}
                           </button>
                           {syncStatus?.pageUrl && (
                             <a
@@ -838,7 +862,7 @@ export function DocumentToolbar({
                               className="w-full flex items-center gap-2 px-3 py-1.5 text-xs text-muted-foreground hover:text-foreground hover:bg-accent rounded-md"
                             >
                               <IconExternalLink size={12} />
-                              Open in Notion
+                              {t("editor.toolbar.openInNotion")}
                             </a>
                           )}
                           <button
@@ -847,7 +871,7 @@ export function DocumentToolbar({
                             className="w-full flex items-center gap-2 px-3 py-1.5 text-xs text-destructive hover:bg-destructive/10 rounded-md disabled:opacity-40"
                           >
                             <IconLinkOff size={12} />
-                            Unlink
+                            {t("editor.toolbar.unlink")}
                           </button>
                         </div>
                       </div>
@@ -858,7 +882,7 @@ export function DocumentToolbar({
                           <div className="flex items-center gap-2 mb-2">
                             <NotionIcon className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
                             <span className="text-xs font-medium">
-                              Link to Notion page
+                              {t("editor.toolbar.linkToNotionPage")}
                             </span>
                           </div>
                           <div className="relative">
@@ -871,7 +895,9 @@ export function DocumentToolbar({
                               type="text"
                               value={searchQuery}
                               onChange={(e) => setSearchQuery(e.target.value)}
-                              placeholder="Search Notion pages..."
+                              placeholder={t(
+                                "editor.toolbar.searchNotionPages",
+                              )}
                               className="w-full rounded-md border border-input bg-background pl-8 pr-3 py-1.5 text-xs outline-none focus:ring-1 focus:ring-ring placeholder:text-muted-foreground"
                             />
                           </div>
@@ -899,7 +925,7 @@ export function DocumentToolbar({
                                 )}
                               </span>
                               <span className="text-xs font-medium">
-                                Create new page in Notion
+                                {t("editor.toolbar.createNewPageInNotion")}
                               </span>
                             </button>
                           </div>
@@ -944,11 +970,13 @@ export function DocumentToolbar({
                                       </p>
                                       {linkingPageId === page.id ? (
                                         <p className="text-[10px] text-muted-foreground">
-                                          Importing from Notion…
+                                          {t(
+                                            "editor.toolbar.importingFromNotion",
+                                          )}
                                         </p>
                                       ) : page.lastEditedTime ? (
                                         <p className="text-[10px] text-muted-foreground">
-                                          Edited{" "}
+                                          {t("editor.toolbar.edited")}{" "}
                                           {new Date(
                                             page.lastEditedTime,
                                           ).toLocaleDateString()}
@@ -964,7 +992,10 @@ export function DocumentToolbar({
                                         }
                                         disabled={isWorking}
                                         className="mr-1 flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-background hover:text-foreground disabled:opacity-40"
-                                        aria-label={`Create new page inside ${page.title}`}
+                                        aria-label={t(
+                                          "editor.toolbar.createNewPageInside",
+                                          { title: page.title },
+                                        )}
                                       >
                                         {creatingParentPageId === page.id ? (
                                           <IconLoader2
@@ -977,7 +1008,9 @@ export function DocumentToolbar({
                                       </button>
                                     </TooltipTrigger>
                                     <TooltipContent>
-                                      Create new page inside this page
+                                      {t(
+                                        "editor.toolbar.createNewPageInsideThisPage",
+                                      )}
                                     </TooltipContent>
                                   </Tooltip>
                                 </div>
@@ -985,7 +1018,7 @@ export function DocumentToolbar({
                             </div>
                           ) : debouncedQuery || searchResults ? (
                             <div className="py-6 text-center text-xs text-muted-foreground">
-                              No pages found
+                              {t("editor.toolbar.noPagesFound")}
                             </div>
                           ) : null}
                         </div>
@@ -997,7 +1030,7 @@ export function DocumentToolbar({
               <div className="group relative">
                 <NotificationsBell className="!h-8 !w-full !justify-start !rounded-sm !px-2 !py-1.5 !text-sm hover:!bg-accent hover:!text-accent-foreground focus-visible:!ring-0" />
                 <span className="pointer-events-none absolute start-8 top-1/2 -translate-y-1/2 text-sm text-muted-foreground group-hover:text-accent-foreground">
-                  Notifications
+                  {t("editor.toolbar.notifications")}
                 </span>
               </div>
             </DropdownMenuGroup>

package/corpus/templates/content/app/components/editor/EmojiPicker.tsx

@@ -1,3 +1,4 @@
+import { useT } from "@agent-native/core/client";
 import { IconMoodSmile } from "@tabler/icons-react";
 import { useState, useMemo, useRef, useEffect, type ReactNode } from "react";
 
@@ -641,6 +642,7 @@ export function EmojiPicker({
   variant = "page",
   portalled = true,
 }: EmojiPickerProps) {
+  const t = useT();
   const [open, setOpen] = useState(false);
   const [search, setSearch] = useState("");
   const searchRef = useRef<HTMLInputElement>(null);
@@ -675,7 +677,7 @@ export function EmojiPicker({
             {icon ? (
               <button
                 type="button"
-                aria-label="Change page icon"
+                aria-label={t("editor.emojiChangePageIcon")}
                 className={
                   variant === "compact"
                     ? "flex size-9 shrink-0 items-center justify-center rounded-md text-xl leading-none hover:bg-accent/50"
@@ -687,7 +689,9 @@ export function EmojiPicker({
             ) : defaultIcon ? (
               <button
                 type="button"
-                aria-label={`Change ${defaultIconLabel} icon`}
+                aria-label={t("editor.emojiChangeNamedIcon", {
+                  name: defaultIconLabel,
+                })}
                 className={
                   variant === "compact"
                     ? "flex size-9 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-accent/50"
@@ -699,7 +703,7 @@ export function EmojiPicker({
             ) : (
               <button
                 type="button"
-                aria-label="Add page icon"
+                aria-label={t("editor.emojiAddPageIcon")}
                 className={
                   variant === "compact"
                     ? "flex size-9 shrink-0 items-center justify-center rounded-md text-muted-foreground/70 hover:bg-accent/50 hover:text-muted-foreground data-[state=open]:bg-accent/50"
@@ -707,13 +711,17 @@ export function EmojiPicker({
                 }
               >
                 <IconMoodSmile size={18} />
-                {variant === "page" ? <span>Add icon</span> : null}
+                {variant === "page" ? (
+                  <span>{t("editor.emojiAddIcon")}</span>
+                ) : null}
               </button>
             )}
           </TooltipTrigger>
         </PopoverTrigger>
         <TooltipContent>
-          {icon || defaultIcon ? "Change icon" : "Add icon"}
+          {icon || defaultIcon
+            ? t("editor.emojiChangeIcon")
+            : t("editor.emojiAddIcon")}
         </TooltipContent>
       </Tooltip>
       <PopoverContent align="start" className="w-80 p-0" portalled={portalled}>
@@ -724,7 +732,7 @@ export function EmojiPicker({
             type="text"
             value={search}
             onChange={(e) => setSearch(e.target.value)}
-            placeholder="Filter..."
+            placeholder={t("editor.emojiFilter")}
             className="w-full px-2.5 py-1.5 text-sm bg-accent/50 rounded-md outline-none placeholder:text-muted-foreground/50"
           />
         </div>
@@ -733,13 +741,23 @@ export function EmojiPicker({
         <div className="max-h-64 overflow-auto p-2">
           {filteredCategories.length === 0 ? (
             <div className="text-sm text-muted-foreground text-center py-4">
-              No emojis found
+              {t("editor.emojiNoEmojisFound")}
             </div>
           ) : (
             filteredCategories.map((category) => (
               <div key={category.name} className="mb-2 last:mb-0">
                 <div className="text-[11px] font-medium text-muted-foreground/60 uppercase tracking-wider px-0.5 mb-1">
-                  {category.name}
+                  {t(
+                    `editor.emojiCategory${category.name}` as
+                      | "editor.emojiCategorySmileys"
+                      | "editor.emojiCategoryPeople"
+                      | "editor.emojiCategoryNature"
+                      | "editor.emojiCategoryFood"
+                      | "editor.emojiCategoryActivities"
+                      | "editor.emojiCategoryTravel"
+                      | "editor.emojiCategoryObjects"
+                      | "editor.emojiCategorySymbols",
+                  )}
                 </div>
                 <div className="grid grid-cols-7 gap-0 sm:grid-cols-8">
                   {category.emojis.map((emoji) => (
@@ -766,7 +784,7 @@ export function EmojiPicker({
               onClick={handleRemove}
               className="w-full text-left text-sm text-muted-foreground hover:text-foreground hover:bg-accent px-2.5 py-1.5 rounded-md cursor-pointer"
             >
-              Remove icon
+              {t("editor.emojiRemoveIcon")}
             </button>
           </div>
         )}