@agent-native/core 0.117.2 → 0.118.1

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

@@ -1,4 +1,5 @@
 import { useSendToAgentChat } from "@agent-native/core/client/agent-chat";
+import { PromptComposer } from "@agent-native/core/client/composer";
 import { useT } from "@agent-native/core/client/i18n";
 import type { CreateInlineDatabaseResponse } from "@shared/api";
 import { renderMathToHtml } from "@shared/math-rendering";
@@ -20,8 +21,7 @@ import {
   IconCode,
   IconMinus,
   IconTable as TableIcon,
-  IconWand,
-  IconArrowUp,
+  IconHierarchy2,
   IconInfoCircle,
   IconMusic,
   IconPhoto,
@@ -218,18 +218,6 @@ export function parseInlineGeneratePrompt(textBeforeCursor: string) {
   return prompt || null;
 }
 
-export function shouldOpenGenerateOnSpace(editor: Editor) {
-  const { selection } = editor.state;
-  if (!selection.empty) return false;
-
-  const { $from } = selection;
-  if (!$from.parent.isTextblock) return false;
-  if ($from.parent.type.name !== "paragraph") return false;
-  if ($from.parentOffset !== 0) return false;
-
-  return $from.parent.textContent.trim().length === 0;
-}
-
 export function parseSlashCommandQuery(textBeforeCursor: string) {
   return textBeforeCursor.match(/^\s*\/([a-zA-Z0-9]*)$/)?.[1] ?? null;
 }
@@ -505,7 +493,7 @@ export function SlashCommandMenu({
   onDraftPersisted,
 }: SlashCommandMenuProps) {
   const t = useT();
-  const { send } = useSendToAgentChat();
+  const { send, isGenerating } = useSendToAgentChat();
   const navigate = useNavigate();
   const createPage = useCreatePage({ navigate: false, awaitPersist: true });
   const createInlineDatabase = useCreateInlineContentDatabase(
@@ -523,11 +511,9 @@ export function SlashCommandMenu({
 
   // Generate prompt popover state
   const [generateOpen, setGenerateOpen] = useState(false);
-  const [generatePrompt, setGeneratePrompt] = useState("");
   const [generatePos, setGeneratePos] = useState<EditorMenuPosition | null>(
     null,
   );
-  const generateTextareaRef = useRef<HTMLTextAreaElement>(null);
 
   const [equationDraft, setEquationDraft] = useState<EquationDraft | null>(
     null,
@@ -552,6 +538,7 @@ export function SlashCommandMenu({
       send({
         message: trimmed,
         context: `The user is asking you to generate content for their document (id: ${documentId}). Use the update-document action to write the generated markdown content. Do NOT use db-exec or raw SQL - use \`update-document --id ${documentId} --content "..."\` (and \`--title\` if appropriate).${content ? `\n\nCurrent document content:\n${content}` : "\n\nThe document is currently empty."}`,
+        submit: true,
       });
     },
     [documentId, editor, send, t],
@@ -576,9 +563,7 @@ export function SlashCommandMenu({
       if (!nextPosition) return false;
 
       setGeneratePos(nextPosition);
-      setGeneratePrompt("");
       setGenerateOpen(true);
-      setTimeout(() => generateTextareaRef.current?.focus(), 0);
       return true;
     },
     [getSelectionMenuPosition],
@@ -602,7 +587,7 @@ export function SlashCommandMenu({
   const generateCommand: CommandItem = {
     title: t("editor.slash.generate"),
     description: t("editor.slash.generateDescription"),
-    icon: IconWand,
+    icon: IconHierarchy2,
     action: () => {
       openGeneratePopover(position);
     },
@@ -912,10 +897,6 @@ export function SlashCommandMenu({
     );
   };
 
-  function handleGenerateSubmit() {
-    submitGeneratePrompt(generatePrompt);
-  }
-
   const executeCommand = useCallback(
     async (cmd: CommandItem) => {
       const slashRange =
@@ -940,25 +921,6 @@ export function SlashCommandMenu({
 
     const handleKeyDown = (e: KeyboardEvent) => {
       if (!isOpen) {
-        if (
-          (e.key === " " || e.code === "Space") &&
-          !e.shiftKey &&
-          !e.metaKey &&
-          !e.ctrlKey &&
-          !e.altKey &&
-          editor.isFocused &&
-          shouldOpenGenerateOnSpace(editor)
-        ) {
-          e.preventDefault();
-          e.stopPropagation();
-          setIsOpen(false);
-          setIsTurnInto(false);
-          setQuery("");
-          slashPosRef.current = null;
-          openGeneratePopover();
-          return;
-        }
-
         if (
           e.key === "Enter" &&
           !e.shiftKey &&
@@ -1195,48 +1157,18 @@ export function SlashCommandMenu({
           <PopoverContent
             align="start"
             side="bottom"
-            className="w-[calc(100vw-2rem)] max-w-80 rounded-xl p-0"
-            onOpenAutoFocus={(e: Event) => {
-              e.preventDefault();
-              generateTextareaRef.current?.focus();
-            }}
+            className="w-[calc(100vw-2rem)] p-3 sm:w-[420px]"
           >
-            <div className="p-4 pb-3">
-              <p className="text-sm font-semibold flex items-center gap-1.5">
-                <IconWand size={14} className="text-muted-foreground" />
-                {t("editor.generateWithAi")}
-              </p>
-              <textarea
-                ref={generateTextareaRef}
-                value={generatePrompt}
-                onChange={(e) => setGeneratePrompt(e.target.value)}
-                onKeyDown={(e) => {
-                  if ((e.metaKey || e.ctrlKey) && e.key === "Enter") {
-                    e.preventDefault();
-                    handleGenerateSubmit();
-                  }
-                  if (e.key === "Escape") {
-                    setGenerateOpen(false);
-                  }
-                }}
-                placeholder={t("editor.describeWhatToGenerate")}
-                className="mt-2 w-full resize-none bg-transparent text-sm placeholder:text-muted-foreground/50 focus:outline-none"
-                rows={3}
-              />
-            </div>
-            <div className="flex items-center justify-end gap-2 border-t border-border px-4 py-2.5">
-              <span className="text-[11px] text-muted-foreground/70">
-                {/Mac|iPhone|iPad/.test(navigator.userAgent) ? "⌘" : "Ctrl"}
-                {t("editor.enterToSubmit")}
-              </span>
-              <button
-                className="flex h-7 w-7 items-center justify-center rounded-lg bg-muted hover:bg-accent disabled:opacity-30"
-                onClick={handleGenerateSubmit}
-                disabled={!generatePrompt.trim()}
-              >
-                <IconArrowUp size={14} />
-              </button>
-            </div>
+            <p className="px-1 pb-2 text-sm font-semibold text-foreground">
+              {t("editor.generateWithAi")}
+            </p>
+            <PromptComposer
+              autoFocus
+              disabled={isGenerating}
+              placeholder={t("editor.describeWhatToGenerate")}
+              draftScope={`content:generate:${documentId ?? "document"}`}
+              onSubmit={submitGeneratePrompt}
+            />
           </PopoverContent>
         </Popover>
       )}

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

@@ -355,8 +355,7 @@ const NotionBlockquote = Blockquote.extend({
   },
 });
 
-const DEFAULT_EMPTY_BLOCK_PLACEHOLDER =
-  "Press ‘space’ for AI or ‘/’ for commands";
+const DEFAULT_EMPTY_BLOCK_PLACEHOLDER = "Press ‘/’ for commands";
 
 const CONTENT_RECENT_EDIT_TTL_MS = 6_000;
 const RECENT_EDIT_MARKER_WIDTH = 2;
@@ -975,6 +974,7 @@ interface VisualEditorExtensionOptions {
   onOpenNotionPageLink?: (documentId: string) => void;
   localFilePath?: string | null;
   referenceDepth?: number;
+  emptyBlockPlaceholder?: string;
 }
 
 function hasAncestorType(
@@ -1088,19 +1088,21 @@ function getVisualEditorPlaceholder({
   node,
   pos,
   hasAnchor,
+  emptyBlockPlaceholder = DEFAULT_EMPTY_BLOCK_PLACEHOLDER,
 }: {
   editor: CoreEditor;
   node: ProseMirrorNode;
   pos: number;
   hasAnchor: boolean;
+  emptyBlockPlaceholder?: string;
 }): string {
   const isToggleBody =
     node.type.name === "paragraph" &&
     hasAncestorType(editor, pos, "notionToggle");
 
   if (isToggleBody) {
-    return hasAnchor
-      ? DEFAULT_EMPTY_BLOCK_PLACEHOLDER
+    return hasAnchor && editor.isFocused
+      ? emptyBlockPlaceholder
       : EMPTY_TOGGLE_BODY_PLACEHOLDER;
   }
 
@@ -1122,7 +1124,7 @@ function getVisualEditorPlaceholder({
     return hasAnchor ? "Empty quote" : "";
   }
 
-  // Skip the long "Press 'space' for AI…" hint inside table cells — it wraps
+  // Skip the command hint inside table cells — it wraps
   // awkwardly in narrow columns and the cell itself is already an affordance.
   if (
     node.type.name === "paragraph" &&
@@ -1132,7 +1134,7 @@ function getVisualEditorPlaceholder({
     return "";
   }
 
-  return hasAnchor ? DEFAULT_EMPTY_BLOCK_PLACEHOLDER : "";
+  return hasAnchor && editor.isFocused ? emptyBlockPlaceholder : "";
 }
 
 export async function uploadAndInsertImageFiles(
@@ -1302,6 +1304,7 @@ export function createVisualEditorExtensions({
   onOpenNotionPageLink,
   localFilePath,
   referenceDepth = 0,
+  emptyBlockPlaceholder = DEFAULT_EMPTY_BLOCK_PLACEHOLDER,
 }: VisualEditorExtensionOptions = {}): Extensions {
   // Build on the SHARED editor core (StarterKit base + the Collaboration /
   // CollaborationCaret wiring + collab undo/redo gating + ordering), then inject
@@ -1337,7 +1340,8 @@ export function createVisualEditorExtensions({
       NotionBlockquote,
       CodeBlock,
       Placeholder.configure({
-        placeholder: getVisualEditorPlaceholder,
+        placeholder: (options) =>
+          getVisualEditorPlaceholder({ ...options, emptyBlockPlaceholder }),
         showOnlyWhenEditable: true,
         showOnlyCurrent: true,
         includeChildren: true,
@@ -1740,6 +1744,7 @@ export function VisualEditor({
         onOpenNotionPageLink,
         localFilePath,
         referenceDepth,
+        emptyBlockPlaceholder: t("editor.emptyBlockPlaceholder"),
       }),
     [
       documentId,
@@ -1754,6 +1759,7 @@ export function VisualEditor({
       onOpenNotionPageLink,
       localFilePath,
       referenceDepth,
+      t,
     ],
   );
 

package/corpus/templates/content/app/components/editor/database/DatabaseView.tsx

@@ -10,47 +10,6 @@ import {
   useBuilderConnectFlow,
   useBuilderStatus,
 } from "@agent-native/core/client/settings";
-import {
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogTitle,
-} from "@agent-native/toolkit/ui/alert-dialog";
-import { Button } from "@agent-native/toolkit/ui/button";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger,
-  DropdownMenuTrigger,
-} from "@agent-native/toolkit/ui/dropdown-menu";
-import { Input } from "@agent-native/toolkit/ui/input";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@agent-native/toolkit/ui/popover";
-import {
-  Sheet,
-  SheetContent,
-  SheetDescription,
-  SheetHeader,
-  SheetTitle,
-} from "@agent-native/toolkit/ui/sheet";
-import { Spinner } from "@agent-native/toolkit/ui/spinner";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@agent-native/toolkit/ui/tooltip";
 import {
   CONTENT_DATABASE_PERSONAL_VIEW_OVERRIDES_VERSION,
   type BuilderCmsModelSummary,
@@ -158,6 +117,47 @@ import {
   selectContentSpace,
 } from "@/components/sidebar/select-content-space";
 import { WorkspaceSourceMenu } from "@/components/sidebar/WorkspaceSourceMenu";
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from "@/components/ui/alert-dialog";
+import { Button } from "@/components/ui/button";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import { Input } from "@/components/ui/input";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+import {
+  Sheet,
+  SheetContent,
+  SheetDescription,
+  SheetHeader,
+  SheetTitle,
+} from "@/components/ui/sheet";
+import { Spinner } from "@/components/ui/spinner";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
 import {
   isContentDatabaseUnavailable,
   useAddDatabaseItem,

package/corpus/templates/content/app/components/editor/database/GalleryView.tsx

@@ -1,8 +1,9 @@
-import { Spinner } from "@agent-native/toolkit/ui/spinner";
 import type { ContentDatabaseItem, DocumentProperty } from "@shared/api";
 import { IconLayoutGrid, IconPlus } from "@tabler/icons-react";
 import { useRef, useState } from "react";
 
+import { Spinner } from "@/components/ui/spinner";
+
 import { TYPE_ICONS, displayValue } from "../DocumentProperties";
 import {
   DatabaseGroupHeader,

package/corpus/templates/content/app/components/editor/database/ListView.tsx

@@ -1,8 +1,9 @@
-import { Spinner } from "@agent-native/toolkit/ui/spinner";
 import type { ContentDatabaseItem, DocumentProperty } from "@shared/api";
 import { IconList, IconPlus } from "@tabler/icons-react";
 import { useRef, useState } from "react";
 
+import { Spinner } from "@/components/ui/spinner";
+
 import { displayValue } from "../DocumentProperties";
 import {
   DatabaseGroupHeader,

package/corpus/templates/content/app/components/editor/database/TimelineView.tsx

@@ -1,12 +1,3 @@
-import { Button } from "@agent-native/toolkit/ui/button";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuTrigger,
-} from "@agent-native/toolkit/ui/dropdown-menu";
-import { Spinner } from "@agent-native/toolkit/ui/spinner";
 import type {
   ContentDatabaseItem,
   ContentDatabaseView,
@@ -23,6 +14,15 @@ import {
 } from "@tabler/icons-react";
 import { useRef, useState } from "react";
 
+import { Button } from "@/components/ui/button";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import { Spinner } from "@/components/ui/spinner";
 import { cn } from "@/lib/utils";
 
 import { AddProperty, TYPE_ICONS, displayValue } from "../DocumentProperties";

package/corpus/templates/content/app/components/editor/database/sidebar.tsx

@@ -1,11 +1,4 @@
 import { useT } from "@agent-native/core/client/i18n";
-import { Button } from "@agent-native/toolkit/ui/button";
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger,
-} from "@agent-native/toolkit/ui/collapsible";
-import { ScrollArea } from "@agent-native/toolkit/ui/scroll-area";
 import type {
   ContentDatabaseItem,
   ContentDatabaseOpenPagesIn,
@@ -37,6 +30,12 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
 } from "@/components/ui/alert-dialog";
+import { Button } from "@/components/ui/button";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -44,6 +43,7 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
+import { ScrollArea } from "@/components/ui/scroll-area";
 import {
   Tooltip,
   TooltipContent,

package/corpus/templates/content/app/components/editor/database-sources/BuilderSourceReviewDialog.tsx

@@ -1,15 +1,4 @@
 import { useT } from "@agent-native/core/client/i18n";
-import {
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogTitle,
-} from "@agent-native/toolkit/ui/alert-dialog";
-import { Checkbox } from "@agent-native/toolkit/ui/checkbox";
 import type {
   BuilderCmsPublicationTransitionIntent,
   BuilderCmsWriteEffect,
@@ -27,7 +16,18 @@ import {
 } from "@tabler/icons-react";
 import { useEffect, useMemo, useRef, useState } from "react";
 
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from "@/components/ui/alert-dialog";
 import { Button } from "@/components/ui/button";
+import { Checkbox } from "@/components/ui/checkbox";
 import {
   Dialog,
   DialogContent,

package/corpus/templates/content/app/components/editor/extensions/ImageBlock.tsx

@@ -11,12 +11,12 @@ import {
   IconCopy,
   IconDownload,
   IconDots,
+  IconHierarchy2,
   IconMessageCircle,
   IconMinus,
   IconPhoto,
   IconPlus,
   IconRefresh,
-  IconWand,
   IconTrash,
   IconX,
 } from "@tabler/icons-react";
@@ -1091,7 +1091,7 @@ export function ImageBlock({
                       disabled={isGeneratingAlt}
                       onClick={() => void handleGenerateAltText()}
                     >
-                      <IconWand size={18} />
+                      <IconHierarchy2 size={18} />
                     </button>
                   </TooltipTrigger>
                   <TooltipContent>

package/corpus/templates/content/app/components/ui/checkbox.tsx

@@ -0,0 +1 @@
+export * from "@agent-native/toolkit/ui/checkbox";

package/corpus/templates/content/app/components/ui/collapsible.tsx

@@ -0,0 +1 @@
+export * from "@agent-native/toolkit/ui/collapsible";

package/corpus/templates/content/app/components/ui/toolkit-provider.tsx

@@ -2,11 +2,16 @@ import { ToolkitProvider, type ToolkitComponents } from "@agent-native/toolkit";
 import type { ReactNode } from "react";
 
 import { Button } from "@/components/ui/button";
+import { designSystem } from "@/design-system";
 
 const components: ToolkitComponents = {
   Button: Button as ToolkitComponents["Button"],
 };
 
 export function AppToolkitProvider({ children }: { children: ReactNode }) {
-  return <ToolkitProvider components={components}>{children}</ToolkitProvider>;
+  return (
+    <ToolkitProvider components={components} designSystem={designSystem}>
+      {children}
+    </ToolkitProvider>
+  );
 }

package/corpus/templates/content/app/design-system.ts

@@ -0,0 +1,3 @@
+import { defineDesignSystem } from "@agent-native/toolkit/design-system";
+
+export const designSystem = defineDesignSystem({});

package/corpus/templates/content/app/global.css

@@ -295,6 +295,7 @@
 .notion-editor {
   outline: none;
   --notion-indent-size: 1.75rem;
+  --notion-list-marker-size: 0.5em;
   font-family:
     "Inter Variable",
     "Inter",
@@ -506,14 +507,32 @@
 }
 
 .notion-editor ul:not(.notion-task-list) > li::before {
-  content: "\2022";
+  content: "";
+  width: var(--notion-list-marker-size);
+  height: var(--notion-list-marker-size);
+  min-width: 0;
+  align-self: start;
+  justify-self: center;
+  margin-top: 0.6em;
+  border-radius: 50%;
+  background: currentColor;
 }
 
 .notion-editor
   ul:not(.notion-task-list)
   ul:not(.notion-task-list)
   > li::before {
-  content: "\25E6";
+  content: "";
+  width: var(--notion-list-marker-size);
+  height: var(--notion-list-marker-size);
+  min-width: 0;
+  align-self: start;
+  justify-self: center;
+  margin-top: 0.6em;
+  border: 0.12em solid currentColor;
+  border-radius: 50%;
+  background: transparent;
+  box-sizing: border-box;
 }
 
 .notion-editor
@@ -521,7 +540,14 @@
   ul:not(.notion-task-list)
   ul:not(.notion-task-list)
   > li::before {
-  content: "\25AA";
+  content: "";
+  width: var(--notion-list-marker-size);
+  height: var(--notion-list-marker-size);
+  min-width: 0;
+  align-self: start;
+  justify-self: center;
+  margin-top: 0.6em;
+  background: currentColor;
 }
 
 .notion-editor ol > li {

package/corpus/templates/content/app/i18n-data.ts

@@ -2995,6 +2995,7 @@ const enUS = {
     toggleField: "Toggle {{name}}",
     creatingDatabase: "Creating inline database...",
     databaseCreated: "Inline database created",
+    emptyBlockPlaceholder: "Press ‘/’ for commands",
     describeWhatToGenerate: "Describe what to generate...",
     enterToSubmit: "Enter to submit",
     failedToCreateDatabase: "Failed to create inline database",
@@ -5462,6 +5463,7 @@ const editorMessagesByLocale = {
       "同步 Builder 正文完成前会暂停编辑，避免覆盖现有文章内容。",
     creatingDatabase: "正在创建内联数据库...",
     databaseCreated: "内联数据库已创建",
+    emptyBlockPlaceholder: "按“/”使用命令",
     describeWhatToGenerate: "描述要生成什么...",
     enterToSubmit: "输入提交",
     failedToCreateDatabase: "创建内联数据库失败",
@@ -5806,6 +5808,7 @@ const editorMessagesByLocale = {
       "La edición está en pausa hasta que el cuerpo de Builder termine de sincronizarse, para no sobrescribir el contenido existente del artículo.",
     creatingDatabase: "Creando base de datos integrada...",
     databaseCreated: "Base de datos integrada creada",
+    emptyBlockPlaceholder: "Pulsa «/» para ver los comandos",
     describeWhatToGenerate: "Describe qué generar...",
     enterToSubmit: "Entra para enviar",
     failedToCreateDatabase: "No se pudo crear la base de datos integrada",
@@ -6162,6 +6165,7 @@ const editorMessagesByLocale = {
       "La modification est suspendue jusqu'à la fin de la synchronisation du corps Builder, afin de ne pas écraser le contenu existant de l'article.",
     creatingDatabase: "Création d'une base de données intégrée...",
     databaseCreated: "Base de données intégrée créée",
+    emptyBlockPlaceholder: "Appuyez sur « / » pour afficher les commandes",
     describeWhatToGenerate: "Décrivez ce qu'il faut générer...",
     enterToSubmit: "Entrez pour soumettre",
     failedToCreateDatabase:
@@ -6520,6 +6524,7 @@ const editorMessagesByLocale = {
       "Die Bearbeitung ist pausiert, bis der Builder-Textkörper fertig synchronisiert ist, damit der bestehende Artikelinhalt nicht überschrieben wird.",
     creatingDatabase: "Inline-Datenbank wird erstellt...",
     databaseCreated: "Inline-Datenbank erstellt",
+    emptyBlockPlaceholder: "Drücke „/“ für Befehle",
     describeWhatToGenerate: "Beschreiben Sie, was generiert werden soll ...",
     enterToSubmit: "Zum Absenden eintreten",
     failedToCreateDatabase: "Inline-Datenbank konnte nicht erstellt werden",
@@ -6883,6 +6888,7 @@ const editorMessagesByLocale = {
       "既存の記事内容を上書きしないよう、Builder 本文の同期が完了するまで編集は一時停止されます。",
     creatingDatabase: "インラインデータベースを作成しています...",
     databaseCreated: "インラインデータベースが作成されました",
+    emptyBlockPlaceholder: "「/」でコマンドを表示",
     describeWhatToGenerate: "何を生成するかを説明します...",
     enterToSubmit: "入力して送信してください",
     failedToCreateDatabase: "インラインデータベースの作成に失敗しました",
@@ -7235,6 +7241,7 @@ const editorMessagesByLocale = {
       "기존 문서 내용을 덮어쓰지 않도록 Builder 본문 동기화가 완료될 때까지 편집이 일시 중지됩니다.",
     creatingDatabase: "인라인 데이터베이스 생성 중...",
     databaseCreated: "인라인 데이터베이스가 생성되었습니다.",
+    emptyBlockPlaceholder: "‘/’를 눌러 명령 사용",
     describeWhatToGenerate: "무엇을 생성할지 설명하세요...",
     enterToSubmit: "제출하려면 입력하세요.",
     failedToCreateDatabase: "인라인 데이터베이스를 생성하지 못했습니다.",
@@ -7586,6 +7593,7 @@ const editorMessagesByLocale = {
       "A edição fica pausada até o corpo do Builder terminar de sincronizar, para não sobrescrever o conteúdo existente do artigo.",
     creatingDatabase: "Criando banco de dados embutido...",
     databaseCreated: "Banco de dados embutido criado",
+    emptyBlockPlaceholder: "Pressione “/” para comandos",
     describeWhatToGenerate: "Descreva o que gerar...",
     enterToSubmit: "Entre para enviar",
     failedToCreateDatabase: "Falha ao criar banco de dados embutido",
@@ -7943,6 +7951,7 @@ const editorMessagesByLocale = {
       "Builder का मुख्य भाग सिंक पूरा होने तक संपादन रोका गया है, ताकि मौजूदा लेख सामग्री अधिलेखित न हो।",
     creatingDatabase: "इनलाइन डेटाबेस बनाया जा रहा है...",
     databaseCreated: "इनलाइन डेटाबेस बनाया गया",
+    emptyBlockPlaceholder: "कमांड के लिए '/' दबाएं",
     describeWhatToGenerate: "वर्णन करें कि क्या उत्पन्न करना है...",
     enterToSubmit: "सबमिट करने के लिए दर्ज करें",
     failedToCreateDatabase: "इनलाइन डेटाबेस बनाने में विफल",
@@ -8289,6 +8298,7 @@ const editorMessagesByLocale = {
       "يتم إيقاف التحرير مؤقتًا حتى تكتمل مزامنة نص Builder، حتى لا يتم استبدال محتوى المقالة الحالي.",
     creatingDatabase: "جارٍ إنشاء قاعدة بيانات مضمنة...",
     databaseCreated: "تم إنشاء قاعدة البيانات المضمنة",
+    emptyBlockPlaceholder: 'اضغط على "/" للأوامر',
     describeWhatToGenerate: "وصف ما سيتم إنشاؤه...",
     enterToSubmit: "أدخل لتقديم",
     failedToCreateDatabase: "فشل في إنشاء قاعدة البيانات المضمنة",