@@ -66,6 +66,6 @@ export function BiometricSettingsCard() {
disabled={toggling}
/>
-
+
);
}
diff --git a/apps/web/src/domains/settings/components/delete-account-section.tsx b/apps/web/src/domains/settings/components/delete-account-section.tsx
index 93ff76e903e..05aa4b47cb1 100644
--- a/apps/web/src/domains/settings/components/delete-account-section.tsx
+++ b/apps/web/src/domains/settings/components/delete-account-section.tsx
@@ -5,7 +5,7 @@ import { useNavigate } from "react-router";
import { Button } from "@vellum/design-library/components/button";
import { ConfirmDialog } from "@vellum/design-library/components/confirm-dialog";
import { toast } from "@vellum/design-library/components/toast";
-import { SettingsCard } from "@/domains/settings/components/settings-card.js";
+import { DetailCard } from "@/components/detail-card.js";
import { userDeletionRequestCreateMutation } from "@/generated/api/@tanstack/react-query.gen.js";
import { useAuthStore } from "@/stores/auth-store.js";
import { routes } from "@/utils/routes.js";
@@ -31,7 +31,7 @@ export function DeleteAccountSection() {
return (
<>
-
Delete My Account
-
+
d === DEFAULT_VIDEO_ALLOWLIST[i]);
return (
-
@@ -192,6 +192,6 @@ export function MediaEmbedsCard() {
)}
)}
-
+
);
}
diff --git a/apps/web/src/domains/settings/components/nudge-settings-card.tsx b/apps/web/src/domains/settings/components/nudge-settings-card.tsx
index 277f735cb0e..dfc91865b72 100644
--- a/apps/web/src/domains/settings/components/nudge-settings-card.tsx
+++ b/apps/web/src/domains/settings/components/nudge-settings-card.tsx
@@ -1,7 +1,7 @@
import type { ComponentType, CSSProperties, ReactNode } from "react";
import { Button } from "@vellum/design-library/components/button";
-import { SettingsCard } from "@/domains/settings/components/settings-card.js";
+import { DetailCard } from "@/components/detail-card.js";
export interface NudgeBenefit {
icon: ComponentType<{
@@ -30,7 +30,7 @@ export function NudgeSettingsCard({
onAction,
}: NudgeSettingsCardProps) {
return (
-
+
{benefits.map(({ icon: Icon, text }) => (
@@ -61,6 +61,6 @@ export function NudgeSettingsCard({
{ctaLabel}
-
+
);
}
diff --git a/apps/web/src/domains/settings/components/panels/assistant-lifecycle-panel.tsx b/apps/web/src/domains/settings/components/panels/assistant-lifecycle-panel.tsx
index c7bcc001f51..317835f9d11 100644
--- a/apps/web/src/domains/settings/components/panels/assistant-lifecycle-panel.tsx
+++ b/apps/web/src/domains/settings/components/panels/assistant-lifecycle-panel.tsx
@@ -6,7 +6,7 @@ import { Button } from "@vellum/design-library/components/button";
import { ConfirmDialog } from "@vellum/design-library/components/confirm-dialog";
import { Tag } from "@vellum/design-library/components/tag";
import { toast } from "@vellum/design-library/components/toast";
-import { SettingsCard } from "@/domains/settings/components/settings-card.js";
+import { DetailCard } from "@/components/detail-card.js";
import {
assistantsActiveRetrieveOptions,
assistantsListOptions,
@@ -62,7 +62,7 @@ export function AssistantLifecyclePanel() {
loading={loading}
/>
-
@@ -90,7 +90,7 @@ export function AssistantLifecyclePanel() {
onConfirm={handleHatch}
onCancel={() => setHatchConfirmOpen(false)}
/>
-
+
);
}
@@ -103,27 +103,27 @@ interface AssistantInfoCardProps {
function AssistantInfoCard({ assistant, loading }: AssistantInfoCardProps) {
if (loading) {
return (
-
+
Loading assistant info...
-
+
);
}
if (!assistant) {
return (
-
+
No assistant found. Hatch an assistant to get started.
-
+
);
}
return (
-
+
Name
{assistant.name ?? "Unnamed"}
@@ -166,7 +166,7 @@ function AssistantInfoCard({ assistant, loading }: AssistantInfoCardProps) {
)}
-
+
);
}
@@ -186,7 +186,7 @@ function AssistantListCard({
}
return (
-
@@ -222,7 +222,7 @@ function AssistantListCard({
);
})}
-