@fonderie/vue-admin-screens 1.4.0 → 1.6.0

package/dist/index.js

@@ -1,6 +1,13 @@
 // src/screens/AdminShell.ts
+import {
+  createAdminT as createAdminT16
+} from "@fonderie/client";
 import { ConfigEditorScreen, ConfigListScreen } from "@fonderie/vue-config-admin-screens";
-import { TemplateEditorScreen, TemplateListScreen } from "@fonderie/vue-courier-admin-screens";
+import {
+  TemplateCreateScreen,
+  TemplateEditorScreen,
+  TemplateListScreen
+} from "@fonderie/vue-courier-admin-screens";
 import { computed as computed3, defineComponent as defineComponent15, h as h17, onBeforeUnmount, onMounted, ref as ref9 } from "vue";
 
 // src/styles.ts
@@ -557,10 +564,10 @@ function empty(title, body, iconName = "check") {
     body ? h("div", body) : null
   ]);
 }
-function refreshButton(onClick, busy, label = "Refresh") {
+function refreshButton(onClick, busy, label = "Refresh", busyLabel = "Working\u2026") {
   return h("button", { type: "button", style: styles.button, onClick, disabled: busy }, [
     icon("refresh", 14),
-    busy ? "Working\u2026" : label
+    busy ? busyLabel : label
   ]);
 }
 function methodChip(method) {
@@ -587,6 +594,10 @@ function methodChip(method) {
 }
 
 // src/screens/AdminLogScreen.ts
+import {
+  createAdminT,
+  formatAdminDate
+} from "@fonderie/client";
 import { useAdminLog } from "@fonderie/vue-admin";
 import { defineComponent, h as h3 } from "vue";
 
@@ -614,15 +625,11 @@ function table(headers, rows) {
   ]);
 }
 var td = (children, extra = {}) => h2("td", { style: { ...styles.td, ...extra } }, children);
