@@ -120,6 +130,9 @@ function ChannelRow({ ch }: { ch: NotificationChannel }) {
+
diff --git a/web/app/settings/page.tsx b/web/app/settings/page.tsx
index 5eb07e6..4fd7cc6 100644
--- a/web/app/settings/page.tsx
+++ b/web/app/settings/page.tsx
@@ -6,268 +6,239 @@ import Link from "next/link";
import { api } from "@/lib/api";
import { Button, Card } from "@/components/ui";
-function SectionCard({
- title,
- description,
- icon,
- children,
- className,
-}: {
- title: string;
- description?: string;
- icon: React.ReactNode;
- children: React.ReactNode;
- className?: string;
-}) {
- return (
-
-
-
- {icon}
-
-
-
{title}
- {description &&
{description}
}
-
-
- );
+function SectionCard({ title, description, icon, children, className }: { title: string; description?: string; icon: React.ReactNode; children: React.ReactNode; className?: string }) {
+ return (
+
+
+
{icon}
+
+
{title}
+ {description &&
{description}
}
+
+
+ );
}
function Field({ label, hint, children }: { label: string; hint?: string; children: React.ReactNode }) {
- return (
-
-
- {children}
- {hint &&
{hint}
}
-
- );
+ return (
+
+
+ {children}
+ {hint &&
{hint}
}
+
+ );
}
function BellIcon() {
- return (
-
- );
+ return (
+
+ );
}
function ServerIcon() {
- return (
-
- );
+ return (
+
+ );
}
function DocumentIcon() {
- return (
-
- );
+ return (
+
+ );
}
function KeyIcon() {
- return (
-
- );
+ return (
+
+ );
}
function SecretsTokenCard({ tokenSet, rotatedAt }: { tokenSet: boolean; rotatedAt?: string }) {
- const queryClient = useQueryClient();
- const [token, setToken] = useState
(null);
- const [copied, setCopied] = useState(false);
- const readUrl =
- typeof window !== "undefined" ? `${window.location.origin}/api/secrets//values` : "/api/secrets//values";
+ const queryClient = useQueryClient();
+ const [token, setToken] = useState(null);
+ const [copied, setCopied] = useState(false);
+ const readUrl = typeof window !== "undefined" ? `${window.location.origin}/api/secrets//values` : "/api/secrets//values";
- const { mutate: rotate, isPending } = useMutation({
- mutationFn: api.rotateSecretsToken,
- onSuccess: (res) => {
- setToken(res.token);
- queryClient.invalidateQueries({ queryKey: ["settings"] });
- },
- });
+ const { mutate: rotate, isPending } = useMutation({
+ mutationFn: api.rotateSecretsToken,
+ onSuccess: (res) => {
+ setToken(res.token);
+ queryClient.invalidateQueries({ queryKey: ["settings"] });
+ },
+ });
- async function copy() {
- if (!token) return;
- await navigator.clipboard.writeText(token);
- setCopied(true);
- setTimeout(() => setCopied(false), 2000);
- }
+ async function copy() {
+ if (!token) return;
+ await navigator.clipboard.writeText(token);
+ setCopied(true);
+ setTimeout(() => setCopied(false), 2000);
+ }
- return (
- }
- >
-
- Point your ClusterSecretStore at{" "}
- {readUrl}.
-
+ return (
+ }>
+
+ Point your ClusterSecretStore at {readUrl}.
+
-
-
-
- {tokenSet ? "A read token is configured" : "No read token configured yet"}
- {tokenSet && rotatedAt && ` · rotated ${new Date(rotatedAt).toLocaleString()}`}
-
-
+
+
+
+ {tokenSet ? "A read token is configured" : "No read token configured yet"}
+ {tokenSet && rotatedAt && ` · rotated ${new Date(rotatedAt).toLocaleString()}`}
+
+
- {token && (
-
-
Copy this token now — it will not be shown again.
-
-
- {token}
-
-
-
- Rotating invalidates the previous token. Update the Kubernetes secret afterwards.
-
- )}
-
- );
+ {tokenSet && Rotating invalidates the previous token. Update the Kubernetes secret afterwards.
}
+
+ );
}
export default function SettingsPage() {
- const queryClient = useQueryClient();
+ const queryClient = useQueryClient();
- const { data: settings, isLoading } = useQuery({ queryKey: ["settings"], queryFn: api.getSettings });
+ const { data: settings, isLoading } = useQuery({ queryKey: ["settings"], queryFn: api.getSettings });
- const [thresholdMinutes, setThresholdMinutes] = useState(5);
- const [logRetentionDays, setLogRetentionDays] = useState(30);
- const [saved, setSaved] = useState(false);
+ const [thresholdMinutes, setThresholdMinutes] = useState(5);
+ const [logRetentionDays, setLogRetentionDays] = useState(30);
+ const [saved, setSaved] = useState(false);
- useEffect(() => {
- if (!settings) return;
- setThresholdMinutes(settings.alerts.offline_threshold_minutes || 5);
- setLogRetentionDays(settings.workflow_log_retention_days ?? 30);
- }, [settings]);
+ useEffect(() => {
+ if (!settings) return;
+ setThresholdMinutes(settings.alerts.offline_threshold_minutes || 5);
+ setLogRetentionDays(settings.workflow_log_retention_days ?? 30);
+ }, [settings]);
- const { mutate: save, isPending } = useMutation({
- mutationFn: (payload: Parameters[0]) => api.saveSettings(payload),
- onSuccess: () => {
- queryClient.invalidateQueries({ queryKey: ["settings"] });
- setSaved(true);
- setTimeout(() => setSaved(false), 3000);
- },
- });
-
- function handleSubmit(e: React.FormEvent) {
- e.preventDefault();
- if (!settings) return;
- // Preserve legacy alert/email values (managed via Notification Channels now);
- // only the offline threshold and log retention are edited here.
- save({
- alerts: { ...settings.alerts, offline_threshold_minutes: thresholdMinutes },
- email: settings.email,
- workflow_log_retention_days: logRetentionDays,
+ const { mutate: save, isPending } = useMutation({
+ mutationFn: (payload: Parameters[0]) => api.saveSettings(payload),
+ onSuccess: () => {
+ queryClient.invalidateQueries({ queryKey: ["settings"] });
+ setSaved(true);
+ setTimeout(() => setSaved(false), 3000);
+ },
});
- }
- if (isLoading) {
+ function handleSubmit(e: React.FormEvent) {
+ e.preventDefault();
+ if (!settings) return;
+ // Preserve legacy alert/email values (managed via Notification Channels now);
+ // only the offline threshold and log retention are edited here.
+ save({
+ alerts: { ...settings.alerts, offline_threshold_minutes: thresholdMinutes },
+ email: settings.email,
+ workflow_log_retention_days: logRetentionDays,
+ });
+ }
+
+ if (isLoading) {
+ return (
+
+ );
+ }
+
return (
-
+
+
+
Settings
+
Configure monitoring, alerting, and integrations.
+
+
+
+ {/* Alerting — replaces the legacy webhook/email settings */}
+
}>
+
+
+
+
+
+
+
+
+
+ Webhook, email (SMTP), Discord, Slack, and Telegram destinations are configured under Notification Channels and attached per monitor.
+
+
+
+
+
+
+
+
-
-
Settings
-
Configure monitoring, alerting, and integrations.
-
-
-
- {/* Alerting — replaces the legacy webhook/email settings */}
-
}
- >
-
-
-
-
-
-
-
-
-
- Webhook, email (SMTP), Discord, Slack, and Telegram destinations are configured under
- Notification Channels and attached per monitor.
-
-
-
-
-
-
-
-