simple-module-pagebuilder 0.0.7__tar.gz → 0.0.9__tar.gz

simple_module_pagebuilder-0.0.7/README.md → simple_module_pagebuilder-0.0.9/PKG-INFO

@@ -1,3 +1,27 @@
+Metadata-Version: 2.5
+Name: simple_module_pagebuilder
+Version: 0.0.9
+Summary: Drag-and-drop visual page builder for simple_module apps
+Project-URL: Repository, https://github.com/antosubash/simple_module_python_modules
+Author-email: Anto Subash <antosubash@live.com>
+License-Expression: MIT
+Keywords: cms,pagebuilder,puck,simple-module
+Requires-Python: >=3.12
+Requires-Dist: pillow>=10.0
+Requires-Dist: pydantic-settings>=2.0
+Requires-Dist: simple-module-core<0.1,>=0.0.35
+Requires-Dist: simple-module-db<0.1,>=0.0.35
+Requires-Dist: simple-module-hosting<0.1,>=0.0.35
+Requires-Dist: simple-module-inertia<0.1,>=0.0.35
+Requires-Dist: simple-module-settings<0.1,>=0.0.35
+Requires-Dist: sqlalchemy>=2.0
+Requires-Dist: sqlmodel>=0.0.21
+Provides-Extra: dev
+Requires-Dist: pytest-asyncio>=0.24; extra == 'dev'
+Requires-Dist: pytest>=8.0; extra == 'dev'
+Requires-Dist: simple-module-test<0.1,>=0.0.35; extra == 'dev'
+Description-Content-Type: text/markdown
+
 # simple_module_pagebuilder
 
 Drag-and-drop visual page builder for [simple_module](https://github.com/antosubash/simple_module_python)
@@ -221,6 +245,64 @@ Its breadcrumb parent is the parent's own counterpart, so a trail never crosses
 languages. A page's own language is fixed for its lifetime — moving one would
 strand its slug and orphan the redirect pointing at it.
 
+## The editor's language
+
+Separate from the page's. The section above is about what the *site*
+publishes; this is about what the *editor* speaks, and the two are configured
+in different places — `content_locales` for one, the host's
+`SM_I18N_SUPPORTED_LOCALES` for the other.
+
+Every editor string lives in `pagebuilder/locales/en.json`, registered by
+`PagebuilderModule.locale_dirs()` under the `pagebuilder` namespace, so a key
+reads `pagebuilder.<section>.<name>` in the merged catalogue the host ships to
+the browser. Add a language by adding `pagebuilder/locales/<tag>.json` with the
+same shape; the framework's `SM013`–`SM016` diagnostics report a file that has
+drifted from the default.
+
+The frontend derives its key tree from that JSON at compile time —
+`pagebuilder/utils/i18n.ts` — rather than from the framework's generated
+`keys`, which only carries the namespaces of modules that live in the
+framework's own monorepo. The upshot is that `tsc` rejects a key the catalogue
+does not define, and `pagebuilder/utils/i18n.test.ts` rejects an entry nothing
+references, a plural missing a form, and a placeholder nothing fills.
+
+**Block labels are keys, resolved at the screen.** A Puck config is a
+module-scope constant — the palette is assembled before the app has rendered
+anything — so a block cannot call a hook where its labels are written. What it
+holds instead is the key, and `components/localizeConfig.ts` resolves the whole
+assembled config once inside `PageEditor` and `LayoutEditor`: component labels,
+field labels (including the ones nested in an `array` or `object` field),
+select options, category titles and the viewport switcher. Because it walks the
+*assembled* config, a block another module registered is localized on the same
+pass, provided that module's labels are catalogue keys too.
+
+`defaultProps` stay literal on purpose. They are the seed *content* a block is
+inserted with and are then saved into the document, so translating them at
+render time would rewrite what a visitor is served in whatever language the
+author happened to be working in.
+
+## Multi-tenancy
+
+Every pagebuilder table is tenant-owned (the framework's `MultiTenantMixin`),
+so one host can run several sites. Slugs, redirects, media filenames and the
+one-pending-import rule are unique **per tenant**, and each tenant has its own
+site layout, media directory (`<media_root>/<tenant>/`) and snapshot blob store.
+
+Which tenant a request acts for depends on the host:
+
+- **Single-tenant** (`multi_tenant` off) — everything is tenant `"default"`,
+  where the migration also files every row that predates tenancy. A host that
+  pins `default_tenant` to anything else is refused at startup.
+- **Multi-tenant** (`multi_tenant` on) — the tenant the framework resolved.
+  With the `tenants` module, anonymous visitors are resolved by subdomain
+  (`subdomain_base`); members by their membership. A public page, sitemap or
+  media request with no tenant answers 404 — the same as an unknown slug — and
+  an editor with no tenant gets 403. Custom domains are not supported yet.
+
+The scheduler publishes due pages tenant by tenant, each in its own session.
+Requires framework `0.0.35` or later, and the host migration that adds
+`tenant_id` (`make migration` picks it up like any other model change).
+
 ## Content snapshots
 
 **Content › Import / Export** captures the site as a restore point. Every entry

simple_module_pagebuilder-0.0.7/PKG-INFO → simple_module_pagebuilder-0.0.9/README.md

@@ -1,26 +1,3 @@
-Metadata-Version: 2.5
-Name: simple_module_pagebuilder
-Version: 0.0.7
-Summary: Drag-and-drop visual page builder for simple_module apps
-Project-URL: Repository, https://github.com/antosubash/simple_module_python_modules
-Author-email: Anto Subash <antosubash@live.com>
-License-Expression: MIT
-Keywords: cms,pagebuilder,puck,simple-module
-Requires-Python: >=3.12
-Requires-Dist: pillow>=10.0
-Requires-Dist: pydantic-settings>=2.0
-Requires-Dist: simple-module-core<0.1,>=0.0.25
-Requires-Dist: simple-module-db<0.1,>=0.0.25
-Requires-Dist: simple-module-hosting<0.1,>=0.0.25
-Requires-Dist: simple-module-settings<0.1,>=0.0.25
-Requires-Dist: sqlalchemy>=2.0
-Requires-Dist: sqlmodel>=0.0.21
-Provides-Extra: dev
-Requires-Dist: pytest-asyncio>=0.24; extra == 'dev'
-Requires-Dist: pytest>=8.0; extra == 'dev'
-Requires-Dist: simple-module-test<0.1,>=0.0.25; extra == 'dev'
-Description-Content-Type: text/markdown
-
 # simple_module_pagebuilder
 
 Drag-and-drop visual page builder for [simple_module](https://github.com/antosubash/simple_module_python)
@@ -244,6 +221,64 @@ Its breadcrumb parent is the parent's own counterpart, so a trail never crosses
 languages. A page's own language is fixed for its lifetime — moving one would
 strand its slug and orphan the redirect pointing at it.
 
+## The editor's language
+
+Separate from the page's. The section above is about what the *site*
+publishes; this is about what the *editor* speaks, and the two are configured
+in different places — `content_locales` for one, the host's
+`SM_I18N_SUPPORTED_LOCALES` for the other.
+
+Every editor string lives in `pagebuilder/locales/en.json`, registered by
+`PagebuilderModule.locale_dirs()` under the `pagebuilder` namespace, so a key
+reads `pagebuilder.<section>.<name>` in the merged catalogue the host ships to
+the browser. Add a language by adding `pagebuilder/locales/<tag>.json` with the
+same shape; the framework's `SM013`–`SM016` diagnostics report a file that has
+drifted from the default.
+
+The frontend derives its key tree from that JSON at compile time —
+`pagebuilder/utils/i18n.ts` — rather than from the framework's generated
+`keys`, which only carries the namespaces of modules that live in the
+framework's own monorepo. The upshot is that `tsc` rejects a key the catalogue
+does not define, and `pagebuilder/utils/i18n.test.ts` rejects an entry nothing
+references, a plural missing a form, and a placeholder nothing fills.
+
+**Block labels are keys, resolved at the screen.** A Puck config is a
+module-scope constant — the palette is assembled before the app has rendered
+anything — so a block cannot call a hook where its labels are written. What it
+holds instead is the key, and `components/localizeConfig.ts` resolves the whole
+assembled config once inside `PageEditor` and `LayoutEditor`: component labels,
+field labels (including the ones nested in an `array` or `object` field),
+select options, category titles and the viewport switcher. Because it walks the
+*assembled* config, a block another module registered is localized on the same
+pass, provided that module's labels are catalogue keys too.
+
+`defaultProps` stay literal on purpose. They are the seed *content* a block is
+inserted with and are then saved into the document, so translating them at
+render time would rewrite what a visitor is served in whatever language the
+author happened to be working in.
+
+## Multi-tenancy
+
+Every pagebuilder table is tenant-owned (the framework's `MultiTenantMixin`),
+so one host can run several sites. Slugs, redirects, media filenames and the
+one-pending-import rule are unique **per tenant**, and each tenant has its own
+site layout, media directory (`<media_root>/<tenant>/`) and snapshot blob store.
+
+Which tenant a request acts for depends on the host:
+
+- **Single-tenant** (`multi_tenant` off) — everything is tenant `"default"`,
+  where the migration also files every row that predates tenancy. A host that
+  pins `default_tenant` to anything else is refused at startup.
+- **Multi-tenant** (`multi_tenant` on) — the tenant the framework resolved.
+  With the `tenants` module, anonymous visitors are resolved by subdomain
+  (`subdomain_base`); members by their membership. A public page, sitemap or
+  media request with no tenant answers 404 — the same as an unknown slug — and
+  an editor with no tenant gets 403. Custom domains are not supported yet.
+
+The scheduler publishes due pages tenant by tenant, each in its own session.
+Requires framework `0.0.35` or later, and the host migration that adds
+`tenant_id` (`make migration` picks it up like any other model change).
+
 ## Content snapshots
 
 **Content › Import / Export** captures the site as a restore point. Every entry

{simple_module_pagebuilder-0.0.7 → simple_module_pagebuilder-0.0.9}/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@simple-module-py/pagebuilder",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "private": true,
   "description": "Frontend assets for the PageBuilder module",
   "peerDependencies": {
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "@inertiajs/react": "^2.0.0",
+    "@inertiajs/react": "^3.7.0",
     "@simple-module-py/ui": "*"
   },
   "devDependencies": {

{simple_module_pagebuilder-0.0.7 → simple_module_pagebuilder-0.0.9}/pagebuilder/boot.py

@@ -28,8 +28,15 @@ import logging
 from fastapi import FastAPI
 
 from pagebuilder import locales
-from pagebuilder.media_files import MediaFiles, resolve_media_root, warn_on_orphaned_media
+from pagebuilder.media_files import (
+    MediaFiles,
+    adopt_legacy_files,
+    is_generated_media_name,
+    resolve_media_root,
+    warn_on_orphaned_media,
+)
 from pagebuilder.settings import PagebuilderSettings
+from pagebuilder.snapshots.blobs import BLOBS_DIR, is_digest
 
 _log = logging.getLogger("simple_module.pagebuilder")
 
@@ -126,10 +133,21 @@ def mount_public_routers(app: FastAPI, settings: PagebuilderSettings) -> None:
 
 
 async def mount_media(app: FastAPI, settings: PagebuilderSettings) -> None:
-    """Serve uploaded files from ``{media_url_prefix}/{filename}``."""
+    """Serve uploaded files from ``{media_url_prefix}/{tenant_id}/{filename}``.
+
+    Files (and snapshot blobs) written before per-tenant storage sit directly
+    under their root; they are moved into the default tenant's directory
+    first, so the orphan scan below and every later read find them (#38).
+    """
     media_root = resolve_media_root(settings.media_root)
     media_root.mkdir(parents=True, exist_ok=True)
     _log.info("pagebuilder.media_root: %s", media_root)
+    adopt_legacy_files(media_root, accept=is_generated_media_name)
+    adopt_legacy_files(
+        resolve_media_root(settings.snapshot_root) / BLOBS_DIR,
+        accept=is_digest,
+        label="snapshot_blobs",
+    )
     app.mount(
         settings.media_url_prefix,
         MediaFiles(directory=media_root),

{simple_module_pagebuilder-0.0.7 → simple_module_pagebuilder-0.0.9}/pagebuilder/components/ConfirmDialog.tsx

@@ -14,6 +14,7 @@ import { Label } from '@simple-module-py/ui/components/ui/label';
 import { type ReactNode, useState } from 'react';
 
 import { usePendingDialog } from '../hooks/usePendingDialog';
+import { keys, useT } from '../utils/i18n';
 
 /** How much a confirmation is allowed to cost the person clicking it.
  *
@@ -49,7 +50,7 @@ export function ConfirmDialog({
   trigger,
   title,
   description,
-  confirmLabel = 'Confirm',
+  confirmLabel,
   destructive = false,
   level,
   confirmPhrase,
@@ -72,6 +73,8 @@ export function ConfirmDialog({
   /** Rejecting keeps the dialog open and surfaces the message. */
   onConfirm: () => Promise<unknown>;
 }) {
+  const { t } = useT();
+  const label = confirmLabel ?? t(keys.pagebuilder.confirm.confirm);
   const [typed, setTyped] = useState('');
 
   const resolvedLevel: ConfirmLevel = level ?? (destructive ? 'medium' : 'low');
@@ -87,8 +90,9 @@ export function ConfirmDialog({
   // phrase, because reopening must not inherit the one typed last time: that
   // would put a second delete one click from confirmed, which is the exact
   // property this level exists to remove.
-  const { open, pending, error, change, run } = usePendingDialog(`${confirmLabel} failed`, () =>
-    setTyped(''),
+  const { open, pending, error, change, run } = usePendingDialog(
+    t(keys.pagebuilder.confirm.failed, { action: label }),
+    () => setTyped(''),
   );
 
   return (
@@ -103,7 +107,9 @@ export function ConfirmDialog({
         {needsPhrase && (
           <div className="grid gap-2 py-2">
             <Label htmlFor={CONFIRM_PHRASE_INPUT}>
-              Type <code className="font-mono font-semibold">{confirmPhrase}</code> to confirm
+              {t(keys.pagebuilder.confirm.type_prefix)}{' '}
+              <code className="font-mono font-semibold">{confirmPhrase}</code>{' '}
+              {t(keys.pagebuilder.confirm.type_suffix)}
             </Label>
             <Input
               id={CONFIRM_PHRASE_INPUT}
@@ -116,7 +122,9 @@ export function ConfirmDialog({
         )}
         {error && <p className="text-sm text-destructive">{error}</p>}
         <AlertDialogFooter>
-          <AlertDialogCancel disabled={pending}>Cancel</AlertDialogCancel>
+          <AlertDialogCancel disabled={pending}>
+            {t(keys.pagebuilder.confirm.cancel)}
+          </AlertDialogCancel>
           <AlertDialogAction
             disabled={pending || !unlocked}
             className={
@@ -129,7 +137,7 @@ export function ConfirmDialog({
               void run(onConfirm);
             }}
           >
-            {pending ? 'Working…' : confirmLabel}
+            {pending ? t(keys.pagebuilder.confirm.working) : label}
           </AlertDialogAction>
         </AlertDialogFooter>
       </AlertDialogContent>

{simple_module_pagebuilder-0.0.7 → simple_module_pagebuilder-0.0.9}/pagebuilder/components/DiffSummary.tsx

@@ -1,5 +1,6 @@
 import type React from 'react';
 import type { RevisionDiff } from '../utils/api';
+import { keys, useT } from '../utils/i18n';
 
 interface Props {
   diff: RevisionDiff;
@@ -23,6 +24,7 @@ function renderValue(value: unknown): string {
  * both sides can move together.
  */
 export function DiffSummary({ diff }: Props): React.JSX.Element {
+  const { t } = useT();
   const { metadata, blocks } = diff;
   const metaKeys = Object.keys(metadata);
   const totalChanges =
@@ -34,7 +36,7 @@ export function DiffSummary({ diff }: Props): React.JSX.Element {
         className="mt-3 rounded border bg-card p-3 text-xs text-muted-foreground"
         data-testid="diff-summary"
       >
-        No changes between these revisions.
+        {t(keys.pagebuilder.diff.no_changes)}
       </div>
     );
   }
@@ -43,7 +45,7 @@ export function DiffSummary({ diff }: Props): React.JSX.Element {
     <div className="mt-3 space-y-2 rounded border bg-card p-3 text-xs" data-testid="diff-summary">
       {metaKeys.length > 0 && (
         <div>
-          <div className="font-semibold">Metadata</div>
+          <div className="font-semibold">{t(keys.pagebuilder.diff.metadata)}</div>
           <ul className="ml-3 list-disc">
             {metaKeys.map((key) => (
               <li key={key}>
@@ -59,7 +61,9 @@ export function DiffSummary({ diff }: Props): React.JSX.Element {
       )}
       {blocks.added.length > 0 && (
         <div>
-          <div className="font-semibold text-green-700">Added ({blocks.added.length})</div>
+          <div className="font-semibold text-green-700">
+            {t(keys.pagebuilder.diff.added, { count: blocks.added.length })}
+          </div>
           <ul className="ml-3 list-disc">
             {blocks.added.map((b) => (
               <li key={b.id}>
@@ -72,7 +76,9 @@ export function DiffSummary({ diff }: Props): React.JSX.Element {
       )}
       {blocks.removed.length > 0 && (
         <div>
-          <div className="font-semibold text-red-700">Removed ({blocks.removed.length})</div>
+          <div className="font-semibold text-red-700">
+            {t(keys.pagebuilder.diff.removed, { count: blocks.removed.length })}
+          </div>
           <ul className="ml-3 list-disc">
             {blocks.removed.map((b) => (
               <li key={b.id}>
@@ -85,7 +91,9 @@ export function DiffSummary({ diff }: Props): React.JSX.Element {
       )}
       {blocks.changed.length > 0 && (
         <div>
-          <div className="font-semibold text-amber-700">Changed ({blocks.changed.length})</div>
+          <div className="font-semibold text-amber-700">
+            {t(keys.pagebuilder.diff.changed, { count: blocks.changed.length })}
+          </div>
           <ul className="ml-3 list-disc">
             {blocks.changed.map((b) => (
               <li key={b.id}>
@@ -94,7 +102,8 @@ export function DiffSummary({ diff }: Props): React.JSX.Element {
                 {b.type_before && (
                   <span className="text-muted-foreground">
                     {' '}
-                    — was <span className="font-mono">{b.type_before}</span>
+                    {t(keys.pagebuilder.diff.was)}{' '}
+                    <span className="font-mono">{b.type_before}</span>
                   </span>
                 )}
                 {b.fields.length > 0 && <span>: {b.fields.join(', ')}</span>}

{simple_module_pagebuilder-0.0.7 → simple_module_pagebuilder-0.0.9}/pagebuilder/components/NewPageDialog.tsx

@@ -18,6 +18,7 @@ import {
 import { useEffect, useState } from 'react';
 
 import type { PageRead } from '../utils/api';
+import { keys, useT } from '../utils/i18n';
 import { localeLabel, localePrefix } from '../utils/locale';
 import { createPage, listPages, listTemplates } from '../utils/pagesApi';
 import { slugify } from '../utils/slugify';
@@ -55,6 +56,7 @@ export function NewPageDialog({
   locales = ['en'],
   defaultLocale = 'en',
 }: Props) {
+  const { t } = useT();
   const [open, setOpen] = useState(false);
   const [title, setTitle] = useState('');
   // Null until the author edits it: while it is null the slug tracks the title,
@@ -124,7 +126,7 @@ export function NewPageDialog({
   return (
     <Dialog open={open} onOpenChange={reset}>
       <DialogTrigger asChild>
-        <Button type="button">New page</Button>
+        <Button type="button">{t(keys.pagebuilder.new_page.trigger)}</Button>
       </DialogTrigger>
       <DialogContent>
         <form
@@ -134,28 +136,26 @@ export function NewPageDialog({
           }}
         >
           <DialogHeader>
-            <DialogTitle>New page</DialogTitle>
-            <DialogDescription>
-              A few fields, all changeable later except the language. Creating opens the editor.
-            </DialogDescription>
+            <DialogTitle>{t(keys.pagebuilder.new_page.title)}</DialogTitle>
+            <DialogDescription>{t(keys.pagebuilder.new_page.description)}</DialogDescription>
           </DialogHeader>
 
           <div className="grid gap-4 py-4">
             <div className="grid gap-2">
-              <Label htmlFor={TITLE_ID}>Title</Label>
+              <Label htmlFor={TITLE_ID}>{t(keys.pagebuilder.new_page.title_label)}</Label>
               <Input
                 id={TITLE_ID}
                 value={title}
                 autoFocus
                 disabled={pending}
-                placeholder="Field methods"
+                placeholder={t(keys.pagebuilder.new_page.title_placeholder)}
                 onChange={(e) => setTitle(e.target.value)}
               />
             </div>
 
             {locales.length > 1 && (
               <div className="grid gap-2">
-                <Label htmlFor={LOCALE_ID}>Language</Label>
+                <Label htmlFor={LOCALE_ID}>{t(keys.pagebuilder.new_page.language_label)}</Label>
                 <NativeSelect
                   id={LOCALE_ID}
                   value={locale}
@@ -176,14 +176,13 @@ export function NewPageDialog({
                   ))}
                 </NativeSelect>
                 <p className="text-xs text-muted-foreground">
-                  Fixed once the page exists. To publish the same page in another language, add a
-                  translation from the editor's Languages tab.
+                  {t(keys.pagebuilder.new_page.language_help)}
                 </p>
               </div>
             )}
 
             <div className="grid gap-2">
-              <Label htmlFor={SLUG_ID}>URL</Label>
+              <Label htmlFor={SLUG_ID}>{t(keys.pagebuilder.new_page.url_label)}</Label>
               <div className="flex items-center gap-1">
                 <span className="text-sm text-muted-foreground">
                   {localePrefix(locale, defaultLocale)}
@@ -199,16 +198,16 @@ export function NewPageDialog({
             </div>
 
             <div className="grid gap-2">
-              <Label htmlFor={START_ID}>Start from</Label>
+              <Label htmlFor={START_ID}>{t(keys.pagebuilder.new_page.start_label)}</Label>
               <NativeSelect
                 id={START_ID}
                 value={startFrom}
                 disabled={pending}
                 onChange={(e) => setStartFrom(e.target.value)}
               >
-                <option value={BLANK}>Blank</option>
+                <option value={BLANK}>{t(keys.pagebuilder.new_page.start_blank)}</option>
                 {templates.length > 0 && (
-                  <NativeSelectOptGroup label="Templates">
+                  <NativeSelectOptGroup label={t(keys.pagebuilder.new_page.start_templates)}>
                     {templates.map((t) => (
                       <option key={t.id} value={String(t.id)}>
                         {t.title}
@@ -217,7 +216,7 @@ export function NewPageDialog({
                   </NativeSelectOptGroup>
                 )}
                 {copyable.length > 0 && (
-                  <NativeSelectOptGroup label="Copy a page">
+                  <NativeSelectOptGroup label={t(keys.pagebuilder.new_page.start_copy)}>
                     {copyable.map((p) => (
                       <option key={p.id} value={String(p.id)}>
                         {p.title}
@@ -227,20 +226,19 @@ export function NewPageDialog({
                 )}
               </NativeSelect>
               <p className="text-xs text-muted-foreground">
-                Templates are ordinary pages flagged as templates, so the set grows without a
-                developer.
+                {t(keys.pagebuilder.new_page.start_help)}
               </p>
             </div>
 
             <div className="grid gap-2">
-              <Label htmlFor={PARENT_ID}>Parent</Label>
+              <Label htmlFor={PARENT_ID}>{t(keys.pagebuilder.new_page.parent_label)}</Label>
               <NativeSelect
                 id={PARENT_ID}
                 value={parentId}
                 disabled={pending}
                 onChange={(e) => setParentId(e.target.value)}
               >
-                <option value="">None</option>
+                <option value="">{t(keys.pagebuilder.new_page.parent_none)}</option>
                 {pages
                   .filter((p) => p.locale === locale)
                   .map((p) => (
@@ -250,8 +248,7 @@ export function NewPageDialog({
                   ))}
               </NativeSelect>
               <p className="text-xs text-muted-foreground">
-                Optional. Affects the breadcrumb, not the URL. Only pages in the same language — a
-                breadcrumb that crosses languages sends a reader out of theirs.
+                {t(keys.pagebuilder.new_page.parent_help)}
               </p>
             </div>
 
@@ -260,10 +257,12 @@ export function NewPageDialog({
 
           <DialogFooter>
             <Button type="button" variant="outline" disabled={pending} onClick={() => reset(false)}>
-              Cancel
+              {t(keys.pagebuilder.new_page.cancel)}
             </Button>
             <Button type="submit" disabled={pending || !title.trim() || !slug}>
-              {pending ? 'Creating…' : 'Create and open editor'}
+              {pending
+                ? t(keys.pagebuilder.new_page.creating)
+                : t(keys.pagebuilder.new_page.create)}
             </Button>
           </DialogFooter>
         </form>

{simple_module_pagebuilder-0.0.7 → simple_module_pagebuilder-0.0.9}/pagebuilder/components/NoteDialog.tsx

@@ -13,6 +13,7 @@ import { Textarea } from '@simple-module-py/ui/components/ui/textarea';
 import { type ReactNode, useId, useState } from 'react';
 
 import { usePendingDialog } from '../hooks/usePendingDialog';
+import { keys, useT } from '../utils/i18n';
 
 /**
  * Collect a note — a rejection reason, a publish message — before running an
@@ -47,13 +48,15 @@ export function NoteDialog({
   /** Rejecting keeps the dialog open and surfaces the message. */
   onSubmit: (note: string) => Promise<unknown>;
 }) {
+  const { t } = useT();
   const fieldId = useId();
   const [note, setNote] = useState('');
   // The open/pending/error lifecycle is shared with ConfirmDialog — see the
   // hook. The note clears on every close path so a reopened dialog starts
   // blank rather than carrying a half-typed message.
-  const { open, pending, error, change, run } = usePendingDialog(`${submitLabel} failed`, () =>
-    setNote(''),
+  const { open, pending, error, change, run } = usePendingDialog(
+    t(keys.pagebuilder.confirm.failed, { action: submitLabel }),
+    () => setNote(''),
   );
 
   const submit = () => {
@@ -79,7 +82,11 @@ export function NoteDialog({
           <div className="grid gap-2 py-4">
             <Label htmlFor={fieldId}>
               {label}
-              {!required && <span className="ml-1 text-muted-foreground">(optional)</span>}
+              {!required && (
+                <span className="ml-1 text-muted-foreground">
+                  {t(keys.pagebuilder.confirm.optional)}
+                </span>
+              )}
             </Label>
             <Textarea
               id={fieldId}
@@ -99,14 +106,14 @@ export function NoteDialog({
               disabled={pending}
               onClick={() => change(false)}
             >
-              Cancel
+              {t(keys.pagebuilder.confirm.cancel)}
             </Button>
             <Button
               type="submit"
               variant={destructive ? 'destructive' : 'default'}
               disabled={pending || (required && !note.trim())}
             >
-              {pending ? 'Working…' : submitLabel}
+              {pending ? t(keys.pagebuilder.confirm.working) : submitLabel}
             </Button>
           </DialogFooter>
         </form>