+ Billing support
+
+ Invoices, receipts, or plan changes
+
+
+ }
+ value={}
+ />
>
)}
>
diff --git a/js/src/features/settings-page.tsx b/js/src/features/settings-page.tsx
index 6cc6203..8a0b988 100644
--- a/js/src/features/settings-page.tsx
+++ b/js/src/features/settings-page.tsx
@@ -1,6 +1,6 @@
import { useEffect, useState } from "react";
import { useNavigate } from "react-router-dom";
-import { ChevronRight, LogOut, User, Info, Shield, Mail, Mic } from "lucide-react";
+import { ChevronRight, LogOut, User, Info, Shield, Mail, Mic, LifeBuoy } from "lucide-react";
import { Avatar, AvatarFallback } from "@/components/ui/avatar";
import { Separator } from "@/components/ui/separator";
import { Switch } from "@/components/ui/switch";
@@ -8,8 +8,10 @@ import { WindowControls } from "@/components/window-controls";
import { Button } from "@/components/ui/button";
import { Muted } from "@/components/ui/typography";
import { ScrollArea } from "@/components/ui/scroll-area";
+import { CopyableEmail } from "@/components/copyable-email";
import { useAuthStore } from "@/stores/auth-store";
import { apiClient } from "@/api/client";
+import { SUPPORT_EMAIL } from "@/lib/constants";
import { ArrowLeft } from "lucide-react";
interface SettingsRowProps {
@@ -165,6 +167,23 @@ export default function SettingsPage() {
+
+
+
+
+
+
+
Email support
+
+ Questions, feedback, or bug reports
+
+
+
+
+
+
+
+
}
diff --git a/js/src/lib/constants.ts b/js/src/lib/constants.ts
index 6a50eee..3d8a529 100644
--- a/js/src/lib/constants.ts
+++ b/js/src/lib/constants.ts
@@ -3,3 +3,5 @@ export const MAX_ATTACHMENT_SIZE_BYTES = 25 * 1024 * 1024;
/** Maximum number of file attachments per particle. */
export const MAX_ATTACHMENTS = 10;
+
+export const SUPPORT_EMAIL = "team@flowylabs.ai";