update

frontend/src/pages/Leads.jsx

@@ -11,6 +11,7 @@ import {
     Trash2,
     Handshake,
     Pencil,
+    ClipboardCopy,
 } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { Select, SelectTrigger, SelectContent, SelectItem } from '@/components/ui/select';
@@ -72,6 +73,26 @@ export default function Leads() {
     const [rowSelection, setRowSelection] = useState({});
     const [bulkBusy, setBulkBusy] = useState(null);
     const [tableEditRowId, setTableEditRowId] = useState(null);
+    /** undefined = loading /auth/me; null = signed out or no tenant; number = workspace id for webhook */
+    const [webhookTenantId, setWebhookTenantId] = useState(undefined);
+
+    useEffect(() => {
+        let cancelled = false;
+        apiFetch('/api/auth/me').then(async (r) => {
+            if (cancelled) return;
+            if (!r.ok) {
+                setWebhookTenantId(null);
+                return;
+            }
+            const u = await r.json().catch(() => null);
+            if (cancelled) return;
+            const tid = u?.current_tenant_id;
+            setWebhookTenantId(tid != null ? Number(tid) : null);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, []);
 
     const selectedIds = useMemo(
         () => Object.keys(rowSelection).filter((id) => rowSelection[id]).map(Number),
@@ -82,8 +103,12 @@ export default function Leads() {
 
     const webhookUrl = useMemo(() => {
         if (typeof window === 'undefined') return '';
-        return `${window.location.origin}/api/webhooks/smartlead`;
-    }, []);
+        const base = `${window.location.origin}/api/webhooks/smartlead`;
+        if (typeof webhookTenantId === 'number' && !Number.isNaN(webhookTenantId)) {
+            return `${base}?tenant_id=${webhookTenantId}`;
+        }
+        return base;
+    }, [webhookTenantId]);
 
     const fetchLeads = useCallback(async () => {
         setLoading(true);
@@ -380,8 +405,29 @@ export default function Leads() {
             title="Leads"
             subtitle={
                 <>
-                    Replies from Smartlead campaigns appear here. Webhook URL:{' '}
-                    <code className="text-xs bg-slate-100 px-1.5 py-0.5 rounded">{webhookUrl}</code>
+                    Replies from Smartlead campaigns appear here. Webhook URL (this workspace):{' '}
+                    {webhookTenantId === undefined ? (
+                        <Loader2 className="inline h-3.5 w-3.5 animate-spin align-middle text-slate-400" />
+                    ) : (
+                        <span className="inline-flex max-w-full flex-wrap items-center gap-1 align-middle">
+                            <code className="text-xs bg-slate-100 px-1.5 py-0.5 rounded break-all">
+                                {webhookUrl}
+                            </code>
+                            <Button
+                                type="button"
+                                variant="outline"
+                                size="sm"
+                                className="h-7 shrink-0 gap-1 px-2 text-xs"
+                                title="Copy webhook URL"
+                                onClick={() => {
+                                    if (webhookUrl) navigator.clipboard.writeText(webhookUrl);
+                                }}
+                            >
+                                <ClipboardCopy className="h-3.5 w-3.5" />
+                                Copy
+                            </Button>
+                        </span>
+                    )}
                 </>
             }
         >