@agent-native/core 0.77.3 → 0.77.4

package/corpus/templates/clips/app/routes/share.$shareId.tsx

@@ -6,6 +6,7 @@ import {
   useSession,
   AgentPanel,
   getBrowserTabId,
+  useT,
 } from "@agent-native/core/client";
 import {
   getRequestUserEmail,
@@ -246,6 +247,7 @@ function AgentDiscovery({
   recording: Pick<SharePageMetaRecording, "id" | "title"> | null;
   agentContextUrl: string | null;
 }) {
+  const t = useT();
   if (!recording || !agentContextUrl) return null;
 
   const payload = {
@@ -266,7 +268,7 @@ function AgentDiscovery({
         className="sr-only"
         data-agent-context-url={agentContextUrl}
       >
-        Agent-readable clip context
+        {t("sharePage.agentReadableContext")}
       </a>
       <script
         type="application/json"
@@ -278,6 +280,7 @@ function AgentDiscovery({
 }
 
 export default function ShareRoute() {
+  const t = useT();
   const loaderData = useLoaderData<typeof loader>() as SharePageLoaderData;
   const { shareId } = useParams<{ shareId: string }>();
   const navigate = useNavigate();
@@ -394,7 +397,7 @@ export default function ShareRoute() {
     : false;
   const visibleTitle = recording
     ? displayRecordingTitle(recording.title)
-    : "Untitled Clip";
+    : t("sharePage.untitledClip");
   const isLoomEmbedBacked = isLoomEmbedBackedRecording(recording);
   const unlockedAgentContextUrl =
     typeof dataQ.data?.data?.agentContextUrl === "string"
@@ -483,7 +486,7 @@ export default function ShareRoute() {
     if (!needsPassword) return;
     if (password) {
       // Wrong password entered → clear and show error.
-      setPwError("Incorrect password");
+      setPwError(t("sharePage.incorrectPassword"));
       setPassword(null);
       try {
         sessionStorage.removeItem(STORAGE_KEY_PREFIX + shareId);
@@ -539,7 +542,7 @@ export default function ShareRoute() {
         <AccessPasswordPrompt
           onSubmit={onSubmitPassword}
           error={pwError}
-          title="This clip is password-protected"
+          title={t("sharePage.passwordProtected")}
         />
       </>
     );
@@ -550,8 +553,8 @@ export default function ShareRoute() {
       <>
         {agentDiscovery}
         <EndState
-          title="Link expired"
-          message="The creator set an expiry on this share link."
+          title={t("sharePage.linkExpired")}
+          message={t("sharePage.linkExpiredMessage")}
         />
       </>
     );
@@ -562,14 +565,14 @@ export default function ShareRoute() {
       <>
         {agentDiscovery}
         <EndState
-          title="Clip unavailable"
-          message="This recording isn't public, or the link is invalid. If it's your clip, sign in to check access."
+          title={t("sharePage.clipUnavailable")}
+          message={t("sharePage.clipUnavailableMessage")}
           action={
             shareId ? (
               <Button asChild size="sm">
                 <a href={buildSignInHref(`/r/${shareId}`)} className="gap-1.5">
                   <IconLogin2 className="h-4 w-4 rtl:-scale-x-100" />
-                  Sign in
+                  {t("sharePage.signIn")}
                 </a>
               </Button>
             ) : null
@@ -584,8 +587,8 @@ export default function ShareRoute() {
       <>
         {agentDiscovery}
         <EndState
-          title="Something went wrong"
-          message={dataQ.data?.data?.error ?? "Please try again."}
+          title={t("sharePage.somethingWentWrong")}
+          message={dataQ.data?.data?.error ?? t("sharePage.pleaseTryAgain")}
         />
       </>
     );
@@ -605,27 +608,27 @@ export default function ShareRoute() {
     const signInHref = buildSignInHref(`/r/${recording.id}`);
     const detail = failureDetail(rawFailureReason);
     const label = storageSetupFailure
-      ? "Connect storage to finish this clip."
+      ? t("sharePage.connectStorageFinish")
       : stuckFailure
-        ? "This clip needs attention to finish."
+        ? t("sharePage.needsAttention")
         : explicitFailure
-          ? "Something went wrong while saving this clip."
-          : "Finishing up this clip...";
+          ? t("sharePage.savingWentWrong")
+          : t("sharePage.finishingClip");
     const message = storageSetupFailure
       ? canManageStorage
         ? loomStorageSetupFailure
-          ? "The Loom source link is preserved. Connect Builder.io or S3 storage, then retry the import."
-          : "The video is preserved. Connect Builder.io or S3 storage and Clips will finish uploading it."
+          ? t("sharePage.loomPreservedManage")
+          : t("sharePage.videoPreservedManage")
         : session
-          ? "The creator needs to connect Builder.io or S3 storage before this clip can finish."
-          : "If this is your clip, sign in here to connect Builder.io or S3 storage and finish the upload."
+          ? t("sharePage.creatorNeedsStorage")
+          : t("sharePage.signInStorage")
       : stuckFailure
         ? session
-          ? "The upload has not completed yet. Open the dashboard for this clip or ask the creator to check storage."
-          : "The upload has not completed yet. If this is your clip, sign in to open the owner controls and check storage."
+          ? t("sharePage.uploadNotCompleteSession")
+          : t("sharePage.uploadNotCompleteSignIn")
         : explicitFailure
-          ? (rawFailureReason ?? "The creator may need to retry.")
-          : "Uploading and assembling the video. This page will update automatically.";
+          ? (rawFailureReason ?? t("sharePage.creatorMayRetry"))
+          : t("sharePage.uploadingAssembling");
 
     return (
       <>
@@ -645,7 +648,7 @@ export default function ShareRoute() {
           {isFailure && detail && canManageStorage ? (
             <div className="mb-4 w-full max-w-xl rounded-md border border-border bg-card p-4 text-start shadow-sm">
               <div className="mb-2 text-xs font-medium uppercase tracking-wide text-muted-foreground">
-                Details
+                {t("sharePage.details")}
               </div>
               <pre className="max-h-36 overflow-auto whitespace-pre-wrap break-words text-xs leading-relaxed text-muted-foreground">
                 {detail}
@@ -663,9 +666,9 @@ export default function ShareRoute() {
           {storageSetupFailure && canManageStorage ? (
             <div className="mb-4 w-full">
               <StorageSetupCard
-                title="Connect storage to finish saving"
-                description="Choose where Clips should store videos. After it connects, this page will check again."
-                connectedDescription="Storage connected. Checking this clip..."
+                title={t("sharePage.connectStorageFinishSaving")}
+                description={t("sharePage.chooseStorageCheck")}
+                connectedDescription={t("sharePage.storageConnectedChecking")}
                 onConfigured={() => {
                   void dataQ.refetch();
                 }}
@@ -677,19 +680,21 @@ export default function ShareRoute() {
               <Button asChild size="sm">
                 <a href={signInHref} className="gap-1.5">
                   <IconLogin2 className="h-4 w-4 rtl:-scale-x-100" />
-                  Sign in to finish
+                  {t("sharePage.signInToFinish")}
                 </a>
               </Button>
             ) : !session && !sessionLoading && !isFailure ? (
               <Button asChild variant="ghost" size="sm">
                 <a href={signInHref} className="gap-1.5">
                   <IconLogin2 className="h-4 w-4 rtl:-scale-x-100" />
-                  Sign in if this is yours
+                  {t("sharePage.signInIfYours")}
                 </a>
               </Button>
             ) : canManageStorage && isFailure ? (
               <Button asChild size="sm">
-                <a href={appPath(`/r/${recording.id}`)}>Open dashboard</a>
+                <a href={appPath(`/r/${recording.id}`)}>
+                  {t("sharePage.openDashboard")}
+                </a>
               </Button>
             ) : null}
             <Button
@@ -701,7 +706,7 @@ export default function ShareRoute() {
               size="sm"
               className="border-foreground/20 bg-muted/50 hover:bg-accent text-foreground"
             >
-              Check again
+              {t("sharePage.checkAgain")}
             </Button>
           </div>
         </div>
@@ -723,7 +728,7 @@ export default function ShareRoute() {
               variant="ghost"
               size="icon"
               onClick={() => navigate("/")}
-              aria-label="Back to home"
+              aria-label={t("sharePage.backToHome")}
             >
               <IconArrowLeft className="h-4 w-4 rtl:-scale-x-100" />
             </Button>
@@ -731,7 +736,7 @@ export default function ShareRoute() {
           <div className="min-w-0 flex-1">
             {showTitleSkeleton ? (
               <Skeleton
-                aria-label="Generating title"
+                aria-label={t("sharePage.generatingTitle")}
                 className="h-4 w-56 max-w-full"
               />
             ) : (
@@ -746,7 +751,9 @@ export default function ShareRoute() {
                   href={appPath(`/r/${recording.id}`)}
                   className="min-w-0 gap-1.5"
                 >
-                  <span className="truncate">Open dashboard</span>
+                  <span className="truncate">
+                    {t("sharePage.openDashboard")}
+                  </span>
                   <IconExternalLink className="h-3.5 w-3.5 shrink-0" />
                 </a>
               </Button>
@@ -757,7 +764,7 @@ export default function ShareRoute() {
                   className="gap-1.5"
                   onClick={() => fireShareCtaClick("try_clips")}
                 >
-                  Try Clips
+                  {t("sharePage.tryClips")}
                   <IconExternalLink className="h-3.5 w-3.5" />
                 </a>
               </Button>
@@ -769,7 +776,7 @@ export default function ShareRoute() {
                     variant="ghost"
                     size="sm"
                     className="h-9 w-9 shrink-0 px-0"
-                    aria-label="Clip options"
+                    aria-label={t("sharePage.clipOptions")}
                   >
                     <IconDots className="h-4 w-4" />
                   </Button>
@@ -782,7 +789,9 @@ export default function ShareRoute() {
                     disabled={downloading}
                   >
                     <IconDownload className="h-4 w-4" />
-                    {downloading ? "Downloading..." : "Download MP4"}
+                    {downloading
+                      ? t("sharePage.downloading")
+                      : t("sharePage.downloadMp4")}
                   </DropdownMenuItem>
                 </DropdownMenuContent>
               </DropdownMenu>
@@ -804,7 +813,7 @@ export default function ShareRoute() {
               >
                 <Button size="sm" className="shrink-0 gap-1.5">
                   <IconShare3 className="h-4 w-4" />
-                  Share
+                  {t("sharePage.share")}
                 </Button>
               </ShareRecordingPopover>
             ) : null}
@@ -838,7 +847,7 @@ export default function ShareRoute() {
             <div className="min-w-0 flex-1">
               {showTitleSkeleton ? (
                 <Skeleton
-                  aria-label="Generating title"
+                  aria-label={t("sharePage.generatingTitle")}
                   className="h-5 w-72 max-w-full"
                 />
               ) : (
@@ -899,7 +908,9 @@ export default function ShareRoute() {
                   className="gap-1.5"
                 >
                   <IconDownload className="h-4 w-4" />
-                  {downloading ? "Downloading..." : "Download MP4"}
+                  {downloading
+                    ? t("sharePage.downloading")
+                    : t("sharePage.downloadMp4")}
                 </Button>
               ) : null}
             </div>
@@ -911,10 +922,10 @@ export default function ShareRoute() {
         <Tabs defaultValue="agent" className="flex h-full flex-col">
           <TabsList className="mx-3 mt-3 grid w-auto grid-cols-4">
             <TabsTrigger value="agent" className="text-xs">
-              Agent
+              {t("sharePage.agent")}
             </TabsTrigger>
             <TabsTrigger value="comments" className="text-xs gap-1">
-              Comments
+              {t("sharePage.comments")}
               {comments.length > 0 ? (
                 <span className="ms-0.5 rounded-full bg-accent px-1.5 text-[10px] tabular-nums">
                   {comments.length}
@@ -922,10 +933,10 @@ export default function ShareRoute() {
               ) : null}
             </TabsTrigger>
             <TabsTrigger value="transcript" className="text-xs">
-              Transcript
+              {t("sharePage.transcript")}
             </TabsTrigger>
             <TabsTrigger value="insights" className="text-xs">
-              Insights
+              {t("sharePage.insights")}
             </TabsTrigger>
           </TabsList>
           <TabsContent
@@ -934,13 +945,13 @@ export default function ShareRoute() {
           >
             {sessionLoading ? null : session ? (
               <AgentPanel
-                emptyStateText="Ask about this clip…"
+                emptyStateText={t("recordingPage.askAboutClip")}
                 dynamicSuggestions={false}
                 suggestions={[
-                  "Summarize this clip",
-                  "Find the key moments",
-                  "List follow-up actions",
-                  "Draft questions for the author",
+                  t("recordingPage.summarizeClip"),
+                  t("recordingPage.findKeyMoments"),
+                  t("recordingPage.listFollowUpActions"),
+                  t("recordingPage.draftQuestions"),
                 ]}
                 browserTabId={getBrowserTabId()}
               />
@@ -1024,6 +1035,7 @@ function PublicAgentEmptyState({
   signupHref: string;
   onCtaClick: (cta: "signup" | "download" | "try_clips" | "signin") => void;
 }) {
+  const t = useT();
   const [platform, setPlatform] = useState<ViewerPlatform | null>(null);
 
   useEffect(() => {
@@ -1032,10 +1044,10 @@ function PublicAgentEmptyState({
 
   const downloadLabel =
     platform === "mac"
-      ? "Download for Mac"
+      ? t("sharePage.downloadForMac")
       : platform === "windows"
-        ? "Download for Windows"
-        : "Download desktop app";
+        ? t("sharePage.downloadForWindows")
+        : t("sharePage.downloadDesktopApp");
 
   return (
     <div className="flex h-full flex-col items-center justify-center px-8 py-12 text-center">
@@ -1058,16 +1070,16 @@ function PublicAgentEmptyState({
           rel="noreferrer"
           className="font-medium text-foreground underline decoration-border underline-offset-4 hover:decoration-foreground"
         >
-          Agent-Native Clips
+          {t("sharePage.agentNativeClips")}
         </a>{" "}
-        is a free,{" "}
+        {t("sharePage.agentNativeClipsIntro")}{" "}
         <a
           href={CLIPS_SOURCE_URL}
           target="_blank"
           rel="noreferrer"
           className="font-medium text-foreground underline decoration-border underline-offset-4 hover:decoration-foreground"
         >
-          open-source
+          {t("sharePage.openSource")}
         </a>
         ,{" "}
         <a
@@ -1076,9 +1088,9 @@ function PublicAgentEmptyState({
           rel="noreferrer"
           className="font-medium text-foreground underline decoration-border underline-offset-4 hover:decoration-foreground"
         >
-          agent-friendly
+          {t("sharePage.agentFriendly")}
         </a>{" "}
-        Loom alternative
+        {t("sharePage.loomAlternative")}
       </p>
       <div className="mt-7 flex w-full max-w-[220px] flex-col gap-2">
         <CaptureInstallButton
@@ -1091,7 +1103,7 @@ function PublicAgentEmptyState({
         </CaptureInstallButton>
         <Button asChild variant="outline" className="w-full">
           <a href={signupHref} onClick={() => onCtaClick("signup")}>
-            Sign up
+            {t("sharePage.signUp")}
           </a>
         </Button>
       </div>
@@ -1100,12 +1112,14 @@ function PublicAgentEmptyState({
 }
 
 function PublicInsightsState() {
+  const t = useT();
   return (
     <div className="flex h-full flex-col items-center justify-center px-8 py-12 text-center">
-      <p className="text-sm font-medium text-foreground">Owner insights</p>
+      <p className="text-sm font-medium text-foreground">
+        {t("sharePage.ownerInsights")}
+      </p>
       <p className="mt-2 max-w-[240px] text-sm leading-5 text-muted-foreground">
-        Views, completion, and viewer details are visible to editors of this
-        clip.
+        {t("sharePage.ownerInsightsDescription")}
       </p>
     </div>
   );
@@ -1120,6 +1134,8 @@ function EndState({
   message: string;
   action?: ReactNode;
 }) {
+  const t = useT();
+
   return (
     <div className="flex flex-col items-center justify-center min-h-screen bg-background text-foreground px-6">
       <h1 className="text-2xl font-semibold mb-2">{title}</h1>
@@ -1129,7 +1145,7 @@ function EndState({
       <div className="flex flex-wrap items-center justify-center gap-2">
         {action}
         <Button asChild variant="ghost" size="sm">
-          <a href={appPath("/")}>Go home</a>
+          <a href={appPath("/")}>{t("clipsFinalRaw.goHome")}</a>
         </Button>
       </div>
     </div>

package/corpus/templates/clips/app/routes/share.meeting.$meetingId.tsx

@@ -1,4 +1,4 @@
-import { PoweredByBadge, appPath } from "@agent-native/core/client";
+import { PoweredByBadge, appPath, useT } from "@agent-native/core/client";
 import { getRequestUserEmail } from "@agent-native/core/server";
 import { resolveAccess } from "@agent-native/core/sharing";
 import {
@@ -18,6 +18,7 @@ import {
 } from "@/components/meetings/attendee-stack";
 import { Button } from "@/components/ui/button";
 import { Spinner } from "@/components/ui/spinner";
+import enMessages from "@/i18n/en-US";
 
 import { getDb, schema } from "../../server/db";
 
@@ -120,10 +121,12 @@ export async function loader({
 
 export const meta: MetaFunction<typeof loader> = ({ loaderData }) => {
   const m = loaderData?.meeting;
-  const title = m?.title ? `${m.title} · Clips` : "Meeting notes · Clips";
+  const title = m?.title
+    ? `${m.title} · Clips`
+    : enMessages.shareMeeting.pageTitle;
   const description = m?.title
     ? `AI meeting notes for "${m.title}"`
-    : "AI meeting notes shared via Clips.";
+    : enMessages.shareMeeting.description;
   return [
     { title },
     { name: "description", content: description },
@@ -156,13 +159,14 @@ function formatDateTime(iso?: string | null): string {
 }
 
 export default function ShareMeetingRoute() {
+  const t = useT();
   const data = useLoaderData<LoaderData>();
 
   if (!data.meeting) {
     return (
       <div className="flex flex-col items-center justify-center h-screen w-full gap-3 text-center px-4 bg-background">
         <p className="text-sm text-muted-foreground">
-          This meeting is private or no longer available.
+          {t("shareMeeting.unavailable")}
         </p>
         <PoweredByBadge />
       </div>
@@ -183,11 +187,11 @@ export default function ShareMeetingRoute() {
       <header className="border-b border-border">
         <div className="max-w-2xl mx-auto flex items-center gap-3 px-4 py-3">
           <h1 className="min-w-0 flex-1 truncate text-sm font-medium">
-            {meeting.title || "Untitled meeting"}
+            {meeting.title || t("meetingDetail.untitledMeeting")}
           </h1>
           <Button variant="ghost" size="sm" asChild className="shrink-0">
             <a href={appPath("/")} className="gap-1.5">
-              Try Clips
+              {t("shareMeeting.tryClips")}
               <IconExternalLink className="h-3.5 w-3.5" />
             </a>
           </Button>
@@ -206,8 +210,7 @@ export default function ShareMeetingRoute() {
               <IconUsers className="h-3.5 w-3.5" />
               <AttendeeStack participants={attendees} max={5} size="xs" />
               <span>
-                {attendees.length} attendee
-                {attendees.length === 1 ? "" : "s"}
+                {t("shareMeeting.attendees", { count: attendees.length })}
               </span>
             </span>
           )}
@@ -215,7 +218,7 @@ export default function ShareMeetingRoute() {
 
         {!hasNotes ? (
           <p className="text-sm text-muted-foreground italic">
-            AI notes haven't been generated yet for this meeting.
+            {t("shareMeeting.noAiNotes")}
           </p>
         ) : (
           <div className="space-y-8">
@@ -223,7 +226,7 @@ export default function ShareMeetingRoute() {
               <section>
                 <div className="flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground mb-3">
                   <IconWand className="h-3.5 w-3.5" />
-                  Summary
+                  {t("shareMeeting.summary")}
                 </div>
                 <div className="text-sm leading-relaxed whitespace-pre-wrap">
                   {meeting.summaryMd}
@@ -235,7 +238,7 @@ export default function ShareMeetingRoute() {
               <section>
                 <div className="flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground mb-3">
                   <IconWand className="h-3.5 w-3.5" />
-                  Key points
+                  {t("shareMeeting.keyPoints")}
                 </div>
                 <ul className="space-y-2">
                   {bullets.map((b, i) => (
@@ -255,7 +258,7 @@ export default function ShareMeetingRoute() {
               <section>
                 <div className="flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground mb-3">
                   <IconListCheck className="h-3.5 w-3.5" />
-                  Action items
+                  {t("shareMeeting.actionItems")}
                 </div>
                 <ul className="space-y-2">
                   {meeting.actionItems.map((item, i) => (

package/corpus/templates/content/app/components/ThemeToggle.tsx

@@ -12,9 +12,9 @@ import {
 import { cn } from "@/lib/utils";
 
 const themeOptions = [
-  { value: "system", label: "System theme", icon: IconDeviceDesktop },
-  { value: "light", label: "Light theme", icon: IconSun },
-  { value: "dark", label: "Dark theme", icon: IconMoon },
+  { value: "system", icon: IconDeviceDesktop },
+  { value: "light", icon: IconSun },
+  { value: "dark", icon: IconMoon },
 ] as const;
 
 const THEME_PREFERENCE_STORAGE_KEY = "content-theme-preference";

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

@@ -1,3 +1,4 @@
+import { useT } from "@agent-native/core/client";
 import {
   IconBold,
   IconItalic,
@@ -67,6 +68,7 @@ function selectionIncludesBubbleToolbarExcludedNode(
 }
 
 export function BubbleToolbar({ editor, onComment }: BubbleToolbarProps) {
+  const t = useT();
   const [showLinkInput, setShowLinkInput] = useState(false);
   const [linkUrl, setLinkUrl] = useState("");
 
@@ -98,57 +100,57 @@ export function BubbleToolbar({ editor, onComment }: BubbleToolbarProps) {
   const items = [
     {
       icon: IconBold,
-      title: "Bold",
+      title: t("editor.bold"),
       action: () => editor.chain().focus().toggleBold().run(),
       isActive: () => editor.isActive("bold"),
     },
     {
       icon: IconItalic,
-      title: "Italic",
+      title: t("editor.italic"),
       action: () => editor.chain().focus().toggleItalic().run(),
       isActive: () => editor.isActive("italic"),
     },
     {
       icon: IconStrikethrough,
-      title: "Strikethrough",
+      title: t("editor.strikethrough"),
       action: () => editor.chain().focus().toggleStrike().run(),
       isActive: () => editor.isActive("strike"),
     },
     {
       icon: IconCode,
-      title: "Code",
+      title: t("editor.code"),
       action: () => editor.chain().focus().toggleCode().run(),
       isActive: () => editor.isActive("code"),
     },
     { type: "divider" as const },
     {
       icon: IconH1,
-      title: "Heading 1",
+      title: t("editor.heading1"),
       action: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),
       isActive: () => editor.isActive("heading", { level: 1 }),
     },
     {
       icon: IconH2,
-      title: "Heading 2",
+      title: t("editor.heading2"),
       action: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
       isActive: () => editor.isActive("heading", { level: 2 }),
     },
     {
       icon: IconH3,
-      title: "Heading 3",
+      title: t("editor.heading3"),
       action: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),
       isActive: () => editor.isActive("heading", { level: 3 }),
     },
     {
       icon: IconH4,
-      title: "Heading 4",
+      title: t("editor.heading4"),
       action: () => editor.chain().focus().toggleHeading({ level: 4 }).run(),
       isActive: () => editor.isActive("heading", { level: 4 }),
     },
     { type: "divider" as const },
     {
       icon: IconLink,
-      title: "Link",
+      title: t("editor.link"),
       action: toggleLink,
       isActive: () => editor.isActive("link"),
     },
@@ -157,7 +159,7 @@ export function BubbleToolbar({ editor, onComment }: BubbleToolbarProps) {
           { type: "divider" as const },
           {
             icon: IconMessageCircle,
-            title: "Comment",
+            title: t("editor.comment"),
             action: () => {
               const { from, to } = editor.state.selection;
               const text = editor.state.doc.textBetween(from, to, " ");
@@ -206,7 +208,7 @@ export function BubbleToolbar({ editor, onComment }: BubbleToolbarProps) {
           <input
             autoFocus
             type="url"
-            placeholder="Paste link..."
+            placeholder={t("editor.pasteLink")}
             value={linkUrl}
             onChange={(e) => setLinkUrl(e.target.value)}
             onKeyDown={(e) => {
@@ -222,7 +224,7 @@ export function BubbleToolbar({ editor, onComment }: BubbleToolbarProps) {
             onClick={handleSetLink}
             className="text-xs text-blue-400 hover:text-blue-300 px-2 py-1.5 font-medium"
           >
-            Apply
+            {t("editor.apply")}
           </button>
         </div>
       ) : (