mirror of
https://github.com/temetro/temetro.git
synced 2026-08-05 16:37:42 +00:00
Khalid Abdi
ff37b555b0
New per-user AI settings section (visible to every clinician, not just admins): - Inference mode: cloud API key vs local Ollama. - Provider + key (OpenAI / Anthropic / Gemini) via a select; the key field is write-only and shows a "key set" indicator from the backend's apiKeySet, never echoing the stored secret. Default model + effort per provider. - Local Ollama: base URL + model name with a "Test connection" probe. - Veil: de-identification level (full / names / off) with mode-aware copy. Talks to the new /api/ai/config + /api/ai/test endpoints via lib/ai-settings.ts. The old mock clinical selects (specialty/facility/time range/access/response) are dropped entirely rather than relocated — they were placeholder knobs. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
78 lines
2.9 KiB
TypeScript
78 lines
2.9 KiB
TypeScript
"use client";
|
|
|
|
import { useState } from "react";
|
|
import { useTranslation } from "react-i18next";
|
|
|
|
import { cn } from "@/lib/utils";
|
|
import { AIPanel } from "@/components/settings/settings-ai";
|
|
import { SigningPanel } from "@/components/settings/settings-billing";
|
|
import { CareTeamPanel } from "@/components/settings/settings-care-team";
|
|
import { DevelopersPanel } from "@/components/settings/settings-developers";
|
|
import { ProfilePanel } from "@/components/settings/settings-preferences";
|
|
import { RecordsPanel } from "@/components/settings/settings-records";
|
|
import { useActiveRole } from "@/lib/roles";
|
|
|
|
const TABS = [
|
|
{ id: "profile", labelKey: "settings.tabs.profile" },
|
|
{ id: "ai", labelKey: "settings.tabs.ai" },
|
|
{ id: "records", labelKey: "settings.tabs.records" },
|
|
{ id: "signing", labelKey: "settings.tabs.signing" },
|
|
{ id: "careTeam", labelKey: "settings.tabs.careTeam" },
|
|
{ id: "developers", labelKey: "settings.tabs.developers" },
|
|
] as const;
|
|
|
|
// Per-user tabs every clinician sees; the rest are clinic-wide (admin only).
|
|
const PERSONAL_TABS = ["profile", "ai"];
|
|
|
|
type Tab = (typeof TABS)[number]["id"];
|
|
|
|
export function SettingsView() {
|
|
const { t } = useTranslation();
|
|
const role = useActiveRole();
|
|
const [tab, setTab] = useState<Tab>("profile");
|
|
|
|
// Only clinic owners/admins manage clinic-wide settings (care team, records,
|
|
// signing, developers). Everyone else gets their personal tabs (profile, AI).
|
|
const isAdmin = role === "owner" || role === "admin";
|
|
const visibleTabs = isAdmin
|
|
? TABS
|
|
: TABS.filter((item) => PERSONAL_TABS.includes(item.id));
|
|
const activeTab = visibleTabs.some((item) => item.id === tab) ? tab : "profile";
|
|
|
|
return (
|
|
<div className="mx-auto w-full max-w-3xl px-6 py-10">
|
|
<div className="flex flex-col gap-5 sm:flex-row sm:items-center sm:justify-between">
|
|
<h1 className="text-2xl font-semibold tracking-tight">
|
|
{t(`settings.tabs.${activeTab}`)}
|
|
</h1>
|
|
<nav className="flex flex-wrap items-center gap-1">
|
|
{visibleTabs.map((item) => (
|
|
<button
|
|
className={cn(
|
|
"rounded-lg px-3 py-1.5 text-sm transition-colors",
|
|
activeTab === item.id
|
|
? "bg-muted text-foreground"
|
|
: "text-muted-foreground hover:text-foreground"
|
|
)}
|
|
key={item.id}
|
|
onClick={() => setTab(item.id)}
|
|
type="button"
|
|
>
|
|
{t(item.labelKey)}
|
|
</button>
|
|
))}
|
|
</nav>
|
|
</div>
|
|
|
|
<div className="mt-10 space-y-12">
|
|
{activeTab === "profile" && <ProfilePanel />}
|
|
{activeTab === "ai" && <AIPanel />}
|
|
{activeTab === "records" && <RecordsPanel />}
|
|
{activeTab === "signing" && <SigningPanel />}
|
|
{activeTab === "careTeam" && <CareTeamPanel />}
|
|
{activeTab === "developers" && <DevelopersPanel />}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|