fix: align schemas with @content types + add Supabase auth boundary

Schema fixes:
- automatedVideo status: draft/script_ready/audio_gen/video_gen/flagged/uploading/published
- flagged is a status value, not a boolean field
- contentIdea uses sourceUrl/topics/collectedAt (not source/category)
- section cards query uses status == 'flagged'

Auth boundary:
- Supabase middleware protecting /dashboard/* routes
- Login page with email/password at /dashboard/login
- Auth callback route for email confirmation
- Dashboard layout conditionally renders sidebar based on auth
- Sign-out action wired to NavUser dropdown
- AppSidebar accepts real user data from Supabase

Co-authored-by: dashboard <dashboard@miriad.systems>

Author: Miriad

app/(dashboard)/dashboard/actions.ts

@@ -0,0 +1,10 @@
+"use server";
+
+import { redirect } from "next/navigation";
+import { createClient } from "@/lib/supabase/server";
+
+export async function signOut() {
+	const supabase = await createClient();
+	await supabase.auth.signOut();
+	redirect("/dashboard/login");
+}

app/(dashboard)/dashboard/auth/callback/route.ts

@@ -0,0 +1,20 @@
+import { createClient } from "@/lib/supabase/server";
+import { NextResponse } from "next/server";
+
+export async function GET(request: Request) {
+	const { searchParams, origin } = new URL(request.url);
+	const code = searchParams.get("code");
+	const next = searchParams.get("next") ?? "/dashboard";
+
+	if (code) {
+		const supabase = await createClient();
+		const { error } = await supabase.auth.exchangeCodeForSession(code);
+		if (!error) {
+			return NextResponse.redirect(`${origin}${next}`);
+		}
+	}
+
+	return NextResponse.redirect(
+		`${origin}/dashboard/login?error=Could+not+authenticate`,
+	);
+}

app/(dashboard)/dashboard/content/content-ideas-table.tsx

@@ -10,45 +10,40 @@ import {
 } from "@/components/ui/table";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
-import { Lightbulb } from "lucide-react";
+import { Lightbulb, ExternalLink } from "lucide-react";
 import { approveIdea, rejectIdea } from "./actions";
 
 interface ContentIdea {
 	_id: string;
 	_createdAt: string;
 	title: string;
-	status: "new" | "approved" | "rejected" | "published";
-	source?: string;
-	category?: string;
+	status: "new" | "approved" | "rejected";
+	sourceUrl?: string;
+	summary?: string;
+	topics?: string[];
+	collectedAt?: string;
 }
 
-const statusConfig: Record<
-	string,
-	{ label: string; className: string }
-> = {
+const statusConfig: Record<string, { label: string; className: string }> = {
 	new: {
 		label: "New",
-		className: "bg-blue-100 text-blue-800 hover:bg-blue-100 dark:bg-blue-900 dark:text-blue-300",
+		className:
+			"bg-blue-100 text-blue-800 hover:bg-blue-100 dark:bg-blue-900 dark:text-blue-300",
 	},
 	approved: {
 		label: "Approved",
-		className: "bg-green-100 text-green-800 hover:bg-green-100 dark:bg-green-900 dark:text-green-300",
+		className:
+			"bg-green-100 text-green-800 hover:bg-green-100 dark:bg-green-900 dark:text-green-300",
 	},
 	rejected: {
 		label: "Rejected",
-		className: "bg-red-100 text-red-800 hover:bg-red-100 dark:bg-red-900 dark:text-red-300",
-	},
-	published: {
-		label: "Published",
-		className: "bg-purple-100 text-purple-800 hover:bg-purple-100 dark:bg-purple-900 dark:text-purple-300",
+		className:
+			"bg-red-100 text-red-800 hover:bg-red-100 dark:bg-red-900 dark:text-red-300",
 	},
 };
 
 function StatusBadge({ status }: { status: string }) {
-	const config = statusConfig[status] ?? {
-		label: status,
-		className: "",
-	};
+	const config = statusConfig[status] ?? { label: status, className: "" };
 	return (
 		<Badge variant="outline" className={config.className}>
 			{config.label}
@@ -64,15 +59,27 @@ function formatDate(dateString: string) {
 	});
 }
 
+function truncateUrl(url: string, maxLength = 30) {
+	try {
+		const parsed = new URL(url);
+		const display = parsed.hostname + parsed.pathname;
+		return display.length > maxLength
+			? display.slice(0, maxLength) + "\u2026"
+			: display;
+	} catch {
+		return url.length > maxLength ? url.slice(0, maxLength) + "\u2026" : url;
+	}
+}
+
 export function ContentIdeasTable({ ideas }: { ideas: ContentIdea[] }) {
 	if (ideas.length === 0) {
 		return (
 			<div className="flex flex-col items-center justify-center rounded-lg border border-dashed p-12 text-center">
 				<Lightbulb className="h-12 w-12 text-muted-foreground/50" />
 				<h3 className="mt-4 text-lg font-semibold">No content ideas yet</h3>
 				<p className="mt-2 text-sm text-muted-foreground">
-					Content ideas will appear here once they&apos;re created in Sanity
-					or generated by the automation pipeline.
+					Content ideas will appear here once the ideation cron starts
+					running.
 				</p>
 			</div>
 		);
@@ -86,8 +93,8 @@ export function ContentIdeasTable({ ideas }: { ideas: ContentIdea[] }) {
 						<TableHead>Title</TableHead>
 						<TableHead>Status</TableHead>
 						<TableHead>Source</TableHead>
-						<TableHead>Category</TableHead>
-						<TableHead>Created</TableHead>
+						<TableHead>Topics</TableHead>
+						<TableHead>Collected</TableHead>
 						<TableHead className="text-right">Actions</TableHead>
 					</TableRow>
 				</TableHeader>
@@ -100,25 +107,60 @@ export function ContentIdeasTable({ ideas }: { ideas: ContentIdea[] }) {
 							<TableCell>
 								<StatusBadge status={idea.status} />
 							</TableCell>
-							<TableCell className="text-muted-foreground">
-								{idea.source || "\u2014"}
+							<TableCell>
+								{idea.sourceUrl ? (
+									<a
+										href={idea.sourceUrl}
+										target="_blank"
+										rel="noopener noreferrer"
+										className="inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground"
+									>
+										{truncateUrl(idea.sourceUrl)}
+										<ExternalLink className="h-3 w-3" />
+									</a>
+								) : (
+									<span className="text-muted-foreground">\u2014</span>
+								)}
 							</TableCell>
-							<TableCell className="text-muted-foreground">
-								{idea.category || "\u2014"}
+							<TableCell>
+								{idea.topics && idea.topics.length > 0 ? (
+									<div className="flex flex-wrap gap-1">
+										{idea.topics.slice(0, 3).map((topic) => (
+											<Badge key={topic} variant="secondary" className="text-xs">
+												{topic}
+											</Badge>
+										))}
+										{idea.topics.length > 3 && (
+											<Badge variant="secondary" className="text-xs">
+												+{idea.topics.length - 3}
+											</Badge>
+										)}
+									</div>
+								) : (
+									<span className="text-muted-foreground">\u2014</span>
+								)}
 							</TableCell>
 							<TableCell className="text-muted-foreground">
-								{formatDate(idea._createdAt)}
+								{formatDate(idea.collectedAt || idea._createdAt)}
 							</TableCell>
 							<TableCell className="text-right">
 								{idea.status === "new" && (
 									<div className="flex justify-end gap-2">
 										<form action={approveIdea.bind(null, idea._id)}>
-											<Button size="sm" variant="outline" className="text-green-600 hover:text-green-700">
+											<Button
+												size="sm"
+												variant="outline"
+												className="text-green-600 hover:text-green-700"
+											>
 												Approve
 											</Button>
 										</form>
 										<form action={rejectIdea.bind(null, idea._id)}>
-											<Button size="sm" variant="outline" className="text-red-600 hover:text-red-700">
+											<Button
+												size="sm"
+												variant="outline"
+												className="text-red-600 hover:text-red-700"
+											>
 												Reject
 											</Button>
 										</form>

app/(dashboard)/dashboard/content/page.tsx

@@ -5,18 +5,22 @@ interface ContentIdea {
 	_id: string;
 	_createdAt: string;
 	title: string;
-	status: "new" | "approved" | "rejected" | "published";
-	source?: string;
-	category?: string;
+	status: "new" | "approved" | "rejected";
+	sourceUrl?: string;
+	summary?: string;
+	topics?: string[];
+	collectedAt?: string;
 }
 
 const CONTENT_IDEAS_QUERY = `*[_type == "contentIdea"] | order(_createdAt desc) {
 	_id,
 	_createdAt,
 	title,
 	status,
-	source,
-	category
+	sourceUrl,
+	summary,
+	topics,
+	collectedAt
 }`;
 
 export default async function ContentPage() {
@@ -35,7 +39,7 @@ export default async function ContentPage() {
 					Content Ideas
 				</h1>
 				<p className="text-muted-foreground">
-					Manage content ideas \u2014 approve, reject, or review incoming topics.
+					Manage content ideas — approve, reject, or review incoming topics.
 				</p>
 			</div>
 

app/(dashboard)/dashboard/login/page.tsx

@@ -0,0 +1,81 @@
+import { redirect } from "next/navigation";
+import { createClient } from "@/lib/supabase/server";
+import {
+	Card,
+	CardContent,
+	CardDescription,
+	CardHeader,
+	CardTitle,
+} from "@/components/ui/card";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { Button } from "@/components/ui/button";
+
+export default async function LoginPage(props: {
+	searchParams: Promise<{ error?: string }>;
+}) {
+	const { error } = await props.searchParams;
+
+	async function signIn(formData: FormData) {
+		"use server";
+
+		const email = formData.get("email") as string;
+		const password = formData.get("password") as string;
+
+		const supabase = await createClient();
+		const { error } = await supabase.auth.signInWithPassword({
+			email,
+			password,
+		});
+
+		if (error) {
+			redirect(`/dashboard/login?error=${encodeURIComponent(error.message)}`);
+		}
+
+		redirect("/dashboard");
+	}
+
+	return (
+		<div className="flex min-h-screen items-center justify-center bg-background">
+			<Card className="w-full max-w-sm">
+				<CardHeader>
+					<CardTitle className="text-2xl">CodingCat.dev</CardTitle>
+					<CardDescription>
+						Sign in to the Content Ops Dashboard
+					</CardDescription>
+				</CardHeader>
+				<CardContent>
+					<form action={signIn} className="flex flex-col gap-4">
+						{error && (
+							<div className="rounded-md bg-destructive/10 p-3 text-sm text-destructive">
+								{error}
+							</div>
+						)}
+						<div className="flex flex-col gap-2">
+							<Label htmlFor="email">Email</Label>
+							<Input
+								id="email"
+								name="email"
+								type="email"
+								placeholder="admin@codingcat.dev"
+								required
+							/>
+						</div>
+						<div className="flex flex-col gap-2">
+							<Label htmlFor="password">Password</Label>
+							<Input
+								id="password"
+								name="password"
+								type="password"
+								required
+							/>
+						</div>
+						<Button type="submit" className="w-full">
+							Sign In
+						</Button>
+					</form>
+				</CardContent>
+			</Card>
+		</div>
+	);
+}

app/(dashboard)/dashboard/videos/actions.ts

@@ -4,25 +4,19 @@ import { revalidatePath } from "next/cache";
 import { dashboardClient } from "@/lib/sanity/dashboard";
 
 export async function regenerateScript(id: string) {
-	await dashboardClient
-		.patch(id)
-		.set({ status: "script_gen" })
-		.commit();
+	await dashboardClient.patch(id).set({ status: "draft" }).commit();
 	revalidatePath("/dashboard/videos");
 }
 
 export async function retryRender(id: string) {
-	await dashboardClient
-		.patch(id)
-		.set({ status: "video_gen" })
-		.commit();
+	await dashboardClient.patch(id).set({ status: "video_gen" }).commit();
 	revalidatePath("/dashboard/videos");
 }
 
 export async function publishAnyway(id: string) {
 	await dashboardClient
 		.patch(id)
-		.set({ status: "published", flagged: false })
+		.set({ status: "published" })
 		.unset(["flaggedReason"])
 		.commit();
 	revalidatePath("/dashboard/videos");

app/(dashboard)/dashboard/videos/page.tsx

@@ -5,20 +5,29 @@ interface AutomatedVideo {
 	_id: string;
 	_createdAt: string;
 	title: string;
-	status: "script_gen" | "audio_gen" | "video_gen" | "published" | "failed";
-	flagged: boolean;
+	status:
+		| "draft"
+		| "script_ready"
+		| "audio_gen"
+		| "video_gen"
+		| "flagged"
+		| "uploading"
+		| "published";
 	flaggedReason?: string;
-	duration?: number;
+	scriptQualityScore?: number;
+	scheduledPublishAt?: string;
+	youtubeId?: string;
 }
 
 const VIDEOS_QUERY = `*[_type == "automatedVideo"] | order(_createdAt desc) {
 	_id,
 	_createdAt,
 	title,
 	status,
-	flagged,
 	flaggedReason,
-	duration
+	scriptQualityScore,
+	scheduledPublishAt,
+	youtubeId
 }`;
 
 export default async function VideosPage() {
@@ -37,7 +46,7 @@ export default async function VideosPage() {
 					Automated Videos
 				</h1>
 				<p className="text-muted-foreground">
-					Monitor the video pipeline \u2014 from script generation to publishing.
+					Monitor the video pipeline — from script generation to publishing.
 				</p>
 			</div>