@fonderie/vue-admin-screens 1.5.0 → 1.6.1

package/dist/index.cjs

@@ -39,6 +39,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/screens/AdminShell.ts
+var import_client16 = require("@fonderie/client");
 var import_vue_config_admin_screens = require("@fonderie/vue-config-admin-screens");
 var import_vue_courier_admin_screens = require("@fonderie/vue-courier-admin-screens");
 var import_vue18 = require("vue");
@@ -597,10 +598,10 @@ function empty(title, body, iconName = "check") {
     body ? (0, import_vue.h)("div", body) : null
   ]);
 }
-function refreshButton(onClick, busy, label = "Refresh") {
+function refreshButton(onClick, busy, label = "Refresh", busyLabel = "Working\u2026") {
   return (0, import_vue.h)("button", { type: "button", style: styles.button, onClick, disabled: busy }, [
     icon("refresh", 14),
-    busy ? "Working\u2026" : label
+    busy ? busyLabel : label
   ]);
 }
 function methodChip(method) {
@@ -627,6 +628,7 @@ function methodChip(method) {
 }
 
 // src/screens/AdminLogScreen.ts
+var import_client = require("@fonderie/client");
 var import_vue_admin = require("@fonderie/vue-admin");
 var import_vue3 = require("vue");
 
@@ -654,15 +656,11 @@ function table(headers, rows) {
   ]);
 }
 var td = (children, extra = {}) => (0, import_vue2.h)("td", { style: { ...styles.td, ...extra } }, children);
-var refreshButton2 = (label, disabled, onClick) => (0, import_vue2.h)("button", { type: "button", style: styles.button, disabled, onClick }, [
+var refreshButton2 = (label, disabled, onClick, busyLabel = "Working\u2026") => (0, import_vue2.h)("button", { type: "button", style: styles.button, disabled, onClick }, [
   icon("refresh", 14),
-  disabled ? "Working\u2026" : label
+  disabled ? busyLabel : label
 ]);
-var loadMoreButton = (onClick) => (0, import_vue2.h)(
-  "button",
-  { type: "button", style: { ...styles.button, marginTop: "12px" }, onClick },
-  "Load more"
-);
+var loadMoreButton = (onClick, label = "Load more") => (0, import_vue2.h)("button", { type: "button", style: { ...styles.button, marginTop: "12px" }, onClick }, label);
 var actionButton = (label, disabled, onClick, style = styles.button) => (0, import_vue2.h)("button", { type: "button", style, disabled, onClick }, label);
 
 // src/screens/AdminLogScreen.ts
@@ -670,69 +668,87 @@ var AdminLogScreen = (0, import_vue3.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 } = (0, import_vue_admin.useAdminLog)(props.client, {
       limit: props.pageSize
     });
-    return () => (0, import_vue3.h)("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 ? (0, import_vue3.h)(
-        "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) => (0, import_vue3.h)("tr", { key: e.id }, [
-              td(new Date(e.at).toLocaleString(), {
-                ...styles.muted,
-                whiteSpace: "nowrap"
-              }),
-              td(e.actor),
-              td([
-                methodChip(e.method),
-                " ",
-                (0, import_vue3.h)("span", { style: { ...styles.mono, wordBreak: "break-all" } }, e.path)
-              ]),
-              td(
-                [
-                  pill(
-                    e.status >= 500 ? "bad" : e.status >= 400 ? "warn" : "ok",
-                    String(e.status)
-                  ),
-                  " ",
-                  (0, import_vue3.h)("span", { style: styles.muted }, `${e.durationMs} ms`)
-                ],
-                { whiteSpace: "nowrap" }
-              ),
-              td(e.module, styles.muted)
-            ])
+    return () => {
+      const t2 = (0, import_client.createAdminT)(props.locale);
+      return (0, import_vue3.h)("div", { style: styles.container }, [
+        pageHeader(t2("log.title"), t2("log.lead"), [
+          refreshButton2(
+            t2("common.refresh"),
+            isLoading.value,
+            () => void refresh(),
+            t2("common.working")
           )
-        ),
-        isLoading.value ? (0, import_vue3.h)("p", { style: styles.status }, "Loading\u2026") : null,
-        hasMore.value && !isLoading.value ? loadMoreButton(() => void loadMore()) : null
-      ]
-    ]);
+        ]),
+        error.value ? (0, import_vue3.h)(
+          "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) => (0, import_vue3.h)("tr", { key: e.id }, [
+                td((0, import_client.formatAdminDate)(e.at, props.locale), {
+                  ...styles.muted,
+                  whiteSpace: "nowrap"
+                }),
+                td(e.actor),
+                td([
+                  methodChip(e.method),
+                  " ",
+                  (0, import_vue3.h)("span", { style: { ...styles.mono, wordBreak: "break-all" } }, e.path)
+                ]),
+                td(
+                  [
+                    pill(
+                      e.status >= 500 ? "bad" : e.status >= 400 ? "warn" : "ok",
+                      String(e.status)
+                    ),
+                    " ",
+                    (0, import_vue3.h)("span", { style: styles.muted }, `${e.durationMs} ms`)
+                  ],
+                  { whiteSpace: "nowrap" }
+                ),
+                td(e.module, styles.muted)
+              ])
+            )
+          ),
+          isLoading.value ? (0, import_vue3.h)("p", { style: styles.status }, t2("common.loading")) : null,
+          hasMore.value && !isLoading.value ? loadMoreButton(() => void loadMore(), t2("common.loadMore")) : null
+        ]
+      ]);
+    };
   }
 });
 
 // src/screens/AttentionScreen.ts
