Intelligence settings

"use client";
import * as React from "react";
import { IntelligenceSettings } from "@/components/ui/notchset/blocks/intelligence-settings";

const PROVIDERS = [
  { value: "anthropic", label: "Anthropic", hint: "Claude models" },
  { value: "openai", label: "OpenAI", hint: "GPT models" },
];
const MODELS: Record<string, { value: string; label: string }[]> = {
  anthropic: [{ value: "claude-sonnet", label: "Claude Sonnet" }, { value: "claude-haiku", label: "Claude Haiku" }],
  openai: [{ value: "gpt-large", label: "GPT, large" }, { value: "gpt-small", label: "GPT, small" }],
};

/* the model behind an app: provider, model, the key's status on the server, and what it may read */
export default function IntelligenceSettingsDemo() {
  const [provider, setProvider] = React.useState("anthropic");
  const [model, setModel] = React.useState("claude-sonnet");
  const [reads, setReads] = React.useState({ labs: true, wearables: true, logs: true, routine: false });
  return (
    <IntelligenceSettings
      className="w-full max-w-[720px]"
      providers={PROVIDERS}
      provider={provider}
      onProvider={(v) => (setProvider(v), setModel(MODELS[v]![0]!.value))}
      models={MODELS[provider]!}
      model={model}
      onModel={setModel}
      apiKey={{ env: provider === "anthropic" ? "ANTHROPIC_API_KEY" : "OPENAI_API_KEY", state: provider === "anthropic" ? "set" : "unset" }}
      reads={[
        { key: "labs", label: "Lab results", hint: "Every value and the range its lab printed", on: reads.labs },
        { key: "wearables", label: "Wearables", hint: "Sleep, HRV, heart rate, steps", on: reads.wearables },
        { key: "logs", label: "Your logs", hint: "Weight, symptoms, meals, notes", on: reads.logs },
        { key: "routine", label: "Your routine", hint: "What you ticked and when", on: reads.routine },
      ]}
      onRead={(k, on) => setReads((r) => ({ ...r, [k]: on }))}
      note="Not medical advice. The model gets a numbered list of these values, never files."
    />
  );
}