🚀 Initial commit - PDIMaker v1.0.0

Sistema completo de gestão de PDI com:
- Autenticação com email/senha e Google OAuth
- Workspaces privados isolados
- Sistema de convites com código único
- Interface profissional com Next.js 14
- Backend NestJS com PostgreSQL
- Docker com Nginx e SSL

Desenvolvido por Sergio Correa

frontend/app/workspace/create/page.tsx

@@ -0,0 +1,127 @@
+// app/workspace/create/page.tsx
+"use client"
+
+import { useState } from "react"
+import { useRouter } from "next/navigation"
+import { useSession } from "next-auth/react"
+
+export default function CreateWorkspacePage() {
+  const router = useRouter()
+  const { data: session } = useSession()
+  const [email, setEmail] = useState("")
+  const [role, setRole] = useState<"EMPLOYEE" | "MANAGER">("EMPLOYEE")
+  const [loading, setLoading] = useState(false)
+  const [error, setError] = useState("")
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault()
+    setLoading(true)
+    setError("")
+
+    try {
+      const response = await fetch("/api/workspaces/create", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ email, inviteRole: role })
+      })
+
+      const data = await response.json()
+
+      if (!response.ok) {
+        throw new Error(data.error || "Erro ao criar workspace")
+      }
+
+      router.push(`/workspace/${data.workspace.slug}`)
+    } catch (err: any) {
+      setError(err.message)
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  return (
+    <div style={{ minHeight: "100vh", background: "#f7fafc", padding: "2rem" }}>
+      <div style={{ maxWidth: "600px", margin: "0 auto" }}>
+        <h1 style={{ fontSize: "2rem", fontWeight: "bold", marginBottom: "2rem" }}>
+          Criar Novo Workspace
+        </h1>
+
+        <div style={{ background: "white", padding: "2rem", borderRadius: "0.5rem", boxShadow: "0 1px 3px rgba(0,0,0,0.1)" }}>
+          <form onSubmit={handleSubmit}>
+            <div style={{ marginBottom: "1.5rem" }}>
+              <label style={{ display: "block", marginBottom: "0.5rem", fontWeight: "500" }}>
+                Você será o:
+              </label>
+              <select
+                value={role}
+                onChange={(e) => setRole(e.target.value as any)}
+                style={{
+                  width: "100%",
+                  padding: "0.75rem",
+                  border: "1px solid #e2e8f0",
+                  borderRadius: "0.375rem",
+                  fontSize: "1rem"
+                }}
+              >
+                <option value="MANAGER">Gestor (Mentor)</option>
+                <option value="EMPLOYEE">Funcionário (Mentorado)</option>
+              </select>
+            </div>
+
+            <div style={{ marginBottom: "1.5rem" }}>
+              <label style={{ display: "block", marginBottom: "0.5rem", fontWeight: "500" }}>
+                Email do {role === "MANAGER" ? "Funcionário" : "Gestor"}:
+              </label>
+              <input
+                type="email"
+                value={email}
+                onChange={(e) => setEmail(e.target.value)}
+                placeholder="email@exemplo.com"
+                required
+                style={{
+                  width: "100%",
+                  padding: "0.75rem",
+                  border: "1px solid #e2e8f0",
+                  borderRadius: "0.375rem",
+                  fontSize: "1rem"
+                }}
+              />
+            </div>
+
+            {error && (
+              <div style={{
+                padding: "1rem",
+                background: "#fee2e2",
+                border: "1px solid #fecaca",
+                borderRadius: "0.375rem",
+                color: "#dc2626",
+                marginBottom: "1.5rem"
+              }}>
+                {error}
+              </div>
+            )}
+
+            <button
+              type="submit"
+              disabled={loading}
+              style={{
+                width: "100%",
+                padding: "0.75rem",
+                background: loading ? "#cbd5e0" : "#667eea",
+                color: "white",
+                border: "none",
+                borderRadius: "0.375rem",
+                fontSize: "1rem",
+                fontWeight: "500",
+                cursor: loading ? "not-allowed" : "pointer"
+              }}
+            >
+              {loading ? "Criando..." : "Criar Workspace e Enviar Convite"}
+            </button>
+          </form>
+        </div>
+      </div>
+    </div>
+  )
+}
+