@burdenoff/microfe-mybodyshield 2026.821.2 → 2026.830.1

package/dist/mybodyshield/pages/ai/AiControlsPage.js

@@ -1,338 +1,386 @@
 import { PageLayout as e } from "../../components/PageLayout.js";
 import { MetricsCard as t } from "../../components/MetricsCard.js";
 import { formatDateTime as n, formatEnumLabel as r, formatRelativeTime as i } from "../../utils/formatters.js";
-import { ErrorView as a, LoadingView as o, Section as s } from "../../components/StateViews.js";
-import { DataTable as c } from "../../components/DataTable.js";
-import { useMybAiOperationLogs as l, useMybAiSettings as u, useMybUpdateAiSettings as d } from "../../hooks/useMyBodyShieldApi.js";
+import { useMybAiOperationLogs as a, useMybAiProcessingConsent as o, useMybAiSettings as s, useMybSetAiProcessingConsent as c, useMybUpdateAiSettings as l } from "../../hooks/useMyBodyShieldApi.js";
+import { useTr as u } from "../../hooks/useTr.js";
 import "../../hooks/index.js";
+import { ErrorView as d, LoadingView as f, Section as p } from "../../components/StateViews.js";
+import { DataTable as m } from "../../components/DataTable.js";
 import "../../components/index.js";
-import { useMemo as f, useState as p } from "react";
-import { Activity as m, Bot as h, KeyRound as g, Save as _, Sparkles as v } from "lucide-react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { Button as x, GlassCard as S, Input as C, Label as w, Select as T, SelectContent as E, SelectItem as D, SelectTrigger as O, SelectValue as k, Spinner as A } from "@burdenoff/fe-libs/ui";
+import { IconChip as h } from "../_shared/visuals.js";
+import { useMemo as g, useState as _ } from "react";
+import { Activity as v, Bot as y, KeyRound as b, Save as x, ShieldCheck as S, ShieldOff as C, Sparkles as w } from "lucide-react";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import { Button as D, GlassCard as O, Input as k, Label as A, Select as j, SelectContent as M, SelectItem as N, SelectTrigger as P, SelectValue as F, Spinner as I, Switch as L } from "@burdenoff/fe-libs/ui";
 //#region src/mybodyshield/pages/ai/AiControlsPage.tsx
