Migrate auth from Kinde/Clerk to WorkOS + NextAuth, add Fireworks AI, new marketing pages and UI components

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: piyushxpc7

.env.example

@@ -21,10 +21,22 @@ UPSTASH_REDIS_REST_TOKEN=
 # ── AI Keys ───────────────────────────────────────────────
 GOOGLE_AI_API_KEY=
 GEMINI_MODEL=gemini-2.0-flash
-GROQ_API_KEY=
-GROQ_MODEL=llama-3.1-8b-instant
-GROQ_AGENT_DELAY_MS=3000
-MISTRAL_API_KEY=
+# ── Fireworks (DeepSeek) — primary LLM provider ──────────
+# Workhorse: DeepSeek-V4-Flash (cheap, used for ~all calls)
+# Escalation: DeepSeek-V4-Pro (deep reasoning only)
+FIREWORKS_API_KEY=
+FIREWORKS_MODEL_FLASH=accounts/fireworks/models/deepseek-v4-flash
+FIREWORKS_MODEL_PRO=accounts/fireworks/models/deepseek-v4-pro
+FIREWORKS_AGENT_DELAY_MS=300
+# Optional per-slot overrides (default to FLASH except DEEP which defaults to PRO):
+# FIREWORKS_MODEL_TRIAGE=
+# FIREWORKS_MODEL_INVESTIGATOR=
+# FIREWORKS_MODEL_NETWORK=
+# FIREWORKS_MODEL_DA=
+# FIREWORKS_MODEL_SCRIBE=
+# FIREWORKS_MODEL_QUICK=
+# FIREWORKS_MODEL_ANALYSIS=
+# FIREWORKS_MODEL_DEEP=
 
 # ── Upstox (Portfolio / market data) ─────────────────────
 UPSTOX_API_KEY=

app/(admin)/layout.tsx

@@ -1,20 +1,19 @@
 import { redirect } from "next/navigation";
-import { getKindeServerSession } from "@kinde-oss/kinde-auth-nextjs/server";
+import { withAuth } from "@workos-inc/authkit-nextjs";
 import prisma from "@/lib/prisma";
 
 export default async function AdminLayout({
   children,
 }: {
   children: React.ReactNode;
 }) {
-  const { isAuthenticated, getUser } = getKindeServerSession();
-  if (!(await isAuthenticated())) {
+  const { user: workosUser } = await withAuth();
+  if (!workosUser) {
     redirect("/sign-in");
   }
 
-  const kindeUser = await getUser();
   const user = await prisma.user.findUnique({
-    where: { authId: kindeUser!.id },
+    where: { authId: workosUser.id },
   });
 
   if (user?.role !== "ADMIN") {

app/(analyst)/layout.tsx

@@ -1,20 +1,19 @@
 import { redirect } from "next/navigation";
-import { getKindeServerSession } from "@kinde-oss/kinde-auth-nextjs/server";
+import { withAuth } from "@workos-inc/authkit-nextjs";
 import prisma from "@/lib/prisma";
 
 export default async function AnalystLayout({
   children,
 }: {
   children: React.ReactNode;
 }) {
-  const { isAuthenticated, getUser } = getKindeServerSession();
-  if (!(await isAuthenticated())) {
+  const { user: workosUser } = await withAuth();
+  if (!workosUser) {
     redirect("/sign-in");
   }
 
-  const kindeUser = await getUser();
   const user = await prisma.user.findUnique({
-    where: { authId: kindeUser!.id },
+    where: { authId: workosUser.id },
   });
 
   if (!user || (user.role !== "ANALYST" && user.role !== "ADMIN")) {

app/(app)/alerts/page.tsx

@@ -12,7 +12,9 @@ import {
   DoubleRule,
 } from "@/components/ui/bl-primitives";
 import { cn } from "@/lib/utils";
-import { Filter, Zap, FileText, X, BellOff, Archive, ChevronRight, Sliders } from "lucide-react";
+import { Zap, Sliders } from "lucide-react";
+import { AlertHeaderActions } from "@/components/alerts/alert-header-actions";
+import { AlertPreviewActions } from "@/components/alerts/alert-preview-actions";
 
 export const dynamic = "force-dynamic";
 
@@ -199,28 +201,7 @@ function AlertPreview({ alert }: { alert: Alert | null }) {
           confidence <span className="num text-ink">{confidence}%</span>
         </div>
         {/* Actions */}
-        <div className="mt-3 flex flex-wrap items-center gap-2">
-          <BlBtn
-            tone="ink"
-            size="sm"
-            icon={<ChevronRight className="h-3.5 w-3.5" />}
-          >
-            Open dossier
-          </BlBtn>
-          <BlBtn
-            tone="bone"
-            size="sm"
-            icon={<FileText className="h-3.5 w-3.5" />}
-          >
-            Add to memo
-          </BlBtn>
-          <BlBtn tone="ghost" size="sm" icon={<BellOff className="h-3.5 w-3.5" />}>
-            Mute 7d
-          </BlBtn>
-          <BlBtn tone="ghost" size="sm" icon={<X className="h-3.5 w-3.5" />}>
-            Dismiss
-          </BlBtn>
-        </div>
+        <AlertPreviewActions alertId={alert.id} ticker={alert.ticker} />
       </div>
 
       {/* Sections */}
@@ -448,17 +429,11 @@ export default async function AlertsPage({
               <h1 className="ff-display text-[44px] leading-none tracking-tight text-ink">
                 The triage queue.
               </h1>
-              <div className="flex items-center gap-2 pb-1">
-                <BlBtn tone="ghost" size="sm" icon={<Archive className="h-3.5 w-3.5" />}>
-                  Mark all read
-                </BlBtn>
-                <BlBtn tone="ghost" size="sm" icon={<Filter className="h-3.5 w-3.5" />}>
-                  Filter
-                </BlBtn>
-                <BlBtn tone="ink" size="sm" icon={<Sliders className="h-3.5 w-3.5" />}>
-                  Tune signals
-                </BlBtn>
-              </div>
+              <AlertHeaderActions
+                filters={filters}
+                activeFilter={activeFilter}
+                activeAlertId={activeAlertId}
+              />
             </div>
 
             {/* Filter chips */}