@agent-native/core 0.118.0 → 0.118.1

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

@@ -18,10 +18,10 @@ import {
 } from "@/components/ui/popover";
 import {
   attemptOpenDesktopApp,
-  clipsChromeExtensionEnabled,
   clipsChromeExtensionUrl,
   hasDownloadedDesktopApp,
   subscribeDownloaded,
+  useClipsChromeExtensionEnabled,
 } from "@/lib/capture-install-options";
 import { cn } from "@/lib/utils";
 
@@ -136,6 +136,7 @@ export function CaptureInstallButton({
   ...buttonProps
 }: CaptureInstallButtonProps) {
   const downloaded = useHasDownloadedDesktopApp();
+  const chromeExtensionEnabled = useClipsChromeExtensionEnabled();
   const label = downloaded ? (downloadedChildren ?? children) : children;
 
   if (downloaded) {
@@ -155,7 +156,7 @@ export function CaptureInstallButton({
     );
   }
 
-  if (!clipsChromeExtensionEnabled) {
+  if (!chromeExtensionEnabled) {
     return (
       <Button asChild className={className} {...buttonProps}>
         <a href={appPath(desktopHref)}>{label}</a>
@@ -187,6 +188,7 @@ export function CaptureInstallInlineLink({
   side = "bottom",
 }: CaptureInstallInlineLinkProps) {
   const downloaded = useHasDownloadedDesktopApp();
+  const chromeExtensionEnabled = useClipsChromeExtensionEnabled();
 
   const label = downloaded ? (downloadedChildren ?? children) : children;
 
@@ -202,7 +204,7 @@ export function CaptureInstallInlineLink({
     );
   }
 
-  if (!clipsChromeExtensionEnabled) {
+  if (!chromeExtensionEnabled) {
     return (
       <a href={appPath(desktopHref)} className={className}>
         {label}

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

@@ -11,11 +11,8 @@ import {
   IconDownload,
   IconCheck,
   IconExternalLink,
-  IconKey,
   IconLoader2,
   IconBolt,
-  IconChevronDown,
-  IconChevronUp,
   IconRefresh,
 } from "@tabler/icons-react";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
@@ -489,7 +486,6 @@ function isTranscriptionSetupNeeded(
   const r = reason.toLowerCase();
   return (
     r.includes("openai_api_key") ||
-    r.includes("groq_api_key") ||
     r.includes("api key") ||
     r.includes("not configured") ||
     r.includes("no transcription") ||
@@ -579,10 +575,9 @@ function friendlyCleanupFailure(
 /**
  * Inline card shown when transcription needs a provider set up.
  *
- * Builder.io is the primary/recommended path — free, one-click, no separate
- * API key required (uses BUILDER_PRIVATE_KEY once the user connects).
- * BYOK Groq is the secondary speech-to-text option when native/Builder cannot
- * produce a transcript. Clips does not route recording transcription to OpenAI.
+ * Builder.io is the only cloud fallback — free, one-click, no separate API
+ * key required (uses BUILDER_PRIVATE_KEY once the user connects). Clips does
+ * not route recording transcription to BYOK speech providers.
  */
 function TranscriptSetupCard({
   failureReason,
@@ -600,14 +595,6 @@ function TranscriptSetupCard({
   const pollRef = useRef<ReturnType<typeof setInterval> | null>(null);
   const mountedRef = useRef(true);
 
-  const [showByok, setShowByok] = useState(false);
-  const [apiKey, setApiKey] = useState("");
-  const [saving, setSaving] = useState(false);
-  const [saveToast, setSaveToast] = useState<{
-    kind: "ok" | "err";
-    text: string;
-  } | null>(null);
-  const toastTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
   const autoRetryRef = useRef(false);
   const onRetryRef = useRef(onRetry);
 
@@ -630,7 +617,6 @@ function TranscriptSetupCard({
     return () => {
       mountedRef.current = false;
       if (pollRef.current) clearInterval(pollRef.current);
-      if (toastTimerRef.current) clearTimeout(toastTimerRef.current);
     };
   }, []);
 
@@ -675,44 +661,6 @@ function TranscriptSetupCard({
     }, 2000);
   }, [onRetry]);
 
-  async function saveApiKey() {
-    if (!apiKey.trim() || saving) return;
-    setSaving(true);
-    try {
-      const res = await fetch(
-        agentNativePath("/_agent-native/secrets/GROQ_API_KEY"),
-        {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ value: apiKey.trim() }),
-        },
-      );
-      if (!mountedRef.current) return;
-      if (!res.ok) {
-        const err = await res
-          .json()
-          .then((j: { error?: string }) => j.error)
-          .catch(() => null);
-        if (!mountedRef.current) return;
-        setSaveToast({
-          kind: "err",
-          text: err ?? t("transcriptPanel.saveFailed", { status: res.status }),
-        });
-        return;
-      }
-      setApiKey("");
-      setSaveToast({ kind: "ok", text: t("transcriptPanel.savedRetrying") });
-      onRetry?.();
-      if (toastTimerRef.current) clearTimeout(toastTimerRef.current);
-      toastTimerRef.current = setTimeout(() => {
-        if (mountedRef.current) setSaveToast(null);
-        toastTimerRef.current = null;
-      }, 2500);
-    } finally {
-      if (mountedRef.current) setSaving(false);
-    }
-  }
-
   const isProviderError =
     !isBuilderCreditsExhaustedMessage(failureReason) &&
     (failureReason?.toLowerCase().includes("quota") ||
@@ -817,87 +765,6 @@ function TranscriptSetupCard({
             <p className="text-[11px] text-destructive mt-2">{connectError}</p>
           )}
         </div>
-
-        {/* BYOK — secondary option, collapsed by default. Shown even when
-            Builder is connected so users can fall back if Builder
-            transcription itself fails (quota / outage / unsupported audio
-            format) — the failure message tells them to add a key, so the
-            input must be reachable. */}
-        <div>
-          <button
-            type="button"
-            onClick={() => setShowByok((v) => !v)}
-            className="inline-flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground transition-colors"
-          >
-            <IconKey className="h-3.5 w-3.5" />
-            {isProviderError
-              ? "Update your API key"
-              : builderConfigured
-                ? "Advanced backup option"
-                : "Or use your own Groq key"}
-            {showByok ? (
-              <IconChevronUp className="h-3 w-3" />
-            ) : (
-              <IconChevronDown className="h-3 w-3" />
-            )}
-          </button>
-
-          {showByok && (
-            <div className="mt-2 space-y-2 pl-1">
-              <p className="text-[11px] text-muted-foreground">
-                {t("transcriptPanel.groqKeysStart")}{" "}
-                <code className="font-mono">gsk_</code>.{" "}
-                {t("transcriptPanel.nativeSpeechPrimary")}
-              </p>
-              <div className="flex gap-1.5">
-                <Input
-                  type="password"
-                  value={apiKey}
-                  onChange={(e) => setApiKey(e.target.value)}
-                  onKeyDown={(e) => {
-                    if (e.key === "Enter") saveApiKey();
-                  }}
-                  placeholder="gsk_…"
-                  className="h-8 text-xs"
-                />
-                <Button
-                  size="sm"
-                  onClick={saveApiKey}
-                  disabled={!apiKey.trim() || saving}
-                >
-                  {saving ? (
-                    <IconLoader2 className="h-3.5 w-3.5 animate-spin" />
-                  ) : (
-                    t("common.save")
-                  )}
-                </Button>
-              </div>
-              <div className="flex items-center gap-3">
-                <a
-                  href="https://console.groq.com/keys"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="inline-flex items-center gap-1 text-[11px] text-muted-foreground hover:text-foreground"
-                >
-                  {t("transcriptPanel.getGroqKey")}
-                  <IconExternalLink className="h-3 w-3" />
-                </a>
-              </div>
-              {saveToast && (
-                <p
-                  className={cn(
-                    "text-[11px]",
-                    saveToast.kind === "ok"
-                      ? "text-green-600"
-                      : "text-destructive",
-                  )}
-                >
-                  {saveToast.text}
-                </p>
-              )}
-            </div>
-          )}
-        </div>
       </div>
     </div>
   );

package/corpus/templates/clips/app/lib/capture-install-options.ts

@@ -1,4 +1,5 @@
 import { appPath } from "@agent-native/core/client/api-path";
+import { useEffect, useState } from "react";
 
 const DESKTOP_PROMO_DISMISSED_STORAGE_KEY = "clips.desktop-promo.dismissed";
 const DESKTOP_DOWNLOADED_STORAGE_KEY = "clips.desktop-app.downloaded";
@@ -146,9 +147,19 @@ const chromeExtensionUrl =
 
 // The published extension manifest only trusts first-party Clips/local origins.
 // Custom deployments can opt in after publishing a matching extension/listing.
-export const clipsChromeExtensionEnabled = resolveClipsChromeExtensionEnabled({
-  enabledSetting: import.meta.env.VITE_CLIPS_CHROME_EXTENSION_ENABLED,
-  hostname: getCurrentHostname(),
-});
+export function useClipsChromeExtensionEnabled(): boolean {
+  const [enabled, setEnabled] = useState(false);
+
+  useEffect(() => {
+    setEnabled(
+      resolveClipsChromeExtensionEnabled({
+        enabledSetting: import.meta.env.VITE_CLIPS_CHROME_EXTENSION_ENABLED,
+        hostname: getCurrentHostname(),
+      }),
+    );
+  }, []);
+
+  return enabled;
+}
 
 export const clipsChromeExtensionUrl = chromeExtensionUrl || null;

package/corpus/templates/clips/app/routes/download.tsx

@@ -13,9 +13,9 @@ import { Button } from "@/components/ui/button";
 import { Skeleton } from "@/components/ui/skeleton";
 import enMessages from "@/i18n/en-US";
 import {
-  clipsChromeExtensionEnabled,
   clipsChromeExtensionUrl,
   markDesktopAppDownloaded,
+  useClipsChromeExtensionEnabled,
 } from "@/lib/capture-install-options";
 
 export function meta() {
@@ -179,6 +179,7 @@ function secondaryDownloadButton(
 }
 
 export default function DownloadPage() {
+  const chromeExtensionEnabled = useClipsChromeExtensionEnabled();
   const t = useT();
   const [manifest, setManifest] = useState<Manifest | null>(null);
   const [manifestError, setManifestError] = useState(false);
@@ -283,7 +284,7 @@ export default function DownloadPage() {
             </div>
           </div>
 
-          {clipsChromeExtensionEnabled && (
+          {chromeExtensionEnabled && (
             <section className="mt-10 w-full max-w-xl rounded-2xl border border-border bg-card p-4 text-start shadow-sm">
               <div className="flex items-start gap-3">
                 <div className="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-primary/10 text-primary">

package/corpus/templates/clips/changelog/2026-07-22-fixed-an-intermittent-hydration-error-on-the-download-page.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-22
+---
+
+Fixed an intermittent hydration error on the download page

package/corpus/templates/clips/changelog/2026-07-22-fixed-transcript-generation-when-native-speech-capture-retur.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-22
+---
+
+Fixed transcript generation when native speech capture returns empty text.

package/corpus/templates/clips/changelog/2026-07-22-transcript-generation-now-retries-with-backup-speech-recogni.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-22
+---
+
+Native browser/OS transcripts now remain primary, with Builder transcribing the original recording only when native speech capture is unavailable.

package/corpus/templates/clips/server/lib/public-agent-context.ts

@@ -497,13 +497,13 @@ export function transcriptStatusInstructions(
 
   if (status === "failed" && lowerReason.includes("credits exhausted")) {
     return [
-      "Transcription failed because Builder transcription credits are exhausted. Tell the user to upgrade or connect Builder.io credits, or configure a Groq key for backup speech-to-text. Generic OpenAI or Anthropic chat keys do not transcribe Clips recordings.",
+      "Transcription failed because Builder transcription credits are exhausted. Tell the user to upgrade or connect Builder.io credits. Clips uses the browser/macOS native transcript first and Builder transcription on the original recording when native capture is unavailable.",
     ];
   }
 
   if (status === "failed" && failureReason) {
     return [
-      `Transcription failed with reason: ${failureReason}. Explain this to the user and suggest retrying transcription or configuring the supported Builder.io/Groq transcription fallback.`,
+      `Transcription failed with reason: ${failureReason}. Explain this to the user and suggest retrying native capture or the Builder transcription fallback.`,
     ];
   }
 

package/corpus/templates/clips/server/register-secrets.ts

@@ -7,13 +7,14 @@ import { registerRequiredSecret } from "@agent-native/core/secrets";
 // run in a separate Vite SSR module graph and write to a different Map.
 
 // ── Transcription secrets (optional) ──────────────────────────────────
-// Native web/macOS speech is the primary transcript source. Gemini is used
-// for cleanup and titles after native text exists; Groq is the only BYOK
-// speech-to-text fallback when native transcription is unavailable.
+// Native web/macOS speech is the primary recording transcript source. Builder
+// is the only cloud fallback for a saved recording. Gemini/Groq BYOK remain
+// available for desktop voice dictation and other provider-specific tools.
 //
 // We support two BYOK providers:
 //   1. Gemini — recommended for fast LLM cleanup in the desktop tray.
-//   2. Groq `whisper-large-v3-turbo` — fast speech-to-text fallback.
+//   2. Groq — optional voice-dictation provider, not a recording transcript
+//      fallback.
 //
 // Neither is strictly required — videos still upload and play back without
 // cloud transcription.
@@ -110,9 +111,9 @@ registerRequiredSecret({
 
 registerRequiredSecret({
   key: "GROQ_API_KEY",
-  label: "Groq API Key (recommended)",
+  label: "Groq API Key (voice dictation)",
   description:
-    "Fast speech-to-text fallback via Groq. Builder Gemini Flash-Lite is preferred when connected; Groq is used only when Builder/native transcription is unavailable.",
+    "Optional speech-to-text provider for desktop voice dictation. Clips recording transcripts use native browser/macOS capture first and Builder transcription for the saved recording fallback.",
   docsUrl: "https://console.groq.com/keys",
   scope: "user",
   kind: "api-key",

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/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>