fix: language default, google OAuth cookie issue, add admin tier/usage controls

- ai-generate-dialog: useLocale() returns {locale,setLocale} object, not string — was stringifying whole object as default language value - auth/server: add trustedOrigins so session cookie survives reverse-proxy deployments where BETTER_AUTH_URL differs from container's own view - admin: add tier limit editor (/admin/tiers) and per-user usage reset button, both audit-logged Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-07-03 19:51:06 +02:00
parent cbba1ec2ff
commit ac9f5c87e9
9 changed files with 244 additions and 2 deletions
@@ -0,0 +1,79 @@
+"use client";
+
+import { useState } from "react";
+import { toast } from "sonner";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+
+const FIELDS = [
+  { key: "maxRecipes", label: "Max Recipes" },
+  { key: "aiCallsPerMonth", label: "AI Calls / Month" },
+  { key: "storageMb", label: "Storage (MB)" },
+  { key: "maxPublicRecipes", label: "Max Public Recipes" },
+] as const;
+
+type TierDefinition = {
+  tier: string;
+  maxRecipes: number;
+  aiCallsPerMonth: number;
+  storageMb: number;
+  maxPublicRecipes: number;
+};
+
+export function TierLimitsForm({ tierDefinition }: { tierDefinition: TierDefinition }) {
+  const [values, setValues] = useState<Record<string, number>>({
+    maxRecipes: tierDefinition.maxRecipes,
+    aiCallsPerMonth: tierDefinition.aiCallsPerMonth,
+    storageMb: tierDefinition.storageMb,
+    maxPublicRecipes: tierDefinition.maxPublicRecipes,
+  });
+  const [saving, setSaving] = useState(false);
+
+  async function handleSave() {
+    setSaving(true);
+    try {
+      const res = await fetch(`/api/v1/admin/tiers/${tierDefinition.tier}`, {
+        method: "PATCH",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(values),
+      });
+      if (!res.ok) {
+        const data = await res.json().catch(() => ({}));
+        throw new Error((data as { error?: string }).error ?? "Save failed");
+      }
+      toast.success(`${tierDefinition.tier} tier limits saved`);
+    } catch (err) {
+      toast.error(err instanceof Error ? err.message : "Failed to save");
+    } finally {
+      setSaving(false);
+    }
+  }
+
+  return (
+    <section className="rounded-xl border p-6 space-y-4">
+      <h2 className="font-semibold text-lg capitalize">{tierDefinition.tier}</h2>
+
+      <div className="grid grid-cols-2 gap-4">
+        {FIELDS.map(({ key, label }) => (
+          <div key={key} className="space-y-1.5">
+            <Label htmlFor={`${tierDefinition.tier}-${key}`}>{label}</Label>
+            <Input
+              id={`${tierDefinition.tier}-${key}`}
+              type="number"
+              min={0}
+              value={values[key]}
+              onChange={(e) =>
+                setValues((prev) => ({ ...prev, [key]: Number(e.target.value) }))
+              }
+            />
+          </div>
+        ))}
+      </div>
+
+      <Button onClick={() => { void handleSave(); }} disabled={saving} size="sm">
+        {saving ? "Saving…" : "Save"}
+      </Button>
+    </section>
+  );
+}