From b7d74bdb25131d39d387745e7748bae248116525 Mon Sep 17 00:00:00 2001
From: aiirvizionz <david.lopezhuerta01@gmail.com>
Date: Fri, 10 Jul 2026 14:00:54 -0600
Subject: [PATCH] Handle malformed webhook event config

---
 app/dashboard/[[...tab]]/page.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/app/dashboard/[[...tab]]/page.tsx b/app/dashboard/[[...tab]]/page.tsx
index 10d9032..b00a07c 100644
--- a/app/dashboard/[[...tab]]/page.tsx
+++ b/app/dashboard/[[...tab]]/page.tsx
@@ -1111,6 +1111,15 @@ function ProjectWebhooks({ project, onError }: { project: Project; onError: (m:
   const [provider, setProvider] = useState("");
   const [secret, setSecret] = useState<string | null>(null);
 
+  const formatEvents = (raw: unknown) => {
+    try {
+      const events = typeof raw === "string" ? JSON.parse(raw) : raw;
+      return Array.isArray(events) && events.length ? events.join(", ") : "all events";
+    } catch {
+      return "invalid event config";
+    }
+  };
+
   const load = useCallback(async () => {
     try {
       const [a, b] = await Promise.all([
@@ -1140,7 +1149,7 @@ function ProjectWebhooks({ project, onError }: { project: Project; onError: (m:
         <button className="btn2" disabled={!url.trim()} onClick={() => { post(`/api/projects/${project.id}/webhooks`, { url: url.trim() }, "Outbound"); setUrl(""); }}>Add outbound</button>
         <button className="btn2 ghost" onClick={() => post(`/api/projects/${project.id}/webhooks/test`, {}, "").then(() => onError("Test event dispatched."))}>Send test</button>
       </div>
-      <ul className="list">{out.map((e) => <li key={e.id}><span>↗ {e.url}</span><span className="muted">{JSON.parse(e.events).join(", ")}</span></li>)}
+      <ul className="list">{out.map((e) => <li key={e.id}><span>↗ {e.url}</span><span className="muted">{formatEvents(e.events)}</span></li>)}
         {out.length === 0 && <li className="muted">No outbound endpoints yet.</li>}</ul>
       <div className="row" style={{ marginTop: 14 }}>
         <input className="inp" placeholder="inbound provider (e.g. github)" value={provider} onChange={(e) => setProvider(e.target.value)} />