-var j = [
+var R = [
 	"GEMINI",
 	"OPENAI",
 	"ANTHROPIC"
-], M = {
+], z = {
 	GEMINI: "Google Gemini",
 	OPENAI: "OpenAI",
 	ANTHROPIC: "Anthropic"
-}, N = {
+}, B = {
 	GEMINI: "gemini-2.5-flash",
 	OPENAI: "gpt-4o-mini",
 	ANTHROPIC: "claude-3-5-haiku-latest"
-}, P = (e) => ({
+}, V = (e) => ({
 	provider: e.provider,
 	modelName: e.modelName,
 	dailyAllowance: String(e.dailyAllowance),
 	providerKey: "",
 	clearKey: !1
 });
-function F({ settings: l, logsQuery: u }) {
-	let F = d(), [I, L] = p(() => P(l)), [R, z] = p(null), [B, V] = p(!1), H = f(() => {
-		let { dailyAllowance: e, dailyAllowanceUsed: t } = l;
+function H() {
+	let e = u(), t = o(), n = c();
+	if (t.isLoading) return /* @__PURE__ */ T(f, { label: e("mybodyshield.pages.aiControls.loadingConsent", "Loading AI-processing consent…") });
+	if (t.isError) return /* @__PURE__ */ T(d, {
+		message: e("mybodyshield.pages.aiControls.consentError", "We couldn't load your AI-processing consent."),
+		onRetry: () => t.refetch()
+	});
+	let r = t.data?.enabled ?? !1;
+	return /* @__PURE__ */ T(O, {
+		treatment: "plain",
+		className: "p-5",
+		children: /* @__PURE__ */ E("div", {
+			className: "flex flex-wrap items-start justify-between gap-4",
+			children: [/* @__PURE__ */ E("div", {
+				className: "flex min-w-0 items-start gap-3",
+				children: [/* @__PURE__ */ T(h, { icon: T(r ? S : C, { className: "h-5 w-5" }) }), /* @__PURE__ */ E("div", {
+					className: "min-w-0",
+					children: [
+						/* @__PURE__ */ T("p", {
+							className: "text-sm font-medium text-text-primary",
+							children: r ? e("mybodyshield.pages.aiControls.aiMayReadData", "AI may read your health data") : e("mybodyshield.pages.aiControls.aiWithdrawn", "AI processing is withdrawn — summaries will not run")
+						}),
+						/* @__PURE__ */ T("p", {
+							className: "mt-0.5 text-sm text-text-secondary",
+							children: r ? e("mybodyshield.pages.aiControls.aiEnabledDescription", "The provider and model below are used to turn your logged training, nutrition, recovery and body-metric data into plain-language summaries.") : e("mybodyshield.pages.aiControls.aiWithdrawnDescription", "The provider and model below are saved, but no AI summary is generated while consent is withdrawn. Rule-based guidance and every manual logging path keep working.")
+						}),
+						t.data?.withdrawnAt && !r && /* @__PURE__ */ T("p", {
+							className: "mt-1 text-xs text-text-tertiary",
+							children: e("mybodyshield.pages.aiControls.withdrawnAgo", "Withdrawn {{time}}.", { time: i(t.data.withdrawnAt) })
+						}),
+						t.data?.acceptedAt && r && /* @__PURE__ */ T("p", {
+							className: "mt-1 text-xs text-text-tertiary",
+							children: e("mybodyshield.pages.aiControls.consentGivenAgo", "Consent given {{time}}.", { time: i(t.data.acceptedAt) })
+						})
+					]
+				})]
+			}), /* @__PURE__ */ T(L, {
+				checked: r,
+				onCheckedChange: (e) => n.mutate(e),
+				disabled: n.isPending,
+				"aria-label": e("mybodyshield.pages.aiControls.allowAiData", "Allow AI to read my health data")
+			})]
+		})
+	});
+}
+function U({ settings: a, logsQuery: o }) {
+	let s = u(), c = l(), [h, S] = _(() => V(a)), [C, L] = _(null), [U, W] = _(!1), G = g(() => {
+		let { dailyAllowance: e, dailyAllowanceUsed: t } = a;
 		return e <= 0 ? 0 : Math.min(100, Math.round(t / e * 100));
-	}, [l]), U = l.dailyAllowanceUsed >= l.dailyAllowance, W = (e) => {
-		L((t) => ({
+	}, [a]), K = a.dailyAllowanceUsed >= a.dailyAllowance, q = (e) => {
+		S((t) => ({
 			...t,
 			provider: e,
-			modelName: t.modelName === N[t.provider] ? N[e] : t.modelName
+			modelName: t.modelName === B[t.provider] ? B[e] : t.modelName
 		}));
-	};
-	return /* @__PURE__ */ b(e, {
-		title: "AI controls",
-		description: "Choose your AI provider, model and daily allowance.",
-		actions: /* @__PURE__ */ b(x, {
+	}, J = async () => {
+		L(null), W(!1);
+		let e = Number(h.dailyAllowance);
+		if (!Number.isInteger(e) || e < 0 || e > 1e4) {
+			L(s("mybodyshield.pages.aiControls.allowanceRange", "Daily allowance must be an integer between 0 and 10,000."));
+			return;
+		}
+		if (!h.modelName.trim()) {
+			L(s("mybodyshield.pages.aiControls.modelRequired", "Model name is required."));
+			return;
+		}
+		let t = {
+			provider: h.provider,
+			modelName: h.modelName.trim(),
+			dailyAllowance: e
+		};
+		h.clearKey ? t.providerKey = "" : h.providerKey.trim() && (t.providerKey = h.providerKey.trim());
+		try {
+			await c.mutateAsync(t), W(!0), S((e) => ({
+				...e,
+				providerKey: "",
+				clearKey: !1
+			}));
+		} catch (e) {
+			L(e instanceof Error ? e.message : s("mybodyshield.pages.aiControls.failedToSave", "Failed to save AI settings."));
+		}
+	}, Y = [
+		{
+			key: "createdAt",
+			header: s("mybodyshield.pages.aiControls.time", "Time"),
+			sortValue: (e) => new Date(e.createdAt).getTime(),
+			render: (e) => /* @__PURE__ */ E("div", {
+				className: "text-text-primary",
+				children: [/* @__PURE__ */ T("span", {
+					className: "block text-sm",
+					children: n(e.createdAt)
+				}), /* @__PURE__ */ T("span", {
+					className: "text-xs text-text-tertiary",
+					children: i(e.createdAt)
+				})]
+			})
+		},
+		{
+			key: "operationType",
+			header: s("mybodyshield.pages.aiControls.operation", "Operation"),
+			render: (e) => /* @__PURE__ */ T("span", {
+				className: "text-text-secondary",
+				children: r(e.operationType)
+			})
+		},
+		{
+			key: "provider",
+			header: s("mybodyshield.pages.aiControls.providerModel", "Provider / Model"),
+			render: (e) => /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("span", {
+				className: "block text-sm text-text-primary",
+				children: z[e.provider]
+			}), /* @__PURE__ */ T("span", {
+				className: "text-xs text-text-tertiary",
+				children: e.modelName
+			})] })
+		},
+		{
+			key: "tokens",
+			header: s("mybodyshield.pages.aiControls.tokens", "Tokens"),
+			align: "right",
+			render: (e) => /* @__PURE__ */ E("span", {
+				className: "tabular-nums text-text-secondary",
+				children: [
+					e.inputTokens ?? "—",
+					" / ",
+					e.outputTokens ?? "—"
+				]
+			})
+		},
+		{
+			key: "status",
+			header: s("mybodyshield.pages.aiControls.status", "Status"),
+			render: (e) => /* @__PURE__ */ T("span", {
+				className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${e.status === "SUCCESS" ? "bg-status-success-bg text-status-success-text" : "bg-status-error-bg text-status-error-text"}`,
+				children: r(e.status)
+			})
+		},
+		{
+			key: "error",
+			header: s("mybodyshield.pages.aiControls.errorColumn", "Error"),
+			hideOnMobile: !0,
+			render: (e) => e.errorMessage ? /* @__PURE__ */ T("span", {
+				className: "text-xs text-status-error-text",
+				children: e.errorMessage
+			}) : /* @__PURE__ */ T("span", {
+				className: "text-text-tertiary",
+				children: "—"
+			})
+		}
+	];
+	return /* @__PURE__ */ E(e, {
+		title: s("mybodyshield.pages.aiControls.title", "AI controls"),
+		description: s("mybodyshield.pages.aiControls.description", "Choose your AI provider, model and daily allowance."),
+		actions: /* @__PURE__ */ E(D, {
 			className: "gap-2",
-			onClick: async () => {
-				z(null), V(!1);
-				let e = Number(I.dailyAllowance);
-				if (!Number.isInteger(e) || e < 0 || e > 1e4) {
-					z("Daily allowance must be an integer between 0 and 10,000.");
-					return;
-				}
-				if (!I.modelName.trim()) {
-					z("Model name is required.");
-					return;
-				}
-				let t = {
-					provider: I.provider,
-					modelName: I.modelName.trim(),
-					dailyAllowance: e
-				};
-				I.clearKey ? t.providerKey = "" : I.providerKey.trim() && (t.providerKey = I.providerKey.trim());
-				try {
-					await F.mutateAsync(t), V(!0), L((e) => ({
-						...e,
-						providerKey: "",
-						clearKey: !1
-					}));
-				} catch (e) {
-					z(e instanceof Error ? e.message : "Failed to save AI settings.");
-				}
-			},
-			disabled: F.isPending,
-			children: [F.isPending ? /* @__PURE__ */ y(A, { size: "sm" }) : /* @__PURE__ */ y(_, { className: "h-4 w-4" }), "Save settings"]
+			onClick: J,
+			disabled: c.isPending,
+			children: [c.isPending ? /* @__PURE__ */ T(I, { size: "sm" }) : /* @__PURE__ */ T(x, { className: "h-4 w-4" }), s("mybodyshield.pages.aiControls.saveSettings", "Save settings")]
 		}),
 		children: [
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ T(p, {
+				title: s("mybodyshield.pages.aiControls.consentTitle", "AI-processing consent"),
+				description: s("mybodyshield.pages.aiControls.consentDescription", "AI summaries only run while you allow AI to read your health data."),
+				children: /* @__PURE__ */ T(H, {})
+			}),
+			/* @__PURE__ */ E("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 				children: [
-					/* @__PURE__ */ y(t, {
-						icon: /* @__PURE__ */ y(v, { className: "h-5 w-5" }),
-						value: l.provider,
-						label: "Current provider"
+					/* @__PURE__ */ T(t, {
+						icon: /* @__PURE__ */ T(w, { className: "h-5 w-5" }),
+						value: a.provider,
+						label: s("mybodyshield.pages.aiControls.currentProvider", "Current provider")
 					}),
-					/* @__PURE__ */ y(t, {
-						icon: /* @__PURE__ */ y(h, { className: "h-5 w-5" }),
-						value: l.modelName,
-						label: "Current model"
+					/* @__PURE__ */ T(t, {
+						icon: /* @__PURE__ */ T(y, { className: "h-5 w-5" }),
+						value: a.modelName,
+						label: s("mybodyshield.pages.aiControls.currentModel", "Current model")
 					}),
-					/* @__PURE__ */ y(t, {
-						icon: /* @__PURE__ */ y(m, { className: "h-5 w-5" }),
-						value: `${l.dailyAllowanceUsed} / ${l.dailyAllowance}`,
-						label: "Daily allowance used",
-						accent: U ? "error" : H >= 80 ? "warning" : "success",
-						footer: /* @__PURE__ */ b("p", {
+					/* @__PURE__ */ T(t, {
+						icon: /* @__PURE__ */ T(v, { className: "h-5 w-5" }),
+						value: `${a.dailyAllowanceUsed} / ${a.dailyAllowance}`,
+						label: s("mybodyshield.pages.aiControls.dailyAllowanceUsed", "Daily allowance used"),
+						accent: K ? "error" : G >= 80 ? "warning" : "success",
+						footer: /* @__PURE__ */ T("p", {
 							className: "text-xs text-text-tertiary",
-							children: ["Resets ", i(l.allowanceResetAt)]
+							children: s("mybodyshield.pages.aiControls.resets", "Resets {{time}}", { time: i(a.allowanceResetAt) })
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ y(s, {
-				title: "Configuration",
-				description: "Changes apply to your account only.",
-				children: /* @__PURE__ */ b(S, {
+			/* @__PURE__ */ T(p, {
+				title: s("mybodyshield.pages.aiControls.configuration", "Configuration"),
+				description: s("mybodyshield.pages.aiControls.configurationDescription", "Changes apply to your account only."),
+				children: /* @__PURE__ */ E(O, {
 					treatment: "plain",
 					className: "p-6",
 					children: [
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ E("div", {
 							className: "grid gap-6 md:grid-cols-2",
 							children: [
-								/* @__PURE__ */ b("div", {
+								/* @__PURE__ */ E("div", {
 									className: "space-y-1.5",
 									children: [
-										/* @__PURE__ */ y(w, {
+										/* @__PURE__ */ T(A, {
 											htmlFor: "myb-ai-provider",
-											children: "AI provider"
+											children: s("mybodyshield.pages.aiControls.aiProvider", "AI provider")
 										}),
-										/* @__PURE__ */ b(T, {
-											value: I.provider,
-											onValueChange: (e) => W(e),
-											children: [/* @__PURE__ */ y(O, {
+										/* @__PURE__ */ E(j, {
+											value: h.provider,
+											onValueChange: (e) => q(e),
+											children: [/* @__PURE__ */ T(P, {
 												id: "myb-ai-provider",
-												children: /* @__PURE__ */ y(k, {})
-											}), /* @__PURE__ */ y(E, { children: j.map((e) => /* @__PURE__ */ y(D, {
+												children: /* @__PURE__ */ T(F, {})
+											}), /* @__PURE__ */ T(M, { children: R.map((e) => /* @__PURE__ */ T(N, {
 												value: e,
-												children: M[e]
+												children: z[e]
 											}, e)) })]
 										}),
-										/* @__PURE__ */ y("p", {
+										/* @__PURE__ */ T("p", {
 											className: "text-xs text-text-tertiary",
-											children: "The provider used for AI-generated guidance summaries."
+											children: s("mybodyshield.pages.aiControls.providerDescription", "The provider used for AI-generated guidance summaries.")
 										})
 									]
 								}),
-								/* @__PURE__ */ b("div", {
+								/* @__PURE__ */ E("div", {
 									className: "space-y-1.5",
 									children: [
-										/* @__PURE__ */ y(w, {
+										/* @__PURE__ */ T(A, {
 											htmlFor: "myb-ai-model",
-											children: "Model name"
+											children: s("mybodyshield.pages.aiControls.modelName", "Model name")
 										}),
-										/* @__PURE__ */ y(C, {
+										/* @__PURE__ */ T(k, {
 											id: "myb-ai-model",
-											value: I.modelName,
-											onChange: (e) => L((t) => ({
+											value: h.modelName,
+											onChange: (e) => S((t) => ({
 												...t,
 												modelName: e.target.value
 											})),
-											placeholder: N[I.provider]
+											placeholder: s("mybodyshield.pages.aiControls.modelPlaceholder", "e.g. {{model}}", { model: B[h.provider] })
 										}),
-										/* @__PURE__ */ b("p", {
+										/* @__PURE__ */ T("p", {
 											className: "text-xs text-text-tertiary",
-											children: [
-												"e.g. ",
-												N[I.provider],
-												". Must be valid for the chosen provider."
-											]
+											children: s("mybodyshield.pages.aiControls.modelHint", "Must be valid for the chosen provider.")
 										})
 									]
 								}),
-								/* @__PURE__ */ b("div", {
+								/* @__PURE__ */ E("div", {
 									className: "space-y-1.5",
 									children: [
-										/* @__PURE__ */ y(w, {
+										/* @__PURE__ */ T(A, {
 											htmlFor: "myb-ai-allowance",
-											children: "Daily allowance"
+											children: s("mybodyshield.pages.aiControls.dailyAllowance", "Daily allowance")
 										}),
-										/* @__PURE__ */ y(C, {
+										/* @__PURE__ */ T(k, {
 											id: "myb-ai-allowance",
 											type: "number",
 											min: 0,
 											max: 1e4,
 											step: 1,
-											value: I.dailyAllowance,
-											onChange: (e) => L((t) => ({
+											value: h.dailyAllowance,
+											onChange: (e) => S((t) => ({
 												...t,
 												dailyAllowance: e.target.value
 											}))
 										}),
-										/* @__PURE__ */ y("p", {
+										/* @__PURE__ */ T("p", {
 											className: "text-xs text-text-tertiary",
-											children: "Maximum AI operations counted against your account per UTC day."
+											children: s("mybodyshield.pages.aiControls.dailyAllowanceHint", "Maximum AI operations counted against your account per UTC day.")
 										})
 									]
 								}),
-								/* @__PURE__ */ b("div", {
+								/* @__PURE__ */ E("div", {
 									className: "space-y-1.5",
 									children: [
-										/* @__PURE__ */ y(w, {
+										/* @__PURE__ */ T(A, {
 											htmlFor: "myb-ai-key",
-											children: /* @__PURE__ */ b("span", {
+											children: /* @__PURE__ */ E("span", {
 												className: "inline-flex items-center gap-1.5",
-												children: [/* @__PURE__ */ y(g, { className: "h-3.5 w-3.5" }), "Provider API key"]
+												children: [/* @__PURE__ */ T(b, { className: "h-3.5 w-3.5" }), s("mybodyshield.pages.aiControls.providerApiKey", "Provider API key")]
 											})
 										}),
-										/* @__PURE__ */ y(C, {
+										/* @__PURE__ */ T(k, {
 											id: "myb-ai-key",
 											type: "password",
-											value: I.providerKey,
-											onChange: (e) => L((t) => ({
+											value: h.providerKey,
+											onChange: (e) => S((t) => ({
 												...t,
 												providerKey: e.target.value,
 												clearKey: !1
 											})),
-											placeholder: l.hasProviderKey ? "•••••••• (saved)" : "Optional",
-											disabled: I.clearKey
+											placeholder: a.hasProviderKey ? s("mybodyshield.pages.aiControls.providerKeySaved", "•••••••• (saved)") : s("mybodyshield.pages.aiControls.providerKeyPlaceholder", "Optional"),
+											disabled: h.clearKey
 										}),
-										/* @__PURE__ */ b("div", {
+										/* @__PURE__ */ E("div", {
 											className: "flex items-center gap-2",
-											children: [/* @__PURE__ */ y("input", {
+											children: [/* @__PURE__ */ T("input", {
 												id: "myb-ai-clear-key",
 												type: "checkbox",
-												checked: I.clearKey,
-												onChange: (e) => L((t) => ({
+												checked: h.clearKey,
+												onChange: (e) => S((t) => ({
 													...t,
 													clearKey: e.target.checked,
 													providerKey: ""
 												})),
 												className: "h-4 w-4 rounded border-border-seam text-accent focus:ring-accent"
-											}), /* @__PURE__ */ y(w, {
+											}), /* @__PURE__ */ T(A, {
 												htmlFor: "myb-ai-clear-key",
 												className: "text-xs font-normal text-text-secondary",
-												children: "Clear saved key and fall back to the workspace default"
+												children: s("mybodyshield.pages.aiControls.clearKey", "Clear saved key and fall back to the workspace default")
 											})]
 										})
 									]
 								})
 							]
 						}),
-						B && /* @__PURE__ */ y("p", {
+						U && /* @__PURE__ */ T("p", {
 							className: "mt-4 text-sm text-status-success-text",
-							children: "AI settings saved."
+							children: s("mybodyshield.pages.aiControls.settingsSaved", "AI settings saved.")
 						}),
-						R && /* @__PURE__ */ y("p", {
+						C && /* @__PURE__ */ T("p", {
 							className: "mt-4 text-sm text-status-error-text",
-							children: R
+							children: C
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ y(s, {
-				title: "Operation history",
-				description: "Redacted audit log of AI operations for your account.",
-				children: u.isLoading ? /* @__PURE__ */ y(o, { label: "Loading operation history…" }) : u.isError ? /* @__PURE__ */ y(a, {
-					message: "We couldn't load the operation log.",
-					onRetry: () => u.refetch()
-				}) : u.data?.items.length === 0 ? /* @__PURE__ */ b(S, {
+			/* @__PURE__ */ T(p, {
+				title: s("mybodyshield.pages.aiControls.operationHistory", "Operation history"),
+				description: s("mybodyshield.pages.aiControls.operationHistoryDescription", "Redacted audit log of AI operations for your account."),
+				children: o.isLoading ? /* @__PURE__ */ T(f, { label: s("mybodyshield.pages.aiControls.loadingHistory", "Loading operation history…") }) : o.isError ? /* @__PURE__ */ T(d, {
+					message: s("mybodyshield.pages.aiControls.historyError", "We couldn't load the operation log."),
+					onRetry: () => o.refetch()
+				}) : o.data?.items.length === 0 ? /* @__PURE__ */ E(O, {
 					treatment: "plain",
 					className: "p-8 text-center",
 					children: [
-						/* @__PURE__ */ y(v, { className: "mx-auto h-8 w-8 text-text-tertiary" }),
-						/* @__PURE__ */ y("p", {
+						/* @__PURE__ */ T(w, { className: "mx-auto h-8 w-8 text-text-tertiary" }),
+						/* @__PURE__ */ T("p", {
 							className: "mt-3 text-sm font-medium text-text-primary",
-							children: "No AI operations yet"
+							children: s("mybodyshield.pages.aiControls.noOperations", "No AI operations yet")
 						}),
-						/* @__PURE__ */ y("p", {
+						/* @__PURE__ */ T("p", {
 							className: "mt-1 text-xs text-text-tertiary",
-							children: "Operations appear here once AI-generated guidance runs."
+							children: s("mybodyshield.pages.aiControls.noOperationsDescription", "Operations appear here once AI-generated guidance runs.")
 						})
 					]
-				}) : /* @__PURE__ */ y(c, {
-					columns: [
-						{
-							key: "createdAt",
-							header: "Time",
-							sortValue: (e) => new Date(e.createdAt).getTime(),
-							render: (e) => /* @__PURE__ */ b("div", {
-								className: "text-text-primary",
-								children: [/* @__PURE__ */ y("span", {
-									className: "block text-sm",
-									children: n(e.createdAt)
-								}), /* @__PURE__ */ y("span", {
-									className: "text-xs text-text-tertiary",
-									children: i(e.createdAt)
-								})]
-							})
-						},
-						{
-							key: "operationType",
-							header: "Operation",
-							render: (e) => /* @__PURE__ */ y("span", {
-								className: "text-text-secondary",
-								children: r(e.operationType)
-							})
-						},
-						{
-							key: "provider",
-							header: "Provider / Model",
-							render: (e) => /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("span", {
-								className: "block text-sm text-text-primary",
-								children: M[e.provider]
-							}), /* @__PURE__ */ y("span", {
-								className: "text-xs text-text-tertiary",
-								children: e.modelName
-							})] })
-						},
-						{
-							key: "tokens",
-							header: "Tokens",
-							align: "right",
-							render: (e) => /* @__PURE__ */ b("span", {
-								className: "tabular-nums text-text-secondary",
-								children: [
-									e.inputTokens ?? "—",
-									" / ",
-									e.outputTokens ?? "—"
-								]
-							})
-						},
-						{
-							key: "status",
-							header: "Status",
-							render: (e) => /* @__PURE__ */ y("span", {
-								className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${e.status === "SUCCESS" ? "bg-status-success-bg text-status-success-text" : "bg-status-error-bg text-status-error-text"}`,
-								children: r(e.status)
-							})
-						},
-						{
-							key: "error",
-							header: "Error",
-							hideOnMobile: !0,
-							render: (e) => e.errorMessage ? /* @__PURE__ */ y("span", {
-								className: "text-xs text-status-error-text",
-								children: e.errorMessage
-							}) : /* @__PURE__ */ y("span", {
-								className: "text-text-tertiary",
-								children: "—"
-							})
-						}
-					],
-					rows: u.data?.items ?? [],
+				}) : /* @__PURE__ */ T(m, {
+					columns: Y,
+					rows: o.data?.items ?? [],
 					rowKey: (e) => e.id,
 					defaultSort: {
 						key: "createdAt",
@@ -343,36 +391,36 @@ function F({ settings: l, logsQuery: u }) {
 		]
 	});
 }
-function I() {
-	let t = u(), n = l();
-	if (t.isLoading) return /* @__PURE__ */ y(e, {
-		title: "AI controls",
-		children: /* @__PURE__ */ y(o, { label: "Loading AI settings…" })
+function W() {
+	let t = u(), n = s(), r = a();
+	if (n.isLoading) return /* @__PURE__ */ T(e, {
+		title: t("mybodyshield.pages.aiControls.title", "AI controls"),
+		children: /* @__PURE__ */ T(f, { label: t("mybodyshield.pages.aiControls.loadingSettings", "Loading AI settings…") })
 	});
-	if (t.isError) return /* @__PURE__ */ y(e, {
-		title: "AI controls",
-		children: /* @__PURE__ */ y(a, {
-			title: "Could not load AI settings",
-			message: "We couldn't fetch your AI configuration. Try again in a moment.",
-			onRetry: () => t.refetch()
+	if (n.isError) return /* @__PURE__ */ T(e, {
+		title: t("mybodyshield.pages.aiControls.title", "AI controls"),
+		children: /* @__PURE__ */ T(d, {
+			title: t("mybodyshield.pages.aiControls.errorTitle", "Could not load AI settings"),
+			message: t("mybodyshield.pages.aiControls.error", "We couldn't fetch your AI configuration. Try again in a moment."),
+			onRetry: () => n.refetch()
 		})
 	});
-	let r = t.data;
-	if (!r) return /* @__PURE__ */ y(e, {
-		title: "AI controls",
-		children: /* @__PURE__ */ y(a, {
-			title: "Could not load AI settings",
-			message: "We couldn't fetch your AI configuration. Try again in a moment.",
-			onRetry: () => t.refetch()
+	let i = n.data;
+	if (!i) return /* @__PURE__ */ T(e, {
+		title: t("mybodyshield.pages.aiControls.title", "AI controls"),
+		children: /* @__PURE__ */ T(d, {
+			title: t("mybodyshield.pages.aiControls.errorTitle", "Could not load AI settings"),
+			message: t("mybodyshield.pages.aiControls.error", "We couldn't fetch your AI configuration. Try again in a moment."),
+			onRetry: () => n.refetch()
 		})
 	});
-	let i = `${r.id}:${r.updatedAt}`;
-	return /* @__PURE__ */ y(F, {
-		settings: r,
-		logsQuery: n
-	}, i);
+	let o = `${i.id}:${i.updatedAt}`;
+	return /* @__PURE__ */ T(U, {
+		settings: i,
+		logsQuery: r
+	}, o);
 }
 //#endregion
-export { I as AiControlsPage };
+export { W as AiControlsPage };
 
 //# sourceMappingURL=AiControlsPage.js.map