mirror of
https://github.com/MBombeck/HealthLog.git
synced 2026-11-10 21:32:18 +00:00
feat(ai): add operator-shared central Codex connection with per-user opt-in
Introduce an operator-level ChatGPT-subscription (Codex) credential that the operator connects once and shares server-wide, plus a per-user switch to route AI egress through it. - Schema (migration 0235): three encrypted columns on AppSettings for the operator's central Codex access/refresh tokens and the ChatGPT-Account-ID claim, plus expiry/connected-at/status; a per-user useCentralCodex flag (default false). Register the new encrypted columns in the rotation registry and script. - Resolution: add the admin-codex chain type; append it to a user's resolved chain only when they opted in AND the operator connected it. Tokens refresh server-side against the singleton row (CAS-style), same primitives as the per-user Codex path. - Budget: bill an admin-codex primary against the operator cost cap, not the user plan — it drains the operator's account. - Consent: admin-codex is server-managed external egress, gated by the existing consent machinery (self-snapshot and document surfaces alike). No existing consent path is weakened. - Document order: rank admin-codex with the subscription tier (last), so the document class stays local-first. - UI: admin device-code connect/disconnect card (cookie-only admin routes) with honest copy on account pooling, shared rate limits, and training-by-default; a per-user opt-in switch shown only once the operator has connected it, off by default, behind a one-time honesty confirm. - i18n across all six locales; unit tests for the chain type, budget cap, consent gate, vision capability, and document order; a mocked e2e for both the admin connect surface and the per-user switch. The central credential's tokens are encrypted at rest and never returned to a non-admin API; the opt-in only takes effect once the operator has connected the shared account.
This commit is contained in:
1 parent
fa42c8bc0b
commit
d7e616eaa8
35 files changed
+1553
-26
No files matched your search
@@ -0,0 +1,270 @@
|
||||
"use client";
|
||||
|
||||
/**
|
||||
* Operator panel for the shared central Codex (ChatGPT subscription) account.
|
||||
*
|
||||
* The operator connects ONE signed-in ChatGPT account here (device-code flow,
|
||||
* cookie-only `requireAdmin` on every backing route) and any user can opt into
|
||||
* it from their own AI settings. This is the ONE admin surface where the vendor
|
||||
* is named, consistent with the per-user Codex connect form — the operator is
|
||||
* knowingly linking a named account.
|
||||
*
|
||||
* The copy is loud and honest: it is a shared, signed-in account (not an API
|
||||
* key), subscription providers may use content to improve their models, the
|
||||
* account's 5-hour / weekly rate limits are shared across every opted-in user,
|
||||
* and it is never a default. OFF until the operator connects it.
|
||||
*/
|
||||
|
||||
import { useEffect, useState } from "react";
|
||||
import { useQuery, useQueryClient } from "@tanstack/react-query";
|
||||
import { Loader2, ShieldAlert, Sparkles, Trash2 } from "lucide-react";
|
||||
import { toast } from "sonner";
|
||||
|
||||
import { Badge } from "@/components/ui/badge";
|
||||
import { Button } from "@/components/ui/button";
|
||||
import { SettingsCard } from "@/components/settings/settings-card";
|
||||
import { SettingsCardHeader } from "@/components/settings/_card-header";
|
||||
import { apiFetchRaw, apiGet } from "@/lib/api/api-fetch";
|
||||
import { formatDateTime } from "@/lib/format";
|
||||
import { useTranslations } from "@/lib/i18n/context";
|
||||
import { queryKeys } from "@/lib/query-keys";
|
||||
|
||||
interface CentralCodexStatus {
|
||||
status: string;
|
||||
connectedAt: string | null;
|
||||
}
|
||||
|
||||
export function CentralCodexSection() {
|
||||
const { t } = useTranslations();
|
||||
const queryClient = useQueryClient();
|
||||
|
||||
const { data } = useQuery({
|
||||
queryKey: queryKeys.adminCentralCodex(),
|
||||
queryFn: () => apiGet<CentralCodexStatus>("/api/admin/central-codex"),
|
||||
});
|
||||
|
||||
const [deviceCode, setDeviceCode] = useState<{
|
||||
userCode: string;
|
||||
verificationUrl: string;
|
||||
intervalSeconds: number;
|
||||
} | null>(null);
|
||||
const [devicePolling, setDevicePolling] = useState(false);
|
||||
const [disconnecting, setDisconnecting] = useState(false);
|
||||
|
||||
const status = data?.status ?? "disconnected";
|
||||
const isConnected = status === "connected";
|
||||
|
||||
async function handleConnect() {
|
||||
setDevicePolling(true);
|
||||
try {
|
||||
const res = await apiFetchRaw("/api/admin/central-codex/device-start", {
|
||||
method: "POST",
|
||||
});
|
||||
const json = await res.json();
|
||||
if (!res.ok) throw new Error(json.error || t("admin.centralCodex.error"));
|
||||
setDeviceCode({
|
||||
userCode: json.data.userCode,
|
||||
verificationUrl: json.data.verificationUrl,
|
||||
intervalSeconds: json.data.intervalSeconds,
|
||||
});
|
||||
} catch (err) {
|
||||
toast.error(
|
||||
err instanceof Error ? err.message : t("admin.centralCodex.error"),
|
||||
);
|
||||
setDevicePolling(false);
|
||||
}
|
||||
}
|
||||
|
||||
useEffect(() => {
|
||||
if (!deviceCode) return;
|
||||
let cancelled = false;
|
||||
const intervalMs = Math.max(deviceCode.intervalSeconds, 3) * 1000;
|
||||
|
||||
async function tick() {
|
||||
try {
|
||||
const res = await apiFetchRaw("/api/admin/central-codex/device-poll", {
|
||||
method: "POST",
|
||||
});
|
||||
const json = await res.json();
|
||||
if (cancelled) return;
|
||||
if (!res.ok) {
|
||||
throw new Error(json.error || t("admin.centralCodex.error"));
|
||||
}
|
||||
if (json.data?.status === "connected") {
|
||||
setDeviceCode(null);
|
||||
setDevicePolling(false);
|
||||
toast.success(t("admin.centralCodex.connected"));
|
||||
queryClient.invalidateQueries({
|
||||
queryKey: queryKeys.adminCentralCodex(),
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!cancelled) setTimeout(tick, intervalMs);
|
||||
} catch (err) {
|
||||
if (cancelled) return;
|
||||
toast.error(
|
||||
err instanceof Error ? err.message : t("admin.centralCodex.error"),
|
||||
);
|
||||
setDeviceCode(null);
|
||||
setDevicePolling(false);
|
||||
}
|
||||
}
|
||||
|
||||
const handle = setTimeout(tick, intervalMs);
|
||||
return () => {
|
||||
cancelled = true;
|
||||
clearTimeout(handle);
|
||||
};
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [deviceCode]);
|
||||
|
||||
async function handleDisconnect() {
|
||||
setDisconnecting(true);
|
||||
try {
|
||||
const res = await apiFetchRaw("/api/admin/central-codex", {
|
||||
method: "DELETE",
|
||||
});
|
||||
if (!res.ok) {
|
||||
const json = await res.json();
|
||||
throw new Error(json.error || t("admin.centralCodex.error"));
|
||||
}
|
||||
toast.success(t("admin.centralCodex.disconnected"));
|
||||
queryClient.invalidateQueries({
|
||||
queryKey: queryKeys.adminCentralCodex(),
|
||||
});
|
||||
} catch (err) {
|
||||
toast.error(
|
||||
err instanceof Error ? err.message : t("admin.centralCodex.error"),
|
||||
);
|
||||
} finally {
|
||||
setDisconnecting(false);
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<SettingsCard data-slot="admin-central-codex">
|
||||
<SettingsCardHeader
|
||||
icon={Sparkles}
|
||||
title={t("admin.centralCodex.title")}
|
||||
description={<p>{t("admin.centralCodex.description")}</p>}
|
||||
status={
|
||||
<Badge
|
||||
variant={isConnected ? "default" : "outline"}
|
||||
className={
|
||||
status === "expired"
|
||||
? "border-warning/30 bg-warning/15 text-warning"
|
||||
: undefined
|
||||
}
|
||||
>
|
||||
{isConnected
|
||||
? t("admin.centralCodex.statusConnected")
|
||||
: status === "expired"
|
||||
? t("admin.centralCodex.statusExpired")
|
||||
: t("admin.centralCodex.statusDisconnected")}
|
||||
</Badge>
|
||||
}
|
||||
/>
|
||||
|
||||
<div className="mt-4 space-y-4 pl-7">
|
||||
<div className="text-muted-foreground flex items-start gap-2 text-xs">
|
||||
<ShieldAlert className="mt-0.5 size-3.5 shrink-0" aria-hidden />
|
||||
<p className="min-w-0">{t("admin.centralCodex.honesty")}</p>
|
||||
</div>
|
||||
|
||||
{data?.connectedAt && isConnected && (
|
||||
<p className="text-muted-foreground text-xs">
|
||||
{t("admin.centralCodex.connectedSince", {
|
||||
when: formatDateTime(data.connectedAt),
|
||||
})}
|
||||
</p>
|
||||
)}
|
||||
|
||||
{isConnected ? (
|
||||
<Button
|
||||
variant="outline"
|
||||
size="sm"
|
||||
className="text-destructive min-h-11 shrink-0 sm:min-h-9"
|
||||
onClick={handleDisconnect}
|
||||
disabled={disconnecting}
|
||||
data-slot="admin-central-codex-disconnect"
|
||||
>
|
||||
{disconnecting ? (
|
||||
<Loader2 className="h-4 w-4 animate-spin motion-reduce:animate-none" />
|
||||
) : (
|
||||
<Trash2 className="h-4 w-4" />
|
||||
)}
|
||||
{t("admin.centralCodex.disconnectButton")}
|
||||
</Button>
|
||||
) : deviceCode ? (
|
||||
<div className="border-primary bg-primary/5 space-y-3 rounded-lg border-l-4 p-4">
|
||||
<p className="text-sm font-medium">
|
||||
{t("settings.ai.deviceCodeHeading")}
|
||||
</p>
|
||||
<ol className="text-muted-foreground list-decimal space-y-2 pl-5 text-sm">
|
||||
<li>
|
||||
{t("settings.ai.deviceCodeStep1")}{" "}
|
||||
<a
|
||||
href={deviceCode.verificationUrl}
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="text-primary font-medium underline"
|
||||
>
|
||||
{deviceCode.verificationUrl}
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
{t("settings.ai.deviceCodeStep2")}
|
||||
<div className="bg-card border-border mt-2 inline-flex items-center gap-2 rounded border px-3 py-2 font-mono text-lg tracking-widest">
|
||||
{deviceCode.userCode}
|
||||
<button
|
||||
type="button"
|
||||
onClick={() =>
|
||||
navigator.clipboard?.writeText(deviceCode.userCode)
|
||||
}
|
||||
className="text-muted-foreground hover:text-foreground text-xs underline"
|
||||
>
|
||||
{t("settings.ai.deviceCodeCopy")}
|
||||
</button>
|
||||
</div>
|
||||
</li>
|
||||
<li>{t("settings.ai.deviceCodeStep3")}</li>
|
||||
</ol>
|
||||
<div className="flex items-center gap-3 text-xs">
|
||||
{devicePolling && (
|
||||
<span className="text-muted-foreground inline-flex items-center gap-1">
|
||||
<Loader2 className="h-3 w-3 animate-spin motion-reduce:animate-none" />
|
||||
{t("settings.ai.deviceCodeWaiting")}
|
||||
</span>
|
||||
)}
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => {
|
||||
setDeviceCode(null);
|
||||
setDevicePolling(false);
|
||||
}}
|
||||
className="text-muted-foreground hover:text-foreground underline"
|
||||
>
|
||||
{t("settings.ai.deviceCodeCancel")}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
) : (
|
||||
<Button
|
||||
variant="outline"
|
||||
onClick={handleConnect}
|
||||
disabled={devicePolling}
|
||||
className="min-h-11 w-full sm:min-h-9 sm:w-auto"
|
||||
data-slot="admin-central-codex-connect"
|
||||
>
|
||||
{devicePolling ? (
|
||||
<Loader2 className="h-4 w-4 animate-spin motion-reduce:animate-none" />
|
||||
) : (
|
||||
<Sparkles className="h-4 w-4" />
|
||||
)}
|
||||
{t("admin.centralCodex.connectButton")}
|
||||
</Button>
|
||||
)}
|
||||
</div>
|
||||
</SettingsCard>
|
||||
);
|
||||
}
|
||||
@@ -32,6 +32,7 @@ import { queryKeys } from "@/lib/query-keys";
|
||||
import { AdminOpenAIProviderForm } from "./admin-openai-provider-form";
|
||||
import { AnthropicProviderForm } from "./anthropic-provider-form";
|
||||
import { AutoReadCard } from "./auto-read-card";
|
||||
import { CentralCodexSwitch } from "./central-codex-switch";
|
||||
import { CodexProviderForm } from "./codex-provider-form";
|
||||
import { FallbackChainCard } from "./fallback-chain-card";
|
||||
import { LocalProviderForm } from "./local-provider-form";
|
||||
@@ -181,6 +182,10 @@ export function AiInsightsCard({
|
||||
{/* Read uploaded vault documents automatically with AI (opt-in). */}
|
||||
<AutoReadCard />
|
||||
|
||||
{/* Use the operator's shared central Codex connection (opt-in; only
|
||||
renders when the operator has connected it). */}
|
||||
<CentralCodexSwitch settings={insightsSettings} />
|
||||
|
||||
<RuntimeActionsRow
|
||||
provider={selectedProvider}
|
||||
userProvider={userProvider}
|
||||
|
||||
@@ -0,0 +1,143 @@
|
||||
"use client";
|
||||
|
||||
/* ────────────────────────────────────────────────────────────────
|
||||
* Use the server's shared AI access (per-user opt-in).
|
||||
*
|
||||
* Shown ONLY when the operator has connected a shared central Codex
|
||||
* (ChatGPT-subscription) account. OFF by default. Turning it ON reveals a
|
||||
* once-shown honesty confirm before the write, because the trade — a shared,
|
||||
* signed-in AI account bound by the operator's rate limits, on which the
|
||||
* provider may use content to improve its models with no data-processing
|
||||
* agreement — must be acknowledged, not buried. Turning it OFF is immediate.
|
||||
*
|
||||
* Opting in does not egress anything on its own: the shared connection is
|
||||
* server-managed external egress, so the existing AI-consent gate still applies
|
||||
* before any health data leaves for it.
|
||||
* ──────────────────────────────────────────────────────────────── */
|
||||
|
||||
import { useState } from "react";
|
||||
import { useMutation, useQueryClient } from "@tanstack/react-query";
|
||||
import { ShieldAlert } from "lucide-react";
|
||||
|
||||
import { Button } from "@/components/ui/button";
|
||||
import { Switch } from "@/components/ui/switch";
|
||||
import { apiPatch } from "@/lib/api/api-fetch";
|
||||
import { useTranslations } from "@/lib/i18n/context";
|
||||
import { queryKeys } from "@/lib/query-keys";
|
||||
|
||||
import type { InsightsSettings } from "./shared";
|
||||
|
||||
interface UseCentralCodexPref {
|
||||
useCentralCodex: boolean;
|
||||
}
|
||||
|
||||
export function CentralCodexSwitch({
|
||||
settings,
|
||||
}: {
|
||||
settings: InsightsSettings | null | undefined;
|
||||
}) {
|
||||
const { t } = useTranslations();
|
||||
const queryClient = useQueryClient();
|
||||
|
||||
// Off→on reveals the honesty confirm; the write only happens on confirm.
|
||||
const [pendingEnable, setPendingEnable] = useState(false);
|
||||
|
||||
const enabled = settings?.useCentralCodex ?? false;
|
||||
|
||||
const save = useMutation<UseCentralCodexPref, Error, boolean>({
|
||||
mutationFn: (next: boolean) =>
|
||||
apiPatch<UseCentralCodexPref>("/api/auth/me/use-central-codex", {
|
||||
useCentralCodex: next,
|
||||
}),
|
||||
onSuccess: () => {
|
||||
// The opt-in changes which providers can serve this user — refresh the
|
||||
// settings summary (which carries the flag) and every insight read.
|
||||
queryClient.invalidateQueries({
|
||||
queryKey: queryKeys.insightsSettings(),
|
||||
});
|
||||
queryClient.invalidateQueries({ queryKey: queryKeys.insightsRoot() });
|
||||
setPendingEnable(false);
|
||||
},
|
||||
});
|
||||
|
||||
// Only meaningful once the operator has connected the shared account.
|
||||
if (!settings?.centralCodexAvailable) return null;
|
||||
|
||||
function onSwitch(next: boolean) {
|
||||
if (next) {
|
||||
if (!enabled) setPendingEnable(true);
|
||||
return;
|
||||
}
|
||||
setPendingEnable(false);
|
||||
if (enabled) save.mutate(false);
|
||||
}
|
||||
|
||||
const busy = save.isPending;
|
||||
const checked = enabled || pendingEnable;
|
||||
|
||||
return (
|
||||
<div
|
||||
data-slot="central-codex-switch-card"
|
||||
className="bg-muted/50 space-y-4 rounded-lg p-4"
|
||||
>
|
||||
<div className="flex items-start justify-between gap-3">
|
||||
<div>
|
||||
<p className="text-sm font-medium">
|
||||
{t("settings.ai.centralCodex.title")}
|
||||
</p>
|
||||
<p className="text-muted-foreground text-xs">
|
||||
{t("settings.ai.centralCodex.subLabel")}
|
||||
</p>
|
||||
</div>
|
||||
<Switch
|
||||
checked={checked}
|
||||
disabled={busy}
|
||||
onCheckedChange={onSwitch}
|
||||
aria-label={t("settings.ai.centralCodex.title")}
|
||||
data-testid="use-central-codex-enable"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{pendingEnable ? (
|
||||
<div
|
||||
data-slot="central-codex-confirm"
|
||||
role="note"
|
||||
className="border-border space-y-3 rounded-lg border border-dashed px-3 py-2.5"
|
||||
>
|
||||
<div className="text-muted-foreground flex items-start gap-2 text-xs">
|
||||
<ShieldAlert className="mt-0.5 size-3.5 shrink-0" aria-hidden />
|
||||
<p className="min-w-0">{t("settings.ai.centralCodex.honesty")}</p>
|
||||
</div>
|
||||
<div className="flex flex-wrap gap-2">
|
||||
<Button
|
||||
type="button"
|
||||
size="sm"
|
||||
className="min-h-11 sm:min-h-9"
|
||||
disabled={save.isPending}
|
||||
onClick={() => save.mutate(true)}
|
||||
data-slot="central-codex-confirm-cta"
|
||||
>
|
||||
{t("settings.ai.centralCodex.confirm")}
|
||||
</Button>
|
||||
<Button
|
||||
type="button"
|
||||
size="sm"
|
||||
variant="ghost"
|
||||
className="min-h-11 sm:min-h-9"
|
||||
disabled={save.isPending}
|
||||
onClick={() => setPendingEnable(false)}
|
||||
>
|
||||
{t("settings.ai.centralCodex.cancel")}
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
) : null}
|
||||
|
||||
{save.isError ? (
|
||||
<p className="text-destructive text-xs">
|
||||
{t("settings.ai.errorGeneric")}
|
||||
</p>
|
||||
) : null}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -14,6 +14,11 @@ export interface InsightsSettings {
|
||||
* false to avoid the v1.4.2 dead-end where the click bounced the
|
||||
* user to chatgpt.com without any OAuth flow. */
|
||||
codexOauthConfigured?: boolean;
|
||||
/** True when the operator has connected the shared central Codex. Drives
|
||||
* whether the per-user "use the server's shared AI access" switch shows. */
|
||||
centralCodexAvailable?: boolean;
|
||||
/** The user's own opt-in to the operator's shared central Codex. */
|
||||
useCentralCodex?: boolean;
|
||||
privacyMode: string;
|
||||
lastInsightAt: string | null;
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user