@burdenoff/microfe-atheletebridge 2026.801.2 → 2026.801.3

package/dist/atheletebridge/components/ai/AiErrorNotice.js

@@ -0,0 +1,114 @@
+import { cn as e } from "../../utils/cn.js";
+import { formatDate as t } from "../../utils/formatters.js";
+import { AI_PROVIDER_UNAVAILABLE as n, AthApiError as r, useAgentRun as i } from "../../hooks/useAthleteBridgeApi.js";
+import { useState as a } from "react";
+import { AlertTriangle as o, ChevronDown as s, ChevronRight as c, Loader2 as l } from "lucide-react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/atheletebridge/components/ai/AiErrorNotice.tsx
+function p({ agentRunId: e }) {
+	let [n, r] = a(!1), o = i(n ? e : void 0);
+	return /* @__PURE__ */ f("div", {
+		className: "mt-3 border-t border-status-error-border/40 pt-3",
+		children: [/* @__PURE__ */ f("button", {
+			type: "button",
+			onClick: () => r((e) => !e),
+			"aria-expanded": n,
+			className: "inline-flex items-center gap-1.5 text-xs font-medium text-status-error-text underline-offset-2 hover:underline",
+			children: [d(n ? s : c, { className: "h-3.5 w-3.5" }), n ? "Hide the recorded failure" : "Show the recorded failure"]
+		}), n && /* @__PURE__ */ d("div", {
+			className: "mt-2 text-xs text-text-secondary",
+			children: o.isLoading ? /* @__PURE__ */ f("span", {
+				className: "inline-flex items-center gap-1.5",
+				children: [/* @__PURE__ */ d(l, { className: "h-3.5 w-3.5 animate-spin" }), " Loading ledger row…"]
+			}) : o.isError || !o.data ? /* @__PURE__ */ f("span", { children: [
+				"The ledger row could not be read back. Quote run id",
+				" ",
+				/* @__PURE__ */ d("code", {
+					className: "rounded bg-bg-sunken px-1 py-0.5 font-mono",
+					children: e
+				}),
+				" when reporting this."
+			] }) : /* @__PURE__ */ f("dl", {
+				className: "grid grid-cols-1 gap-1 sm:grid-cols-2",
+				children: [
+					/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("dt", {
+						className: "inline font-medium text-text-primary",
+						children: "Provider: "
+					}), /* @__PURE__ */ f("dd", {
+						className: "inline",
+						children: [
+							o.data.provider,
+							" · ",
+							o.data.model
+						]
+					})] }),
+					/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("dt", {
+						className: "inline font-medium text-text-primary",
+						children: "Recorded: "
+					}), /* @__PURE__ */ d("dd", {
+						className: "inline",
+						children: t(o.data.createdAt)
+					})] }),
+					o.data.error && /* @__PURE__ */ f("div", {
+						className: "sm:col-span-2",
+						children: [/* @__PURE__ */ d("dt", {
+							className: "font-medium text-text-primary",
+							children: "Upstream error"
+						}), /* @__PURE__ */ d("dd", {
+							className: "mt-0.5 whitespace-pre-wrap break-words font-mono text-[0.7rem] leading-relaxed",
+							children: o.data.error
+						})]
+					})
+				]
+			})
+		})]
+	});
+}
+function m({ error: t, className: i }) {
+	if (!t) return null;
+	let a = t instanceof r ? t : null, s = t instanceof Error ? t.message : "The request failed for an unknown reason.", c = a?.code === n;
+	return /* @__PURE__ */ d("div", {
+		role: "alert",
+		className: e("rounded-xl border border-status-error-border bg-status-error-bg-subtle p-4", i),
+		children: /* @__PURE__ */ f("div", {
+			className: "flex items-start gap-3",
+			children: [/* @__PURE__ */ d(o, { className: "mt-0.5 h-5 w-5 shrink-0 text-status-error-text" }), /* @__PURE__ */ f("div", {
+				className: "min-w-0 flex-1",
+				children: [
+					/* @__PURE__ */ d("p", {
+						className: "text-sm font-semibold text-status-error-text",
+						children: c ? "AI provider unavailable" : "The AI action failed"
+					}),
+					/* @__PURE__ */ d("p", {
+						className: "mt-1 break-words text-sm text-text-secondary",
+						children: s
+					}),
+					a?.code && /* @__PURE__ */ f("p", {
+						className: "mt-2 text-xs text-text-muted",
+						children: [
+							"Error code",
+							" ",
+							/* @__PURE__ */ d("code", {
+								className: "rounded bg-bg-sunken px-1 py-0.5 font-mono",
+								children: a.code
+							}),
+							a.agentRunId && /* @__PURE__ */ f(u, { children: [" · ledger row ", /* @__PURE__ */ d("code", {
+								className: "rounded bg-bg-sunken px-1 py-0.5 font-mono",
+								children: a.agentRunId
+							})] })
+						]
+					}),
+					c && /* @__PURE__ */ d("p", {
+						className: "mt-2 text-xs text-text-secondary",
+						children: "Nothing was changed. The attempt is recorded in the decision ledger below, with every provider it tried."
+					}),
+					a?.agentRunId && /* @__PURE__ */ d(p, { agentRunId: a.agentRunId })
+				]
+			})]
+		})
+	});
+}
+//#endregion
+export { m as AiErrorNotice };
+
+//# sourceMappingURL=AiErrorNotice.js.map