+var import_client2 = require("@fonderie/client");
 var import_vue_admin2 = require("@fonderie/vue-admin");
 var import_vue4 = require("vue");
 var AttentionScreen = (0, import_vue4.defineComponent)({
   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 } = (0, import_vue_admin2.useAttention)(props.client);
     const { manifest } = (0, import_vue_admin2.useManifest)(props.client);
     return () => {
+      const t2 = (0, import_client2.createAdminT)(props.locale);
       const a = attention.value;
       const m = manifest.value;
       const errors = a?.items.filter((i) => i.severity === "error") ?? [];
@@ -741,34 +757,39 @@ var AttentionScreen = (0, import_vue4.defineComponent)({
       const total = m?.modules.length ?? 0;
       const tiles = (0, import_vue4.h)("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, (0, import_vue4.h)("p", { style: styles.status }, "Running the checks\u2026")];
+            return [tiles, (0, import_vue4.h)("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: (0, import_client2.formatAdminDate)(a.generatedAt, props.locale) })
               )
             ];
           return [
@@ -808,7 +829,7 @@ var AttentionScreen = (0, import_vue4.defineComponent)({
                         [
                           pill(
                             item.severity === "error" ? "bad" : "warn",
-                            item.severity === "error" ? "error" : "advice"
+                            item.severity === "error" ? t2("common.status.error") : t2("common.status.advice")
                           ),
                           (0, import_vue4.h)("span", { style: styles.mono }, item.source)
                         ]
@@ -821,9 +842,18 @@ var AttentionScreen = (0, import_vue4.defineComponent)({
             )
           ];
         },
-        [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: (0, import_client2.formatAdminDate)(a.generatedAt, props.locale, "time")
+          }) : t2("attention.lead")
         }
       );
     };
@@ -831,28 +861,29 @@ var AttentionScreen = (0, import_vue4.defineComponent)({
 });
 
 // src/screens/EnvironmentScreen.ts
+var import_client3 = require("@fonderie/client");
 var import_vue_admin3 = require("@fonderie/vue-admin");
 var import_vue5 = require("vue");
 var EnvironmentScreen = (0, import_vue5.defineComponent)({
   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 } = (0, import_vue_admin3.useAdminEnvironment)(props.client);
     return () => {
+      const t2 = (0, import_client3.createAdminT)(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 [
-            (0, import_vue5.h)("h2", { style: { ...styles.subtitle, marginTop: 0 } }, "Variables"),
-            r.env.length === 0 ? (0, import_vue5.h)(
-              "p",
-              { style: styles.muted },
-              "No variables declared \u2014 pass `env` to AdminModule."
-            ) : (0, import_vue5.h)(
+            (0, import_vue5.h)("h2", { style: { ...styles.subtitle, marginTop: 0 } }, t2("environment.variables")),
+            r.env.length === 0 ? (0, import_vue5.h)("p", { style: styles.muted }, t2("environment.noVariables")) : (0, import_vue5.h)(
               "div",
               {
                 style: {
@@ -877,12 +908,15 @@ var EnvironmentScreen = (0, import_vue5.defineComponent)({
                   },
                   [
                     (0, import_vue5.h)("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")
+                    )
                   ]
                 )
               )
             ),
-            (0, import_vue5.h)("h2", { style: styles.subtitle }, "Module readiness"),
+            (0, import_vue5.h)("h2", { style: styles.subtitle }, t2("environment.moduleReadiness")),
             (0, import_vue5.h)(
               "ul",
               { style: styles.list },
@@ -902,7 +936,7 @@ var EnvironmentScreen = (0, import_vue5.defineComponent)({
                       (0, import_vue5.h)("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 })
                       )
                     ]
                   ),
@@ -926,10 +960,14 @@ var EnvironmentScreen = (0, import_vue5.defineComponent)({
           ];
         },
         [
-          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")
         }
       );
     };
@@ -937,103 +975,131 @@ var EnvironmentScreen = (0, import_vue5.defineComponent)({
 });
 
 // src/screens/DoctorScreen.ts
+var import_client4 = require("@fonderie/client");
 var import_vue_admin4 = require("@fonderie/vue-admin");
 var import_vue6 = require("vue");
 var DoctorScreen = (0, import_vue6.defineComponent)({
   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 } = (0, import_vue_admin4.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) => (0, import_vue6.h)("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([
-                (0, import_vue6.h)("div", [
-                  (0, import_vue6.h)("span", { style: { ...styles.mono, fontWeight: 600 } }, c.name),
-                  " ",
-                  (0, import_vue6.h)("span", { style: styles.muted }, c.module)
-                ]),
-                c.skipped ? (0, import_vue6.h)("div", { style: { ...styles.muted, marginTop: "4px" } }, c.skipped) : null,
-                ...c.findings.map(
-                  (f) => (0, import_vue6.h)(
-                    "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 = (0, import_client4.createAdminT)(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) => (0, import_vue6.h)("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([
+                  (0, import_vue6.h)("div", [
+                    (0, import_vue6.h)("span", { style: { ...styles.mono, fontWeight: 600 } }, c.name),
+                    " ",
+                    (0, import_vue6.h)("span", { style: styles.muted }, c.module)
+                  ]),
+                  c.skipped ? (0, import_vue6.h)("div", { style: { ...styles.muted, marginTop: "4px" } }, c.skipped) : null,
+                  ...c.findings.map(
+                    (f) => (0, import_vue6.h)(
+                      "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
+var import_client5 = require("@fonderie/client");
 var import_vue_admin5 = require("@fonderie/vue-admin");
 var import_vue7 = require("vue");
 var ModulesScreen = (0, import_vue7.defineComponent)({
   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 } = (0, import_vue_admin5.useManifest)(props.client);
     return () => {
+      const t2 = (0, import_client5.createAdminT)(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) => (0, import_vue7.h)("tr", { key: mod.name }, [
                 td(mod.name, { ...styles.mono, fontWeight: 600 }),
-                td(mod.version ?? (0, import_vue7.h)("span", { style: styles.muted }, "not reported"), styles.mono),
+                td(
+                  mod.version ?? (0, import_vue7.h)("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) => (0, import_vue7.h)(
                       "div",
@@ -1050,7 +1116,7 @@ var ModulesScreen = (0, import_vue7.defineComponent)({
                   )
                 ]),
                 td(
-                  mod.describesAdmin ? (0, import_vue7.h)("span", { style: styles.badge }, "describes admin") : (0, import_vue7.h)("span", { style: styles.muted }, "\u2014")
+                  mod.describesAdmin ? (0, import_vue7.h)("span", { style: styles.badge }, t2("modules.describesAdmin")) : (0, import_vue7.h)("span", { style: styles.muted }, "\u2014")
                 )
               ])
             )
@@ -1058,7 +1124,13 @@ var ModulesScreen = (0, import_vue7.defineComponent)({
         },
         [],
         {
-          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")
         }
       );
     };
@@ -1066,24 +1138,34 @@ var ModulesScreen = (0, import_vue7.defineComponent)({
 });
 
 // src/screens/RoutesScreen.ts
+var import_client6 = require("@fonderie/client");
 var import_vue_admin6 = require("@fonderie/vue-admin");
 var import_vue8 = require("vue");
 var RoutesScreen = (0, import_vue8.defineComponent)({
   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 } = (0, import_vue_admin6.useAdminRoutes)(props.client);
     const q = (0, import_vue8.ref)("");
     return () => {
+      const t2 = (0, import_client6.createAdminT)(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) => (0, import_vue8.h)("tr", { key: `${r.method} ${r.path}` }, [
@@ -1096,7 +1178,7 @@ var RoutesScreen = (0, import_vue8.defineComponent)({
                     false
                   )
                 ),
-                td(r.module ?? "application", styles.muted)
+                td(r.module ?? t2("routes.application"), styles.muted)
               ])
             ),
             ...routes.length === 0 ? [
@@ -1104,7 +1186,7 @@ var RoutesScreen = (0, import_vue8.defineComponent)({
                 (0, import_vue8.h)(
                   "td",
                   { style: { ...styles.td, ...styles.muted }, colspan: 4 },
-                  `No route matches \u201C${q.value}\u201D.`
+                  t2("routes.noMatch", { q: q.value })
                 )
               ])
             ] : []
@@ -1114,16 +1196,17 @@ var RoutesScreen = (0, import_vue8.defineComponent)({
           (0, import_vue8.h)("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")
         }
       );
     };
@@ -1131,27 +1214,31 @@ var RoutesScreen = (0, import_vue8.defineComponent)({
 });
 
 // src/screens/MigrationsScreen.ts
+var import_client7 = require("@fonderie/client");
 var import_vue_admin7 = require("@fonderie/vue-admin");
 var import_vue9 = require("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 = (0, import_vue9.defineComponent)({
   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 } = (0, import_vue_admin7.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 (0, import_vue9.h)("section", { style: { ...styles.card, marginBottom: "16px" } }, [
         (0, import_vue9.h)("h2", { style: { ...styles.subtitle, marginTop: 0 } }, [
           (0, import_vue9.h)("span", { style: styles.mono }, m.name),
-          pill("warn", `${m.pending.length} pending`)
+          pill("warn", t2("migrations.pendingCount", { n: m.pending.length }))
         ]),
         (0, import_vue9.h)(
           "ul",
@@ -1160,7 +1247,7 @@ var MigrationsScreen = (0, import_vue9.defineComponent)({
             (p) => (0, import_vue9.h)("li", [
               (0, import_vue9.h)("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 ? (0, import_vue9.h)(
                 "ul",
                 p.destructive.map((s) => (0, import_vue9.h)("li", [(0, import_vue9.h)("code", s.slice(0, 120))]))
@@ -1176,57 +1263,61 @@ var MigrationsScreen = (0, import_vue9.defineComponent)({
             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 : (0, import_vue9.h)(
-            "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 = (0, import_client7.createAdminT)(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 : (0, import_vue9.h)("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
+var import_client8 = require("@fonderie/client");
 var import_vue_admin8 = require("@fonderie/vue-admin");
 var import_vue10 = require("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 = (0, import_vue10.defineComponent)({
   name: "FonderieOperatorsScreen",
@@ -1234,18 +1325,19 @@ var OperatorsScreen = (0, import_vue10.defineComponent)({
     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 } = (0, import_vue_admin8.useAdminOperators)(
       props.client
     );
     const email = (0, import_vue10.ref)("");
-    const level = (0, import_vue10.ref)("Editor");
+    const level = (0, import_vue10.ref)("editor");
     const minted = (0, import_vue10.ref)(null);
     const copied = (0, import_vue10.ref)(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 (0, import_vue10.h)(
         "div",
@@ -1257,8 +1349,8 @@ var OperatorsScreen = (0, import_vue10.defineComponent)({
           }
         },
         [
-          (0, import_vue10.h)("strong", `Send this link to ${link.email}. It is shown once.`),
-          ` It works once and expires ${new Date(link.expiresAt).toLocaleString()}.`,
+          (0, import_vue10.h)("strong", t2("operators.mintedTitle", { email: link.email })),
+          ` ${t2("operators.mintedBody", { date: (0, import_client8.formatAdminDate)(link.expiresAt, props.locale) })}`,
           (0, import_vue10.h)(
             "div",
             { style: { display: "flex", gap: "8px", marginTop: "8px", alignItems: "center" } },
@@ -1278,14 +1370,14 @@ var OperatorsScreen = (0, import_vue10.defineComponent)({
                     copied.value = true;
                   }
                 },
-                copied.value ? "Copied" : "Copy"
+                copied.value ? t2("common.copied") : t2("common.copy")
               ),
               (0, import_vue10.h)(
                 "button",
                 {
                   type: "button",
                   style: styles.buttonGhost,
-                  "aria-label": "Dismiss",
+                  "aria-label": t2("common.dismiss"),
                   onClick: () => {
                     minted.value = null;
                     copied.value = false;
@@ -1303,19 +1395,17 @@ var OperatorsScreen = (0, import_vue10.defineComponent)({
       minted.value = l;
     };
     return () => {
+      const t2 = (0, import_client8.createAdminT)(props.locale);
       const r = report.value;
       const e = error.value;
       return (0, import_vue10.h)("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 ? (0, import_vue10.h)(
           "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,
         (0, import_vue10.h)(
           "form",
           {
@@ -1338,15 +1428,19 @@ var OperatorsScreen = (0, import_vue10.defineComponent)({
           },
           [
             icon("users", 16),
-            (0, import_vue10.h)("strong", { style: { fontSize: "13.5px", marginRight: "4px" } }, "Invite"),
+            (0, import_vue10.h)(
+              "strong",
+              { style: { fontSize: "13.5px", marginRight: "4px" } },
+              t2("operators.invite")
+            ),
             (0, import_vue10.h)("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")
             }),
             (0, import_vue10.h)(
               "select",
@@ -1354,21 +1448,31 @@ var OperatorsScreen = (0, import_vue10.defineComponent)({
                 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) => (0, import_vue10.h)("option", { key: l.label, value: l.label }, `${l.label} \u2014 ${l.hint}`)
+                (l) => (0, import_vue10.h)(
+                  "option",
+                  { key: l.id, value: l.id },
+                  `${t2(`operators.level.${l.id}`)} \u2014 ${t2(`operators.levelHint.${l.id}`)}`
+                )
               )
             ),
             (0, import_vue10.h)(
               "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 ? (0, import_vue10.h)("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 ? (0, import_vue10.h)("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 (0, import_vue10.h)("tr", { key: o.id }, [
@@ -1387,25 +1491,33 @@ var OperatorsScreen = (0, import_vue10.defineComponent)({
                     }).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) => (0, import_vue10.h)("option", { key: l.label, value: l.label }, l.label))
+                  LEVELS.map(
+                    (l) => (0, import_vue10.h)("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 ? (0, import_vue10.h)(
                   "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 ? (0, import_vue10.h)("span", { style: styles.muted }, "you") : [
+                o.lastLoginAt ? (0, import_client8.formatAdminDate)(o.lastLoginAt, props.locale) : t2("common.never"),
+                {
+                  ...styles.muted,
+                  whiteSpace: "nowrap"
+                }
+              ),
+              td(
+                mine ? (0, import_vue10.h)("span", { style: styles.muted }, t2("common.you")) : [
                   (0, import_vue10.h)(
                     "button",
                     {
@@ -1413,13 +1525,13 @@ var OperatorsScreen = (0, import_vue10.defineComponent)({
                       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")
                   ),
                   (0, import_vue10.h)(
                     "button",
@@ -1431,7 +1543,7 @@ var OperatorsScreen = (0, import_vue10.defineComponent)({
                       },
                       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(
                             () => {
@@ -1439,7 +1551,7 @@ var OperatorsScreen = (0, import_vue10.defineComponent)({
                           );
                       }
                     },
-                    o.disabledAt ? "Enable" : "Disable"
+                    o.disabledAt ? t2("operators.enable") : t2("operators.disable")
                   )
                 ],
                 { textAlign: "right", whiteSpace: "nowrap" }
@@ -1448,7 +1560,7 @@ var OperatorsScreen = (0, import_vue10.defineComponent)({
           })
         ) : null,
         r && r.links.length > 0 ? [
-          (0, import_vue10.h)("h2", { style: styles.subtitle }, "Pending links"),
+          (0, import_vue10.h)("h2", { style: styles.subtitle }, t2("operators.pendingLinks")),
           (0, import_vue10.h)(
             "ul",
             { style: styles.list },
@@ -1460,15 +1572,25 @@ var OperatorsScreen = (0, import_vue10.defineComponent)({
                   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
+                  ),
                   (0, import_vue10.h)("span", { style: { flex: 1 } }, [
                     l.email,
-                    l.kind === "invite" ? (0, import_vue10.h)("span", { style: styles.muted }, ` \xB7 ${levelOf(l.scopes)}`) : null
+                    l.kind === "invite" ? (0, import_vue10.h)(
+                      "span",
+                      { style: styles.muted },
+                      ` \xB7 ${t2(`operators.level.${levelOf(l.scopes)}`)}`
+                    ) : null
                   ]),
                   (0, import_vue10.h)(
                     "span",
                     { style: styles.muted },
-                    `expires ${new Date(l.expiresAt).toLocaleString()}`
+                    t2("operators.expiresOn", {
+                      date: (0, import_client8.formatAdminDate)(l.expiresAt, props.locale)
+                    })
                   ),
                   (0, import_vue10.h)(
                     "button",
@@ -1478,7 +1600,7 @@ var OperatorsScreen = (0, import_vue10.defineComponent)({
                       onClick: () => void revokeLink(l.id).catch(() => {
                       })
                     },
-                    "Revoke"
+                    t2("operators.revoke")
                   )
                 ]
               )
@@ -1491,12 +1613,16 @@ var OperatorsScreen = (0, import_vue10.defineComponent)({
 });
 
 // src/screens/TokensScreen.ts
+var import_client9 = require("@fonderie/client");
 var import_vue_admin9 = require("@fonderie/vue-admin");
 var import_vue11 = require("vue");
 var ALL = ["read", "write", "secrets"];
 var TokensScreen = (0, import_vue11.defineComponent)({
   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 } = (0, import_vue_admin9.useAdminTokens)(props.client);
     const name = (0, import_vue11.ref)("");
@@ -1505,25 +1631,27 @@ var TokensScreen = (0, import_vue11.defineComponent)({
     const minted = (0, import_vue11.ref)(null);
     const toggle = (s) => scopes.value = scopes.value.includes(s) ? scopes.value.filter((x) => x !== s) : [...scopes.value, s];
     return () => {
+      const t2 = (0, import_client9.createAdminT)(props.locale);
+      const loc = props.locale;
       const r = report.value;
       return (0, import_vue11.h)("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 ? (0, import_vue11.h)(
           "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,
-        (0, import_vue11.h)("h2", { style: { ...styles.subtitle, marginTop: 0 } }, "Root token"),
+        (0, import_vue11.h)("h2", { style: { ...styles.subtitle, marginTop: 0 } }, t2("tokens.rootToken")),
         r ? (0, import_vue11.h)(
           "div",
           { style: { ...styles.card, display: "flex", gap: "12px", alignItems: "flex-start" } },
           [
             icon("lock", 18, { marginTop: "2px" }),
             (0, import_vue11.h)("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) => (0, import_vue11.h)(
                   "div",
@@ -1541,12 +1669,8 @@ var TokensScreen = (0, import_vue11.defineComponent)({
             ])
           ]
         ) : null,
-        (0, import_vue11.h)("h2", { style: styles.subtitle }, "Issued tokens"),
-        r?.issued === null ? (0, import_vue11.h)(
-          "p",
-          { style: styles.muted },
-          "Issuing is off \u2014 give AdminModule a store and run its migrations."
-        ) : [
+        (0, import_vue11.h)("h2", { style: styles.subtitle }, t2("tokens.issuedTokens")),
+        r?.issued === null ? (0, import_vue11.h)("p", { style: styles.muted }, t2("tokens.issuingOff")) : [
           minted.value ? (0, import_vue11.h)(
             "div",
             {
@@ -1557,7 +1681,7 @@ var TokensScreen = (0, import_vue11.defineComponent)({
               }
             },
             [
-              (0, import_vue11.h)("strong", "Copy this now \u2014 it is never shown again."),
+              (0, import_vue11.h)("strong", t2("tokens.copyNow")),
               ` (${minted.value.name})`,
               (0, import_vue11.h)(
                 "div",
@@ -1585,8 +1709,8 @@ var TokensScreen = (0, import_vue11.defineComponent)({
                   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(() => {
@@ -1597,9 +1721,9 @@ var TokensScreen = (0, import_vue11.defineComponent)({
               (0, import_vue11.h)("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) => (0, import_vue11.h)(
@@ -1621,16 +1745,16 @@ var TokensScreen = (0, import_vue11.defineComponent)({
                       checked: scopes.value.includes(s),
                       onChange: () => toggle(s)
                     }),
-                    ` ${s}`
+                    ` ${t2(`tokens.scope.${s}`)}`
                   ]
                 )
               ),
               (0, import_vue11.h)("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")
               }),
               (0, import_vue11.h)(
                 "button",
@@ -1639,70 +1763,66 @@ var TokensScreen = (0, import_vue11.defineComponent)({
                   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) => (0, import_vue11.h)("tr", { key: t2.id }, [
-                td([t2.name, t2.revokedAt ? [" ", pill("neutral", "revoked")] : ""]),
-                td(t2.scopes.join(", "), styles.mono),
+              (tk) => (0, import_vue11.h)("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}`,
+                  `${(0, import_client9.formatAdminDate)(tk.createdAt, loc, "date")} \xB7 ${tk.createdBy}`,
                   styles.muted
                 ),
                 td(
-                  t2.expiresAt ? new Date(t2.expiresAt).toLocaleDateString() : "never",
+                  tk.expiresAt ? (0, import_client9.formatAdminDate)(tk.expiresAt, loc, "date") : t2("common.never"),
                   styles.muted
                 ),
                 td(
-                  t2.lastUsedAt ? new Date(t2.lastUsedAt).toLocaleString() : "never",
+                  tk.lastUsedAt ? (0, import_client9.formatAdminDate)(tk.lastUsedAt, loc) : t2("common.never"),
                   styles.muted
                 ),
                 td(
-                  t2.revokedAt ? "" : (0, import_vue11.h)(
+                  tk.revokedAt ? "" : (0, import_vue11.h)(
                     "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")
         ],
-        (0, import_vue11.h)("h2", { style: styles.subtitle }, "Legacy per-brick tokens"),
-        r && r.legacy.length === 0 ? (0, import_vue11.h)(
-          "p",
-          { style: styles.muted },
-          "None \u2014 every brick's admin surface goes through this token."
-        ) : (0, import_vue11.h)(
+        (0, import_vue11.h)("h2", { style: styles.subtitle }, t2("tokens.legacyTitle")),
+        r && r.legacy.length === 0 ? (0, import_vue11.h)("p", { style: styles.muted }, t2("tokens.legacyNone")) : (0, import_vue11.h)(
           "ul",
           { style: styles.list },
           (r?.legacy ?? []).map(
             (l) => (0, import_vue11.h)("li", { key: l.module, style: styles.row }, [
               (0, import_vue11.h)("span", { style: styles.mono }, l.module),
               " ",
-              (0, import_vue11.h)(
-                "span",
-                { style: styles.muted },
-                "still registers its standalone routes with its own token (deprecated)"
-              )
+              (0, import_vue11.h)("span", { style: styles.muted }, t2("tokens.legacyRow"))
             ])
           )
         )
@@ -1712,19 +1832,40 @@ var TokensScreen = (0, import_vue11.defineComponent)({
 });
 
 // src/screens/UsersScreen.ts
-var import_client = require("@fonderie/client");
+var import_client12 = require("@fonderie/client");
 var import_vue_admin11 = require("@fonderie/vue-admin");
 var import_vue14 = require("vue");
 
 // src/billing.ts
+var import_client10 = require("@fonderie/client");
 var import_vue12 = require("vue");
-function periodEnd(s) {
+function periodEnd(s, locale) {
   if (!s.currentPeriodEnd) return null;
-  const date = new Date(s.currentPeriodEnd).toLocaleDateString();
+  const t2 = (0, import_client10.createAdminT)(locale);
+  const date = (0, import_client10.formatAdminDate)(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) {
@@ -1753,15 +1894,18 @@ function useSubscriptionIndex(client) {
 }
 
 // src/screens/SubscriberBilling.ts
+var import_client11 = require("@fonderie/client");
 var import_vue_admin10 = require("@fonderie/vue-admin");
 var import_vue13 = require("vue");
+var LEDGER_KINDS = ["purchase", "grant", "usage", "refund", "adjustment", "expiry"];
 var SubscriberBillingInner = (0, import_vue13.defineComponent)({
   name: "FonderieSubscriberBillingInner",
   props: {
     client: { type: Object, required: true },
     subscriberType: { type: String, required: true },
     subscriberId: { type: String, required: true },
-    currency: { type: String, default: "" }
+    currency: { type: String, default: "" },
+    locale: { type: String, default: void 0 }
   },
   emits: { "change-currency": (_currency) => true },
   setup(props, { emit }) {
@@ -1775,15 +1919,18 @@ var SubscriberBillingInner = (0, import_vue13.defineComponent)({
     const note = (0, import_vue13.ref)("");
     const granted = (0, import_vue13.ref)(null);
     return () => {
+      const t2 = (0, import_client11.createAdminT)(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 (0, import_vue13.h)("p", { style: styles.status }, "Loading billing\u2026");
-      const end = s ? periodEnd(s) : null;
+      if (isLoading.value && !w && !s)
+        return (0, import_vue13.h)("p", { style: styles.status }, t2("billing.loading"));
+      const end = s ? periodEnd(s, props.locale) : null;
       return (0, import_vue13.h)("div", [
         error.value ? (0, import_vue13.h)("p", { style: styles.error, role: "alert" }, error.value.explanation) : null,
         (0, import_vue13.h)("div", { style: { ...styles.grid, marginBottom: "16px" } }, [
           (0, import_vue13.h)("div", { style: styles.card }, [
-            (0, import_vue13.h)("div", { style: styles.statLabel }, "Plan"),
+            (0, import_vue13.h)("div", { style: styles.statLabel }, t2("billing.plan")),
             (0, import_vue13.h)(
               "div",
               {
@@ -1796,11 +1943,11 @@ var SubscriberBillingInner = (0, import_vue13.defineComponent)({
                 }
               },
               [
-                (0, import_vue13.h)("strong", { style: { fontSize: "18px" } }, s ? s.plan : "Free"),
+                (0, import_vue13.h)("strong", { style: { fontSize: "18px" } }, s ? s.plan : t2("billing.free")),
                 ...s ? [
-                  (0, import_vue13.h)("span", { style: styles.muted }, `\xB7 ${s.interval}`),
-                  pill(statusTone(s.status), s.status)
-                ] : [(0, import_vue13.h)("span", { style: styles.muted }, "no subscription")]
+                  (0, import_vue13.h)("span", { style: styles.muted }, `\xB7 ${intervalLabel(t2, s.interval)}`),
+                  pill(statusTone(s.status), statusLabel(t2, s.status))
+                ] : [(0, import_vue13.h)("span", { style: styles.muted }, t2("billing.noSubscription"))]
               ]
             ),
             end ? (0, import_vue13.h)("div", { style: styles.statHint }, `${end.label} ${end.date}`) : null,
@@ -1822,7 +1969,7 @@ var SubscriberBillingInner = (0, import_vue13.defineComponent)({
                 }
               },
               [
-                (0, import_vue13.h)("div", { style: styles.statLabel }, "Credits"),
+                (0, import_vue13.h)("div", { style: styles.statLabel }, t2("billing.credits")),
                 (0, import_vue13.h)(
                   "form",
                   {
@@ -1838,11 +1985,11 @@ var SubscriberBillingInner = (0, import_vue13.defineComponent)({
                       onInput: (e) => {
                         currencyDraft.value = e.target.value;
                       },
-                      placeholder: w?.currency ?? "currency",
+                      placeholder: w?.currency ?? t2("billing.currencyPlaceholder"),
                       maxlength: 8,
                       style: { ...styles.input, height: "26px", width: "84px", fontSize: "12px" },
-                      "aria-label": "Wallet currency",
-                      title: "Show the wallet in another currency"
+                      "aria-label": t2("billing.currencyLabel"),
+                      title: t2("billing.currencyTitle")
                     })
                   ]
                 )
@@ -1856,15 +2003,11 @@ var SubscriberBillingInner = (0, import_vue13.defineComponent)({
               (0, import_vue13.h)(
                 "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: (0, import_client11.formatAdminDate)(w.grantedExpiresAt, props.locale, "date")
+                }) : ""}`
               )
-            ] : [
-              (0, import_vue13.h)(
-                "div",
-                { style: styles.statHint },
-                "No wallet \u2014 billing has no wallet configuration."
-              )
-            ]
+            ] : [(0, import_vue13.h)("div", { style: styles.statHint }, t2("billing.noWallet"))]
           ])
         ]),
         w ? (0, import_vue13.h)(
@@ -1887,7 +2030,7 @@ var SubscriberBillingInner = (0, import_vue13.defineComponent)({
                 ...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(() => {
@@ -1895,21 +2038,25 @@ var SubscriberBillingInner = (0, import_vue13.defineComponent)({
             }
           },
           [
-            (0, import_vue13.h)("strong", { style: { fontSize: "13.5px", marginRight: "4px" } }, "Grant credits"),
+            (0, import_vue13.h)(
+              "strong",
+              { style: { fontSize: "13.5px", marginRight: "4px" } },
+              t2("billing.grantCredits")
+            ),
             (0, import_vue13.h)("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")
             }),
             (0, import_vue13.h)("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")
             }),
             (0, import_vue13.h)(
               "button",
@@ -1918,27 +2065,32 @@ var SubscriberBillingInner = (0, import_vue13.defineComponent)({
                 style: styles.buttonPrimary,
                 disabled: !/^\d+$/.test(amount.value.trim())
               },
-              [icon("plus", 14), "Grant"]
+              [icon("plus", 14), t2("billing.grant")]
             ),
             granted.value ? (0, import_vue13.h)("span", { style: styles.ok }, granted.value) : null
           ]
         ) : null,
-        w ? ledger.value.length === 0 ? empty("No credit movements yet", void 0, "subscriber") : (0, import_vue13.h)("div", [
+        w ? ledger.value.length === 0 ? empty(t2("billing.noMovements"), void 0, "subscriber") : (0, import_vue13.h)("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) => (0, import_vue13.h)("tr", { key: t2.id }, [
-                td(new Date(t2.createdAt).toLocaleString(), {
+              (tx) => (0, import_vue13.h)("tr", { key: tx.id }, [
+                td((0, import_client11.formatAdminDate)(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
       ]);
     };
@@ -1949,7 +2101,8 @@ var SubscriberBilling = (0, import_vue13.defineComponent)({
   props: {
     client: { type: Object, required: true },
     subscriberType: { type: String, required: true },
-    subscriberId: { type: String, required: true }
+    subscriberId: { type: String, required: true },
+    locale: { type: String, default: void 0 }
   },
   setup(props) {
     const currency = (0, import_vue13.ref)("");
@@ -1959,6 +2112,7 @@ var SubscriberBilling = (0, import_vue13.defineComponent)({
       subscriberType: props.subscriberType,
       subscriberId: props.subscriberId,
       currency: currency.value,
+      ...props.locale ? { locale: props.locale } : {},
       "onChange-currency": (c) => {
         currency.value = c;
       }
@@ -1976,7 +2130,8 @@ var UsersScreen = (0, import_vue14.defineComponent)({
     // 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 = (0, import_vue14.ref)("");
@@ -1994,16 +2149,18 @@ var UsersScreen = (0, import_vue14.defineComponent)({
     const sessions = (0, import_vue_admin11.useAdminUserSessions)(props.client, userId);
     const history = (0, import_vue_admin11.useAdminLoginHistory)(props.client, userId, { limit: 20 });
     const showList = (0, import_vue14.computed)(() => !email.value && !selectedId.value);
-    const yesNo = (v) => v ? pill("ok", "yes") : pill("neutral", "no");
+    const tr = (0, import_vue14.computed)(() => (0, import_client12.createAdminT)(props.locale));
+    const yesNo = (v) => v ? pill("ok", tr.value("common.yes")) : pill("neutral", tr.value("common.no"));
     const row = (k, v) => (0, import_vue14.h)("tr", [td(k), td(v)]);
     const planCell = (id) => {
       if (!plans.value) return (0, import_vue14.h)("span", { style: styles.muted }, "\u2026");
       const sub = plans.value.get(`user/${id}`);
-      if (!sub || sub.status === "canceled") return (0, import_vue14.h)("span", { style: styles.muted }, "free");
+      if (!sub || sub.status === "canceled")
+        return (0, import_vue14.h)("span", { style: styles.muted }, tr.value("common.status.free"));
       return [
         (0, import_vue14.h)("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 = () => {
@@ -2012,13 +2169,12 @@ var UsersScreen = (0, import_vue14.defineComponent)({
       input.value = "";
     };
     return () => {
+      const t2 = tr.value;
+      const loc = props.locale;
       const u = user.value;
       const list = showDeleted.value ? deletedList : activeList;
       return (0, import_vue14.h)("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")),
         (0, import_vue14.h)(
           "form",
           {
@@ -2034,16 +2190,26 @@ var UsersScreen = (0, import_vue14.defineComponent)({
               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")
             }),
             (0, import_vue14.h)(
               "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 ? (0, import_vue14.h)(
               "fieldset",
               {
@@ -2055,7 +2221,7 @@ var UsersScreen = (0, import_vue14.defineComponent)({
                   padding: "0",
                   minWidth: "0"
                 },
-                "aria-label": "Which accounts"
+                "aria-label": t2("users.whichAccounts")
               },
               [false, true].map(
                 (d) => (0, import_vue14.h)(
@@ -2070,7 +2236,7 @@ var UsersScreen = (0, import_vue14.defineComponent)({
                       height: "28px"
                     }
                   },
-                  d ? "Deleted" : "Active"
+                  d ? t2("users.deletedAccounts") : t2("users.activeAccounts")
                 )
               )
             ) : null
@@ -2078,8 +2244,19 @@ var UsersScreen = (0, import_vue14.defineComponent)({
         ),
         showList.value ? (0, import_vue14.h)("div", [
           list.error.value ? (0, import_vue14.h)("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) => (0, import_vue14.h)("tr", { key: u2.id }, [
                 td(
@@ -2097,88 +2274,94 @@ var UsersScreen = (0, import_vue14.defineComponent)({
                   `${u2.firstName ?? ""} ${u2.lastName ?? ""}`.trim() || (0, import_vue14.h)("span", { style: styles.muted }, "\u2014")
                 ),
                 props.billingClient ? td(planCell(u2.id)) : null,
-                td(new Date(u2.createdAt).toLocaleDateString()),
+                td((0, import_client12.formatAdminDate)(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 ? (0, import_vue14.h)("p", { style: styles.status }, "Loading\u2026") : null,
-          list.hasMore.value && !list.isLoading.value ? loadMoreButton(() => void list.loadMore()) : null
+          list.isLoading.value ? (0, import_vue14.h)("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) ? (0, import_vue14.h)(
           "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 ? [
           (0, import_vue14.h)("div", { style: styles.notice, role: "status" }, [
-            (0, import_vue14.h)("strong", "No account with id "),
+            (0, import_vue14.h)("strong", `${t2("users.missingIdPrefix")} `),
             (0, import_vue14.h)("code", { style: styles.code }, selectedId.value),
             (0, import_vue14.h)("strong", "."),
-            " It was deleted, or never existed here. Its billing records remain."
+            ` ${t2("users.missingIdBody")}`
           ]),
-          props.billingClient ? (0, import_vue14.h)("h2", { style: styles.subtitle }, "Plan & credits") : null,
+          props.billingClient ? (0, import_vue14.h)("h2", { style: styles.subtitle }, t2("users.planCredits")) : null,
           props.billingClient ? (0, import_vue14.h)(SubscriberBilling, {
             key: `missing-${selectedId.value}`,
             client: props.billingClient,
             subscriberType: "user",
-            subscriberId: selectedId.value
+            subscriberId: selectedId.value,
+            ...loc ? { locale: loc } : {}
           }) : null
         ] : null,
         u ? [
           (0, import_vue14.h)("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
           ]),
           (0, import_vue14.h)("table", { style: styles.table }, [
             (0, import_vue14.h)("tbody", [
-              row("id", (0, import_vue14.h)("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"), (0, import_vue14.h)("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() : (0, import_vue14.h)("span", { style: styles.muted }, "never")
+                t2("users.field.lastLogin"),
+                u.lastLogin ? (0, import_client12.formatAdminDate)(u.lastLogin, loc) : (0, import_vue14.h)("span", { style: styles.muted }, t2("common.never"))
               ),
-              row("created", new Date(u.createdAt).toLocaleString())
+              row(t2("users.field.created"), (0, import_client12.formatAdminDate)(u.createdAt, loc))
             ])
           ]),
           u.deletedAt ? (0, import_vue14.h)("div", { style: { ...styles.notice, marginTop: "12px" }, role: "status" }, [
-            (0, import_vue14.h)("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."
+            (0, import_vue14.h)("strong", t2("users.deletedOn", { date: (0, import_client12.formatAdminDate)(u.deletedAt, loc) })),
+            ` ${t2("users.deletedBody")}`
           ]) : (0, import_vue14.h)("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 ? (0, import_vue14.h)("h2", { style: styles.subtitle }, "Plan & credits") : null,
+          props.billingClient ? (0, import_vue14.h)("h2", { style: styles.subtitle }, t2("users.planCredits")) : null,
           props.billingClient ? (0, import_vue14.h)(SubscriberBilling, {
             key: u.id,
             client: props.billingClient,
             subscriberType: "user",
-            subscriberId: u.id
+            subscriberId: u.id,
+            ...loc ? { locale: loc } : {}
           }) : null,
           u.deletedAt ? null : [
-            (0, import_vue14.h)("h2", { style: styles.subtitle }, "Live sessions"),
-            sessions.sessions.value.length === 0 ? (0, import_vue14.h)("p", { style: styles.muted }, "None.") : (0, import_vue14.h)(
+            (0, import_vue14.h)("h2", { style: styles.subtitle }, t2("users.liveSessions")),
+            sessions.sessions.value.length === 0 ? (0, import_vue14.h)("p", { style: styles.muted }, t2("common.none")) : (0, import_vue14.h)(
               "ul",
               { style: styles.list },
               sessions.sessions.value.map(
@@ -2188,7 +2371,7 @@ var UsersScreen = (0, import_vue14.defineComponent)({
                   (0, import_vue14.h)(
                     "span",
                     { style: styles.muted },
-                    (0, import_client.describeLocation)(s.location) ?? ""
+                    (0, import_client12.describeLocation)(s.location) ?? ""
                   ),
                   " ",
                   (0, import_vue14.h)("span", { style: styles.muted }, s.userAgent ?? ""),
@@ -2196,18 +2379,21 @@ var UsersScreen = (0, import_vue14.defineComponent)({
                   (0, import_vue14.h)(
                     "span",
                     { style: styles.muted },
-                    `since ${new Date(s.createdAt).toLocaleString()}`
+                    t2("users.since", { date: (0, import_client12.formatAdminDate)(s.createdAt, loc) })
                   )
                 ])
               )
             ),
-            (0, import_vue14.h)("h2", { style: styles.subtitle }, "Recent sign-ins"),
-            history.events.value.length === 0 && !history.isLoading.value ? (0, import_vue14.h)("p", { style: styles.muted }, "None recorded.") : (0, import_vue14.h)(
+            (0, import_vue14.h)("h2", { style: styles.subtitle }, t2("users.recentSignIns")),
+            history.events.value.length === 0 && !history.isLoading.value ? (0, import_vue14.h)("p", { style: styles.muted }, t2("users.noneRecorded")) : (0, import_vue14.h)(
               "ul",
               { style: styles.list },
               history.events.value.map(
                 (e) => (0, import_vue14.h)("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
+                  ),
                   " ",
                   (0, import_vue14.h)("span", { style: styles.muted }, e.method),
                   " ",
@@ -2216,19 +2402,21 @@ var UsersScreen = (0, import_vue14.defineComponent)({
                   (0, import_vue14.h)(
                     "span",
                     { style: styles.muted },
-                    (0, import_client.describeLocation)(e.location) ?? ""
+                    (0, import_client12.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")
+                    )
+                  ] : "",
                   " ",
-                  (0, import_vue14.h)(
-                    "span",
-                    { style: styles.muted },
-                    new Date(e.createdAt).toLocaleString()
-                  )
+                  (0, import_vue14.h)("span", { style: styles.muted }, (0, import_client12.formatAdminDate)(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
       ]);
@@ -2237,26 +2425,34 @@ var UsersScreen = (0, import_vue14.defineComponent)({
 });
 
 // src/screens/CatalogScreen.ts
+var import_client13 = require("@fonderie/client");
 var import_vue_admin12 = require("@fonderie/vue-admin");
 var import_vue15 = require("vue");
 var CatalogScreen = (0, import_vue15.defineComponent)({
   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 } = (0, import_vue_admin12.useAdminCatalog)(props.client);
     const money = (v) => v == null ? "\u2014" : (v / 100).toFixed(2);
     return () => {
+      const t2 = (0, import_client13.createAdminT)(props.locale);
       const c = catalog.value;
       return (0, import_vue15.h)("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 ? (0, import_vue15.h)("p", { style: styles.error, role: "alert" }, error.value.explanation) : null,
-        isLoading.value && !c ? (0, import_vue15.h)("p", { style: styles.status }, "Loading\u2026") : null,
+        isLoading.value && !c ? (0, import_vue15.h)("p", { style: styles.status }, t2("common.loading")) : null,
         c ? [
-          (0, import_vue15.h)("h2", { style: { ...styles.subtitle, marginTop: 0 } }, "Configured (code)"),
+          (0, import_vue15.h)("h2", { style: { ...styles.subtitle, marginTop: 0 } }, t2("catalog.configured")),
           (0, import_vue15.h)(
             "pre",
             {
@@ -2271,13 +2467,17 @@ var CatalogScreen = (0, import_vue15.defineComponent)({
             },
             JSON.stringify(c.configured, null, 2)
           ),
-          (0, import_vue15.h)("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", ""],
+          (0, import_vue15.h)("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) => (0, import_vue15.h)("tr", { key: p.id }, [
                 td([
@@ -2288,7 +2488,7 @@ var CatalogScreen = (0, import_vue15.defineComponent)({
                 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(
                   (0, import_vue15.h)(
                     "button",
@@ -2296,12 +2496,12 @@ var CatalogScreen = (0, import_vue15.defineComponent)({
                       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")
                   )
                 )
               ])
@@ -2314,14 +2514,15 @@ var CatalogScreen = (0, import_vue15.defineComponent)({
 });
 
 // src/screens/SubscriberScreen.ts
+var import_client14 = require("@fonderie/client");
 var import_vue_admin13 = require("@fonderie/vue-admin");
 var import_vue16 = require("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 = (0, import_vue16.defineComponent)({
   name: "FonderieSubscriberScreen",
@@ -2332,11 +2533,12 @@ var SubscriberScreen = (0, import_vue16.defineComponent)({
      * 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 = (0, import_vue_admin13.useAdminSubscribers)(props.client, { limit: props.pageSize });
-    const filter = (0, import_vue16.ref)("All");
+    const filter = (0, import_vue16.ref)("all");
     const open = (0, import_vue16.ref)(null);
     const type = (0, import_vue16.ref)("workspace");
     const idInput = (0, import_vue16.ref)("");
@@ -2345,32 +2547,38 @@ var SubscriberScreen = (0, import_vue16.defineComponent)({
       else open.value = { type: t2, id };
     };
     return () => {
+      const t2 = (0, import_client14.createAdminT)(props.locale);
+      const loc = props.locale ? { locale: props.locale } : {};
       const o = open.value;
       if (o) {
         return (0, import_vue16.h)("div", { style: styles.container }, [
-          pageHeader(`${o.type}/${o.id}`, "Plan, credits and what moved.", [
+          pageHeader(`${o.type}/${o.id}`, t2("billing.subscriptions.detailLead"), [
             (0, import_vue16.h)(
               "button",
               { type: "button", style: styles.buttonGhost, onClick: () => open.value = null },
-              [icon("back", 14), "All subscriptions"]
+              [icon("back", 14), t2("billing.subscriptions.back")]
             )
           ]),
           (0, import_vue16.h)(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 (0, import_vue16.h)("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")
+          )
+        ]),
         (0, import_vue16.h)("div", { style: { ...styles.toolbar, justifyContent: "space-between" } }, [
           (0, import_vue16.h)(
             "fieldset",
@@ -2384,21 +2592,24 @@ var SubscriberScreen = (0, import_vue16.defineComponent)({
                 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 (0, import_vue16.h)(
                 "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, (0, import_vue16.h)("span", { style: { opacity: 0.7 } }, String(n))]
+                [
+                  t2(`billing.subscriptions.filter.${f.id}`),
+                  (0, import_vue16.h)("span", { style: { opacity: 0.7 } }, String(n))
+                ]
               );
             })
           ),
@@ -2418,37 +2629,42 @@ var SubscriberScreen = (0, import_vue16.defineComponent)({
                   value: type.value,
                   onChange: (e) => type.value = e.target.value,
                   style: styles.input,
-                  "aria-label": "Type"
+                  "aria-label": t2("billing.subscriptions.typeLabel")
                 },
                 [
-                  (0, import_vue16.h)("option", { value: "workspace" }, "workspace"),
-                  (0, import_vue16.h)("option", { value: "user" }, "user")
+                  (0, import_vue16.h)("option", { value: "workspace" }, t2("billing.subscriptions.typeWorkspace")),
+                  (0, import_vue16.h)("option", { value: "user" }, t2("billing.subscriptions.typeUser"))
                 ]
               ),
               (0, import_vue16.h)("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")
               }),
               (0, import_vue16.h)(
                 "button",
                 { type: "submit", style: styles.button, disabled: !idInput.value.trim() },
-                [icon("search", 14), "Open"]
+                [icon("search", 14), t2("common.open")]
               )
             ]
           )
         ]),
         list.error.value ? (0, import_vue16.h)("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 (0, import_vue16.h)("tr", { key: s.id }, [
               td(
                 (0, import_vue16.h)(
@@ -2464,11 +2680,11 @@ var SubscriberScreen = (0, import_vue16.defineComponent)({
               td([
                 (0, import_vue16.h)("strong", s.plan),
                 " ",
-                (0, import_vue16.h)("span", { style: styles.muted }, `\xB7 ${s.interval}`)
+                (0, import_vue16.h)("span", { style: styles.muted }, `\xB7 ${intervalLabel(t2, s.interval)}`)
               ]),
               td([
-                pill(statusTone(s.status), s.status),
-                s.cancelAtPeriodEnd && s.status !== "canceled" ? (0, import_vue16.h)("span", [" ", pill("warn", "cancels", false)]) : null
+                pill(statusTone(s.status), statusLabel(t2, s.status)),
+                s.cancelAtPeriodEnd && s.status !== "canceled" ? (0, import_vue16.h)("span", [" ", pill("warn", t2("billing.subscriptions.cancels"), false)]) : null
               ]),
               td(
                 end ? [(0, import_vue16.h)("span", { style: styles.muted }, end.label), ` ${end.date}`] : (0, import_vue16.h)("span", { style: styles.muted }, "\u2014"),
@@ -2477,21 +2693,23 @@ var SubscriberScreen = (0, import_vue16.defineComponent)({
             ]);
           })
         ),
-        list.isLoading.value ? (0, import_vue16.h)("p", { style: styles.status }, "Loading\u2026") : null,
-        list.hasMore.value && !list.isLoading.value ? loadMoreButton(() => void list.loadMore()) : null
+        list.isLoading.value ? (0, import_vue16.h)("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
+var import_client15 = require("@fonderie/client");
 var import_vue_admin14 = require("@fonderie/vue-admin");
 var import_vue17 = require("vue");
 var AuditScreen = (0, import_vue17.defineComponent)({
   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 = (0, import_vue17.ref)({ workspaceId: "", type: "", actorId: "", from: "", to: "" });
@@ -2507,100 +2725,120 @@ var AuditScreen = (0, import_vue17.defineComponent)({
       style: styles.input,
       "aria-label": placeholder
     });
-    return () => (0, import_vue17.h)("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."
-      ),
-      (0, import_vue17.h)(
-        "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", "workspace id (all if empty)"),
-          field("type", "event type"),
-          field("actorId", "actor id"),
-          ...["from", "to"].map(
-            (k) => (0, import_vue17.h)("input", {
-              type: "date",
-              value: draft.value[k],
-              onInput: (e) => draft.value = { ...draft.value, [k]: e.target.value },
-              style: styles.input,
-              "aria-label": k === "from" ? "From date" : "To date",
-              title: k === "from" ? "From (inclusive)" : "To (inclusive)"
-            })
-          ),
-          (0, import_vue17.h)(
-            "button",
-            { type: "submit", style: styles.buttonPrimary, disabled: isLoading.value },
-            [icon("search", 14), "Filter"]
-          ),
-          refreshButton2("Refresh", isLoading.value, () => void refresh())
-        ]
-      ),
-      error.value ? (0, import_vue17.h)("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) => (0, import_vue17.h)("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 ? (0, import_vue17.h)("p", { style: styles.status }, "Loading\u2026") : null,
-      hasMore.value && !isLoading.value ? loadMoreButton(() => void loadMore()) : null
-    ]);
+    return () => {
+      const t2 = (0, import_client15.createAdminT)(props.locale);
+      return (0, import_vue17.h)("div", { style: styles.container }, [
+        pageHeader(t2("audit.title"), t2("audit.lead")),
+        (0, import_vue17.h)(
+          "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) => (0, import_vue17.h)("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")
+              })
+            ),
+            (0, import_vue17.h)(
+              "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 ? (0, import_vue17.h)("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) => (0, import_vue17.h)("tr", { key: e.id }, [
+              td((0, import_client15.formatAdminDate)(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 ? (0, import_vue17.h)("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" }
     ]
   }
 ];
@@ -2652,12 +2890,16 @@ var AdminShell = (0, import_vue18.defineComponent)({
     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 }
+    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 = (0, import_vue18.computed)(() => (0, import_client16.createAdminT)(props.locale));
     const query = typeof window !== "undefined" && window.matchMedia ? window.matchMedia(NARROW) : null;
     const narrow = (0, import_vue18.ref)(query?.matches ?? false);
     const drawer = (0, import_vue18.ref)(false);
@@ -2684,60 +2926,67 @@ var AdminShell = (0, import_vue18.defineComponent)({
     const missing = (text) => (0, import_vue18.h)("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 (0, import_vue18.h)(AttentionScreen, { client: c });
+          return (0, import_vue18.h)(AttentionScreen, { client: c, ...loc });
         case "modules":
-          return (0, import_vue18.h)(ModulesScreen, { client: c });
+          return (0, import_vue18.h)(ModulesScreen, { client: c, ...loc });
         case "doctor":
-          return (0, import_vue18.h)(DoctorScreen, { client: c });
+          return (0, import_vue18.h)(DoctorScreen, { client: c, ...loc });
         case "environment":
-          return (0, import_vue18.h)(EnvironmentScreen, { client: c });
+          return (0, import_vue18.h)(EnvironmentScreen, { client: c, ...loc });
         case "routes":
-          return (0, import_vue18.h)(RoutesScreen, { client: c });
+          return (0, import_vue18.h)(RoutesScreen, { client: c, ...loc });
         case "tokens":
-          return (0, import_vue18.h)(TokensScreen, { client: c });
+          return (0, import_vue18.h)(TokensScreen, { client: c, ...loc });
         case "operators":
           return (0, import_vue18.h)(OperatorsScreen, {
             client: c,
+            ...loc,
             ...props.currentOperator ? { me: props.currentOperator } : {}
           });
         case "migrations":
-          return (0, import_vue18.h)(MigrationsScreen, { client: c });
+          return (0, import_vue18.h)(MigrationsScreen, { client: c, ...loc });
         case "log":
-          return (0, import_vue18.h)(AdminLogScreen, { client: c });
+          return (0, import_vue18.h)(AdminLogScreen, { client: c, ...loc });
         case "catalog":
-          return props.billingClient ? (0, import_vue18.h)(CatalogScreen, { client: props.billingClient }) : missing("Pass a BillingAdminClient to see the catalog here.");
+          return props.billingClient ? (0, import_vue18.h)(CatalogScreen, { client: props.billingClient, ...loc }) : missingClient("BillingAdminClient");
         case "subscriber":
           return props.billingClient ? (0, import_vue18.h)(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 ? (0, import_vue18.h)(AuditScreen, { client: props.auditClient }) : missing("Pass an AuditAdminClient to see the audit trail here.");
+          return props.auditClient ? (0, import_vue18.h)(AuditScreen, { client: props.auditClient, ...loc }) : missingClient("AuditAdminClient");
         case "users":
           return props.authClient ? (0, import_vue18.h)(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 === "config" || e.kind === "secret")) {
             const env = e.environment ?? props.environment;
             return [
-              back("Config & secrets"),
+              back(t2("nav.items.settings")),
               (0, import_vue18.h)(import_vue_config_admin_screens.ConfigEditorScreen, {
                 key: `${e.kind}:${e.key}:${e.environment ?? ""}`,
                 client: cc,
+                ...loc,
                 kind: e.kind,
                 configKey: e.key,
                 ...env !== void 0 ? { environment: env } : {},
@@ -2755,6 +3004,7 @@ var AdminShell = (0, import_vue18.defineComponent)({
           };
           return (0, import_vue18.h)(import_vue_config_admin_screens.ConfigListScreen, {
             client: cc,
+            ...loc,
             ...props.environment !== void 0 ? { environment: props.environment } : {},
             ...props.publicConfigUrl ? { publicConfigUrl: props.publicConfigUrl } : {},
             "onSelect-config": (key, environment) => editing.value = { kind: "config", key, environment },
@@ -2766,13 +3016,14 @@ var AdminShell = (0, import_vue18.defineComponent)({
         }
         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("Templates"),
+              back(t2("nav.items.templates")),
               (0, import_vue18.h)(import_vue_courier_admin_screens.TemplateCreateScreen, {
                 client: kc,
+                ...loc,
                 ...e.type ? { type: e.type } : {},
                 ...e.locales ? { locales: e.locales } : {},
                 onCreated: (c2) => editing.value = {
@@ -2785,27 +3036,36 @@ var AdminShell = (0, import_vue18.defineComponent)({
             ];
           if (e?.kind === "template")
             return [
-              back("Templates"),
+              back(t2("nav.items.templates")),
               (0, import_vue18.h)(import_vue_courier_admin_screens.TemplateEditorScreen, {
                 key: `${e.type}:${e.locale ?? ""}`,
                 client: kc,
+                ...props.locale ? { uiLocale: props.locale } : {},
                 type: e.type,
                 locale: e.locale,
                 system: e.system,
                 allowAddLocale: true,
+                localeTabs: true,
                 onSaved: () => editing.value = null,
                 onDeleted: () => editing.value = null,
-                "onAdd-locale": (type) => editing.value = { kind: "template-new", type }
+                "onAdd-locale": (type, c2) => editing.value = { kind: "template-new", type, locales: c2.locales },
+                "onSelect-locale": (tpl) => editing.value = {
+                  kind: "template",
+                  type: tpl.type,
+                  locale: tpl.locale,
+                  system: tpl.system === true
+                }
               })
             ];
           return (0, import_vue18.h)(import_vue_courier_admin_screens.TemplateListScreen, {
             client: kc,
+            ...loc,
             allowCreate: true,
-            "onSelect-template": (t2) => editing.value = {
+            "onSelect-template": (t3) => editing.value = {
               kind: "template",
-              type: t2.type,
-              locale: t2.locale ?? null,
-              system: t2.system === true
+              type: t3.type,
+              locale: t3.locale ?? null,
+              system: t3.system === true
             },
             "onCreate-template": (c2) => editing.value = { kind: "template-new", locales: c2.locales }
           });
@@ -2841,7 +3101,7 @@ var AdminShell = (0, import_vue18.defineComponent)({
           {
             type: "button",
             style: styles.buttonGhost,
-            "aria-label": "Close menu",
+            "aria-label": tr.value("shell.closeMenu"),
             onClick: () => drawer.value = false
           },
           [icon("close")]
@@ -2855,7 +3115,7 @@ var AdminShell = (0, import_vue18.defineComponent)({
           ...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(),
@@ -2866,7 +3126,7 @@ var AdminShell = (0, import_vue18.defineComponent)({
             const items = g.items.filter(visible);
             if (items.length === 0) return null;
             return (0, import_vue18.h)("div", { key: g.group }, [
-              (0, import_vue18.h)("div", { style: styles.navGroup }, g.group),
+              (0, import_vue18.h)("div", { style: styles.navGroup }, tr.value(g.group)),
               ...items.map((i) => {
                 const active = current.value === i.page;
                 return (0, import_vue18.h)(
@@ -2882,7 +3142,10 @@ var AdminShell = (0, import_vue18.defineComponent)({
                       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)
+                  ]
                 );
               })
             ]);
@@ -2892,7 +3155,8 @@ var AdminShell = (0, import_vue18.defineComponent)({
       ]
     );
     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 (0, import_vue18.h)(
         "div",
         { style: { ...styles.shell, ...narrow.value ? { flexDirection: "column" } : {} } },
@@ -2904,7 +3168,7 @@ var AdminShell = (0, import_vue18.defineComponent)({
                 {
                   type: "button",
                   style: styles.buttonGhost,
-                  "aria-label": "Open menu",
+                  "aria-label": tr.value("shell.openMenu"),
                   "aria-expanded": drawer.value,
                   onClick: () => drawer.value = true
                 },