-var refreshButton2 = (label, disabled, onClick) => h2("button", { type: "button", style: styles.button, disabled, onClick }, [
+var refreshButton2 = (label, disabled, onClick, busyLabel = "Working\u2026") => h2("button", { type: "button", style: styles.button, disabled, onClick }, [
   icon("refresh", 14),
-  disabled ? "Working\u2026" : label
+  disabled ? busyLabel : label
 ]);
-var loadMoreButton = (onClick) => h2(
-  "button",
-  { type: "button", style: { ...styles.button, marginTop: "12px" }, onClick },
-  "Load more"
-);
+var loadMoreButton = (onClick, label = "Load more") => h2("button", { type: "button", style: { ...styles.button, marginTop: "12px" }, onClick }, label);
 var actionButton = (label, disabled, onClick, style = styles.button) => h2("button", { type: "button", style, disabled, onClick }, label);
 
 // src/screens/AdminLogScreen.ts
@@ -630,69 +637,90 @@ var AdminLogScreen = defineComponent({
   name: "FonderieAdminLogScreen",
   props: {
     client: { type: Object, required: true },
-    pageSize: { type: Number, default: 50 }
+    pageSize: { type: Number, default: 50 },
+    locale: { type: String, default: void 0 }
   },
   setup(props) {
     const { entries, hasMore, isLoading, error, refresh, loadMore } = useAdminLog(props.client, {
       limit: props.pageSize
     });
-    return () => h3("div", { style: styles.container }, [
-      pageHeader(
-        "Admin log",
-        "Every request made through this surface, newest first \u2014 refused ones included.",
-        [refreshButton2("Refresh", isLoading.value, () => void refresh())]
-      ),
-      error.value ? h3(
-        "p",
-        { style: styles.error, role: "alert" },
-        error.value.status === 404 ? "The admin log is off \u2014 give AdminModule a store." : error.value.explanation
-      ) : entries.value.length === 0 && !isLoading.value ? empty("No requests yet", void 0, "log") : [
-        table(
-          ["When", "Actor", "Request", "Status", "Module"],
-          entries.value.map(
-            (e) => h3("tr", { key: e.id }, [
-              td(new Date(e.at).toLocaleString(), {
-                ...styles.muted,
-                whiteSpace: "nowrap"
-              }),
-              td(e.actor),
-              td([
-                methodChip(e.method),
-                " ",
-                h3("span", { style: { ...styles.mono, wordBreak: "break-all" } }, e.path)
-              ]),
-              td(
-                [
-                  pill(
-                    e.status >= 500 ? "bad" : e.status >= 400 ? "warn" : "ok",
-                    String(e.status)
-                  ),
-                  " ",
-                  h3("span", { style: styles.muted }, `${e.durationMs} ms`)
-                ],
-                { whiteSpace: "nowrap" }
-              ),
-              td(e.module, styles.muted)
-            ])
+    return () => {
+      const t2 = createAdminT(props.locale);
+      return h3("div", { style: styles.container }, [
+        pageHeader(t2("log.title"), t2("log.lead"), [
+          refreshButton2(
+            t2("common.refresh"),
+            isLoading.value,
+            () => void refresh(),
+            t2("common.working")
           )
-        ),
-        isLoading.value ? h3("p", { style: styles.status }, "Loading\u2026") : null,
-        hasMore.value && !isLoading.value ? loadMoreButton(() => void loadMore()) : null
-      ]
-    ]);
+        ]),
+        error.value ? h3(
+          "p",
+          { style: styles.error, role: "alert" },
+          error.value.status === 404 ? t2("log.off") : error.value.explanation
+        ) : entries.value.length === 0 && !isLoading.value ? empty(t2("log.empty"), void 0, "log") : [
+          table(
+            [
+              t2("log.colWhen"),
+              t2("log.colActor"),
+              t2("log.colRequest"),
+              t2("log.colStatus"),
+              t2("log.colModule")
+            ],
+            entries.value.map(
+              (e) => h3("tr", { key: e.id }, [
+                td(formatAdminDate(e.at, props.locale), {
+                  ...styles.muted,
+                  whiteSpace: "nowrap"
+                }),
+                td(e.actor),
+                td([
+                  methodChip(e.method),
+                  " ",
+                  h3("span", { style: { ...styles.mono, wordBreak: "break-all" } }, e.path)
+                ]),
+                td(
+                  [
+                    pill(
+                      e.status >= 500 ? "bad" : e.status >= 400 ? "warn" : "ok",
+                      String(e.status)
+                    ),
+                    " ",
+                    h3("span", { style: styles.muted }, `${e.durationMs} ms`)
+                  ],
+                  { whiteSpace: "nowrap" }
+                ),
+                td(e.module, styles.muted)
+              ])
+            )
+          ),
+          isLoading.value ? h3("p", { style: styles.status }, t2("common.loading")) : null,
+          hasMore.value && !isLoading.value ? loadMoreButton(() => void loadMore(), t2("common.loadMore")) : null
+        ]
+      ]);
+    };
   }
 });
 
 // src/screens/AttentionScreen.ts
+import {
+  createAdminT as createAdminT2,
+  formatAdminDate as formatAdminDate2
+} from "@fonderie/client";
 import { useAttention, useManifest } from "@fonderie/vue-admin";
 import { defineComponent as defineComponent2, h as h4 } from "vue";
 var AttentionScreen = defineComponent2({
   name: "FonderieAttentionScreen",
-  props: { client: { type: Object, required: true } },
+  props: {
+    client: { type: Object, required: true },
+    locale: { type: String, default: void 0 }
+  },
   setup(props) {
     const { attention, isLoading, error, refresh } = useAttention(props.client);
     const { manifest } = useManifest(props.client);
     return () => {
+      const t2 = createAdminT2(props.locale);
       const a = attention.value;
       const m = manifest.value;
       const errors = a?.items.filter((i) => i.severity === "error") ?? [];
@@ -701,34 +729,39 @@ var AttentionScreen = defineComponent2({
       const total = m?.modules.length ?? 0;
       const tiles = h4("div", { style: styles.grid }, [
         stat(
-          "Needs action",
+          t2("attention.needsAction"),
           a ? errors.length : "\u2014",
-          "errors to fix",
+          t2("attention.needsActionHint"),
           errors.length ? "bad" : a ? "ok" : void 0
         ),
-        stat("Advice", a ? advice.length : "\u2014", "worth a look", advice.length ? "warn" : void 0),
         stat(
-          "Modules ready",
+          t2("attention.advice"),
+          a ? advice.length : "\u2014",
+          t2("attention.adviceHint"),
+          advice.length ? "warn" : void 0
+        ),
+        stat(
+          t2("attention.modulesReady"),
           m ? `${ready}/${total}` : "\u2014",
-          m ? `admin ${m.admin.version}` : void 0,
+          m ? t2("attention.modulesReadyHint", { version: m.admin.version }) : void 0,
           m && ready < total ? "warn" : m ? "ok" : void 0
         ),
-        stat("Routes", m ? m.routes.length : "\u2014", m ? m.env : void 0)
+        stat(t2("attention.routes"), m ? m.routes.length : "\u2014", m ? m.env : void 0)
       ]);
       return page(
-        "Attention",
+        t2("attention.title"),
         // Tiles show while the checks run; only the list waits.
         { isLoading: { value: false }, error },
         () => {
           if (isLoading.value && !a)
-            return [tiles, h4("p", { style: styles.status }, "Running the checks\u2026")];
+            return [tiles, h4("p", { style: styles.status }, t2("attention.running"))];
           if (!a) return tiles;
           if (a.items.length === 0)
             return [
               tiles,
               empty(
-                "Nothing needs you",
-                `Every check passes. Checked ${new Date(a.generatedAt).toLocaleString()}.`
+                t2("attention.emptyTitle"),
+                t2("attention.emptyBody", { time: formatAdminDate2(a.generatedAt, props.locale) })
               )
             ];
           return [
@@ -768,7 +801,7 @@ var AttentionScreen = defineComponent2({
                         [
                           pill(
                             item.severity === "error" ? "bad" : "warn",
-                            item.severity === "error" ? "error" : "advice"
+                            item.severity === "error" ? t2("common.status.error") : t2("common.status.advice")
                           ),
                           h4("span", { style: styles.mono }, item.source)
                         ]
@@ -781,9 +814,18 @@ var AttentionScreen = defineComponent2({
             )
           ];
         },
-        [refreshButton2("Refresh", isLoading.value, () => void refresh())],
+        [
+          refreshButton2(
+            t2("common.refresh"),
+            isLoading.value,
+            () => void refresh(),
+            t2("common.working")
+          )
+        ],
         {
-          lead: a ? `What needs you on this deployment \xB7 checked ${new Date(a.generatedAt).toLocaleTimeString()}` : "What needs you on this deployment"
+          lead: a ? t2("attention.leadChecked", {
+            time: formatAdminDate2(a.generatedAt, props.locale, "time")
+          }) : t2("attention.lead")
         }
       );
     };
@@ -791,28 +833,29 @@ var AttentionScreen = defineComponent2({
 });
 
 // src/screens/EnvironmentScreen.ts
+import { createAdminT as createAdminT3 } from "@fonderie/client";
 import { useAdminEnvironment } from "@fonderie/vue-admin";
 import { defineComponent as defineComponent3, h as h5 } from "vue";
 var EnvironmentScreen = defineComponent3({
   name: "FonderieEnvironmentScreen",
-  props: { client: { type: Object, required: true } },
+  props: {
+    client: { type: Object, required: true },
+    locale: { type: String, default: void 0 }
+  },
   setup(props) {
     const { report, isLoading, error } = useAdminEnvironment(props.client);
     return () => {
+      const t2 = createAdminT3(props.locale);
       const r = report.value;
       const missing = r?.env.filter((e) => !e.set).length ?? 0;
       return page(
-        "Environment",
+        t2("environment.title"),
         { isLoading, error },
         () => {
           if (!r) return null;
           return [
-            h5("h2", { style: { ...styles.subtitle, marginTop: 0 } }, "Variables"),
-            r.env.length === 0 ? h5(
-              "p",
-              { style: styles.muted },
-              "No variables declared \u2014 pass `env` to AdminModule."
-            ) : h5(
+            h5("h2", { style: { ...styles.subtitle, marginTop: 0 } }, t2("environment.variables")),
+            r.env.length === 0 ? h5("p", { style: styles.muted }, t2("environment.noVariables")) : h5(
               "div",
               {
                 style: {
@@ -837,12 +880,15 @@ var EnvironmentScreen = defineComponent3({
                   },
                   [
                     h5("span", { style: { ...styles.mono, wordBreak: "break-all" } }, e.name),
-                    pill(e.set ? "ok" : "bad", e.set ? "set" : "missing")
+                    pill(
+                      e.set ? "ok" : "bad",
+                      e.set ? t2("common.status.set") : t2("common.status.missing")
+                    )
                   ]
                 )
               )
             ),
-            h5("h2", { style: styles.subtitle }, "Module readiness"),
+            h5("h2", { style: styles.subtitle }, t2("environment.moduleReadiness")),
             h5(
               "ul",
               { style: styles.list },
@@ -862,7 +908,7 @@ var EnvironmentScreen = defineComponent3({
                       h5("span", { style: { ...styles.mono, fontWeight: 600 } }, m.name),
                       pill(
                         m.problems.length === 0 ? "ok" : m.problems.some((p) => p.severity === "error") ? "bad" : "warn",
-                        m.problems.length === 0 ? "ready" : `${m.problems.length} problem${m.problems.length === 1 ? "" : "s"}`
+                        m.problems.length === 0 ? t2("common.status.ready") : m.problems.length === 1 ? t2("environment.problemOne") : t2("environment.problemMany", { n: m.problems.length })
                       )
                     ]
                   ),
@@ -886,10 +932,14 @@ var EnvironmentScreen = defineComponent3({
           ];
         },
         [
-          r && r.env.length > 0 ? pill(missing ? "bad" : "ok", missing ? `${missing} missing` : "all set") : null
+          r && r.env.length > 0 ? pill(
+            missing ? "bad" : "ok",
+            missing ? t2("environment.missingCount", { n: missing }) : t2("environment.allSet")
+          ) : null
         ],
         {
-          lead: "Whether each module is configured and each variable the app reads is set. Values are never shown."
+          loadingText: t2("common.loading"),
+          lead: t2("environment.lead")
         }
       );
     };
@@ -897,103 +947,131 @@ var EnvironmentScreen = defineComponent3({
 });
 
 // src/screens/DoctorScreen.ts
+import { createAdminT as createAdminT4 } from "@fonderie/client";
 import { useDoctor } from "@fonderie/vue-admin";
 import { defineComponent as defineComponent4, h as h6 } from "vue";
 var DoctorScreen = defineComponent4({
   name: "FonderieDoctorScreen",
-  props: { client: { type: Object, required: true } },
+  props: {
+    client: { type: Object, required: true },
+    locale: { type: String, default: void 0 }
+  },
   setup(props) {
     const { report, isLoading, error, refresh } = useDoctor(props.client);
-    return () => page(
-      "Doctor",
-      { isLoading: { value: isLoading.value && !report.value }, error },
-      () => {
-        const r = report.value;
-        if (!r) return null;
-        return table(
-          [
-            { label: "Result", style: { width: "110px" } },
-            "Check",
-            { label: "Time", style: { textAlign: "right", width: "90px" } }
-          ],
-          r.checks.map(
-            (c) => h6("tr", { key: c.name }, [
-              td(
-                pill(
-                  c.skipped ? "neutral" : c.ok ? c.findings.length ? "warn" : "ok" : "bad",
-                  c.skipped ? "skipped" : c.ok ? c.findings.length ? "advice" : "ok" : "failed"
-                )
-              ),
-              td([
-                h6("div", [
-                  h6("span", { style: { ...styles.mono, fontWeight: 600 } }, c.name),
-                  " ",
-                  h6("span", { style: styles.muted }, c.module)
-                ]),
-                c.skipped ? h6("div", { style: { ...styles.muted, marginTop: "4px" } }, c.skipped) : null,
-                ...c.findings.map(
-                  (f) => h6(
-                    "div",
-                    {
-                      key: f,
-                      style: {
-                        marginTop: "4px",
-                        fontSize: "13px",
-                        lineHeight: 1.55,
-                        color: c.ok ? "var(--fonderie-text,#171717)" : "var(--fonderie-danger,#e00)"
-                      }
-                    },
-                    f
+    return () => {
+      const t2 = createAdminT4(props.locale);
+      return page(
+        t2("doctor.title"),
+        { isLoading: { value: isLoading.value && !report.value }, error },
+        () => {
+          const r = report.value;
+          if (!r) return null;
+          return table(
+            [
+              { label: t2("doctor.colResult"), style: { width: "110px" } },
+              t2("doctor.colCheck"),
+              { label: t2("doctor.colTime"), style: { textAlign: "right", width: "90px" } }
+            ],
+            r.checks.map(
+              (c) => h6("tr", { key: c.name }, [
+                td(
+                  pill(
+                    c.skipped ? "neutral" : c.ok ? c.findings.length ? "warn" : "ok" : "bad",
+                    c.skipped ? t2("common.status.skipped") : c.ok ? c.findings.length ? t2("common.status.advice") : t2("common.status.ok") : t2("common.status.failed")
                   )
-                )
-              ]),
-              td(`${c.durationMs} ms`, {
-                ...styles.muted,
-                textAlign: "right",
-                whiteSpace: "nowrap"
-              })
-            ])
+                ),
+                td([
+                  h6("div", [
+                    h6("span", { style: { ...styles.mono, fontWeight: 600 } }, c.name),
+                    " ",
+                    h6("span", { style: styles.muted }, c.module)
+                  ]),
+                  c.skipped ? h6("div", { style: { ...styles.muted, marginTop: "4px" } }, c.skipped) : null,
+                  ...c.findings.map(
+                    (f) => h6(
+                      "div",
+                      {
+                        key: f,
+                        style: {
+                          marginTop: "4px",
+                          fontSize: "13px",
+                          lineHeight: 1.55,
+                          color: c.ok ? "var(--fonderie-text,#171717)" : "var(--fonderie-danger,#e00)"
+                        }
+                      },
+                      f
+                    )
+                  )
+                ]),
+                td(`${c.durationMs} ms`, {
+                  ...styles.muted,
+                  textAlign: "right",
+                  whiteSpace: "nowrap"
+                })
+              ])
+            )
+          );
+        },
+        [
+          report.value && !isLoading.value ? pill(
+            report.value.ok ? "ok" : "bad",
+            report.value.ok ? t2("doctor.allPass") : t2("doctor.oneFailed")
+          ) : null,
+          refreshButton2(
+            t2("doctor.runAgain"),
+            isLoading.value,
+            () => void refresh(),
+            t2("common.working")
           )
-        );
-      },
-      [
-        report.value && !isLoading.value ? pill(
-          report.value.ok ? "ok" : "bad",
-          report.value.ok ? "all checks pass" : "a check failed"
-        ) : null,
-        refreshButton2("Run again", isLoading.value, () => void refresh())
-      ],
-      {
-        loadingText: "Running the checks\u2026",
-        lead: "Every reconciliation check across the installed modules, run on demand."
-      }
-    );
+        ],
+        {
+          loadingText: t2("doctor.running"),
+          lead: t2("doctor.lead")
+        }
+      );
+    };
   }
 });
 
 // src/screens/ModulesScreen.ts
+import { createAdminT as createAdminT5 } from "@fonderie/client";
 import { useManifest as useManifest2 } from "@fonderie/vue-admin";
 import { defineComponent as defineComponent5, h as h7 } from "vue";
 var ModulesScreen = defineComponent5({
   name: "FonderieModulesScreen",
-  props: { client: { type: Object, required: true } },
+  props: {
+    client: { type: Object, required: true },
+    locale: { type: String, default: void 0 }
+  },
   setup(props) {
     const { manifest, isLoading, error } = useManifest2(props.client);
     return () => {
+      const t2 = createAdminT5(props.locale);
       const m = manifest.value;
       return page(
-        "Modules",
+        t2("modules.title"),
         { isLoading, error },
         () => {
           if (!m) return null;
           return table(
-            ["Module", "Version", "Readiness", "Admin"],
+            [
+              t2("modules.colModule"),
+              t2("modules.colVersion"),
+              t2("modules.colReadiness"),
+              t2("modules.colAdmin")
+            ],
             m.modules.map(
               (mod) => h7("tr", { key: mod.name }, [
                 td(mod.name, { ...styles.mono, fontWeight: 600 }),
-                td(mod.version ?? h7("span", { style: styles.muted }, "not reported"), styles.mono),
+                td(
+                  mod.version ?? h7("span", { style: styles.muted }, t2("modules.notReported")),
+                  styles.mono
+                ),
                 td([
-                  pill(mod.readiness.ok ? "ok" : "bad", mod.readiness.ok ? "ready" : "error"),
+                  pill(
+                    mod.readiness.ok ? "ok" : "bad",
+                    mod.readiness.ok ? t2("common.status.ready") : t2("common.status.error")
+                  ),
                   ...mod.readiness.problems.map(
                     (p) => h7(
                       "div",
@@ -1010,7 +1088,7 @@ var ModulesScreen = defineComponent5({
                   )
                 ]),
                 td(
-                  mod.describesAdmin ? h7("span", { style: styles.badge }, "describes admin") : h7("span", { style: styles.muted }, "\u2014")
+                  mod.describesAdmin ? h7("span", { style: styles.badge }, t2("modules.describesAdmin")) : h7("span", { style: styles.muted }, "\u2014")
                 )
               ])
             )
@@ -1018,7 +1096,13 @@ var ModulesScreen = defineComponent5({
         },
         [],
         {
-          lead: m ? `${m.env} \xB7 admin ${m.admin.version} \xB7 admin log ${m.admin.log ? "on" : "off"} \xB7 ${m.routes.length} routes` : "Every installed module, its version and whether it is ready."
+          loadingText: t2("common.loading"),
+          lead: m ? t2("modules.leadSummary", {
+            env: m.env,
+            version: m.admin.version,
+            log: m.admin.log ? t2("modules.logOn") : t2("modules.logOff"),
+            routes: m.routes.length
+          }) : t2("modules.lead")
         }
       );
     };
@@ -1026,24 +1110,34 @@ var ModulesScreen = defineComponent5({
 });
 
 // src/screens/RoutesScreen.ts
+import { createAdminT as createAdminT6 } from "@fonderie/client";
 import { useAdminRoutes } from "@fonderie/vue-admin";
 import { defineComponent as defineComponent6, h as h8, ref } from "vue";
 var RoutesScreen = defineComponent6({
   name: "FonderieRoutesScreen",
-  props: { client: { type: Object, required: true } },
+  props: {
+    client: { type: Object, required: true },
+    locale: { type: String, default: void 0 }
+  },
   setup(props) {
     const { report, isLoading, error } = useAdminRoutes(props.client);
     const q = ref("");
     return () => {
+      const t2 = createAdminT6(props.locale);
       const needle = q.value.trim().toLowerCase();
       const routes = (report.value?.routes ?? []).filter(
         (r) => !needle || `${r.method} ${r.path} ${r.module ?? "application"} ${r.guard}`.toLowerCase().includes(needle)
       );
       return page(
-        "Routes",
+        t2("routes.title"),
         { isLoading, error },
         () => table(
-          [{ label: "Method", style: { width: "80px" } }, "Path", "Guard", "Module"],
+          [
+            { label: t2("routes.colMethod"), style: { width: "80px" } },
+            t2("routes.colPath"),
+            t2("routes.colGuard"),
+            t2("routes.colModule")
+          ],
           [
             ...routes.map(
               (r) => h8("tr", { key: `${r.method} ${r.path}` }, [
@@ -1056,7 +1150,7 @@ var RoutesScreen = defineComponent6({
                     false
                   )
                 ),
-                td(r.module ?? "application", styles.muted)
+                td(r.module ?? t2("routes.application"), styles.muted)
               ])
             ),
             ...routes.length === 0 ? [
@@ -1064,7 +1158,7 @@ var RoutesScreen = defineComponent6({
                 h8(
                   "td",
                   { style: { ...styles.td, ...styles.muted }, colspan: 4 },
-                  `No route matches \u201C${q.value}\u201D.`
+                  t2("routes.noMatch", { q: q.value })
                 )
               ])
             ] : []
@@ -1074,16 +1168,17 @@ var RoutesScreen = defineComponent6({
           h8("input", {
             type: "search",
             value: q.value,
-            placeholder: "Filter by path, method, module\u2026",
+            placeholder: t2("routes.filterPlaceholder"),
             style: { ...styles.input, width: "280px" },
-            "aria-label": "Filter routes",
+            "aria-label": t2("routes.filterLabel"),
             onInput: (e) => {
               q.value = e.target.value;
             }
           })
         ],
         {
-          lead: report.value ? `${report.value.routes.length} routes exposed by this deployment, with the guard in front of each.` : "Every exposed route, with its guard."
+          loadingText: t2("common.loading"),
+          lead: report.value ? t2("routes.leadCount", { n: report.value.routes.length }) : t2("routes.lead")
         }
       );
     };
@@ -1091,27 +1186,33 @@ var RoutesScreen = defineComponent6({
 });
 
 // src/screens/MigrationsScreen.ts
+import {
+  createAdminT as createAdminT7
+} from "@fonderie/client";
 import { useAdminMigrations } from "@fonderie/vue-admin";
 import { defineComponent as defineComponent7, h as h9 } from "vue";
-function why(m, everApplied) {
+function why(t2, m, everApplied) {
   if (m.pending.length === 0) return null;
-  if (m.blockedBy) return `Apply "${m.blockedBy}" first \u2014 it runs before this one and is behind.`;
+  if (m.blockedBy) return t2("migrations.blockedBy", { module: m.blockedBy });
   if (everApplied && m.pending.some((p) => p.impact === "destructive"))
-    return "Contains a migration that deletes data. No down-migration brings it back \u2014 apply this one through CI or `npm run migrate`.";
+    return t2("migrations.destructiveBlocked");
   return null;
 }
 var MigrationsScreen = defineComponent7({
   name: "FonderieMigrationsScreen",
-  props: { client: { type: Object, required: true } },
+  props: {
+    client: { type: Object, required: true },
+    locale: { type: String, default: void 0 }
+  },
   setup(props) {
     const { report, isLoading, error, refresh, apply } = useAdminMigrations(props.client);
-    const section = (m, everApplied) => {
-      const blocked = why(m, everApplied);
+    const section = (t2, m, everApplied) => {
+      const blocked = why(t2, m, everApplied);
       const files = m.pending.map((p) => p.file);
       return h9("section", { style: { ...styles.card, marginBottom: "16px" } }, [
         h9("h2", { style: { ...styles.subtitle, marginTop: 0 } }, [
           h9("span", { style: styles.mono }, m.name),
-          pill("warn", `${m.pending.length} pending`)
+          pill("warn", t2("migrations.pendingCount", { n: m.pending.length }))
         ]),
         h9(
           "ul",
@@ -1120,7 +1221,7 @@ var MigrationsScreen = defineComponent7({
             (p) => h9("li", [
               h9("code", { style: styles.code }, p.file),
               " ",
-              p.impact === "destructive" ? pill("bad", "destructive") : pill("neutral", "additive"),
+              p.impact === "destructive" ? pill("bad", t2("migrations.destructive")) : pill("neutral", t2("migrations.additive")),
               p.destructive.length > 0 ? h9(
                 "ul",
                 p.destructive.map((s) => h9("li", [h9("code", s.slice(0, 120))]))
@@ -1136,57 +1237,64 @@ var MigrationsScreen = defineComponent7({
             disabled: isLoading.value || !m.appliable,
             onClick: () => {
               if (window.confirm(
-                `Apply ${m.pending.length} migration(s) to "${m.name}"? This changes the database schema.`
+                t2("migrations.confirmApply", { n: m.pending.length, module: m.name })
               ))
                 void apply(m.name, files).catch(() => {
                 });
             }
           },
-          `Apply ${m.pending.length} migration${m.pending.length === 1 ? "" : "s"}`
+          m.pending.length === 1 ? t2("migrations.applyOne") : t2("migrations.applyMany", { n: m.pending.length })
         )
       ]);
     };
-    return () => page(
-      "Migrations",
-      { isLoading, error },
-      () => {
-        const r = report.value;
-        if (!r) return null;
-        const behind = r.modules.filter((m) => m.pending.length > 0);
-        if (behind.length === 0)
-          return empty("Every module is up to date", "No pending migrations.", "migrations");
-        return [
-          r.everApplied ? null : h9(
-            "p",
-            { style: styles.notice },
-            "This database has never been migrated \u2014 treating it as a first install, so nothing is held back."
-          ),
-          ...behind.map((m) => section(m, r.everApplied))
-        ].filter(Boolean);
-      },
-      [refreshButton2("Refresh", isLoading.value, () => void refresh())],
-      {
-        lead: "Schema changes each module ships, and whether this database has them.",
-        errorText: (e) => e.status === 403 ? "Applying migrations needs a token with the write scope." : e.explanation
-      }
-    );
+    return () => {
+      const t2 = createAdminT7(props.locale);
+      return page(
+        t2("migrations.title"),
+        { isLoading, error },
+        () => {
+          const r = report.value;
+          if (!r) return null;
+          const behind = r.modules.filter((m) => m.pending.length > 0);
+          if (behind.length === 0)
+            return empty(t2("migrations.upToDate"), t2("migrations.noPending"), "migrations");
+          return [
+            r.everApplied ? null : h9("p", { style: styles.notice }, t2("migrations.firstInstall")),
+            ...behind.map((m) => section(t2, m, r.everApplied))
+          ].filter(Boolean);
+        },
+        [
+          refreshButton2(
+            t2("common.refresh"),
+            isLoading.value,
+            () => void refresh(),
+            t2("common.working")
+          )
+        ],
+        {
+          loadingText: t2("common.loading"),
+          lead: t2("migrations.lead"),
+          errorText: (e) => e.status === 403 ? t2("migrations.needsWrite") : e.explanation
+        }
+      );
+    };
   }
 });
 
 // src/screens/OperatorsScreen.ts
+import {
+  createAdminT as createAdminT8,
+  formatAdminDate as formatAdminDate3
+} from "@fonderie/client";
 import { useAdminOperators } from "@fonderie/vue-admin";
 import { defineComponent as defineComponent8, h as h10, ref as ref2 } from "vue";
 var LEVELS = [
-  { label: "Read only", scopes: ["read"], hint: "look around, change nothing" },
-  { label: "Editor", scopes: ["read", "write"], hint: "change config, templates, users" },
-  {
-    label: "Owner",
-    scopes: ["read", "write", "secrets"],
-    hint: "secrets, tokens and operators too"
-  }
+  { id: "read", scopes: ["read"] },
+  { id: "editor", scopes: ["read", "write"] },
+  { id: "owner", scopes: ["read", "write", "secrets"] }
 ];
-var levelOf = (scopes) => scopes.includes("secrets") ? "Owner" : scopes.includes("write") ? "Editor" : "Read only";
-var scopesFor = (label) => LEVELS.find((l) => l.label === label)?.scopes ?? ["read"];
+var levelOf = (scopes) => scopes.includes("secrets") ? "owner" : scopes.includes("write") ? "editor" : "read";
+var scopesFor = (id) => LEVELS.find((l) => l.id === id)?.scopes ?? ["read"];
 var small = { height: "28px" };
 var OperatorsScreen = defineComponent8({
   name: "FonderieOperatorsScreen",
@@ -1194,18 +1302,19 @@ var OperatorsScreen = defineComponent8({
     client: { type: Object, required: true },
     // The signed-in operator's email: their own row offers no disable or
     // recovery (the server refuses both for yourself anyway).
-    me: { type: String, default: void 0 }
+    me: { type: String, default: void 0 },
+    locale: { type: String, default: void 0 }
   },
   setup(props) {
     const { report, isLoading, error, invite, recover, update, revokeLink } = useAdminOperators(
       props.client
     );
     const email = ref2("");
-    const level = ref2("Editor");
+    const level = ref2("editor");
     const minted = ref2(null);
     const copied = ref2(false);
-    const status = (o) => o.disabledAt ? pill("neutral", "disabled") : o.locked ? pill("warn", "locked") : !o.enrolled ? pill("warn", "setting up") : pill("ok", "active");
-    const mintedNotice = (link) => {
+    const status = (t2, o) => o.disabledAt ? pill("neutral", t2("common.status.disabled")) : o.locked ? pill("warn", t2("common.status.locked")) : !o.enrolled ? pill("warn", t2("operators.settingUp")) : pill("ok", t2("common.status.active"));
+    const mintedNotice = (t2, link) => {
       const url = `${window.location.origin}${link.url}`;
       return h10(
         "div",
@@ -1217,8 +1326,8 @@ var OperatorsScreen = defineComponent8({
           }
         },
         [
-          h10("strong", `Send this link to ${link.email}. It is shown once.`),
-          ` It works once and expires ${new Date(link.expiresAt).toLocaleString()}.`,
+          h10("strong", t2("operators.mintedTitle", { email: link.email })),
+          ` ${t2("operators.mintedBody", { date: formatAdminDate3(link.expiresAt, props.locale) })}`,
           h10(
             "div",
             { style: { display: "flex", gap: "8px", marginTop: "8px", alignItems: "center" } },
@@ -1238,14 +1347,14 @@ var OperatorsScreen = defineComponent8({
                     copied.value = true;
                   }
                 },
-                copied.value ? "Copied" : "Copy"
+                copied.value ? t2("common.copied") : t2("common.copy")
               ),
               h10(
                 "button",
                 {
                   type: "button",
                   style: styles.buttonGhost,
-                  "aria-label": "Dismiss",
+                  "aria-label": t2("common.dismiss"),
                   onClick: () => {
                     minted.value = null;
                     copied.value = false;
@@ -1263,19 +1372,17 @@ var OperatorsScreen = defineComponent8({
       minted.value = l;
     };
     return () => {
+      const t2 = createAdminT8(props.locale);
       const r = report.value;
       const e = error.value;
       return h10("div", { style: styles.container }, [
-        pageHeader(
-          "Operators",
-          "The people who can sign in to this console. Each one uses a password and an authenticator app; there is no sign-up."
-        ),
+        pageHeader(t2("operators.title"), t2("operators.lead")),
         e ? h10(
           "p",
           { style: styles.error, role: "alert" },
-          e.status === 403 && e.reason === "FORBIDDEN" ? "Managing operators needs the Owner level." : e.explanation
+          e.status === 403 && e.reason === "FORBIDDEN" ? t2("operators.needsOwner") : e.explanation
         ) : null,
-        minted.value ? mintedNotice(minted.value) : null,
+        minted.value ? mintedNotice(t2, minted.value) : null,
         h10(
           "form",
           {
@@ -1298,15 +1405,19 @@ var OperatorsScreen = defineComponent8({
           },
           [
             icon("users", 16),
-            h10("strong", { style: { fontSize: "13.5px", marginRight: "4px" } }, "Invite"),
+            h10(
+              "strong",
+              { style: { fontSize: "13.5px", marginRight: "4px" } },
+              t2("operators.invite")
+            ),
             h10("input", {
               type: "email",
               required: true,
               value: email.value,
               onInput: (ev) => email.value = ev.target.value,
-              placeholder: "teammate@company.com",
+              placeholder: t2("operators.invitePlaceholder"),
               style: { ...styles.input, flex: 1, minWidth: "220px" },
-              "aria-label": "Email to invite"
+              "aria-label": t2("operators.inviteLabel")
             }),
             h10(
               "select",
@@ -1314,21 +1425,31 @@ var OperatorsScreen = defineComponent8({
                 value: level.value,
                 onChange: (ev) => level.value = ev.target.value,
                 style: styles.input,
-                "aria-label": "Access level"
+                "aria-label": t2("operators.accessLevelLabel")
               },
               LEVELS.map(
-                (l) => h10("option", { key: l.label, value: l.label }, `${l.label} \u2014 ${l.hint}`)
+                (l) => h10(
+                  "option",
+                  { key: l.id, value: l.id },
+                  `${t2(`operators.level.${l.id}`)} \u2014 ${t2(`operators.levelHint.${l.id}`)}`
+                )
               )
             ),
             h10(
               "button",
               { type: "submit", style: styles.buttonPrimary, disabled: !email.value.trim() },
-              [icon("plus", 14), "Create invite link"]
+              [icon("plus", 14), t2("operators.createInvite")]
             )
           ]
         ),
-        isLoading.value && !r ? h10("p", { style: styles.status }, "Loading\u2026") : r && r.operators.length === 0 ? empty("No operators yet", void 0, "users") : r ? table(
-          ["Operator", "Access", "Status", "Last sign-in", ""],
+        isLoading.value && !r ? h10("p", { style: styles.status }, t2("common.loading")) : r && r.operators.length === 0 ? empty(t2("operators.emptyTitle"), void 0, "users") : r ? table(
+          [
+            t2("operators.col.operator"),
+            t2("operators.col.access"),
+            t2("operators.col.status"),
+            t2("operators.col.lastSignIn"),
+            ""
+          ],
           r.operators.map((o) => {
             const mine = o.email === props.me;
             return h10("tr", { key: o.id }, [
@@ -1347,25 +1468,33 @@ var OperatorsScreen = defineComponent8({
                     }).catch(() => {
                     }),
                     style: { ...styles.input, ...small, fontSize: "12.5px" },
-                    "aria-label": `Access level for ${o.email}`
+                    "aria-label": t2("operators.accessLevelFor", { email: o.email })
                   },
-                  LEVELS.map((l) => h10("option", { key: l.label, value: l.label }, l.label))
+                  LEVELS.map(
+                    (l) => h10("option", { key: l.id, value: l.id }, t2(`operators.level.${l.id}`))
+                  )
                 )
               ),
               td([
-                status(o),
+                status(t2, o),
                 o.enrolled && o.backupCodesLeft <= 2 && !o.disabledAt ? h10(
                   "div",
                   { style: { ...styles.muted, marginTop: "4px" } },
-                  `${o.backupCodesLeft} backup code(s) left`
+                  t2(
+                    o.backupCodesLeft === 1 ? "operators.backupCodesLeftOne" : "operators.backupCodesLeftMany",
+                    { n: o.backupCodesLeft }
+                  )
                 ) : null
               ]),
-              td(o.lastLoginAt ? new Date(o.lastLoginAt).toLocaleString() : "never", {
-                ...styles.muted,
-                whiteSpace: "nowrap"
-              }),
               td(
-                mine ? h10("span", { style: styles.muted }, "you") : [
+                o.lastLoginAt ? formatAdminDate3(o.lastLoginAt, props.locale) : t2("common.never"),
+                {
+                  ...styles.muted,
+                  whiteSpace: "nowrap"
+                }
+              ),
+              td(
+                mine ? h10("span", { style: styles.muted }, t2("common.you")) : [
                   h10(
                     "button",
                     {
@@ -1373,13 +1502,13 @@ var OperatorsScreen = defineComponent8({
                       style: { ...styles.button, ...small, marginRight: "6px" },
                       onClick: () => {
                         if (window.confirm(
-                          `Create a recovery link for ${o.email}? It signs them out everywhere; the link sets a new password and a new authenticator.`
+                          t2("operators.recoveryConfirm", { email: o.email })
                         ))
                           void recover(o.id).then(setMinted).catch(() => {
                           });
                       }
                     },
-                    "Recovery link"
+                    t2("operators.recoveryLink")
                   ),
                   h10(
                     "button",
@@ -1391,7 +1520,7 @@ var OperatorsScreen = defineComponent8({
                       },
                       onClick: () => {
                         if (o.disabledAt || window.confirm(
-                          `Disable ${o.email}? They are signed out immediately.`
+                          t2("operators.disableConfirm", { email: o.email })
                         ))
                           void update(o.id, { disabled: !o.disabledAt }).catch(
                             () => {
@@ -1399,7 +1528,7 @@ var OperatorsScreen = defineComponent8({
                           );
                       }
                     },
-                    o.disabledAt ? "Enable" : "Disable"
+                    o.disabledAt ? t2("operators.enable") : t2("operators.disable")
                   )
                 ],
                 { textAlign: "right", whiteSpace: "nowrap" }
@@ -1408,7 +1537,7 @@ var OperatorsScreen = defineComponent8({
           })
         ) : null,
         r && r.links.length > 0 ? [
-          h10("h2", { style: styles.subtitle }, "Pending links"),
+          h10("h2", { style: styles.subtitle }, t2("operators.pendingLinks")),
           h10(
             "ul",
             { style: styles.list },
@@ -1420,15 +1549,25 @@ var OperatorsScreen = defineComponent8({
                   style: { ...styles.row, display: "flex", gap: "12px", alignItems: "center" }
                 },
                 [
-                  pill(l.kind === "invite" ? "info" : "warn", l.kind, false),
+                  pill(
+                    l.kind === "invite" ? "info" : "warn",
+                    l.kind === "invite" ? t2("operators.linkKind.invite") : t2("operators.linkKind.recovery"),
+                    false
+                  ),
                   h10("span", { style: { flex: 1 } }, [
                     l.email,
-                    l.kind === "invite" ? h10("span", { style: styles.muted }, ` \xB7 ${levelOf(l.scopes)}`) : null
+                    l.kind === "invite" ? h10(
+                      "span",
+                      { style: styles.muted },
+                      ` \xB7 ${t2(`operators.level.${levelOf(l.scopes)}`)}`
+                    ) : null
                   ]),
                   h10(
                     "span",
                     { style: styles.muted },
-                    `expires ${new Date(l.expiresAt).toLocaleString()}`
+                    t2("operators.expiresOn", {
+                      date: formatAdminDate3(l.expiresAt, props.locale)
+                    })
                   ),
                   h10(
                     "button",
@@ -1438,7 +1577,7 @@ var OperatorsScreen = defineComponent8({
                       onClick: () => void revokeLink(l.id).catch(() => {
                       })
                     },
-                    "Revoke"
+                    t2("operators.revoke")
                   )
                 ]
               )
@@ -1451,12 +1590,19 @@ var OperatorsScreen = defineComponent8({
 });
 
 // src/screens/TokensScreen.ts
+import {
+  createAdminT as createAdminT9,
+  formatAdminDate as formatAdminDate4
+} from "@fonderie/client";
 import { useAdminTokens } from "@fonderie/vue-admin";
 import { defineComponent as defineComponent9, h as h11, ref as ref3 } from "vue";
 var ALL = ["read", "write", "secrets"];
 var TokensScreen = defineComponent9({
   name: "FonderieTokensScreen",
-  props: { client: { type: Object, required: true } },
+  props: {
+    client: { type: Object, required: true },
+    locale: { type: String, default: void 0 }
+  },
   setup(props) {
     const { report, isLoading, error, issue, revoke } = useAdminTokens(props.client);
     const name = ref3("");
@@ -1465,25 +1611,27 @@ var TokensScreen = defineComponent9({
     const minted = ref3(null);
     const toggle = (s) => scopes.value = scopes.value.includes(s) ? scopes.value.filter((x) => x !== s) : [...scopes.value, s];
     return () => {
+      const t2 = createAdminT9(props.locale);
+      const loc = props.locale;
       const r = report.value;
       return h11("div", { style: styles.container }, [
-        pageHeader(
-          "Tokens",
-          "Credentials for machines: the root token's strength, scoped tokens for the CLI and CI, and any legacy per-module tokens. People sign in as operators."
-        ),
+        pageHeader(t2("tokens.title"), t2("tokens.lead")),
         error.value ? h11(
           "p",
           { style: styles.error, role: "alert" },
-          error.value.status === 401 ? "Issuing and revoking need the root token (the one in your deployment config)." : error.value.explanation
+          error.value.status === 401 ? t2("tokens.needsRoot") : error.value.explanation
         ) : null,
-        h11("h2", { style: { ...styles.subtitle, marginTop: 0 } }, "Root token"),
+        h11("h2", { style: { ...styles.subtitle, marginTop: 0 } }, t2("tokens.rootToken")),
         r ? h11(
           "div",
           { style: { ...styles.card, display: "flex", gap: "12px", alignItems: "flex-start" } },
           [
             icon("lock", 18, { marginTop: "2px" }),
             h11("div", [
-              pill(r.admin.ok ? "ok" : "bad", r.admin.ok ? "strong" : "weak"),
+              pill(
+                r.admin.ok ? "ok" : "bad",
+                r.admin.ok ? t2("tokens.strong") : t2("tokens.weak")
+              ),
               ...r.admin.problems.map(
                 (p) => h11(
                   "div",
@@ -1501,12 +1649,8 @@ var TokensScreen = defineComponent9({
             ])
           ]
         ) : null,
-        h11("h2", { style: styles.subtitle }, "Issued tokens"),
-        r?.issued === null ? h11(
-          "p",
-          { style: styles.muted },
-          "Issuing is off \u2014 give AdminModule a store and run its migrations."
-        ) : [
+        h11("h2", { style: styles.subtitle }, t2("tokens.issuedTokens")),
+        r?.issued === null ? h11("p", { style: styles.muted }, t2("tokens.issuingOff")) : [
           minted.value ? h11(
             "div",
             {
@@ -1517,7 +1661,7 @@ var TokensScreen = defineComponent9({
               }
             },
             [
-              h11("strong", "Copy this now \u2014 it is never shown again."),
+              h11("strong", t2("tokens.copyNow")),
               ` (${minted.value.name})`,
               h11(
                 "div",
@@ -1545,8 +1689,8 @@ var TokensScreen = defineComponent9({
                   name: name.value.trim(),
                   scopes: scopes.value,
                   ...days.value && Number.isInteger(d) && d > 0 ? { expiresInDays: d } : {}
-                }).then((t2) => {
-                  minted.value = { name: t2.name, token: t2.token };
+                }).then((tk) => {
+                  minted.value = { name: tk.name, token: tk.token };
                   name.value = "";
                   days.value = "";
                 }).catch(() => {
@@ -1557,9 +1701,9 @@ var TokensScreen = defineComponent9({
               h11("input", {
                 value: name.value,
                 onInput: (e) => name.value = e.target.value,
-                placeholder: "name",
+                placeholder: t2("tokens.namePlaceholder"),
                 style: styles.input,
-                "aria-label": "Name"
+                "aria-label": t2("tokens.nameLabel")
               }),
               ...ALL.map(
                 (s) => h11(
@@ -1581,16 +1725,16 @@ var TokensScreen = defineComponent9({
                       checked: scopes.value.includes(s),
                       onChange: () => toggle(s)
                     }),
-                    ` ${s}`
+                    ` ${t2(`tokens.scope.${s}`)}`
                   ]
                 )
               ),
               h11("input", {
                 value: days.value,
                 onInput: (e) => days.value = e.target.value,
-                placeholder: "days (optional)",
+                placeholder: t2("tokens.daysPlaceholder"),
                 style: { ...styles.input, width: "140px" },
-                "aria-label": "Days"
+                "aria-label": t2("tokens.daysLabel")
               }),
               h11(
                 "button",
@@ -1599,70 +1743,66 @@ var TokensScreen = defineComponent9({
                   style: styles.buttonPrimary,
                   disabled: !name.value.trim() || scopes.value.length === 0 || isLoading.value
                 },
-                [icon("plus", 14), "Issue token"]
+                [icon("plus", 14), t2("tokens.issue")]
               )
             ]
           ),
           r?.issued && r.issued.length > 0 ? table(
-            ["Name", "Scopes", "Created", "Expires", "Last used", ""],
+            [
+              t2("tokens.col.name"),
+              t2("tokens.col.scopes"),
+              t2("tokens.col.created"),
+              t2("tokens.col.expires"),
+              t2("tokens.col.lastUsed"),
+              ""
+            ],
             r.issued.map(
-              (t2) => h11("tr", { key: t2.id }, [
-                td([t2.name, t2.revokedAt ? [" ", pill("neutral", "revoked")] : ""]),
-                td(t2.scopes.join(", "), styles.mono),
+              (tk) => h11("tr", { key: tk.id }, [
+                td([
+                  tk.name,
+                  tk.revokedAt ? [" ", pill("neutral", t2("tokens.revoked"))] : ""
+                ]),
+                td(tk.scopes.map((sc) => t2(`tokens.scope.${sc}`)).join(", "), styles.mono),
                 td(
-                  `${new Date(t2.createdAt).toLocaleDateString()} \xB7 ${t2.createdBy}`,
+                  `${formatAdminDate4(tk.createdAt, loc, "date")} \xB7 ${tk.createdBy}`,
                   styles.muted
                 ),
                 td(
-                  t2.expiresAt ? new Date(t2.expiresAt).toLocaleDateString() : "never",
+                  tk.expiresAt ? formatAdminDate4(tk.expiresAt, loc, "date") : t2("common.never"),
                   styles.muted
                 ),
                 td(
-                  t2.lastUsedAt ? new Date(t2.lastUsedAt).toLocaleString() : "never",
+                  tk.lastUsedAt ? formatAdminDate4(tk.lastUsedAt, loc) : t2("common.never"),
                   styles.muted
                 ),
                 td(
-                  t2.revokedAt ? "" : h11(
+                  tk.revokedAt ? "" : h11(
                     "button",
                     {
                       type: "button",
                       style: styles.buttonDanger,
                       onClick: () => {
-                        if (window.confirm(
-                          `Revoke "${t2.name}"? Anything using it stops working immediately.`
-                        ))
-                          void revoke(t2.id).catch(() => {
+                        if (window.confirm(t2("tokens.revokeConfirm", { name: tk.name })))
+                          void revoke(tk.id).catch(() => {
                           });
                       }
                     },
-                    "Revoke"
+                    t2("tokens.revoke")
                   )
                 )
               ])
             )
-          ) : empty(
-            "No scoped tokens yet",
-            "Issue a read-only token for a dashboard or a teammate instead of sharing the root.",
-            "tokens"
-          )
+          ) : empty(t2("tokens.emptyTitle"), t2("tokens.emptyBody"), "tokens")
         ],
-        h11("h2", { style: styles.subtitle }, "Legacy per-brick tokens"),
-        r && r.legacy.length === 0 ? h11(
-          "p",
-          { style: styles.muted },
-          "None \u2014 every brick's admin surface goes through this token."
-        ) : h11(
+        h11("h2", { style: styles.subtitle }, t2("tokens.legacyTitle")),
+        r && r.legacy.length === 0 ? h11("p", { style: styles.muted }, t2("tokens.legacyNone")) : h11(
           "ul",
           { style: styles.list },
           (r?.legacy ?? []).map(
             (l) => h11("li", { key: l.module, style: styles.row }, [
               h11("span", { style: styles.mono }, l.module),
               " ",
-              h11(
-                "span",
-                { style: styles.muted },
-                "still registers its standalone routes with its own token (deprecated)"
-              )
+              h11("span", { style: styles.muted }, t2("tokens.legacyRow"))
             ])
           )
         )
@@ -1672,7 +1812,11 @@ var TokensScreen = defineComponent9({
 });
 
 // src/screens/UsersScreen.ts
-import { describeLocation } from "@fonderie/client";
+import {
+  createAdminT as createAdminT12,
+  describeLocation,
+  formatAdminDate as formatAdminDate7
+} from "@fonderie/client";
 import {
   useAdminLoginHistory,
   useAdminUser,
@@ -1682,14 +1826,38 @@ import {
 import { computed as computed2, defineComponent as defineComponent11, h as h13, ref as ref6 } from "vue";
 
 // src/billing.ts
+import {
+  createAdminT as createAdminT10,
+  formatAdminDate as formatAdminDate5
+} from "@fonderie/client";
 import { ref as ref4 } from "vue";
-function periodEnd(s) {
+function periodEnd(s, locale) {
   if (!s.currentPeriodEnd) return null;
-  const date = new Date(s.currentPeriodEnd).toLocaleDateString();
+  const t2 = createAdminT10(locale);
+  const date = formatAdminDate5(s.currentPeriodEnd, locale, "date");
   if (s.status === "canceled")
-    return { label: new Date(s.currentPeriodEnd) < /* @__PURE__ */ new Date() ? "Ended" : "Ends", date };
-  if (s.cancelAtPeriodEnd) return { label: "Ends", date };
-  return { label: "Renews", date };
+    return {
+      label: new Date(s.currentPeriodEnd) < /* @__PURE__ */ new Date() ? t2("billing.ended") : t2("billing.ends"),
+      date
+    };
+  if (s.cancelAtPeriodEnd) return { label: t2("billing.ends"), date };
+  return { label: t2("billing.renews"), date };
+}
+var STATUS_KEYS = [
+  "active",
+  "trialing",
+  "past_due",
+  "unpaid",
+  "canceled",
+  "incomplete",
+  "incomplete_expired",
+  "paused"
+];
+function statusLabel(t2, status) {
+  return STATUS_KEYS.includes(status) ? t2(`billing.statusLabel.${status}`) : status;
+}
+function intervalLabel(t2, interval) {
+  return interval === "month" || interval === "year" ? t2(`billing.intervalLabel.${interval}`) : interval;
 }
 var statusTone = (status) => status === "active" ? "ok" : status === "trialing" ? "info" : status === "past_due" || status === "unpaid" ? "warn" : "neutral";
 function useSubscriptionIndex(client) {
@@ -1718,31 +1886,46 @@ function useSubscriptionIndex(client) {
 }
 
 // src/screens/SubscriberBilling.ts
+import {
+  createAdminT as createAdminT11,
+  formatAdminDate as formatAdminDate6
+} from "@fonderie/client";
 import { useAdminSubscriber } from "@fonderie/vue-admin";
 import { computed, defineComponent as defineComponent10, h as h12, ref as ref5 } from "vue";
-var SubscriberBilling = defineComponent10({
-  name: "FonderieSubscriberBilling",
+var LEDGER_KINDS = ["purchase", "grant", "usage", "refund", "adjustment", "expiry"];
+var SubscriberBillingInner = defineComponent10({
+  name: "FonderieSubscriberBillingInner",
   props: {
     client: { type: Object, required: true },
     subscriberType: { type: String, required: true },
-    subscriberId: { type: String, required: true }
+    subscriberId: { type: String, required: true },
+    currency: { type: String, default: "" },
+    locale: { type: String, default: void 0 }
   },
-  setup(props) {
+  emits: { "change-currency": (_currency) => true },
+  setup(props, { emit }) {
     const subscriber = computed(() => ({ type: props.subscriberType, id: props.subscriberId }));
-    const { subscription, wallet, ledger, hasMoreLedger, isLoading, error, loadMoreLedger, grant } = useAdminSubscriber(props.client, subscriber, { limit: 20 });
+    const { subscription, wallet, ledger, hasMoreLedger, isLoading, error, loadMoreLedger, grant } = useAdminSubscriber(props.client, subscriber, {
+      limit: 20,
+      ...props.currency ? { currency: props.currency } : {}
+    });
+    const currencyDraft = ref5(props.currency);
     const amount = ref5("");
     const note = ref5("");
     const granted = ref5(null);
     return () => {
+      const t2 = createAdminT11(props.locale);
+      const ledgerKind = (kind) => LEDGER_KINDS.includes(kind) ? t2(`billing.ledgerKind.${kind}`) : kind;
       const s = subscription.value;
       const w = wallet.value;
-      if (isLoading.value && !w && !s) return h12("p", { style: styles.status }, "Loading billing\u2026");
-      const end = s ? periodEnd(s) : null;
+      if (isLoading.value && !w && !s)
+        return h12("p", { style: styles.status }, t2("billing.loading"));
+      const end = s ? periodEnd(s, props.locale) : null;
       return h12("div", [
         error.value ? h12("p", { style: styles.error, role: "alert" }, error.value.explanation) : null,
         h12("div", { style: { ...styles.grid, marginBottom: "16px" } }, [
           h12("div", { style: styles.card }, [
-            h12("div", { style: styles.statLabel }, "Plan"),
+            h12("div", { style: styles.statLabel }, t2("billing.plan")),
             h12(
               "div",
               {
@@ -1755,11 +1938,11 @@ var SubscriberBilling = defineComponent10({
                 }
               },
               [
-                h12("strong", { style: { fontSize: "18px" } }, s ? s.plan : "Free"),
+                h12("strong", { style: { fontSize: "18px" } }, s ? s.plan : t2("billing.free")),
                 ...s ? [
-                  h12("span", { style: styles.muted }, `\xB7 ${s.interval}`),
-                  pill(statusTone(s.status), s.status)
-                ] : [h12("span", { style: styles.muted }, "no subscription")]
+                  h12("span", { style: styles.muted }, `\xB7 ${intervalLabel(t2, s.interval)}`),
+                  pill(statusTone(s.status), statusLabel(t2, s.status))
+                ] : [h12("span", { style: styles.muted }, t2("billing.noSubscription"))]
               ]
             ),
             end ? h12("div", { style: styles.statHint }, `${end.label} ${end.date}`) : null,
@@ -1770,7 +1953,43 @@ var SubscriberBilling = defineComponent10({
             ) : null
           ]),
           h12("div", { style: styles.card }, [
-            h12("div", { style: styles.statLabel }, "Credits"),
+            h12(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  justifyContent: "space-between",
+                  alignItems: "center",
+                  gap: "8px"
+                }
+              },
+              [
+                h12("div", { style: styles.statLabel }, t2("billing.credits")),
+                h12(
+                  "form",
+                  {
+                    style: { display: "flex", gap: "4px" },
+                    onSubmit: (e) => {
+                      e.preventDefault();
+                      emit("change-currency", currencyDraft.value.trim().toUpperCase());
+                    }
+                  },
+                  [
+                    h12("input", {
+                      value: currencyDraft.value,
+                      onInput: (e) => {
+                        currencyDraft.value = e.target.value;
+                      },
+                      placeholder: w?.currency ?? t2("billing.currencyPlaceholder"),
+                      maxlength: 8,
+                      style: { ...styles.input, height: "26px", width: "84px", fontSize: "12px" },
+                      "aria-label": t2("billing.currencyLabel"),
+                      title: t2("billing.currencyTitle")
+                    })
+                  ]
+                )
+              ]
+            ),
             ...w ? [
               h12("div", { style: styles.statValue }, [
                 `${w.balance} `,
@@ -1779,15 +1998,11 @@ var SubscriberBilling = defineComponent10({
               h12(
                 "div",
                 { style: styles.statHint },
-                `${w.purchased ?? "0"} permanent \xB7 ${w.granted ?? "0"} plan allowance${w.grantedExpiresAt ? ` (expires ${new Date(w.grantedExpiresAt).toLocaleDateString()})` : ""}`
+                `${t2("billing.breakdown", { permanent: w.purchased ?? "0", allowance: w.granted ?? "0" })}${w.grantedExpiresAt ? t2("billing.expires", {
+                  date: formatAdminDate6(w.grantedExpiresAt, props.locale, "date")
+                }) : ""}`
               )
-            ] : [
-              h12(
-                "div",
-                { style: styles.statHint },
-                "No wallet \u2014 billing has no wallet configuration."
-              )
-            ]
+            ] : [h12("div", { style: styles.statHint }, t2("billing.noWallet"))]
           ])
         ]),
         w ? h12(
@@ -1810,7 +2025,7 @@ var SubscriberBilling = defineComponent10({
                 ...note.value ? { description: note.value } : {},
                 idempotencyKey: key
               }).then(() => {
-                granted.value = `Granted ${a} ${w.currency}.`;
+                granted.value = t2("billing.granted", { amount: a, currency: w.currency });
                 amount.value = "";
                 note.value = "";
               }).catch(() => {
@@ -1818,21 +2033,25 @@ var SubscriberBilling = defineComponent10({
             }
           },
           [
-            h12("strong", { style: { fontSize: "13.5px", marginRight: "4px" } }, "Grant credits"),
+            h12(
+              "strong",
+              { style: { fontSize: "13.5px", marginRight: "4px" } },
+              t2("billing.grantCredits")
+            ),
             h12("input", {
               value: amount.value,
               onInput: (e) => amount.value = e.target.value,
-              placeholder: `amount (${w.currency})`,
+              placeholder: t2("billing.amountPlaceholder", { currency: w.currency }),
               inputmode: "numeric",
               style: { ...styles.input, width: "150px" },
-              "aria-label": "Amount"
+              "aria-label": t2("billing.amountLabel")
             }),
             h12("input", {
               value: note.value,
               onInput: (e) => note.value = e.target.value,
-              placeholder: "reason (optional)",
+              placeholder: t2("billing.reasonPlaceholder"),
               style: { ...styles.input, flex: 1, minWidth: "180px" },
-              "aria-label": "Reason"
+              "aria-label": t2("billing.reasonLabel")
             }),
             h12(
               "button",
@@ -1841,32 +2060,60 @@ var SubscriberBilling = defineComponent10({
                 style: styles.buttonPrimary,
                 disabled: !/^\d+$/.test(amount.value.trim())
               },
-              [icon("plus", 14), "Grant"]
+              [icon("plus", 14), t2("billing.grant")]
             ),
             granted.value ? h12("span", { style: styles.ok }, granted.value) : null
           ]
         ) : null,
-        w ? ledger.value.length === 0 ? empty("No credit movements yet", void 0, "subscriber") : h12("div", [
+        w ? ledger.value.length === 0 ? empty(t2("billing.noMovements"), void 0, "subscriber") : h12("div", [
           table(
-            ["When", "Kind", "Amount", "Note"],
+            [
+              t2("billing.col.when"),
+              t2("billing.col.kind"),
+              t2("billing.col.amount"),
+              t2("billing.col.note")
+            ],
             ledger.value.map(
-              (t2) => h12("tr", { key: t2.id }, [
-                td(new Date(t2.createdAt).toLocaleString(), {
+              (tx) => h12("tr", { key: tx.id }, [
+                td(formatAdminDate6(tx.createdAt, props.locale), {
                   ...styles.muted,
                   whiteSpace: "nowrap"
                 }),
-                td(t2.type),
-                td(t2.amount, styles.mono),
-                td(t2.description ?? "", styles.muted)
+                td(ledgerKind(tx.type)),
+                td(tx.amount, styles.mono),
+                td(tx.description ?? "", styles.muted)
               ])
             )
           ),
-          hasMoreLedger.value ? loadMoreButton(() => void loadMoreLedger()) : null
+          hasMoreLedger.value ? loadMoreButton(() => void loadMoreLedger(), t2("common.loadMore")) : null
         ]) : null
       ]);
     };
   }
 });
+var SubscriberBilling = defineComponent10({
+  name: "FonderieSubscriberBilling",
+  props: {
+    client: { type: Object, required: true },
+    subscriberType: { type: String, required: true },
+    subscriberId: { type: String, required: true },
+    locale: { type: String, default: void 0 }
+  },
+  setup(props) {
+    const currency = ref5("");
+    return () => h12(SubscriberBillingInner, {
+      key: `${props.subscriberType}:${props.subscriberId}:${currency.value}`,
+      client: props.client,
+      subscriberType: props.subscriberType,
+      subscriberId: props.subscriberId,
+      currency: currency.value,
+      ...props.locale ? { locale: props.locale } : {},
+      "onChange-currency": (c) => {
+        currency.value = c;
+      }
+    });
+  }
+});
 
 // src/screens/UsersScreen.ts
 var UsersScreen = defineComponent11({
@@ -1878,7 +2125,8 @@ var UsersScreen = defineComponent11({
     // their page. Everyone has a wallet; no subscription means the free tier.
     billingClient: { type: Object, default: void 0 },
     // Open this user on arrival (e.g. from the Subscriptions list).
-    openUserId: { type: String, default: void 0 }
+    openUserId: { type: String, default: void 0 },
+    locale: { type: String, default: void 0 }
   },
   setup(props) {
     const input = ref6("");
@@ -1896,16 +2144,18 @@ var UsersScreen = defineComponent11({
     const sessions = useAdminUserSessions(props.client, userId);
     const history = useAdminLoginHistory(props.client, userId, { limit: 20 });
     const showList = computed2(() => !email.value && !selectedId.value);
-    const yesNo = (v) => v ? pill("ok", "yes") : pill("neutral", "no");
+    const tr = computed2(() => createAdminT12(props.locale));
+    const yesNo = (v) => v ? pill("ok", tr.value("common.yes")) : pill("neutral", tr.value("common.no"));
     const row = (k, v) => h13("tr", [td(k), td(v)]);
     const planCell = (id) => {
       if (!plans.value) return h13("span", { style: styles.muted }, "\u2026");
       const sub = plans.value.get(`user/${id}`);
-      if (!sub || sub.status === "canceled") return h13("span", { style: styles.muted }, "free");
+      if (!sub || sub.status === "canceled")
+        return h13("span", { style: styles.muted }, tr.value("common.status.free"));
       return [
         h13("strong", sub.plan),
         " ",
-        sub.status !== "active" ? pill(statusTone(sub.status), sub.status) : null
+        sub.status !== "active" ? pill(statusTone(sub.status), statusLabel(tr.value, sub.status)) : null
       ];
     };
     const clear = () => {
@@ -1914,13 +2164,12 @@ var UsersScreen = defineComponent11({
       input.value = "";
     };
     return () => {
+      const t2 = tr.value;
+      const loc = props.locale;
       const u = user.value;
       const list = showDeleted.value ? deletedList : activeList;
       return h13("div", { style: styles.container }, [
-        pageHeader(
-          "Users",
-          "Everyone signed up. Open an account for its sessions, sign-ins and the suspend and sign-out controls."
-        ),
+        pageHeader(t2("users.title"), t2("users.lead")),
         h13(
           "form",
           {
@@ -1936,16 +2185,26 @@ var UsersScreen = defineComponent11({
               type: "email",
               value: input.value,
               onInput: (e) => input.value = e.target.value,
-              placeholder: "email address",
+              placeholder: t2("users.emailPlaceholder"),
               style: { ...styles.input, minWidth: "280px" },
-              "aria-label": "Email"
+              "aria-label": t2("users.emailLabel")
             }),
             h13(
               "button",
               { type: "submit", style: styles.buttonPrimary, disabled: isLoading.value },
-              [icon("search", 14), "Look up"]
+              [icon("search", 14), t2("common.lookUp")]
+            ),
+            showList.value ? refreshButton2(
+              t2("common.refresh"),
+              list.isLoading.value,
+              () => void list.refresh(),
+              t2("common.working")
+            ) : actionButton(
+              [icon("back", 14), t2("users.allUsers")],
+              false,
+              clear,
+              styles.buttonGhost
             ),
-            showList.value ? refreshButton2("Refresh", list.isLoading.value, () => void list.refresh()) : actionButton([icon("back", 14), "All users"], false, clear, styles.buttonGhost),
             showList.value ? h13(
               "fieldset",
               {
@@ -1957,7 +2216,7 @@ var UsersScreen = defineComponent11({
                   padding: "0",
                   minWidth: "0"
                 },
-                "aria-label": "Which accounts"
+                "aria-label": t2("users.whichAccounts")
               },
               [false, true].map(
                 (d) => h13(
@@ -1972,7 +2231,7 @@ var UsersScreen = defineComponent11({
                       height: "28px"
                     }
                   },
-                  d ? "Deleted" : "Active"
+                  d ? t2("users.deletedAccounts") : t2("users.activeAccounts")
                 )
               )
             ) : null
@@ -1980,8 +2239,19 @@ var UsersScreen = defineComponent11({
         ),
         showList.value ? h13("div", [
           list.error.value ? h13("p", { style: styles.error, role: "alert" }, list.error.value.explanation) : null,
-          list.users.value.length === 0 && !list.isLoading.value ? empty("No users yet", "Sign-ups appear here as they happen.", "users") : table(
-            props.billingClient ? ["Email", "Name", "Plan", "Created", "Status"] : ["Email", "Name", "Created", "Status"],
+          list.users.value.length === 0 && !list.isLoading.value ? empty(t2("users.emptyTitle"), t2("users.emptyBody"), "users") : table(
+            props.billingClient ? [
+              t2("users.col.email"),
+              t2("users.col.name"),
+              t2("users.col.plan"),
+              t2("users.col.created"),
+              t2("users.col.status")
+            ] : [
+              t2("users.col.email"),
+              t2("users.col.name"),
+              t2("users.col.created"),
+              t2("users.col.status")
+            ],
             list.users.value.map(
               (u2) => h13("tr", { key: u2.id }, [
                 td(
@@ -1999,88 +2269,94 @@ var UsersScreen = defineComponent11({
                   `${u2.firstName ?? ""} ${u2.lastName ?? ""}`.trim() || h13("span", { style: styles.muted }, "\u2014")
                 ),
                 props.billingClient ? td(planCell(u2.id)) : null,
-                td(new Date(u2.createdAt).toLocaleDateString()),
+                td(formatAdminDate7(u2.createdAt, loc, "date")),
                 td(
-                  u2.suspended ? pill("warn", "suspended") : u2.deletedAt ? pill("neutral", "deleted") : pill("ok", "active")
+                  u2.suspended ? pill("warn", t2("common.status.suspended")) : u2.deletedAt ? pill("neutral", t2("common.status.deleted")) : pill("ok", t2("common.status.active"))
                 )
               ])
             )
           ),
-          list.isLoading.value ? h13("p", { style: styles.status }, "Loading\u2026") : null,
-          list.hasMore.value && !list.isLoading.value ? loadMoreButton(() => void list.loadMore()) : null
+          list.isLoading.value ? h13("p", { style: styles.status }, t2("common.loading")) : null,
+          list.hasMore.value && !list.isLoading.value ? loadMoreButton(() => void list.loadMore(), t2("common.loadMore")) : null
         ]) : null,
         error.value && !(error.value.status === 404 && selectedId.value) ? h13(
           "p",
           { style: styles.error, role: "alert" },
-          error.value.status === 404 ? "No user with that email." : error.value.explanation
+          error.value.status === 404 ? t2("users.noUserWithEmail") : error.value.explanation
         ) : null,
         // Opened by id (e.g. from Subscriptions) and the account is gone —
         // deleted or purged — while its billing rows remain. Say so, and
         // still show the money.
         error.value?.status === 404 && selectedId.value ? [
           h13("div", { style: styles.notice, role: "status" }, [
-            h13("strong", "No account with id "),
+            h13("strong", `${t2("users.missingIdPrefix")} `),
             h13("code", { style: styles.code }, selectedId.value),
             h13("strong", "."),
-            " It was deleted, or never existed here. Its billing records remain."
+            ` ${t2("users.missingIdBody")}`
           ]),
-          props.billingClient ? h13("h2", { style: styles.subtitle }, "Plan & credits") : null,
+          props.billingClient ? h13("h2", { style: styles.subtitle }, t2("users.planCredits")) : null,
           props.billingClient ? h13(SubscriberBilling, {
             key: `missing-${selectedId.value}`,
             client: props.billingClient,
             subscriberType: "user",
-            subscriberId: selectedId.value
+            subscriberId: selectedId.value,
+            ...loc ? { locale: loc } : {}
           }) : null
         ] : null,
         u ? [
           h13("h2", { style: styles.subtitle }, [
             u.firstName || u.lastName ? `${u.firstName} ${u.lastName}`.trim() : u.email,
             " ",
-            u.suspended ? pill("warn", "suspended") : null,
-            u.deletedAt ? pill("neutral", "deleted") : null
+            u.suspended ? pill("warn", t2("common.status.suspended")) : null,
+            u.deletedAt ? pill("neutral", t2("common.status.deleted")) : null
           ]),
           h13("table", { style: styles.table }, [
             h13("tbody", [
-              row("id", h13("span", { style: styles.mono }, u.id)),
-              row("email", [u.email, " \xB7 verified ", yesNo(u.isEmailVerified)]),
-              row("MFA", yesNo(u.mfaEnabled)),
+              row(t2("users.field.id"), h13("span", { style: styles.mono }, u.id)),
+              row(t2("users.field.email"), [
+                u.email,
+                ` \xB7 ${t2("users.field.verified")} `,
+                yesNo(u.isEmailVerified)
+              ]),
+              row(t2("users.field.mfa"), yesNo(u.mfaEnabled)),
               row(
-                "provider",
-                `${u.provider || "password"}${u.hasPassword ? "" : " \xB7 no password set"}`
+                t2("users.field.provider"),
+                `${u.provider || t2("users.passwordProvider")}${u.hasPassword ? "" : ` \xB7 ${t2("users.noPasswordSet")}`}`
               ),
               row(
-                "last login",
-                u.lastLogin ? new Date(u.lastLogin).toLocaleString() : h13("span", { style: styles.muted }, "never")
+                t2("users.field.lastLogin"),
+                u.lastLogin ? formatAdminDate7(u.lastLogin, loc) : h13("span", { style: styles.muted }, t2("common.never"))
               ),
-              row("created", new Date(u.createdAt).toLocaleString())
+              row(t2("users.field.created"), formatAdminDate7(u.createdAt, loc))
             ])
           ]),
           u.deletedAt ? h13("div", { style: { ...styles.notice, marginTop: "12px" }, role: "status" }, [
-            h13("strong", `Deleted on ${new Date(u.deletedAt).toLocaleString()}.`),
-            " The account cannot sign in, and it is erased when the retention purge runs. Its billing records stay."
+            h13("strong", t2("users.deletedOn", { date: formatAdminDate7(u.deletedAt, loc) })),
+            ` ${t2("users.deletedBody")}`
           ]) : h13("div", { style: { ...styles.toolbar, marginTop: "12px" } }, [
-            u.suspended ? actionButton("Unsuspend", isLoading.value, () => void unsuspend()) : actionButton(
-              "Suspend",
+            u.suspended ? actionButton(t2("users.unsuspend"), isLoading.value, () => void unsuspend()) : actionButton(
+              t2("users.suspend"),
               isLoading.value,
               () => void suspend(),
               styles.buttonDanger
             ),
             actionButton(
-              "Sign out everywhere",
+              t2("users.signOutEverywhere"),
               isLoading.value,
               () => void revokeSessions().then(() => sessions.refresh())
             )
           ]),
-          props.billingClient ? h13("h2", { style: styles.subtitle }, "Plan & credits") : null,
+          props.billingClient ? h13("h2", { style: styles.subtitle }, t2("users.planCredits")) : null,
           props.billingClient ? h13(SubscriberBilling, {
             key: u.id,
             client: props.billingClient,
             subscriberType: "user",
-            subscriberId: u.id
+            subscriberId: u.id,
+            ...loc ? { locale: loc } : {}
           }) : null,
           u.deletedAt ? null : [
-            h13("h2", { style: styles.subtitle }, "Live sessions"),
-            sessions.sessions.value.length === 0 ? h13("p", { style: styles.muted }, "None.") : h13(
+            h13("h2", { style: styles.subtitle }, t2("users.liveSessions")),
+            sessions.sessions.value.length === 0 ? h13("p", { style: styles.muted }, t2("common.none")) : h13(
               "ul",
               { style: styles.list },
               sessions.sessions.value.map(
@@ -2098,18 +2374,21 @@ var UsersScreen = defineComponent11({
                   h13(
                     "span",
                     { style: styles.muted },
-                    `since ${new Date(s.createdAt).toLocaleString()}`
+                    t2("users.since", { date: formatAdminDate7(s.createdAt, loc) })
                   )
                 ])
               )
             ),
-            h13("h2", { style: styles.subtitle }, "Recent sign-ins"),
-            history.events.value.length === 0 && !history.isLoading.value ? h13("p", { style: styles.muted }, "None recorded.") : h13(
+            h13("h2", { style: styles.subtitle }, t2("users.recentSignIns")),
+            history.events.value.length === 0 && !history.isLoading.value ? h13("p", { style: styles.muted }, t2("users.noneRecorded")) : h13(
               "ul",
               { style: styles.list },
               history.events.value.map(
                 (e) => h13("li", { key: e.id, style: styles.row }, [
-                  pill(e.outcome === "success" ? "ok" : "bad", e.outcome),
+                  pill(
+                    e.outcome === "success" ? "ok" : "bad",
+                    e.outcome === "success" ? t2("users.outcome.success") : e.outcome === "failure" ? t2("users.outcome.failure") : e.outcome
+                  ),
                   " ",
                   h13("span", { style: styles.muted }, e.method),
                   " ",
@@ -2120,17 +2399,19 @@ var UsersScreen = defineComponent11({
                     { style: styles.muted },
                     describeLocation(e.location) ?? ""
                   ),
-                  e.location?.proxy || e.location?.hosting ? [" ", pill("warn", e.location.proxy ? "proxy/VPN" : "hosting")] : "",
+                  e.location?.proxy || e.location?.hosting ? [
+                    " ",
+                    pill(
+                      "warn",
+                      e.location.proxy ? t2("users.proxyVpn") : t2("users.hosting")
+                    )
+                  ] : "",
                   " ",
-                  h13(
-                    "span",
-                    { style: styles.muted },
-                    new Date(e.createdAt).toLocaleString()
-                  )
+                  h13("span", { style: styles.muted }, formatAdminDate7(e.createdAt, loc))
                 ])
               )
             ),
-            history.hasMore.value && !history.isLoading.value ? loadMoreButton(() => void history.loadMore()) : null
+            history.hasMore.value && !history.isLoading.value ? loadMoreButton(() => void history.loadMore(), t2("common.loadMore")) : null
           ]
         ] : null
       ]);
@@ -2139,26 +2420,34 @@ var UsersScreen = defineComponent11({
 });
 
 // src/screens/CatalogScreen.ts
+import { createAdminT as createAdminT13 } from "@fonderie/client";
 import { useAdminCatalog } from "@fonderie/vue-admin";
 import { defineComponent as defineComponent12, h as h14 } from "vue";
 var CatalogScreen = defineComponent12({
   name: "FonderieCatalogScreen",
-  props: { client: { type: Object, required: true } },
+  props: {
+    client: { type: Object, required: true },
+    locale: { type: String, default: void 0 }
+  },
   setup(props) {
     const { catalog, isLoading, error, refresh, deletePlan } = useAdminCatalog(props.client);
     const money = (v) => v == null ? "\u2014" : (v / 100).toFixed(2);
     return () => {
+      const t2 = createAdminT13(props.locale);
       const c = catalog.value;
       return h14("div", { style: styles.container }, [
-        pageHeader(
-          "Catalog",
-          "What you sell: plans as configured in code, and as stored in the database, side by side.",
-          [refreshButton2("Refresh", isLoading.value, () => void refresh())]
-        ),
+        pageHeader(t2("catalog.title"), t2("catalog.lead"), [
+          refreshButton2(
+            t2("common.refresh"),
+            isLoading.value,
+            () => void refresh(),
+            t2("common.working")
+          )
+        ]),
         error.value ? h14("p", { style: styles.error, role: "alert" }, error.value.explanation) : null,
-        isLoading.value && !c ? h14("p", { style: styles.status }, "Loading\u2026") : null,
+        isLoading.value && !c ? h14("p", { style: styles.status }, t2("common.loading")) : null,
         c ? [
-          h14("h2", { style: { ...styles.subtitle, marginTop: 0 } }, "Configured (code)"),
+          h14("h2", { style: { ...styles.subtitle, marginTop: 0 } }, t2("catalog.configured")),
           h14(
             "pre",
             {
@@ -2173,13 +2462,17 @@ var CatalogScreen = defineComponent12({
             },
             JSON.stringify(c.configured, null, 2)
           ),
-          h14("h2", { style: styles.subtitle }, "Stored (database)"),
-          c.stored.length === 0 ? empty(
-            "No stored plans",
-            "Plans are configured in code; nothing has been written to the database.",
-            "catalog"
-          ) : table(
-            ["Plan", "Tier", "Seats", "Monthly", "Yearly", "Trial", ""],
+          h14("h2", { style: styles.subtitle }, t2("catalog.stored")),
+          c.stored.length === 0 ? empty(t2("catalog.emptyTitle"), t2("catalog.emptyBody"), "catalog") : table(
+            [
+              t2("catalog.col.plan"),
+              t2("catalog.col.tier"),
+              t2("catalog.col.seats"),
+              t2("catalog.col.monthly"),
+              t2("catalog.col.yearly"),
+              t2("catalog.col.trial"),
+              ""
+            ],
             c.stored.map(
               (p) => h14("tr", { key: p.id }, [
                 td([
@@ -2190,7 +2483,7 @@ var CatalogScreen = defineComponent12({
                 td(p.seats == null ? "\u221E" : String(p.seats)),
                 td(`${money(p.pricing?.monthly)} ${p.pricing?.currency ?? ""}`),
                 td(money(p.pricing?.yearly)),
-                td(p.trialDays ? `${p.trialDays} d` : "\u2014"),
+                td(p.trialDays ? t2("catalog.trialDays", { n: p.trialDays }) : "\u2014"),
                 td(
                   h14(
                     "button",
@@ -2198,12 +2491,12 @@ var CatalogScreen = defineComponent12({
                       type: "button",
                       style: styles.buttonDanger,
                       onClick: () => {
-                        if (window.confirm(`Delete stored plan "${p.name}"?`))
+                        if (window.confirm(t2("catalog.deleteConfirm", { name: p.name })))
                           void deletePlan(p.id).catch(() => {
                           });
                       }
                     },
-                    "Delete"
+                    t2("common.delete")
                   )
                 )
               ])
@@ -2216,14 +2509,17 @@ var CatalogScreen = defineComponent12({
 });
 
 // src/screens/SubscriberScreen.ts
+import {
+  createAdminT as createAdminT14
+} from "@fonderie/client";
 import { useAdminSubscribers } from "@fonderie/vue-admin";
 import { defineComponent as defineComponent13, h as h15, ref as ref7 } from "vue";
 var FILTERS = [
-  { label: "All", match: () => true },
-  { label: "Active", match: (s) => s === "active" },
-  { label: "Trialing", match: (s) => s === "trialing" },
-  { label: "Past due", match: (s) => s === "past_due" || s === "unpaid" },
-  { label: "Canceled", match: (s) => s === "canceled" }
+  { id: "all", match: () => true },
+  { id: "active", match: (s) => s === "active" },
+  { id: "trialing", match: (s) => s === "trialing" },
+  { id: "pastDue", match: (s) => s === "past_due" || s === "unpaid" },
+  { id: "canceled", match: (s) => s === "canceled" }
 ];
 var SubscriberScreen = defineComponent13({
   name: "FonderieSubscriberScreen",
@@ -2234,11 +2530,12 @@ var SubscriberScreen = defineComponent13({
      * A user subscriber opens on the Users page, where their plan and credits
      * live beside their account. Omit to open everything here.
      */
-    onOpenUser: { type: Function, default: void 0 }
+    onOpenUser: { type: Function, default: void 0 },
+    locale: { type: String, default: void 0 }
   },
   setup(props) {
     const list = useAdminSubscribers(props.client, { limit: props.pageSize });
-    const filter = ref7("All");
+    const filter = ref7("all");
     const open = ref7(null);
     const type = ref7("workspace");
     const idInput = ref7("");
@@ -2247,32 +2544,38 @@ var SubscriberScreen = defineComponent13({
       else open.value = { type: t2, id };
     };
     return () => {
+      const t2 = createAdminT14(props.locale);
+      const loc = props.locale ? { locale: props.locale } : {};
       const o = open.value;
       if (o) {
         return h15("div", { style: styles.container }, [
-          pageHeader(`${o.type}/${o.id}`, "Plan, credits and what moved.", [
+          pageHeader(`${o.type}/${o.id}`, t2("billing.subscriptions.detailLead"), [
             h15(
               "button",
               { type: "button", style: styles.buttonGhost, onClick: () => open.value = null },
-              [icon("back", 14), "All subscriptions"]
+              [icon("back", 14), t2("billing.subscriptions.back")]
             )
           ]),
           h15(SubscriberBilling, {
             key: `${o.type}/${o.id}`,
             client: props.client,
             subscriberType: o.type,
-            subscriberId: o.id
+            subscriberId: o.id,
+            ...loc
           })
         ]);
       }
-      const match = FILTERS.find((f) => f.label === filter.value)?.match ?? (() => true);
+      const match = FILTERS.find((f) => f.id === filter.value)?.match ?? (() => true);
       const rows = list.subscriptions.value.filter((s) => match(s.status));
       return h15("div", { style: styles.container }, [
-        pageHeader(
-          "Subscriptions",
-          "Who pays, and who is behind. A user's plan and credits are also on their page under Users \u2014 free users appear only there.",
-          [refreshButton(() => void list.refresh(), list.isLoading.value)]
-        ),
+        pageHeader(t2("billing.subscriptions.title"), t2("billing.subscriptions.lead"), [
+          refreshButton(
+            () => void list.refresh(),
+            list.isLoading.value,
+            t2("common.refresh"),
+            t2("common.working")
+          )
+        ]),
         h15("div", { style: { ...styles.toolbar, justifyContent: "space-between" } }, [
           h15(
             "fieldset",
@@ -2286,21 +2589,24 @@ var SubscriberScreen = defineComponent13({
                 padding: 0,
                 minWidth: 0
               },
-              "aria-label": "Filter by status"
+              "aria-label": t2("billing.subscriptions.filterLabel")
             },
             FILTERS.map((f) => {
               const n = list.subscriptions.value.filter((s) => f.match(s.status)).length;
-              const on = filter.value === f.label;
+              const on = filter.value === f.id;
               return h15(
                 "button",
                 {
-                  key: f.label,
+                  key: f.id,
                   type: "button",
                   "aria-pressed": on,
-                  onClick: () => filter.value = f.label,
+                  onClick: () => filter.value = f.id,
                   style: { ...on ? styles.buttonPrimary : styles.button, height: "28px" }
                 },
-                [f.label, h15("span", { style: { opacity: 0.7 } }, String(n))]
+                [
+                  t2(`billing.subscriptions.filter.${f.id}`),
+                  h15("span", { style: { opacity: 0.7 } }, String(n))
+                ]
               );
             })
           ),
@@ -2320,37 +2626,42 @@ var SubscriberScreen = defineComponent13({
                   value: type.value,
                   onChange: (e) => type.value = e.target.value,
                   style: styles.input,
-                  "aria-label": "Type"
+                  "aria-label": t2("billing.subscriptions.typeLabel")
                 },
                 [
-                  h15("option", { value: "workspace" }, "workspace"),
-                  h15("option", { value: "user" }, "user")
+                  h15("option", { value: "workspace" }, t2("billing.subscriptions.typeWorkspace")),
+                  h15("option", { value: "user" }, t2("billing.subscriptions.typeUser"))
                 ]
               ),
               h15("input", {
                 value: idInput.value,
                 onInput: (e) => idInput.value = e.target.value,
-                placeholder: "subscriber id",
+                placeholder: t2("billing.subscriptions.idPlaceholder"),
                 style: { ...styles.input, width: "220px" },
-                "aria-label": "Subscriber id"
+                "aria-label": t2("billing.subscriptions.idLabel")
               }),
               h15(
                 "button",
                 { type: "submit", style: styles.button, disabled: !idInput.value.trim() },
-                [icon("search", 14), "Open"]
+                [icon("search", 14), t2("common.open")]
               )
             ]
           )
         ]),
         list.error.value ? h15("p", { style: styles.error, role: "alert" }, list.error.value.explanation) : null,
         rows.length === 0 && !list.isLoading.value ? empty(
-          filter.value === "All" ? "No subscriptions yet" : `No ${filter.value.toLowerCase()} subscriptions`,
-          "Subscriptions appear here once someone checks out.",
+          t2(`billing.subscriptions.empty.${filter.value}`),
+          t2("billing.subscriptions.emptyHint"),
           "subscriber"
         ) : table(
-          ["Subscriber", "Plan", "Status", "Renews / ends"],
+          [
+            t2("billing.subscriptions.col.subscriber"),
+            t2("billing.subscriptions.col.plan"),
+            t2("billing.subscriptions.col.status"),
+            t2("billing.subscriptions.col.renewsEnds")
+          ],
           rows.map((s) => {
-            const end = periodEnd(s);
+            const end = periodEnd(s, props.locale);
             return h15("tr", { key: s.id }, [
               td(
                 h15(
@@ -2366,11 +2677,11 @@ var SubscriberScreen = defineComponent13({
               td([
                 h15("strong", s.plan),
                 " ",
-                h15("span", { style: styles.muted }, `\xB7 ${s.interval}`)
+                h15("span", { style: styles.muted }, `\xB7 ${intervalLabel(t2, s.interval)}`)
               ]),
               td([
-                pill(statusTone(s.status), s.status),
-                s.cancelAtPeriodEnd && s.status !== "canceled" ? h15("span", [" ", pill("warn", "cancels", false)]) : null
+                pill(statusTone(s.status), statusLabel(t2, s.status)),
+                s.cancelAtPeriodEnd && s.status !== "canceled" ? h15("span", [" ", pill("warn", t2("billing.subscriptions.cancels"), false)]) : null
               ]),
               td(
                 end ? [h15("span", { style: styles.muted }, end.label), ` ${end.date}`] : h15("span", { style: styles.muted }, "\u2014"),
@@ -2379,24 +2690,29 @@ var SubscriberScreen = defineComponent13({
             ]);
           })
         ),
-        list.isLoading.value ? h15("p", { style: styles.status }, "Loading\u2026") : null,
-        list.hasMore.value && !list.isLoading.value ? loadMoreButton(() => void list.loadMore()) : null
+        list.isLoading.value ? h15("p", { style: styles.status }, t2("common.loading")) : null,
+        list.hasMore.value && !list.isLoading.value ? loadMoreButton(() => void list.loadMore(), t2("common.loadMore")) : null
       ]);
     };
   }
 });
 
 // src/screens/AuditScreen.ts
+import {
+  createAdminT as createAdminT15,
+  formatAdminDate as formatAdminDate8
+} from "@fonderie/client";
 import { useAdminAudit } from "@fonderie/vue-admin";
 import { defineComponent as defineComponent14, h as h16, ref as ref8 } from "vue";
 var AuditScreen = defineComponent14({
   name: "FonderieAuditScreen",
   props: {
     client: { type: Object, required: true },
-    pageSize: { type: Number, default: 50 }
+    pageSize: { type: Number, default: 50 },
+    locale: { type: String, default: void 0 }
   },
   setup(props) {
-    const draft = ref8({ workspaceId: "", type: "", actorId: "" });
+    const draft = ref8({ workspaceId: "", type: "", actorId: "", from: "", to: "" });
     const query = ref8({ limit: props.pageSize });
     const { events, hasMore, isLoading, error, refresh, loadMore } = useAdminAudit(
       props.client,
@@ -2409,87 +2725,120 @@ var AuditScreen = defineComponent14({
       style: styles.input,
       "aria-label": placeholder
     });
-    return () => h16("div", { style: styles.container }, [
-      pageHeader(
-        "Audit",
-        "What happened, across every workspace unless you name one. The chain's integrity verdict is on the Doctor page."
-      ),
-      h16(
-        "form",
-        {
-          style: styles.toolbar,
-          onSubmit: (e) => {
-            e.preventDefault();
-            const d = draft.value;
-            query.value = {
-              limit: props.pageSize,
-              ...d.workspaceId.trim() ? { workspaceId: d.workspaceId.trim() } : {},
-              ...d.type.trim() ? { type: d.type.trim() } : {},
-              ...d.actorId.trim() ? { actorId: d.actorId.trim() } : {}
-            };
-          }
-        },
-        [
-          field("workspaceId", "workspace id (all if empty)"),
-          field("type", "event type"),
-          field("actorId", "actor id"),
-          h16(
-            "button",
-            { type: "submit", style: styles.buttonPrimary, disabled: isLoading.value },
-            [icon("search", 14), "Filter"]
-          ),
-          refreshButton2("Refresh", isLoading.value, () => void refresh())
-        ]
-      ),
-      error.value ? h16("p", { style: styles.error, role: "alert" }, error.value.explanation) : null,
-      events.value.length === 0 && !isLoading.value ? empty("Nothing recorded for this filter", void 0, "audit") : table(
-        ["When", "Type", "Workspace", "Actor", "Request"],
-        events.value.map(
-          (e) => h16("tr", { key: e.id }, [
-            td(new Date(e.createdAt).toLocaleString(), styles.muted),
-            td(e.type, styles.mono),
-            td(String(e.payload["workspaceId"] ?? "\u2014"), styles.mono),
-            td(e.actorId ?? "\u2014", styles.mono),
-            td(e.requestId ?? "", styles.muted)
-          ])
-        )
-      ),
-      isLoading.value ? h16("p", { style: styles.status }, "Loading\u2026") : null,
-      hasMore.value && !isLoading.value ? loadMoreButton(() => void loadMore()) : null
-    ]);
+    return () => {
+      const t2 = createAdminT15(props.locale);
+      return h16("div", { style: styles.container }, [
+        pageHeader(t2("audit.title"), t2("audit.lead")),
+        h16(
+          "form",
+          {
+            style: styles.toolbar,
+            onSubmit: (e) => {
+              e.preventDefault();
+              const d = draft.value;
+              query.value = {
+                limit: props.pageSize,
+                ...d.workspaceId.trim() ? { workspaceId: d.workspaceId.trim() } : {},
+                ...d.type.trim() ? { type: d.type.trim() } : {},
+                ...d.actorId.trim() ? { actorId: d.actorId.trim() } : {},
+                // Dates are whole days in the operator's time zone: "to" includes that day.
+                ...d.from ? { from: /* @__PURE__ */ new Date(`${d.from}T00:00:00`) } : {},
+                ...d.to ? { to: /* @__PURE__ */ new Date(`${d.to}T23:59:59.999`) } : {}
+              };
+            }
+          },
+          [
+            field("workspaceId", t2("audit.workspacePlaceholder")),
+            field("type", t2("audit.typePlaceholder")),
+            field("actorId", t2("audit.actorPlaceholder")),
+            ...["from", "to"].map(
+              (k) => h16("input", {
+                type: "date",
+                value: draft.value[k],
+                onInput: (e) => draft.value = { ...draft.value, [k]: e.target.value },
+                style: styles.input,
+                "aria-label": k === "from" ? t2("audit.fromLabel") : t2("audit.toLabel"),
+                title: k === "from" ? t2("audit.fromTitle") : t2("audit.toTitle")
+              })
+            ),
+            h16(
+              "button",
+              { type: "submit", style: styles.buttonPrimary, disabled: isLoading.value },
+              [icon("search", 14), t2("common.filter")]
+            ),
+            refreshButton2(
+              t2("common.refresh"),
+              isLoading.value,
+              () => void refresh(),
+              t2("common.working")
+            )
+          ]
+        ),
+        error.value ? h16("p", { style: styles.error, role: "alert" }, error.value.explanation) : null,
+        events.value.length === 0 && !isLoading.value ? empty(t2("audit.empty"), void 0, "audit") : table(
+          [
+            t2("audit.col.when"),
+            t2("audit.col.type"),
+            t2("audit.col.workspace"),
+            t2("audit.col.actor"),
+            t2("audit.col.request")
+          ],
+          events.value.map(
+            (e) => h16("tr", { key: e.id }, [
+              td(formatAdminDate8(e.createdAt, props.locale), styles.muted),
+              td(e.type, styles.mono),
+              td(String(e.payload["workspaceId"] ?? "\u2014"), styles.mono),
+              td(e.actorId ?? "\u2014", styles.mono),
+              td(e.requestId ?? "", styles.muted)
+            ])
+          )
+        ),
+        isLoading.value ? h16("p", { style: styles.status }, t2("common.loading")) : null,
+        hasMore.value && !isLoading.value ? loadMoreButton(() => void loadMore(), t2("common.loadMore")) : null
+      ]);
+    };
   }
 });
 
 // src/screens/AdminShell.ts
 var NAV = [
-  { group: "Today", items: [{ page: "attention", label: "Attention" }] },
+  { group: "nav.groups.today", items: [{ page: "attention", label: "nav.items.attention" }] },
   {
-    group: "System",
+    group: "nav.groups.system",
     items: [
-      { page: "modules", label: "Modules" },
-      { page: "environment", label: "Environment" },
-      { page: "doctor", label: "Doctor" },
-      { page: "routes", label: "Routes" }
+      { page: "modules", label: "nav.items.modules" },
+      { page: "environment", label: "nav.items.environment" },
+      { page: "doctor", label: "nav.items.doctor" },
+      { page: "routes", label: "nav.items.routes" }
     ]
   },
-  { group: "People", items: [{ page: "users", label: "Users", needs: "auth" }] },
   {
-    group: "Money",
+    group: "nav.groups.people",
+    items: [{ page: "users", label: "nav.items.users", needs: "auth" }]
+  },
+  {
+    group: "nav.groups.money",
     items: [
-      { page: "catalog", label: "Catalog", needs: "billing" },
-      { page: "subscriber", label: "Subscriptions", needs: "billing" }
+      { page: "catalog", label: "nav.items.catalog", needs: "billing" },
+      { page: "subscriber", label: "nav.items.subscriptions", needs: "billing" }
     ]
   },
-  { group: "Settings", items: [{ page: "settings", label: "Config & secrets", needs: "config" }] },
-  { group: "Messaging", items: [{ page: "templates", label: "Templates", needs: "courier" }] },
   {
-    group: "Activity",
+    group: "nav.groups.settings",
+    items: [{ page: "settings", label: "nav.items.settings", needs: "config" }]
+  },
+  {
+    group: "nav.groups.messaging",
+    items: [{ page: "templates", label: "nav.items.templates", needs: "courier" }]
+  },
+  {
+    group: "nav.groups.activity",
     items: [
-      { page: "audit", label: "Audit", needs: "audit" },
-      { page: "log", label: "Admin log" },
-      { page: "operators", label: "Operators", needs: "operators" },
-      { page: "tokens", label: "Tokens" },
-      { page: "migrations", label: "Migrations" }
+      { page: "audit", label: "nav.items.audit", needs: "audit" },
+      { page: "log", label: "nav.items.log" },
+      { page: "operators", label: "nav.items.operators", needs: "operators" },
+      { page: "tokens", label: "nav.items.tokens" },
+      { page: "migrations", label: "nav.items.migrations" }
     ]
   }
 ];
@@ -2538,12 +2887,19 @@ var AdminShell = defineComponent15({
     // shows the Operators page.
     operators: { type: Boolean, default: false },
     // The signed-in operator's email, when a person (not a token) is signed in.
-    currentOperator: { type: String, default: void 0 }
+    currentOperator: { type: String, default: void 0 },
+    // Where the app serves GET /config/public — marks public keys on the
+    // Config page and previews exactly what frontends receive.
+    publicConfigUrl: { type: String, default: void 0 },
+    // The console's own language (the operator's choice, independent of the
+    // locales the app serves). Default English.
+    locale: { type: String, default: void 0 }
   },
   // `footer` slot: pinned to the bottom of the sidebar — session controls
   // (theme, sign out). The React shell takes the same thing as a `footer` prop.
   emits: { navigate: (_page) => true },
   setup(props, { emit, slots }) {
+    const tr = computed3(() => createAdminT16(props.locale));
     const query = typeof window !== "undefined" && window.matchMedia ? window.matchMedia(NARROW) : null;
     const narrow = ref9(query?.matches ?? false);
     const drawer = ref9(false);
@@ -2570,90 +2926,141 @@ var AdminShell = defineComponent15({
     const missing = (text) => h17("p", { style: { ...styles.status, padding: "32px 40px" } }, text);
     const body = () => {
       const c = props.client;
+      const t2 = tr.value;
+      const loc = props.locale ? { locale: props.locale } : {};
+      const missingClient = (client) => missing(t2("shell.missingClient", { client }));
       switch (current.value) {
         case "attention":
-          return h17(AttentionScreen, { client: c });
+          return h17(AttentionScreen, { client: c, ...loc });
         case "modules":
-          return h17(ModulesScreen, { client: c });
+          return h17(ModulesScreen, { client: c, ...loc });
         case "doctor":
-          return h17(DoctorScreen, { client: c });
+          return h17(DoctorScreen, { client: c, ...loc });
         case "environment":
-          return h17(EnvironmentScreen, { client: c });
+          return h17(EnvironmentScreen, { client: c, ...loc });
         case "routes":
-          return h17(RoutesScreen, { client: c });
+          return h17(RoutesScreen, { client: c, ...loc });
         case "tokens":
-          return h17(TokensScreen, { client: c });
+          return h17(TokensScreen, { client: c, ...loc });
         case "operators":
           return h17(OperatorsScreen, {
             client: c,
+            ...loc,
             ...props.currentOperator ? { me: props.currentOperator } : {}
           });
         case "migrations":
-          return h17(MigrationsScreen, { client: c });
+          return h17(MigrationsScreen, { client: c, ...loc });
         case "log":
-          return h17(AdminLogScreen, { client: c });
+          return h17(AdminLogScreen, { client: c, ...loc });
         case "catalog":
-          return props.billingClient ? h17(CatalogScreen, { client: props.billingClient }) : missing("Pass a BillingAdminClient to see the catalog here.");
+          return props.billingClient ? h17(CatalogScreen, { client: props.billingClient, ...loc }) : missingClient("BillingAdminClient");
         case "subscriber":
           return props.billingClient ? h17(SubscriberScreen, {
             client: props.billingClient,
+            ...loc,
             ...props.authClient ? {
               onOpenUser: (id) => {
                 openUser.value = id;
                 go("users");
               }
             } : {}
-          }) : missing("Pass a BillingAdminClient to look up subscribers here.");
+          }) : missingClient("BillingAdminClient");
         case "audit":
-          return props.auditClient ? h17(AuditScreen, { client: props.auditClient }) : missing("Pass an AuditAdminClient to see the audit trail here.");
+          return props.auditClient ? h17(AuditScreen, { client: props.auditClient, ...loc }) : missingClient("AuditAdminClient");
         case "users":
           return props.authClient ? h17(UsersScreen, {
             key: openUser.value ?? "list",
             client: props.authClient,
+            ...loc,
             ...props.billingClient ? { billingClient: props.billingClient } : {},
             ...openUser.value ? { openUserId: openUser.value } : {}
-          }) : missing("Pass an AuthAdminClient to look up users here.");
+          }) : missingClient("AuthAdminClient");
         case "settings": {
           const cc = props.configClient;
-          if (!cc) return missing("Pass a ConfigAdminClient to manage config and secrets here.");
+          if (!cc) return missingClient("ConfigAdminClient");
           const e = editing.value;
-          if (e && e.kind !== "template")
+          if (e && (e.kind === "config" || e.kind === "secret")) {
+            const env = e.environment ?? props.environment;
             return [
-              back("Config & secrets"),
+              back(t2("nav.items.settings")),
               h17(ConfigEditorScreen, {
+                key: `${e.kind}:${e.key}:${e.environment ?? ""}`,
                 client: cc,
+                ...loc,
                 kind: e.kind,
                 configKey: e.key,
-                ...props.environment !== void 0 ? { environment: props.environment } : {},
-                onSaved: () => editing.value = null
+                ...env !== void 0 ? { environment: env } : {},
+                ...e.environments ? { environments: e.environments } : {},
+                onSaved: () => editing.value = null,
+                onDeleted: () => editing.value = null
               })
             ];
+          }
+          const create = (kind) => (c2) => editing.value = {
+            kind,
+            key: "",
+            environments: c2.environments,
+            ...c2.environment ? { environment: c2.environment } : {}
+          };
           return h17(ConfigListScreen, {
             client: cc,
+            ...loc,
             ...props.environment !== void 0 ? { environment: props.environment } : {},
-            "onSelect-config": (key) => editing.value = { kind: "config", key },
-            "onSelect-secret": (key) => editing.value = { kind: "secret", key },
+            ...props.publicConfigUrl ? { publicConfigUrl: props.publicConfigUrl } : {},
+            "onSelect-config": (key, environment) => editing.value = { kind: "config", key, environment },
+            "onSelect-secret": (key, environment) => editing.value = { kind: "secret", key, environment },
             allowCreate: true,
-            "onCreate-config": () => editing.value = { kind: "config", key: "" },
-            "onCreate-secret": () => editing.value = { kind: "secret", key: "" }
+            "onCreate-config": create("config"),
+            "onCreate-secret": create("secret")
           });
         }
         case "templates": {
           const kc = props.courierClient;
-          if (!kc) return missing("Pass a CourierAdminClient to manage templates here.");
+          if (!kc) return missingClient("CourierAdminClient");
           const e = editing.value;
+          if (e?.kind === "template-new")
+            return [
+              back(t2("nav.items.templates")),
+              h17(TemplateCreateScreen, {
+                client: kc,
+                ...loc,
+                ...e.type ? { type: e.type } : {},
+                ...e.locales ? { locales: e.locales } : {},
+                onCreated: (c2) => editing.value = {
+                  kind: "template",
+                  type: c2.type,
+                  locale: c2.locale,
+                  system: false
+                }
+              })
+            ];
           if (e?.kind === "template")
             return [
-              back("Templates"),
+              back(t2("nav.items.templates")),
               h17(TemplateEditorScreen, {
+                key: `${e.type}:${e.locale ?? ""}`,
                 client: kc,
+                ...props.locale ? { uiLocale: props.locale } : {},
                 type: e.type,
-                onSaved: () => editing.value = null
+                locale: e.locale,
+                system: e.system,
+                allowAddLocale: true,
+                onSaved: () => editing.value = null,
+                onDeleted: () => editing.value = null,
+                "onAdd-locale": (type) => editing.value = { kind: "template-new", type }
               })
             ];
           return h17(TemplateListScreen, {
             client: kc,
-            "onSelect-template": (t2) => editing.value = { kind: "template", type: t2.type }
+            ...loc,
+            allowCreate: true,
+            "onSelect-template": (t3) => editing.value = {
+              kind: "template",
+              type: t3.type,
+              locale: t3.locale ?? null,
+              system: t3.system === true
+            },
+            "onCreate-template": (c2) => editing.value = { kind: "template-new", locales: c2.locales }
           });
         }
       }
@@ -2687,7 +3094,7 @@ var AdminShell = defineComponent15({
           {
             type: "button",
             style: styles.buttonGhost,
-            "aria-label": "Close menu",
+            "aria-label": tr.value("shell.closeMenu"),
             onClick: () => drawer.value = false
           },
           [icon("close")]
@@ -2701,7 +3108,7 @@ var AdminShell = defineComponent15({
           ...styles.nav,
           ...narrow.value ? { width: "280px", maxWidth: "85vw", boxShadow: "0 10px 40px rgba(0,0,0,.25)" } : {}
         },
-        "aria-label": "Admin"
+        "aria-label": tr.value("shell.navLabel")
       },
       [
         brand(),
@@ -2712,7 +3119,7 @@ var AdminShell = defineComponent15({
             const items = g.items.filter(visible);
             if (items.length === 0) return null;
             return h17("div", { key: g.group }, [
-              h17("div", { style: styles.navGroup }, g.group),
+              h17("div", { style: styles.navGroup }, tr.value(g.group)),
               ...items.map((i) => {
                 const active = current.value === i.page;
                 return h17(
@@ -2728,7 +3135,10 @@ var AdminShell = defineComponent15({
                       go(i.page);
                     }
                   },
-                  [icon(ICON[i.page], 16, active ? styles.navIconActive : void 0), i.label]
+                  [
+                    icon(ICON[i.page], 16, active ? styles.navIconActive : void 0),
+                    tr.value(i.label)
+                  ]
                 );
               })
             ]);
@@ -2738,7 +3148,8 @@ var AdminShell = defineComponent15({
       ]
     );
     return () => {
-      const title = NAV.flatMap((g) => g.items).find((i) => i.page === current.value)?.label ?? "";
+      const titleKey = NAV.flatMap((g) => g.items).find((i) => i.page === current.value)?.label;
+      const title = titleKey ? tr.value(titleKey) : "";
       return h17(
         "div",
         { style: { ...styles.shell, ...narrow.value ? { flexDirection: "column" } : {} } },
@@ -2750,7 +3161,7 @@ var AdminShell = defineComponent15({
                 {
                   type: "button",
                   style: styles.buttonGhost,
-                  "aria-label": "Open menu",
+                  "aria-label": tr.value("shell.openMenu"),
                   "aria-expanded": drawer.value,
                   onClick: () => drawer.value = true
                 },