package/dist/atheletebridge/components/ai/AiErrorNotice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiErrorNotice.js","names":[],"sources":["../../../../src/atheletebridge/components/ai/AiErrorNotice.tsx"],"sourcesContent":["/**\n * AI error notice\n * @module atheletebridge/components/ai\n *\n * Renders a failed AI action honestly (BOFF-3574).\n *\n * The svc answers an unconfigured/unreachable provider with\n * `AI_PROVIDER_UNAVAILABLE` and an `extensions.agentRunId` pointing at the\n * FAILED ledger row that holds every attempt's raw upstream message. Collapsing\n * that into a generic \"something went wrong\" toast is what made an outage\n * indistinguishable from a crashed service, so the code, the message and the\n * ledger row are all shown — and the row itself can be opened inline.\n */\n\nimport { useState } from 'react';\nimport { AlertTriangle, ChevronDown, ChevronRight, Loader2 } from 'lucide-react';\nimport { AI_PROVIDER_UNAVAILABLE, AthApiError, useAgentRun } from '../../hooks/useAthleteBridgeApi';\nimport { cn } from '../../utils/cn';\nimport { formatDate } from '../../utils/formatters';\n\ninterface AiErrorNoticeProps {\n  /** Anything thrown by a mutation; non-errors render nothing. */\n  error: unknown;\n  className?: string;\n}\n\n/** The FAILED ledger row an AI_PROVIDER_UNAVAILABLE error points at. */\nfunction FailedRunDetails({ agentRunId }: { agentRunId: string }) {\n  const [open, setOpen] = useState(false);\n  // Only fetched once the user asks for it — the id alone is enough to find the\n  // row, and a failed action should not fan out into extra reads by default.\n  const run = useAgentRun(open ? agentRunId : undefined);\n\n  return (\n    <div className=\"mt-3 border-t border-status-error-border/40 pt-3\">\n      <button\n        type=\"button\"\n        onClick={() => setOpen((value) => !value)}\n        aria-expanded={open}\n        className=\"inline-flex items-center gap-1.5 text-xs font-medium text-status-error-text underline-offset-2 hover:underline\"\n      >\n        {open ? <ChevronDown className=\"h-3.5 w-3.5\" /> : <ChevronRight className=\"h-3.5 w-3.5\" />}\n        {open ? 'Hide the recorded failure' : 'Show the recorded failure'}\n      </button>\n      {open && (\n        <div className=\"mt-2 text-xs text-text-secondary\">\n          {run.isLoading ? (\n            <span className=\"inline-flex items-center gap-1.5\">\n              <Loader2 className=\"h-3.5 w-3.5 animate-spin\" /> Loading ledger row…\n            </span>\n          ) : run.isError || !run.data ? (\n            <span>\n              The ledger row could not be read back. Quote run id{' '}\n              <code className=\"rounded bg-bg-sunken px-1 py-0.5 font-mono\">{agentRunId}</code> when\n              reporting this.\n            </span>\n          ) : (\n            <dl className=\"grid grid-cols-1 gap-1 sm:grid-cols-2\">\n              <div>\n                <dt className=\"inline font-medium text-text-primary\">Provider: </dt>\n                <dd className=\"inline\">\n                  {run.data.provider} · {run.data.model}\n                </dd>\n              </div>\n              <div>\n                <dt className=\"inline font-medium text-text-primary\">Recorded: </dt>\n                <dd className=\"inline\">{formatDate(run.data.createdAt)}</dd>\n              </div>\n              {run.data.error && (\n                <div className=\"sm:col-span-2\">\n                  <dt className=\"font-medium text-text-primary\">Upstream error</dt>\n                  <dd className=\"mt-0.5 whitespace-pre-wrap break-words font-mono text-[0.7rem] leading-relaxed\">\n                    {run.data.error}\n                  </dd>\n                </div>\n              )}\n            </dl>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function AiErrorNotice({ error, className }: AiErrorNoticeProps) {\n  if (!error) {\n    return null;\n  }\n\n  const apiError = error instanceof AthApiError ? error : null;\n  const message =\n    error instanceof Error ? error.message : 'The request failed for an unknown reason.';\n  const isProviderOutage = apiError?.code === AI_PROVIDER_UNAVAILABLE;\n\n  return (\n    <div\n      role=\"alert\"\n      className={cn(\n        'rounded-xl border border-status-error-border bg-status-error-bg-subtle p-4',\n        className\n      )}\n    >\n      <div className=\"flex items-start gap-3\">\n        <AlertTriangle className=\"mt-0.5 h-5 w-5 shrink-0 text-status-error-text\" />\n        <div className=\"min-w-0 flex-1\">\n          <p className=\"text-sm font-semibold text-status-error-text\">\n            {isProviderOutage ? 'AI provider unavailable' : 'The AI action failed'}\n          </p>\n          <p className=\"mt-1 break-words text-sm text-text-secondary\">{message}</p>\n          {apiError?.code && (\n            <p className=\"mt-2 text-xs text-text-muted\">\n              Error code{' '}\n              <code className=\"rounded bg-bg-sunken px-1 py-0.5 font-mono\">{apiError.code}</code>\n              {apiError.agentRunId && (\n                <>\n                  {' · ledger row '}\n                  <code className=\"rounded bg-bg-sunken px-1 py-0.5 font-mono\">\n                    {apiError.agentRunId}\n                  </code>\n                </>\n              )}\n            </p>\n          )}\n          {isProviderOutage && (\n            <p className=\"mt-2 text-xs text-text-secondary\">\n              Nothing was changed. The attempt is recorded in the decision ledger below, with every\n              provider it tried.\n            </p>\n          )}\n          {apiError?.agentRunId && <FailedRunDetails agentRunId={apiError.agentRunId} />}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AA2BA,SAAS,EAAiB,EAAE,iBAAsC;CAChE,IAAM,CAAC,GAAM,KAAW,EAAS,EAAK,GAGhC,IAAM,EAAY,IAAO,IAAa,KAAA,CAAS;CAErD,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,GAAS,MAAU,CAAC,CAAK;GACxC,iBAAe;GACf,WAAU;aAJZ,CAMU,EAAP,IAAQ,IAA0C,GAA3C,EAAa,WAAU,cAAe,CAA2C,GACxF,IAAO,8BAA8B,2BAChC;MACP,KACC,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAI,YACH,kBAAC,QAAD;IAAM,WAAU;cAAhB,CACE,kBAAC,GAAD,EAAS,WAAU,2BAA4B,CAAA,GAAC,sBAC5C;QACJ,EAAI,WAAW,CAAC,EAAI,OACtB,kBAAC,QAAD,EAAA,UAAA;IAAM;IACgD;IACpD,kBAAC,QAAD;KAAM,WAAU;eAA8C;IAAiB,CAAA;IAAC;GAE5E,EAAA,CAAA,IAEN,kBAAC,MAAD;IAAI,WAAU;cAAd;KACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;MAAI,WAAU;gBAAuC;KAAc,CAAA,GACnE,kBAAC,MAAD;MAAI,WAAU;gBAAd;OACG,EAAI,KAAK;OAAS;OAAI,EAAI,KAAK;MAC9B;OACD,EAAA,CAAA;KACL,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;MAAI,WAAU;gBAAuC;KAAc,CAAA,GACnE,kBAAC,MAAD;MAAI,WAAU;gBAAU,EAAW,EAAI,KAAK,SAAS;KAAM,CAAA,CACxD,EAAA,CAAA;KACJ,EAAI,KAAK,SACR,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAgC;MAAkB,CAAA,GAChE,kBAAC,MAAD;OAAI,WAAU;iBACX,EAAI,KAAK;MACR,CAAA,CACD;;IAEL;;EAEH,CAAA,CAEJ;;AAET;AAEA,SAAgB,EAAc,EAAE,UAAO,gBAAiC;CACtE,IAAI,CAAC,GACH,OAAO;CAGT,IAAM,IAAW,aAAiB,IAAc,IAAQ,MAClD,IACJ,aAAiB,QAAQ,EAAM,UAAU,6CACrC,IAAmB,GAAU,SAAS;CAE5C,OACE,kBAAC,OAAD;EACE,MAAK;EACL,WAAW,EACT,8EACA,CACF;YAEA,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAe,WAAU,iDAAkD,CAAA,GAC3E,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,KAAD;MAAG,WAAU;gBACV,IAAmB,4BAA4B;KAC/C,CAAA;KACH,kBAAC,KAAD;MAAG,WAAU;gBAAgD;KAAW,CAAA;KACvE,GAAU,QACT,kBAAC,KAAD;MAAG,WAAU;gBAAb;OAA4C;OAC/B;OACX,kBAAC,QAAD;QAAM,WAAU;kBAA8C,EAAS;OAAW,CAAA;OACjF,EAAS,cACR,kBAAA,GAAA,EAAA,UAAA,CACG,kBACD,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAS;OACN,CAAA,CACN,EAAA,CAAA;MAEH;;KAEJ,KACC,kBAAC,KAAD;MAAG,WAAU;gBAAmC;KAG7C,CAAA;KAEJ,GAAU,cAAc,kBAAC,GAAD,EAAkB,YAAY,EAAS,WAAa,CAAA;IAC1E;KACF;;CACF,CAAA;AAET"}

package/dist/atheletebridge/components/ai/AiModelPicker.d.ts

@@ -0,0 +1,19 @@
+/**
+ * AI model picker + autopilot control
+ * @module atheletebridge/components/ai
+ *
+ * The workspace's saved (provider, model) pair — read from
+ * `athWorkspaceAiConfig`, chosen from `athAiModelCatalog`, saved with
+ * `athSetWorkspaceAiModel` — plus the per-workspace autopilot opt-in
+ * (`athSetWorkspaceAutoPilot`).
+ *
+ * The autopilot copy is deliberately unglamorous. The loop only ever records a
+ * PROPOSED adjustment that a coach still has to accept, and it is additionally
+ * gated by the `ATHELETEBRIDGE_AGENT_LOOP_ENABLED` deployment kill switch,
+ * which is OFF in production. A toggle that implies "the AI now coaches for
+ * you" would be a lie in both directions, so it says exactly what it does.
+ */
+export declare function AiModelPicker({ className }: {
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=AiModelPicker.d.ts.map

package/dist/atheletebridge/components/ai/AiModelPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiModelPicker.d.ts","sourceRoot":"","sources":["../../../../src/atheletebridge/components/ai/AiModelPicker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAqBH,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BA0MlE"}

package/dist/atheletebridge/components/ai/AiModelPicker.js

@@ -0,0 +1,203 @@
+import { formatDate as e } from "../../utils/formatters.js";
+import { useAiModelCatalog as t, useSetWorkspaceAiModel as n, useSetWorkspaceAutoPilot as r, useWorkspaceAiConfig as i } from "../../hooks/useAthleteBridgeApi.js";
+import { timeAgo as a } from "../../utils/timeAgo.js";
+import { FormField as o, fieldInputClass as s } from "../form.js";
+import { AiErrorNotice as c } from "./AiErrorNotice.js";
+import { useMemo as l, useState as u } from "react";
+import { Bot as d, Check as f, Cpu as p, Loader2 as m, Save as h } from "lucide-react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Badge as y, GlassCard as b, Switch as x } from "@burdenoff/fe-libs/ui";
+//#region src/atheletebridge/components/ai/AiModelPicker.tsx
+var S = (e) => `${e.provider}::${e.model}`;
+function C({ className: C }) {
+	let w = t(), T = i(), E = n(), D = r(), [O, k] = u(null), A = l(() => w.data ?? [], [w.data]), j = l(() => A.find((e) => e.isDefault) ?? null, [A]), M = T.data ? S(T.data) : j ? S(j) : "", N = l(() => {
+		let e = T.data;
+		return !e || A.some((t) => S(t) === S(e)) ? A : [{
+			provider: e.provider,
+			model: e.model,
+			label: "Saved by this workspace",
+			isDefault: !1,
+			capabilities: []
+		}, ...A];
+	}, [A, T.data]), P = O ?? M, F = N.find((e) => S(e) === P) ?? null, I = !!O && O !== M, L = T.data?.autoPilotEnabled ?? !1, R = T.data?.autoPilotLastRunAt ?? null;
+	return /* @__PURE__ */ _(b, {
+		treatment: "insight",
+		className: C,
+		children: /* @__PURE__ */ v("div", {
+			className: "p-6",
+			children: [
+				/* @__PURE__ */ v("div", {
+					className: "flex items-start gap-3",
+					children: [/* @__PURE__ */ _("div", {
+						className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-text-primary",
+						children: /* @__PURE__ */ _(p, {
+							className: "h-5 w-5",
+							"aria-hidden": "true"
+						})
+					}), /* @__PURE__ */ v("div", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ _("h2", {
+							className: "text-lg font-semibold text-text-primary",
+							children: "Model"
+						}), /* @__PURE__ */ _("p", {
+							className: "mt-1 text-sm text-text-secondary",
+							children: "The provider and model every AthleteBridge decision runs on. A named provider is a first preference, not a lock — the service still falls back through the rest of the chain if it cannot answer."
+						})]
+					})]
+				}),
+				/* @__PURE__ */ v("div", {
+					className: "mt-5 grid grid-cols-1 gap-4 sm:grid-cols-[minmax(0,1fr)_auto] sm:items-end",
+					children: [/* @__PURE__ */ _(o, {
+						label: "Provider and model",
+						htmlFor: "ai-model",
+						children: /* @__PURE__ */ v("select", {
+							id: "ai-model",
+							className: s,
+							value: P,
+							disabled: w.isLoading || N.length === 0,
+							onChange: (e) => k(e.target.value),
+							children: [N.length === 0 && /* @__PURE__ */ _("option", {
+								value: "",
+								children: "No models available"
+							}), N.map((e) => /* @__PURE__ */ v("option", {
+								value: S(e),
+								children: [
+									e.label,
+									" — ",
+									e.provider,
+									"/",
+									e.model,
+									e.isDefault ? " (default)" : ""
+								]
+							}, S(e)))]
+						})
+					}), /* @__PURE__ */ v("button", {
+						type: "button",
+						onClick: () => {
+							F && E.mutate({
+								provider: F.provider,
+								model: F.model
+							}, { onSuccess: () => k(null) });
+						},
+						disabled: !I || !F || E.isPending,
+						className: "inline-flex h-[2.625rem] items-center justify-center gap-1.5 rounded-lg bg-action-primary-bg px-4 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:cursor-not-allowed disabled:opacity-60",
+						children: [E.isPending ? /* @__PURE__ */ _(m, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ _(h, { className: "h-4 w-4" }), "Save model"]
+					})]
+				}),
+				/* @__PURE__ */ v("div", {
+					className: "mt-3 flex flex-wrap items-center gap-2 text-sm text-text-secondary",
+					children: [T.isLoading ? /* @__PURE__ */ v("span", {
+						className: "inline-flex items-center gap-1.5",
+						children: [/* @__PURE__ */ _(m, { className: "h-3.5 w-3.5 animate-spin" }), " Loading workspace configuration…"]
+					}) : T.data ? /* @__PURE__ */ v(g, { children: [
+						/* @__PURE__ */ _("span", { children: "In use:" }),
+						/* @__PURE__ */ v(y, {
+							variant: "secondary",
+							children: [
+								T.data.provider,
+								"/",
+								T.data.model
+							]
+						}),
+						F?.isDefault && M === S(F) && /* @__PURE__ */ _(y, {
+							variant: "outline",
+							children: "Platform default"
+						}),
+						/* @__PURE__ */ v("span", {
+							className: "text-xs text-text-muted",
+							children: ["Saved ", a(T.data.updatedAt)]
+						})
+					] }) : /* @__PURE__ */ v("span", { children: [
+						"This workspace has not chosen a model, so decisions run on the platform default chain",
+						j ? ` (${j.provider}/${j.model})` : "",
+						"."
+					] }), E.isSuccess && !I && /* @__PURE__ */ v("span", {
+						className: "inline-flex items-center gap-1 text-xs text-status-success-text",
+						children: [/* @__PURE__ */ _(f, { className: "h-3.5 w-3.5" }), " Saved"]
+					})]
+				}),
+				F && F.capabilities.length > 0 && /* @__PURE__ */ _("div", {
+					className: "mt-2 flex flex-wrap gap-1.5",
+					children: F.capabilities.map((e) => /* @__PURE__ */ _("span", {
+						className: "inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary",
+						children: e
+					}, e))
+				}),
+				w.isError && /* @__PURE__ */ _(c, {
+					className: "mt-4",
+					error: w.error
+				}),
+				E.isError && /* @__PURE__ */ _(c, {
+					className: "mt-4",
+					error: E.error
+				}),
+				/* @__PURE__ */ v("div", {
+					className: "mt-6 border-t border-border-seam pt-5",
+					children: [
+						/* @__PURE__ */ v("div", {
+							className: "flex items-start justify-between gap-4",
+							children: [/* @__PURE__ */ v("div", {
+								className: "min-w-0",
+								children: [
+									/* @__PURE__ */ v("label", {
+										htmlFor: "ai-autopilot",
+										className: "flex items-center gap-2 text-sm font-medium text-text-primary",
+										children: [/* @__PURE__ */ _(d, {
+											className: "h-4 w-4",
+											"aria-hidden": "true"
+										}), "Autopilot"]
+									}),
+									/* @__PURE__ */ v("p", {
+										className: "mt-1 text-sm text-text-secondary",
+										children: [
+											"When on, a scheduled tick may assess athletes on this workspace's programs and record a ",
+											/* @__PURE__ */ _("strong", {
+												className: "font-medium text-text-primary",
+												children: "PROPOSED"
+											}),
+											" ",
+											"adjustment. It never changes prescribed training load — a coach still has to accept or override every proposal."
+										]
+									}),
+									/* @__PURE__ */ v("p", {
+										className: "mt-1 text-xs text-text-muted",
+										children: [
+											"The loop is also gated per deployment by",
+											" ",
+											/* @__PURE__ */ _("code", {
+												className: "rounded bg-bg-sunken px-1 py-0.5 font-mono",
+												children: "ATHELETEBRIDGE_AGENT_LOOP_ENABLED"
+											}),
+											", which is off in production. Turning this on alone does not start anything."
+										]
+									})
+								]
+							}), /* @__PURE__ */ v("div", {
+								className: "flex shrink-0 items-center gap-2 pt-1",
+								children: [D.isPending && /* @__PURE__ */ _(m, { className: "h-4 w-4 animate-spin text-text-secondary" }), /* @__PURE__ */ _(x, {
+									id: "ai-autopilot",
+									checked: L,
+									disabled: T.isLoading || D.isPending,
+									onCheckedChange: (e) => D.mutate(e),
+									"aria-label": "Enable autopilot for this workspace"
+								})]
+							})]
+						}),
+						/* @__PURE__ */ _("p", {
+							className: "mt-3 text-xs text-text-muted",
+							children: R ? `A scheduled tick last considered this workspace on ${e(R)} (${a(R)}).` : "No scheduled tick has considered this workspace yet."
+						}),
+						D.isError && /* @__PURE__ */ _(c, {
+							className: "mt-4",
+							error: D.error
+						})
+					]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { C as AiModelPicker };
+
+//# sourceMappingURL=AiModelPicker.js.map

package/dist/atheletebridge/components/ai/AiModelPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiModelPicker.js","names":[],"sources":["../../../../src/atheletebridge/components/ai/AiModelPicker.tsx"],"sourcesContent":["/**\n * AI model picker + autopilot control\n * @module atheletebridge/components/ai\n *\n * The workspace's saved (provider, model) pair — read from\n * `athWorkspaceAiConfig`, chosen from `athAiModelCatalog`, saved with\n * `athSetWorkspaceAiModel` — plus the per-workspace autopilot opt-in\n * (`athSetWorkspaceAutoPilot`).\n *\n * The autopilot copy is deliberately unglamorous. The loop only ever records a\n * PROPOSED adjustment that a coach still has to accept, and it is additionally\n * gated by the `ATHELETEBRIDGE_AGENT_LOOP_ENABLED` deployment kill switch,\n * which is OFF in production. A toggle that implies \"the AI now coaches for\n * you\" would be a lie in both directions, so it says exactly what it does.\n */\n\nimport { useMemo, useState } from 'react';\nimport { Bot, Check, Cpu, Loader2, Save } from 'lucide-react';\nimport { Badge, GlassCard, Switch } from '@burdenoff/fe-libs/ui';\nimport { FormField, fieldInputClass } from '../form';\nimport {\n  useAiModelCatalog,\n  useSetWorkspaceAiModel,\n  useSetWorkspaceAutoPilot,\n  useWorkspaceAiConfig,\n} from '../../hooks/useAthleteBridgeApi';\nimport type { AthAiModelInfo } from '../../types';\nimport { formatDate } from '../../utils/formatters';\nimport { timeAgo } from '../../utils/timeAgo';\nimport { AiErrorNotice } from './AiErrorNotice';\n\n/** Stable option key. Model ids are provider-specific, so both parts matter. */\nconst optionKey = (entry: Pick<AthAiModelInfo, 'provider' | 'model'>): string =>\n  `${entry.provider}::${entry.model}`;\n\nexport function AiModelPicker({ className }: { className?: string }) {\n  const catalog = useAiModelCatalog();\n  const config = useWorkspaceAiConfig();\n  const setModel = useSetWorkspaceAiModel();\n  const setAutoPilot = useSetWorkspaceAutoPilot();\n\n  const [draftKey, setDraftKey] = useState<string | null>(null);\n\n  const catalogEntries = useMemo(() => catalog.data ?? [], [catalog.data]);\n  const defaultEntry = useMemo(\n    () => catalogEntries.find((entry) => entry.isDefault) ?? null,\n    [catalogEntries]\n  );\n\n  // The saved pair, or the catalog default when the workspace has never chosen\n  // one (a null config means \"using the platform default chain\", not an error).\n  const savedKey = config.data\n    ? optionKey(config.data)\n    : defaultEntry\n      ? optionKey(defaultEntry)\n      : '';\n\n  // A saved pair that is no longer in the catalog still has to be selectable,\n  // or the select silently displays a DIFFERENT model than the one in force.\n  const entries = useMemo(() => {\n    const saved = config.data;\n    if (!saved || catalogEntries.some((entry) => optionKey(entry) === optionKey(saved))) {\n      return catalogEntries;\n    }\n    return [\n      {\n        provider: saved.provider,\n        model: saved.model,\n        label: 'Saved by this workspace',\n        isDefault: false,\n        capabilities: [],\n      },\n      ...catalogEntries,\n    ];\n  }, [catalogEntries, config.data]);\n  const selectedKey = draftKey ?? savedKey;\n  const selectedEntry = entries.find((entry) => optionKey(entry) === selectedKey) ?? null;\n  const isDirty = Boolean(draftKey) && draftKey !== savedKey;\n\n  const autoPilotEnabled = config.data?.autoPilotEnabled ?? false;\n  const lastRunAt = config.data?.autoPilotLastRunAt ?? null;\n\n  const handleSave = () => {\n    if (!selectedEntry) {\n      return;\n    }\n    setModel.mutate(\n      { provider: selectedEntry.provider, model: selectedEntry.model },\n      { onSuccess: () => setDraftKey(null) }\n    );\n  };\n\n  return (\n    <GlassCard treatment=\"insight\" className={className}>\n      <div className=\"p-6\">\n        <div className=\"flex items-start gap-3\">\n          <div className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-text-primary\">\n            <Cpu className=\"h-5 w-5\" aria-hidden=\"true\" />\n          </div>\n          <div className=\"min-w-0 flex-1\">\n            <h2 className=\"text-lg font-semibold text-text-primary\">Model</h2>\n            <p className=\"mt-1 text-sm text-text-secondary\">\n              The provider and model every AthleteBridge decision runs on. A named provider is a\n              first preference, not a lock — the service still falls back through the rest of the\n              chain if it cannot answer.\n            </p>\n          </div>\n        </div>\n\n        <div className=\"mt-5 grid grid-cols-1 gap-4 sm:grid-cols-[minmax(0,1fr)_auto] sm:items-end\">\n          <FormField label=\"Provider and model\" htmlFor=\"ai-model\">\n            <select\n              id=\"ai-model\"\n              className={fieldInputClass}\n              value={selectedKey}\n              disabled={catalog.isLoading || entries.length === 0}\n              onChange={(event) => setDraftKey(event.target.value)}\n            >\n              {entries.length === 0 && <option value=\"\">No models available</option>}\n              {entries.map((entry) => (\n                <option key={optionKey(entry)} value={optionKey(entry)}>\n                  {entry.label} — {entry.provider}/{entry.model}\n                  {entry.isDefault ? ' (default)' : ''}\n                </option>\n              ))}\n            </select>\n          </FormField>\n          <button\n            type=\"button\"\n            onClick={handleSave}\n            disabled={!isDirty || !selectedEntry || setModel.isPending}\n            className=\"inline-flex h-[2.625rem] items-center justify-center gap-1.5 rounded-lg bg-action-primary-bg px-4 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:cursor-not-allowed disabled:opacity-60\"\n          >\n            {setModel.isPending ? (\n              <Loader2 className=\"h-4 w-4 animate-spin\" />\n            ) : (\n              <Save className=\"h-4 w-4\" />\n            )}\n            Save model\n          </button>\n        </div>\n\n        <div className=\"mt-3 flex flex-wrap items-center gap-2 text-sm text-text-secondary\">\n          {config.isLoading ? (\n            <span className=\"inline-flex items-center gap-1.5\">\n              <Loader2 className=\"h-3.5 w-3.5 animate-spin\" /> Loading workspace configuration…\n            </span>\n          ) : config.data ? (\n            <>\n              <span>In use:</span>\n              <Badge variant=\"secondary\">\n                {config.data.provider}/{config.data.model}\n              </Badge>\n              {selectedEntry?.isDefault && savedKey === optionKey(selectedEntry) && (\n                <Badge variant=\"outline\">Platform default</Badge>\n              )}\n              <span className=\"text-xs text-text-muted\">\n                Saved {timeAgo(config.data.updatedAt)}\n              </span>\n            </>\n          ) : (\n            <span>\n              This workspace has not chosen a model, so decisions run on the platform default chain\n              {defaultEntry ? ` (${defaultEntry.provider}/${defaultEntry.model})` : ''}.\n            </span>\n          )}\n          {setModel.isSuccess && !isDirty && (\n            <span className=\"inline-flex items-center gap-1 text-xs text-status-success-text\">\n              <Check className=\"h-3.5 w-3.5\" /> Saved\n            </span>\n          )}\n        </div>\n\n        {selectedEntry && selectedEntry.capabilities.length > 0 && (\n          <div className=\"mt-2 flex flex-wrap gap-1.5\">\n            {selectedEntry.capabilities.map((capability) => (\n              <span\n                key={capability}\n                className=\"inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary\"\n              >\n                {capability}\n              </span>\n            ))}\n          </div>\n        )}\n\n        {catalog.isError && <AiErrorNotice className=\"mt-4\" error={catalog.error} />}\n        {setModel.isError && <AiErrorNotice className=\"mt-4\" error={setModel.error} />}\n\n        {/* Autopilot */}\n        <div className=\"mt-6 border-t border-border-seam pt-5\">\n          <div className=\"flex items-start justify-between gap-4\">\n            <div className=\"min-w-0\">\n              <label\n                htmlFor=\"ai-autopilot\"\n                className=\"flex items-center gap-2 text-sm font-medium text-text-primary\"\n              >\n                <Bot className=\"h-4 w-4\" aria-hidden=\"true\" />\n                Autopilot\n              </label>\n              <p className=\"mt-1 text-sm text-text-secondary\">\n                When on, a scheduled tick may assess athletes on this workspace&apos;s programs and\n                record a <strong className=\"font-medium text-text-primary\">PROPOSED</strong>{' '}\n                adjustment. It never changes prescribed training load — a coach still has to accept\n                or override every proposal.\n              </p>\n              <p className=\"mt-1 text-xs text-text-muted\">\n                The loop is also gated per deployment by{' '}\n                <code className=\"rounded bg-bg-sunken px-1 py-0.5 font-mono\">\n                  ATHELETEBRIDGE_AGENT_LOOP_ENABLED\n                </code>\n                , which is off in production. Turning this on alone does not start anything.\n              </p>\n            </div>\n            <div className=\"flex shrink-0 items-center gap-2 pt-1\">\n              {setAutoPilot.isPending && (\n                <Loader2 className=\"h-4 w-4 animate-spin text-text-secondary\" />\n              )}\n              <Switch\n                id=\"ai-autopilot\"\n                checked={autoPilotEnabled}\n                disabled={config.isLoading || setAutoPilot.isPending}\n                onCheckedChange={(checked) => setAutoPilot.mutate(checked)}\n                aria-label=\"Enable autopilot for this workspace\"\n              />\n            </div>\n          </div>\n          <p className=\"mt-3 text-xs text-text-muted\">\n            {lastRunAt\n              ? `A scheduled tick last considered this workspace on ${formatDate(lastRunAt)} (${timeAgo(lastRunAt)}).`\n              : 'No scheduled tick has considered this workspace yet.'}\n          </p>\n          {setAutoPilot.isError && <AiErrorNotice className=\"mt-4\" error={setAutoPilot.error} />}\n        </div>\n      </div>\n    </GlassCard>\n  );\n}\n"],"mappings":"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"}

package/dist/atheletebridge/components/ai/DecisionCard.d.ts

@@ -0,0 +1,11 @@
+import { AthAgentRun } from '../../types';
+
+interface DecisionCardProps {
+    run: AthAgentRun;
+    /** Highlighted because it is the run selected in the activity feed. */
+    isFocused?: boolean;
+    className?: string;
+}
+export declare function DecisionCard({ run, isFocused, className }: DecisionCardProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=DecisionCard.d.ts.map

package/dist/atheletebridge/components/ai/DecisionCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DecisionCard.d.ts","sourceRoot":"","sources":["../../../../src/atheletebridge/components/ai/DecisionCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAYH,OAAO,KAAK,EAAE,WAAW,EAAmB,MAAM,aAAa,CAAC;AAqBhE,UAAU,iBAAiB;IACzB,GAAG,EAAE,WAAW,CAAC;IACjB,uEAAuE;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6LD,wBAAgB,YAAY,CAAC,EAAE,GAAG,EAAE,SAAiB,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BAwLpF"}