feat(waitlist): remove waitlist, update login/signup/verify styling to match landing, remove OTP in dev/docker (#377)

* removed waitlist on landing

* remove OTP in dev or docker, remove invite members from sidebar in dev/docker

* modified signup, login, verify, and reset password to match landing

* add README for npm package

* acknowledged PR comments

* restore cmd+enter functionality

Author: waleedlatif1

apps/sim/app/(auth)/components/social-login-buttons.tsx

@@ -99,7 +99,7 @@ export function SocialLoginButtons({
   const githubButton = (
     <Button
       variant="outline"
-      className="w-full"
+      className="w-full bg-neutral-900 border-neutral-700 text-white hover:bg-neutral-800 hover:text-white"
       disabled={!githubAvailable || isGithubLoading}
       onClick={signInWithGithub}
     >
@@ -111,7 +111,7 @@ export function SocialLoginButtons({
   const googleButton = (
     <Button
       variant="outline"
-      className="w-full"
+      className="w-full bg-neutral-900 border-neutral-700 text-white hover:bg-neutral-800 hover:text-white"
       disabled={!googleAvailable || isGoogleLoading}
       onClick={signInWithGoogle}
     >
@@ -129,12 +129,12 @@ export function SocialLoginButtons({
           <TooltipTrigger asChild>
             <div>{githubButton}</div>
           </TooltipTrigger>
-          <TooltipContent>
+          <TooltipContent className="bg-neutral-800 text-white border-neutral-700">
             <p>
               GitHub login requires OAuth credentials to be configured. Add the following
               environment variables:
             </p>
-            <ul className="mt-2 text-xs space-y-1">
+            <ul className="mt-2 text-xs space-y-1 text-neutral-300">
               <li>• GITHUB_CLIENT_ID</li>
               <li>• GITHUB_CLIENT_SECRET</li>
             </ul>
@@ -153,12 +153,12 @@ export function SocialLoginButtons({
           <TooltipTrigger asChild>
             <div>{googleButton}</div>
           </TooltipTrigger>
-          <TooltipContent>
+          <TooltipContent className="bg-neutral-800 text-white border-neutral-700">
             <p>
               Google login requires OAuth credentials to be configured. Add the following
               environment variables:
             </p>
-            <ul className="mt-2 text-xs space-y-1">
+            <ul className="mt-2 text-xs space-y-1 text-neutral-300">
               <li>• GOOGLE_CLIENT_ID</li>
               <li>• GOOGLE_CLIENT_SECRET</li>
             </ul>
@@ -169,7 +169,7 @@ export function SocialLoginButtons({
   }
 
   return (
-    <div className="grid gap-2">
+    <div className="grid gap-3">
       {renderGithubButton()}
       {renderGoogleButton()}
     </div>

apps/sim/app/(auth)/layout.tsx

@@ -0,0 +1,41 @@
+'use client'
+
+import Image from 'next/image'
+import Link from 'next/link'
+import { GridPattern } from '../(landing)/components/grid-pattern'
+import { NotificationList } from '../w/[id]/components/notifications/notifications'
+
+export default function AuthLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <main className="min-h-screen bg-[#0C0C0C] text-white relative font-geist-sans flex flex-col">
+      {/* Background pattern */}
+      <GridPattern
+        x={-5}
+        y={-5}
+        className="stroke-[#ababab]/5 absolute inset-0 z-0"
+        width={90}
+        height={90}
+        aria-hidden="true"
+      />
+
+      {/* Header */}
+      <div className="px-6 py-8 relative z-10">
+        <div className="max-w-7xl mx-auto">
+          <Link href="/" className="inline-flex">
+            <Image src="/sim.svg" alt="Sim Logo" width={42} height={42} />
+          </Link>
+        </div>
+      </div>
+
+      {/* Content */}
+      <div className="flex-1 flex items-center justify-center px-4 pb-6 relative z-10">
+        <div className="w-full max-w-md">{children}</div>
+      </div>
+
+      {/* Notifications */}
+      <div className="fixed bottom-4 right-4 z-50">
+        <NotificationList />
+      </div>
+    </main>
+  )
+}