@burdenoff/microfe-mybodyshield 2026.820.1 → 2026.821.2

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

@@ -0,0 +1,378 @@
+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 "../../hooks/index.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";
+//#region src/mybodyshield/pages/ai/AiControlsPage.tsx
+var j = [
+	"GEMINI",
+	"OPENAI",
+	"ANTHROPIC"
+], M = {
+	GEMINI: "Google Gemini",
+	OPENAI: "OpenAI",
+	ANTHROPIC: "Anthropic"
+}, N = {
+	GEMINI: "gemini-2.5-flash",
+	OPENAI: "gpt-4o-mini",
+	ANTHROPIC: "claude-3-5-haiku-latest"
+}, P = (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;
+		return e <= 0 ? 0 : Math.min(100, Math.round(t / e * 100));
+	}, [l]), U = l.dailyAllowanceUsed >= l.dailyAllowance, W = (e) => {
+		L((t) => ({
+			...t,
+			provider: e,
+			modelName: t.modelName === N[t.provider] ? N[e] : t.modelName
+		}));
+	};
+	return /* @__PURE__ */ b(e, {
+		title: "AI controls",
+		description: "Choose your AI provider, model and daily allowance.",
+		actions: /* @__PURE__ */ b(x, {
+			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"]
+		}),
+		children: [
+			/* @__PURE__ */ b("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__ */ y(t, {
+						icon: /* @__PURE__ */ y(h, { className: "h-5 w-5" }),
+						value: l.modelName,
+						label: "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", {
+							className: "text-xs text-text-tertiary",
+							children: ["Resets ", i(l.allowanceResetAt)]
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ y(s, {
+				title: "Configuration",
+				description: "Changes apply to your account only.",
+				children: /* @__PURE__ */ b(S, {
+					treatment: "plain",
+					className: "p-6",
+					children: [
+						/* @__PURE__ */ b("div", {
+							className: "grid gap-6 md:grid-cols-2",
+							children: [
+								/* @__PURE__ */ b("div", {
+									className: "space-y-1.5",
+									children: [
+										/* @__PURE__ */ y(w, {
+											htmlFor: "myb-ai-provider",
+											children: "AI provider"
+										}),
+										/* @__PURE__ */ b(T, {
+											value: I.provider,
+											onValueChange: (e) => W(e),
+											children: [/* @__PURE__ */ y(O, {
+												id: "myb-ai-provider",
+												children: /* @__PURE__ */ y(k, {})
+											}), /* @__PURE__ */ y(E, { children: j.map((e) => /* @__PURE__ */ y(D, {
+												value: e,
+												children: M[e]
+											}, e)) })]
+										}),
+										/* @__PURE__ */ y("p", {
+											className: "text-xs text-text-tertiary",
+											children: "The provider used for AI-generated guidance summaries."
+										})
+									]
+								}),
+								/* @__PURE__ */ b("div", {
+									className: "space-y-1.5",
+									children: [
+										/* @__PURE__ */ y(w, {
+											htmlFor: "myb-ai-model",
+											children: "Model name"
+										}),
+										/* @__PURE__ */ y(C, {
+											id: "myb-ai-model",
+											value: I.modelName,
+											onChange: (e) => L((t) => ({
+												...t,
+												modelName: e.target.value
+											})),
+											placeholder: N[I.provider]
+										}),
+										/* @__PURE__ */ b("p", {
+											className: "text-xs text-text-tertiary",
+											children: [
+												"e.g. ",
+												N[I.provider],
+												". Must be valid for the chosen provider."
+											]
+										})
+									]
+								}),
+								/* @__PURE__ */ b("div", {
+									className: "space-y-1.5",
+									children: [
+										/* @__PURE__ */ y(w, {
+											htmlFor: "myb-ai-allowance",
+											children: "Daily allowance"
+										}),
+										/* @__PURE__ */ y(C, {
+											id: "myb-ai-allowance",
+											type: "number",
+											min: 0,
+											max: 1e4,
+											step: 1,
+											value: I.dailyAllowance,
+											onChange: (e) => L((t) => ({
+												...t,
+												dailyAllowance: e.target.value
+											}))
+										}),
+										/* @__PURE__ */ y("p", {
+											className: "text-xs text-text-tertiary",
+											children: "Maximum AI operations counted against your account per UTC day."
+										})
+									]
+								}),
+								/* @__PURE__ */ b("div", {
+									className: "space-y-1.5",
+									children: [
+										/* @__PURE__ */ y(w, {
+											htmlFor: "myb-ai-key",
+											children: /* @__PURE__ */ b("span", {
+												className: "inline-flex items-center gap-1.5",
+												children: [/* @__PURE__ */ y(g, { className: "h-3.5 w-3.5" }), "Provider API key"]
+											})
+										}),
+										/* @__PURE__ */ y(C, {
+											id: "myb-ai-key",
+											type: "password",
+											value: I.providerKey,
+											onChange: (e) => L((t) => ({
+												...t,
+												providerKey: e.target.value,
+												clearKey: !1
+											})),
+											placeholder: l.hasProviderKey ? "•••••••• (saved)" : "Optional",
+											disabled: I.clearKey
+										}),
+										/* @__PURE__ */ b("div", {
+											className: "flex items-center gap-2",
+											children: [/* @__PURE__ */ y("input", {
+												id: "myb-ai-clear-key",
+												type: "checkbox",
+												checked: I.clearKey,
+												onChange: (e) => L((t) => ({
+													...t,
+													clearKey: e.target.checked,
+													providerKey: ""
+												})),
+												className: "h-4 w-4 rounded border-border-seam text-accent focus:ring-accent"
+											}), /* @__PURE__ */ y(w, {
+												htmlFor: "myb-ai-clear-key",
+												className: "text-xs font-normal text-text-secondary",
+												children: "Clear saved key and fall back to the workspace default"
+											})]
+										})
+									]
+								})
+							]
+						}),
+						B && /* @__PURE__ */ y("p", {
+							className: "mt-4 text-sm text-status-success-text",
+							children: "AI settings saved."
+						}),
+						R && /* @__PURE__ */ y("p", {
+							className: "mt-4 text-sm text-status-error-text",
+							children: R
+						})
+					]
+				})
+			}),
+			/* @__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, {
+					treatment: "plain",
+					className: "p-8 text-center",
+					children: [
+						/* @__PURE__ */ y(v, { className: "mx-auto h-8 w-8 text-text-tertiary" }),
+						/* @__PURE__ */ y("p", {
+							className: "mt-3 text-sm font-medium text-text-primary",
+							children: "No AI operations yet"
+						}),
+						/* @__PURE__ */ y("p", {
+							className: "mt-1 text-xs text-text-tertiary",
+							children: "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 ?? [],
+					rowKey: (e) => e.id,
+					defaultSort: {
+						key: "createdAt",
+						dir: "desc"
+					}
+				})
+			})
+		]
+	});
+}
+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…" })
+	});
+	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()
+		})
+	});
+	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 = `${r.id}:${r.updatedAt}`;
+	return /* @__PURE__ */ y(F, {
+		settings: r,
+		logsQuery: n
+	}, i);
+}
+//#endregion
+export { I as AiControlsPage };
+
+//# sourceMappingURL=AiControlsPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AiControlsPage.js","names":[],"sources":["../../../../src/mybodyshield/pages/ai/AiControlsPage.tsx"],"sourcesContent":["/**\n * AI controls — provider, model, daily allowance and operation history.\n * @module mybodyshield/pages/ai\n *\n * BOFF-5949: per-member AI settings surface. Lets the member choose a provider\n * (Gemini / OpenAI / Anthropic), the model name, a daily operation allowance,\n * and an optional provider API key. Shows the redacted audit log of AI ops.\n */\n\nimport { useMemo, useState } from 'react';\nimport { Sparkles, KeyRound, Bot, Activity, Save } from 'lucide-react';\nimport {\n  Button,\n  Input,\n  Label,\n  Select,\n  SelectTrigger,\n  SelectContent,\n  SelectItem,\n  SelectValue,\n  GlassCard,\n  Spinner,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  PageLayout,\n  MetricsCard,\n  LoadingView,\n  ErrorView,\n  Section,\n  DataTable,\n  type Column,\n} from '../../components';\nimport { useMybAiSettings, useMybUpdateAiSettings, useMybAiOperationLogs } from '../../hooks';\nimport type {\n  MybAiProvider,\n  MybAiSettings,\n  MybAiOperationLog,\n  MybAiOperationLogConnection,\n  MybUpdateAiSettingsInput,\n} from '../../types';\nimport { formatDateTime, formatRelativeTime, formatEnumLabel } from '../../utils/formatters';\nimport type { UseQueryResult } from '@tanstack/react-query';\n\nconst AI_PROVIDERS: MybAiProvider[] = ['GEMINI', 'OPENAI', 'ANTHROPIC'];\n\nconst PROVIDER_LABELS: Record<MybAiProvider, string> = {\n  GEMINI: 'Google Gemini',\n  OPENAI: 'OpenAI',\n  ANTHROPIC: 'Anthropic',\n};\n\nconst DEFAULT_MODELS: Record<MybAiProvider, string> = {\n  GEMINI: 'gemini-2.5-flash',\n  OPENAI: 'gpt-4o-mini',\n  ANTHROPIC: 'claude-3-5-haiku-latest',\n};\n\ninterface AiSettingsForm {\n  provider: MybAiProvider;\n  modelName: string;\n  dailyAllowance: string;\n  providerKey: string;\n  clearKey: boolean;\n}\n\nconst makeFormFromSettings = (settings: MybAiSettings): AiSettingsForm => ({\n  provider: settings.provider,\n  modelName: settings.modelName,\n  dailyAllowance: String(settings.dailyAllowance),\n  providerKey: '',\n  clearKey: false,\n});\n\ninterface AiControlsPageInnerProps {\n  settings: MybAiSettings;\n  logsQuery: UseQueryResult<MybAiOperationLogConnection, Error>;\n}\n\nfunction AiControlsPageInner({ settings, logsQuery }: AiControlsPageInnerProps) {\n  const updateMutation = useMybUpdateAiSettings();\n  const [form, setForm] = useState<AiSettingsForm>(() => makeFormFromSettings(settings));\n  const [err, setErr] = useState<string | null>(null);\n  const [saved, setSaved] = useState(false);\n\n  const usagePercent = useMemo(() => {\n    const { dailyAllowance, dailyAllowanceUsed } = settings;\n    if (dailyAllowance <= 0) return 0;\n    return Math.min(100, Math.round((dailyAllowanceUsed / dailyAllowance) * 100));\n  }, [settings]);\n\n  const isExhausted = settings.dailyAllowanceUsed >= settings.dailyAllowance;\n\n  const handleProviderChange = (provider: MybAiProvider) => {\n    setForm((f) => ({\n      ...f,\n      provider,\n      modelName:\n        f.modelName === DEFAULT_MODELS[f.provider] ? DEFAULT_MODELS[provider] : f.modelName,\n    }));\n  };\n\n  const submit = async () => {\n    setErr(null);\n    setSaved(false);\n\n    const allowance = Number(form.dailyAllowance);\n    if (!Number.isInteger(allowance) || allowance < 0 || allowance > 10_000) {\n      setErr('Daily allowance must be an integer between 0 and 10,000.');\n      return;\n    }\n    if (!form.modelName.trim()) {\n      setErr('Model name is required.');\n      return;\n    }\n\n    const input: MybUpdateAiSettingsInput = {\n      provider: form.provider,\n      modelName: form.modelName.trim(),\n      dailyAllowance: allowance,\n    };\n\n    if (form.clearKey) {\n      input.providerKey = '';\n    } else if (form.providerKey.trim()) {\n      input.providerKey = form.providerKey.trim();\n    }\n\n    try {\n      await updateMutation.mutateAsync(input);\n      setSaved(true);\n      setForm((f) => ({ ...f, providerKey: '', clearKey: false }));\n    } catch (e) {\n      setErr(e instanceof Error ? e.message : 'Failed to save AI settings.');\n    }\n  };\n\n  const logColumns: Column<MybAiOperationLog>[] = [\n    {\n      key: 'createdAt',\n      header: 'Time',\n      sortValue: (r) => new Date(r.createdAt).getTime(),\n      render: (r) => (\n        <div className=\"text-text-primary\">\n          <span className=\"block text-sm\">{formatDateTime(r.createdAt)}</span>\n          <span className=\"text-xs text-text-tertiary\">{formatRelativeTime(r.createdAt)}</span>\n        </div>\n      ),\n    },\n    {\n      key: 'operationType',\n      header: 'Operation',\n      render: (r) => (\n        <span className=\"text-text-secondary\">{formatEnumLabel(r.operationType)}</span>\n      ),\n    },\n    {\n      key: 'provider',\n      header: 'Provider / Model',\n      render: (r) => (\n        <div>\n          <span className=\"block text-sm text-text-primary\">{PROVIDER_LABELS[r.provider]}</span>\n          <span className=\"text-xs text-text-tertiary\">{r.modelName}</span>\n        </div>\n      ),\n    },\n    {\n      key: 'tokens',\n      header: 'Tokens',\n      align: 'right',\n      render: (r) => (\n        <span className=\"tabular-nums text-text-secondary\">\n          {r.inputTokens ?? '—'} / {r.outputTokens ?? '—'}\n        </span>\n      ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      render: (r) => (\n        <span\n          className={`inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${\n            r.status === 'SUCCESS'\n              ? 'bg-status-success-bg text-status-success-text'\n              : 'bg-status-error-bg text-status-error-text'\n          }`}\n        >\n          {formatEnumLabel(r.status)}\n        </span>\n      ),\n    },\n    {\n      key: 'error',\n      header: 'Error',\n      hideOnMobile: true,\n      render: (r) =>\n        r.errorMessage ? (\n          <span className=\"text-xs text-status-error-text\">{r.errorMessage}</span>\n        ) : (\n          <span className=\"text-text-tertiary\">—</span>\n        ),\n    },\n  ];\n\n  return (\n    <PageLayout\n      title=\"AI controls\"\n      description=\"Choose your AI provider, model and daily allowance.\"\n      actions={\n        <Button className=\"gap-2\" onClick={submit} disabled={updateMutation.isPending}>\n          {updateMutation.isPending ? <Spinner size=\"sm\" /> : <Save className=\"h-4 w-4\" />}\n          Save settings\n        </Button>\n      }\n    >\n      {/* KPI grid */}\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n        <MetricsCard\n          icon={<Sparkles className=\"h-5 w-5\" />}\n          value={settings.provider}\n          label=\"Current provider\"\n        />\n        <MetricsCard\n          icon={<Bot className=\"h-5 w-5\" />}\n          value={settings.modelName}\n          label=\"Current model\"\n        />\n        <MetricsCard\n          icon={<Activity className=\"h-5 w-5\" />}\n          value={`${settings.dailyAllowanceUsed} / ${settings.dailyAllowance}`}\n          label=\"Daily allowance used\"\n          accent={isExhausted ? 'error' : usagePercent >= 80 ? 'warning' : 'success'}\n          footer={\n            <p className=\"text-xs text-text-tertiary\">\n              Resets {formatRelativeTime(settings.allowanceResetAt)}\n            </p>\n          }\n        />\n      </div>\n\n      {/* Settings form */}\n      <Section title=\"Configuration\" description=\"Changes apply to your account only.\">\n        <GlassCard treatment=\"plain\" className=\"p-6\">\n          <div className=\"grid gap-6 md:grid-cols-2\">\n            <div className=\"space-y-1.5\">\n              <Label htmlFor=\"myb-ai-provider\">AI provider</Label>\n              <Select\n                value={form.provider}\n                onValueChange={(v) => handleProviderChange(v as MybAiProvider)}\n              >\n                <SelectTrigger id=\"myb-ai-provider\">\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  {AI_PROVIDERS.map((p) => (\n                    <SelectItem key={p} value={p}>\n                      {PROVIDER_LABELS[p]}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n              <p className=\"text-xs text-text-tertiary\">\n                The provider used for AI-generated guidance summaries.\n              </p>\n            </div>\n\n            <div className=\"space-y-1.5\">\n              <Label htmlFor=\"myb-ai-model\">Model name</Label>\n              <Input\n                id=\"myb-ai-model\"\n                value={form.modelName}\n                onChange={(e) => setForm((f) => ({ ...f, modelName: e.target.value }))}\n                placeholder={DEFAULT_MODELS[form.provider]}\n              />\n              <p className=\"text-xs text-text-tertiary\">\n                e.g. {DEFAULT_MODELS[form.provider]}. Must be valid for the chosen provider.\n              </p>\n            </div>\n\n            <div className=\"space-y-1.5\">\n              <Label htmlFor=\"myb-ai-allowance\">Daily allowance</Label>\n              <Input\n                id=\"myb-ai-allowance\"\n                type=\"number\"\n                min={0}\n                max={10000}\n                step={1}\n                value={form.dailyAllowance}\n                onChange={(e) => setForm((f) => ({ ...f, dailyAllowance: e.target.value }))}\n              />\n              <p className=\"text-xs text-text-tertiary\">\n                Maximum AI operations counted against your account per UTC day.\n              </p>\n            </div>\n\n            <div className=\"space-y-1.5\">\n              <Label htmlFor=\"myb-ai-key\">\n                <span className=\"inline-flex items-center gap-1.5\">\n                  <KeyRound className=\"h-3.5 w-3.5\" />\n                  Provider API key\n                </span>\n              </Label>\n              <Input\n                id=\"myb-ai-key\"\n                type=\"password\"\n                value={form.providerKey}\n                onChange={(e) =>\n                  setForm((f) => ({ ...f, providerKey: e.target.value, clearKey: false }))\n                }\n                placeholder={settings.hasProviderKey ? '•••••••• (saved)' : 'Optional'}\n                disabled={form.clearKey}\n              />\n              <div className=\"flex items-center gap-2\">\n                <input\n                  id=\"myb-ai-clear-key\"\n                  type=\"checkbox\"\n                  checked={form.clearKey}\n                  onChange={(e) =>\n                    setForm((f) => ({ ...f, clearKey: e.target.checked, providerKey: '' }))\n                  }\n                  className=\"h-4 w-4 rounded border-border-seam text-accent focus:ring-accent\"\n                />\n                <Label\n                  htmlFor=\"myb-ai-clear-key\"\n                  className=\"text-xs font-normal text-text-secondary\"\n                >\n                  Clear saved key and fall back to the workspace default\n                </Label>\n              </div>\n            </div>\n          </div>\n\n          {saved && <p className=\"mt-4 text-sm text-status-success-text\">AI settings saved.</p>}\n          {err && <p className=\"mt-4 text-sm text-status-error-text\">{err}</p>}\n        </GlassCard>\n      </Section>\n\n      {/* Operation log */}\n      <Section\n        title=\"Operation history\"\n        description=\"Redacted audit log of AI operations for your account.\"\n      >\n        {logsQuery.isLoading ? (\n          <LoadingView label=\"Loading operation history…\" />\n        ) : logsQuery.isError ? (\n          <ErrorView\n            message=\"We couldn't load the operation log.\"\n            onRetry={() => logsQuery.refetch()}\n          />\n        ) : logsQuery.data?.items.length === 0 ? (\n          <GlassCard treatment=\"plain\" className=\"p-8 text-center\">\n            <Sparkles className=\"mx-auto h-8 w-8 text-text-tertiary\" />\n            <p className=\"mt-3 text-sm font-medium text-text-primary\">No AI operations yet</p>\n            <p className=\"mt-1 text-xs text-text-tertiary\">\n              Operations appear here once AI-generated guidance runs.\n            </p>\n          </GlassCard>\n        ) : (\n          <DataTable\n            columns={logColumns}\n            rows={logsQuery.data?.items ?? []}\n            rowKey={(r) => r.id}\n            defaultSort={{ key: 'createdAt', dir: 'desc' }}\n          />\n        )}\n      </Section>\n    </PageLayout>\n  );\n}\n\nexport function AiControlsPage() {\n  const settingsQuery = useMybAiSettings();\n  const logsQuery = useMybAiOperationLogs();\n\n  if (settingsQuery.isLoading) {\n    return (\n      <PageLayout title=\"AI controls\">\n        <LoadingView label=\"Loading AI settings…\" />\n      </PageLayout>\n    );\n  }\n\n  if (settingsQuery.isError) {\n    return (\n      <PageLayout title=\"AI controls\">\n        <ErrorView\n          title=\"Could not load AI settings\"\n          message=\"We couldn't fetch your AI configuration. Try again in a moment.\"\n          onRetry={() => settingsQuery.refetch()}\n        />\n      </PageLayout>\n    );\n  }\n\n  const settings = settingsQuery.data;\n  if (!settings) {\n    return (\n      <PageLayout title=\"AI controls\">\n        <ErrorView\n          title=\"Could not load AI settings\"\n          message=\"We couldn't fetch your AI configuration. Try again in a moment.\"\n          onRetry={() => settingsQuery.refetch()}\n        />\n      </PageLayout>\n    );\n  }\n\n  // Key the inner component on the settings revision so form state re-seeds\n  // when the source settings change, without synchronously setting state in\n  // an effect (which triggers cascading renders).\n  const settingsKey = `${settings.id}:${settings.updatedAt}`;\n\n  return <AiControlsPageInner key={settingsKey} settings={settings} logsQuery={logsQuery} />;\n}\n"],"mappings":"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"}

