create-skit 0.1.0

package/templates/dashboard/src/app/dashboard/page.tsx

@@ -0,0 +1,104 @@
+import Link from "next/link";
+
+import { getSession } from "@/lib/auth-session";
+
+export default async function DashboardPage() {
+  const session = await getSession();
+  const name = session?.user.name?.split(" ")[0] || "there";
+
+  return (
+    <>
+      <header className="dashboard-header">
+        <div>
+          <h1>Welcome back, {name}</h1>
+          <p className="lede" style={{ marginTop: 4, fontSize: "0.9375rem" }}>
+            Here&apos;s what&apos;s happening with your project.
+          </p>
+        </div>
+        <div className="dashboard-header-actions">
+          <Link href="/settings" className="btn-ghost">Settings</Link>
+          <Link href="/billing" className="btn-primary">Upgrade plan</Link>
+        </div>
+      </header>
+
+      <div className="stat-grid">
+        <div className="stat-card">
+          <span className="stat-label">Total users</span>
+          <span className="stat-value">1</span>
+          <span className="stat-change up">↑ That&apos;s you</span>
+        </div>
+        <div className="stat-card">
+          <span className="stat-label">API requests</span>
+          <span className="stat-value">—</span>
+          <span className="stat-change">Connect your API</span>
+        </div>
+        <div className="stat-card">
+          <span className="stat-label">Revenue</span>
+          <span className="stat-value">$0</span>
+          <span className="stat-change">Wire billing to track</span>
+        </div>
+        <div className="stat-card">
+          <span className="stat-label">Uptime</span>
+          <span className="stat-value">100%</span>
+          <span className="stat-change up">↑ Looking good</span>
+        </div>
+      </div>
+
+      <div className="dashboard-grid">
+        <div className="dashboard-panel">
+          <h3>
+            Activity
+            <span className="badge badge-accent">Live</span>
+          </h3>
+          <div className="chart-placeholder">
+            {[65, 40, 80, 55, 90, 45, 70, 60, 85, 50, 75, 95].map((h, i) => (
+              <div key={i} className="chart-bar" style={{ height: `${h}%` }} />
+            ))}
+          </div>
+        </div>
+
+        <div className="dashboard-panel">
+          <h3>Recent events</h3>
+          <div className="activity-feed">
+            <div className="activity-item">
+              <div className="activity-dot green" />
+              <div>
+                <p className="activity-text">
+                  <strong>{session?.user.name || "User"}</strong> created an account
+                </p>
+                <p className="activity-time">Just now</p>
+              </div>
+            </div>
+            <div className="activity-item">
+              <div className="activity-dot blue" />
+              <div>
+                <p className="activity-text">
+                  <strong>Database</strong> connected and schema pushed
+                </p>
+                <p className="activity-time">On setup</p>
+              </div>
+            </div>
+            <div className="activity-item">
+              <div className="activity-dot amber" />
+              <div>
+                <p className="activity-text">
+                  <strong>Billing</strong> provider configured
+                </p>
+                <p className="activity-time">On setup</p>
+              </div>
+            </div>
+            <div className="activity-item">
+              <div className="activity-dot green" />
+              <div>
+                <p className="activity-text">
+                  <strong>Project</strong> generated with Skit
+                </p>
+                <p className="activity-time">On creation</p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+}

package/templates/dashboard/src/app/email/layout.tsx

@@ -0,0 +1,22 @@
+import { redirect } from "next/navigation";
+
+import { getSession } from "@/lib/auth-session";
+import { DashboardShell } from "@/components/dashboard/shell";
+
+export default async function EmailLayout({
+  children
+}: {
+  children: React.ReactNode;
+}) {
+  const session = await getSession();
+
+  if (!session) {
+    redirect("/sign-in");
+  }
+
+  return (
+    <DashboardShell user={session.user}>
+      {children}
+    </DashboardShell>
+  );
+}

package/templates/dashboard/src/app/email/page.tsx

@@ -0,0 +1,54 @@
+import Link from "next/link";
+
+import { getSession } from "@/lib/auth-session";
+import { env } from "@/lib/env";
+
+export default async function EmailPage({
+  searchParams
+}: {
+  searchParams: Promise<Record<string, string | string[] | undefined>>;
+}) {
+  const session = await getSession();
+  const params = await searchParams;
+  const sent = params.sent === "1";
+  const emailDisabled = env.EMAIL_PROVIDER === "none";
+
+  return (
+    <>
+      <header className="dashboard-header">
+        <div>
+          <p className="eyebrow">Email</p>
+          <h1>Transactional email</h1>
+          <p className="lede" style={{ marginTop: 4, fontSize: "0.9375rem" }}>
+            {emailDisabled
+              ? "Email is disabled. Set EMAIL_PROVIDER to resend to enable."
+              : "Test your Resend integration and verify transactional email wiring."}
+          </p>
+        </div>
+      </header>
+
+      {sent ? <p className="form-success">Test email sent to {session?.user.email}.</p> : null}
+
+      {emailDisabled ? (
+        <div className="empty-state">
+          <div className="empty-state-icon">📧</div>
+          <h3>Email provider disabled</h3>
+          <p>
+            Switch EMAIL_PROVIDER to resend in your .env to enable transactional email.
+          </p>
+        </div>
+      ) : (
+        <div className="email-section">
+          <div className="email-actions">
+            <form action="/api/email/test" method="post">
+              <button type="submit" className="btn-primary">
+                Send test email
+              </button>
+            </form>
+            <Link href="/dashboard" className="btn-ghost">Back to dashboard</Link>
+          </div>
+        </div>
+      )}
+    </>
+  );
+}