package/dist/mybodyshield/pages/insights/InsightsCharts.d.ts

@@ -0,0 +1,18 @@
+import { MybInsightsDay } from '../../types';
+
+export declare function VolumeChart({ daily }: {
+    daily: MybInsightsDay[];
+}): import("react").JSX.Element;
+export declare function ReadinessSleepChart({ daily }: {
+    daily: MybInsightsDay[];
+}): import("react").JSX.Element;
+export declare function MacroChart({ daily }: {
+    daily: MybInsightsDay[];
+}): import("react").JSX.Element;
+export declare function CalorieChart({ daily }: {
+    daily: MybInsightsDay[];
+}): import("react").JSX.Element;
+export declare function CorrelationView({ daily }: {
+    daily: MybInsightsDay[];
+}): import("react").JSX.Element;
+//# sourceMappingURL=InsightsCharts.d.ts.map

package/dist/mybodyshield/pages/insights/InsightsCharts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsightsCharts.d.ts","sourceRoot":"","sources":["../../../../src/mybodyshield/pages/insights/InsightsCharts.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AA2BH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AA4GlD,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,cAAc,EAAE,CAAA;CAAE,+BAgFjE;AAMD,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,cAAc,EAAE,CAAA;CAAE,+BAyFzE;AAMD,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,cAAc,EAAE,CAAA;CAAE,+BAoDhE;AAMD,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,cAAc,EAAE,CAAA;CAAE,+BA2DlE;AA6ED,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,cAAc,EAAE,CAAA;CAAE,+BAkDrE"}