19 |
25 | );
26 | }
27 |
--------------------------------------------------------------------------------
/src/lib/auth.ts:
--------------------------------------------------------------------------------
1 | import { betterAuth } from "better-auth";
2 | import { prismaAdapter } from "better-auth/adapters/prisma";
3 | import prisma from "./prisma";
4 |
5 | export const auth = betterAuth({
6 | database: prismaAdapter(prisma, {
7 | provider: "postgresql",
8 | }),
9 | emailAndPassword: {
10 | enabled: true,
11 | requireEmailVerification: false,
12 | },
13 | user: {
14 | additionalFields: {
15 | role: {
16 | type: "string",
17 | defaultValue: "USER",
18 | input: false,
19 | },
20 | },
21 | },
22 | session: {
23 | expiresIn: 60 * 60 * 24 * 7, // 7 days
24 | updateAge: 60 * 60 * 24, // 1 day
25 | },
26 | });
27 |
28 | export type Session = typeof auth.$Infer.Session.session;
29 | export type User = typeof auth.$Infer.Session.user;
30 |
--------------------------------------------------------------------------------
/src/components/ui/label.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | import * as React from "react"
4 | import * as LabelPrimitive from "@radix-ui/react-label"
5 | import { cva, type VariantProps } from "class-variance-authority"
6 |
7 | import { cn } from "@/lib/utils"
8 |
9 | const labelVariants = cva(
10 | "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
11 | )
12 |
13 | const Label = React.forwardRef<
14 | React.ElementRef
20 |
23 | Users Management
21 |Manage user accounts and permissions
22 |
25 |
30 | );
31 | }
32 |
33 | // Don't render children if not authenticated or not admin
34 | if (!session || session.user?.role !== 'ADMIN') {
35 | return null;
36 | }
37 |
38 | return <>{children};
39 | }
40 |
--------------------------------------------------------------------------------
/scripts/make-admin.ts:
--------------------------------------------------------------------------------
1 | import { PrismaClient } from '@prisma/client';
2 |
3 | const prisma = new PrismaClient();
4 |
5 | async function makeAdmin(email: string) {
6 | try {
7 | // Find user by email
8 | const user = await prisma.user.findUnique({
9 | where: { email },
10 | });
11 |
12 | if (!user) {
13 | console.error(`❌ User with email "${email}" not found`);
14 | process.exit(1);
15 | }
16 |
17 | // Check if already admin
18 | if (user.role === 'ADMIN') {
19 | console.log(`✅ User "${email}" is already an admin`);
20 | process.exit(0);
21 | }
22 |
23 | // Update user role to ADMIN
24 | const updatedUser = await prisma.user.update({
25 | where: { email },
26 | data: { role: 'ADMIN' },
27 | });
28 |
29 | console.log(`✅ Successfully promoted "${updatedUser.email}" to ADMIN`);
30 | console.log(` Name: ${updatedUser.name || 'N/A'}`);
31 | console.log(` ID: ${updatedUser.id}`);
32 | console.log(` Role: ${updatedUser.role}`);
33 | } catch (error) {
34 | console.error('❌ Error:', error);
35 | process.exit(1);
36 | } finally {
37 | await prisma.$disconnect();
38 | }
39 | }
40 |
41 | // Get email from command line arguments
42 | const email = process.argv[2];
43 |
44 | if (!email) {
45 | console.error('❌ Please provide an email address');
46 | console.log('Usage: npm run make-admin
26 |
27 |
29 | Loading...
28 |
13 | {/* Sidebar */}
14 |
35 | {/* Main Content */}
36 |
37 | {children}
38 |
39 |
40 |
20 | {children}
21 |
22 |
17 | {children}
18 |
19 | );
20 |
21 | export type ActionProps = ComponentProps{tooltip}
58 |div]:max-w-[80%]',
20 | className
21 | )}
22 | {...(props as any)}
23 | />
24 | );
25 |
26 | export type MessageContentProps = HTMLAttributes;
27 |
28 | export const MessageContent = ({
29 | children,
30 | className,
31 | ...props
32 | }: MessageContentProps) => (
33 | & {
47 | src: string;
48 | name?: string;
49 | };
50 |
51 | export const MessageAvatar = ({
52 | src,
53 | name,
54 | className,
55 | ...props
56 | }: MessageAvatarProps) => (
57 |
61 | {name?.slice(0, 2) || 'ME'}
63 |
64 | );
65 |
--------------------------------------------------------------------------------
/tailwind.config.ts:
--------------------------------------------------------------------------------
1 | import type { Config } from "tailwindcss";
2 |
3 | const config: Config = {
4 | darkMode: ["class"],
5 | content: [
6 | "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
7 | "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
8 | "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
9 | ],
10 | theme: {
11 | extend: {
12 | colors: {
13 | background: 'hsl(var(--background))',
14 | foreground: 'hsl(var(--foreground))',
15 | card: {
16 | DEFAULT: 'hsl(var(--card))',
17 | foreground: 'hsl(var(--card-foreground))'
18 | },
19 | popover: {
20 | DEFAULT: 'hsl(var(--popover))',
21 | foreground: 'hsl(var(--popover-foreground))'
22 | },
23 | primary: {
24 | DEFAULT: 'hsl(var(--primary))',
25 | foreground: 'hsl(var(--primary-foreground))'
26 | },
27 | secondary: {
28 | DEFAULT: 'hsl(var(--secondary))',
29 | foreground: 'hsl(var(--secondary-foreground))'
30 | },
31 | muted: {
32 | DEFAULT: 'hsl(var(--muted))',
33 | foreground: 'hsl(var(--muted-foreground))'
34 | },
35 | accent: {
36 | DEFAULT: 'hsl(var(--accent))',
37 | foreground: 'hsl(var(--accent-foreground))'
38 | },
39 | destructive: {
40 | DEFAULT: 'hsl(var(--destructive))',
41 | foreground: 'hsl(var(--destructive-foreground))'
42 | },
43 | border: 'hsl(var(--border))',
44 | input: 'hsl(var(--input))',
45 | ring: 'hsl(var(--ring))',
46 | chart: {
47 | '1': 'hsl(var(--chart-1))',
48 | '2': 'hsl(var(--chart-2))',
49 | '3': 'hsl(var(--chart-3))',
50 | '4': 'hsl(var(--chart-4))',
51 | '5': 'hsl(var(--chart-5))'
52 | }
53 | },
54 | borderRadius: {
55 | lg: 'var(--radius)',
56 | md: 'calc(var(--radius) - 2px)',
57 | sm: 'calc(var(--radius) - 4px)'
58 | }
59 | }
60 | },
61 | plugins: [require("tailwindcss-animate")],
62 | };
63 | export default config;
64 |
--------------------------------------------------------------------------------
/src/app/admin/page.tsx:
--------------------------------------------------------------------------------
1 | import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
2 | import { Users, Shield } from 'lucide-react';
3 | import prisma from '@/lib/prisma';
4 |
5 | export default async function AdminDashboard() {
6 | const totalUsers = await prisma.user.count();
7 | const adminUsers = await prisma.user.count({
8 | where: { role: 'ADMIN' },
9 | });
10 | const regularUsers = await prisma.user.count({
11 | where: { role: 'USER' },
12 | });
13 |
14 | return (
15 | ,
39 | VariantProps {
40 | asChild?: boolean
41 | }
42 |
43 | const Button = React.forwardRef(
44 | ({ className, variant, size, asChild = false, ...props }, ref) => {
45 | const Comp = asChild ? Slot : "button"
46 | return (
47 |
8 | >(({ className, ...props }, ref) => (
9 |
17 | ))
18 | Card.displayName = "Card"
19 |
20 | const CardHeader = React.forwardRef<
21 | HTMLDivElement,
22 | React.HTMLAttributes
23 | >(({ className, ...props }, ref) => (
24 |
29 | ))
30 | CardHeader.displayName = "CardHeader"
31 |
32 | const CardTitle = React.forwardRef<
33 | HTMLParagraphElement,
34 | React.HTMLAttributes
35 | >(({ className, ...props }, ref) => (
36 |
41 | ))
42 | CardTitle.displayName = "CardTitle"
43 |
44 | const CardDescription = React.forwardRef<
45 | HTMLParagraphElement,
46 | React.HTMLAttributes
47 | >(({ className, ...props }, ref) => (
48 |
53 | ))
54 | CardDescription.displayName = "CardDescription"
55 |
56 | const CardContent = React.forwardRef<
57 | HTMLDivElement,
58 | React.HTMLAttributes
59 | >(({ className, ...props }, ref) => (
60 |
61 | ))
62 | CardContent.displayName = "CardContent"
63 |
64 | const CardFooter = React.forwardRef<
65 | HTMLDivElement,
66 | React.HTMLAttributes
67 | >(({ className, ...props }, ref) => (
68 |
73 | ))
74 | CardFooter.displayName = "CardFooter"
75 |
76 | export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }
77 |
--------------------------------------------------------------------------------
/src/components/ui/shadcn-io/ai/source.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 |
3 | import {
4 | Collapsible,
5 | CollapsibleContent,
6 | CollapsibleTrigger,
7 | } from '@/components/ui/collapsible';
8 | import { cn } from '@/lib/utils';
9 | import { BookIcon, ChevronDownIcon } from 'lucide-react';
10 | import type { ComponentProps } from 'react';
11 |
12 | export type SourcesProps = ComponentProps<'div'>;
13 |
14 | export const Sources = ({ className, ...props }: SourcesProps) => (
15 | & {
22 | count: number;
23 | };
24 |
25 | export const SourcesTrigger = ({
26 | className,
27 | count,
28 | children,
29 | ...props
30 | }: SourcesTriggerProps) => (
31 |
32 | {children ?? (
33 | <>
34 |
39 | );
40 |
41 | export type SourcesContentProps = ComponentProps;
42 |
43 | export const SourcesContent = ({
44 | className,
45 | ...props
46 | }: SourcesContentProps) => (
47 | & {
83 | size?: number;
84 | };
85 |
86 | export const Loader = ({ className, size = 16, ...props }: LoaderProps) => (
87 | ;
39 |
40 | export const Task = ({
41 | defaultOpen = true,
42 | className,
43 | ...props
44 | }: TaskProps) => (
45 | & {
56 | title: string;
57 | };
58 |
59 | export const TaskTrigger = ({
60 | children,
61 | className,
62 | title,
63 | ...props
64 | }: TaskTriggerProps) => (
65 |
66 | {children ?? (
67 |
74 | );
75 |
76 | export type TaskContentProps = ComponentProps;
77 |
78 | export const TaskContent = ({
79 | children,
80 | className,
81 | ...props
82 | }: TaskContentProps) => (
83 |
90 |
94 | );
95 |
--------------------------------------------------------------------------------
/src/components/Navbar.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { useSession, signOut } from "@/lib/auth-client";
4 | import Link from "next/link";
5 | import { usePathname } from "next/navigation";
6 | import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
7 | import { Button } from "@/components/ui/button";
8 | import {
9 | DropdownMenu,
10 | DropdownMenuContent,
11 | DropdownMenuItem,
12 | DropdownMenuSeparator,
13 | DropdownMenuTrigger
14 | } from "@/components/ui/dropdown-menu";
15 | import { LogOut, Shield } from "lucide-react";
16 |
17 | export default function Navbar() {
18 | const { data: session } = useSession();
19 | const pathname = usePathname();
20 |
21 | // Hide navbar on chat page (it has its own layout)
22 | if (pathname === '/chat') {
23 | return null;
24 | }
25 |
26 | return (
27 |
84 | );
85 | }
86 |
--------------------------------------------------------------------------------
/src/components/ui/table.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react"
2 |
3 | import { cn } from "@/lib/utils"
4 |
5 | const Table = React.forwardRef<
6 | HTMLTableElement,
7 | React.HTMLAttributes
8 | >(({ className, ...props }, ref) => (
9 |
22 | >(({ className, ...props }, ref) => (
23 |
24 | ))
25 | TableHeader.displayName = "TableHeader"
26 |
27 | const TableBody = React.forwardRef<
28 | HTMLTableSectionElement,
29 | React.HTMLAttributes
30 | >(({ className, ...props }, ref) => (
31 |
36 | ))
37 | TableBody.displayName = "TableBody"
38 |
39 | const TableFooter = React.forwardRef<
40 | HTMLTableSectionElement,
41 | React.HTMLAttributes
42 | >(({ className, ...props }, ref) => (
43 | tr]:last:border-b-0",
47 | className
48 | )}
49 | {...props}
50 | />
51 | ))
52 | TableFooter.displayName = "TableFooter"
53 |
54 | const TableRow = React.forwardRef<
55 | HTMLTableRowElement,
56 | React.HTMLAttributes
57 | >(({ className, ...props }, ref) => (
58 |
72 | >(({ className, ...props }, ref) => (
73 | [role=checkbox]]:translate-y-[2px]",
77 | className
78 | )}
79 | {...props}
80 | />
81 | ))
82 | TableHead.displayName = "TableHead"
83 |
84 | const TableCell = React.forwardRef<
85 | HTMLTableCellElement,
86 | React.TdHTMLAttributes
87 | >(({ className, ...props }, ref) => (
88 | [role=checkbox]]:translate-y-[2px]",
92 | className
93 | )}
94 | {...props}
95 | />
96 | ))
97 | TableCell.displayName = "TableCell"
98 |
99 | const TableCaption = React.forwardRef<
100 | HTMLTableCaptionElement,
101 | React.HTMLAttributes
102 | >(({ className, ...props }, ref) => (
103 | (null);
34 |
35 | const handleRoleChange = async (userId: string, newRole: 'USER' | 'ADMIN') => {
36 | setLoading(userId);
37 | try {
38 | await updateUserRole(userId, newRole);
39 | } catch (error) {
40 | console.error('Failed to update role:', error);
41 | } finally {
42 | setLoading(null);
43 | }
44 | };
45 |
46 | return (
47 | ({
19 | code: '',
20 | });
21 |
22 | export type CodeBlockProps = HTMLAttributes & {
23 | code: string;
24 | language: string;
25 | showLineNumbers?: boolean;
26 | children?: ReactNode;
27 | };
28 |
29 | export const CodeBlock = ({
30 | code,
31 | language,
32 | showLineNumbers = false,
33 | className,
34 | children,
35 | ...props
36 | }: CodeBlockProps) => (
37 |
38 |
100 | );
101 |
102 | export type CodeBlockCopyButtonProps = ComponentProps & {
103 | onCopy?: () => void;
104 | onError?: (error: Error) => void;
105 | timeout?: number;
106 | };
107 |
108 | export const CodeBlockCopyButton = ({
109 | onCopy,
110 | onError,
111 | timeout = 2000,
112 | children,
113 | className,
114 | ...props
115 | }: CodeBlockCopyButtonProps) => {
116 | const [isCopied, setIsCopied] = useState(false);
117 | const { code } = useContext(CodeBlockContext);
118 |
119 | const copyToClipboard = async () => {
120 | if (typeof window === 'undefined' || !navigator.clipboard.writeText) {
121 | onError?.(new Error('Clipboard API not available'));
122 | return;
123 | }
124 |
125 | try {
126 | await navigator.clipboard.writeText(code);
127 | setIsCopied(true);
128 | onCopy?.();
129 | setTimeout(() => setIsCopied(false), timeout);
130 | } catch (error) {
131 | onError?.(error as Error);
132 | }
133 | };
134 |
135 | const Icon = isCopied ? CheckIcon : CopyIcon;
136 |
137 | return (
138 |
147 | );
148 | };
149 |
--------------------------------------------------------------------------------
/src/components/ui/shadcn-io/ai/tool.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 |
3 | import { Badge } from '@/components/ui/badge';
4 | import {
5 | Collapsible,
6 | CollapsibleContent,
7 | CollapsibleTrigger,
8 | } from '@/components/ui/collapsible';
9 | import { cn } from '@/lib/utils';
10 | import type { ToolUIPart } from 'ai';
11 | import {
12 | CheckCircleIcon,
13 | ChevronDownIcon,
14 | CircleIcon,
15 | ClockIcon,
16 | WrenchIcon,
17 | XCircleIcon,
18 | } from 'lucide-react';
19 | import type { ComponentProps, ReactNode } from 'react';
20 | import { CodeBlock } from './code-block';
21 |
22 | export type ToolProps = ComponentProps;
23 |
24 | export const Tool = ({ className, ...props }: ToolProps) => (
25 |
54 | {icons[status]}
55 | {labels[status]}
56 |
57 | );
58 | };
59 |
60 | export const ToolHeader = ({
61 | className,
62 | type,
63 | state,
64 | ...props
65 | }: ToolHeaderProps) => (
66 |
73 |
80 | );
81 |
82 | export type ToolContentProps = ComponentProps;
83 |
84 | export const ToolContent = ({ className, ...props }: ToolContentProps) => (
85 | (null);
23 |
24 | const useReasoning = () => {
25 | const context = useContext(ReasoningContext);
26 | if (!context) {
27 | throw new Error('Reasoning components must be used within Reasoning');
28 | }
29 | return context;
30 | };
31 |
32 | export type ReasoningProps = ComponentProps & {
33 | isStreaming?: boolean;
34 | open?: boolean;
35 | defaultOpen?: boolean;
36 | onOpenChange?: (open: boolean) => void;
37 | duration?: number;
38 | };
39 |
40 | const AUTO_CLOSE_DELAY = 1000;
41 |
42 | export const Reasoning = memo(
43 | ({
44 | className,
45 | isStreaming = false,
46 | open,
47 | defaultOpen = false,
48 | onOpenChange,
49 | duration: durationProp,
50 | children,
51 | ...props
52 | }: ReasoningProps) => {
53 | const [isOpen, setIsOpen] = useControllableState({
54 | prop: open,
55 | defaultProp: defaultOpen,
56 | onChange: onOpenChange,
57 | });
58 | const [duration, setDuration] = useControllableState({
59 | prop: durationProp,
60 | defaultProp: 0,
61 | });
62 |
63 | const [hasAutoClosedRef, setHasAutoClosedRef] = useState(false);
64 | const [startTime, setStartTime] = useState(null);
65 |
66 | // Track duration when streaming starts and ends
67 | useEffect(() => {
68 | if (isStreaming) {
69 | if (startTime === null) {
70 | setStartTime(Date.now());
71 | }
72 | } else if (startTime !== null) {
73 | setDuration(Math.round((Date.now() - startTime) / 1000));
74 | setStartTime(null);
75 | }
76 | }, [isStreaming, startTime, setDuration]);
77 |
78 | // Auto-open when streaming starts, auto-close when streaming ends (once only)
79 | useEffect(() => {
80 | if (isStreaming && !isOpen) {
81 | setIsOpen(true);
82 | } else if (!isStreaming && isOpen && !defaultOpen && !hasAutoClosedRef) {
83 | // Add a small delay before closing to allow user to see the content
84 | const timer = setTimeout(() => {
85 | setIsOpen(false);
86 | setHasAutoClosedRef(true);
87 | }, AUTO_CLOSE_DELAY);
88 | return () => clearTimeout(timer);
89 | }
90 | }, [isStreaming, isOpen, defaultOpen, setIsOpen, hasAutoClosedRef]);
91 |
92 | const handleOpenChange = (newOpen: boolean) => {
93 | setIsOpen(newOpen);
94 | };
95 |
96 | return (
97 |
100 |
106 | {children}
107 |
108 |
109 | );
110 | }
111 | );
112 |
113 | export type ReasoningTriggerProps = ComponentProps<
114 | typeof CollapsibleTrigger
115 | > & {
116 | title?: string;
117 | };
118 |
119 | export const ReasoningTrigger = memo(
120 | ({
121 | className,
122 | title = 'Reasoning',
123 | children,
124 | ...props
125 | }: ReasoningTriggerProps) => {
126 | const { isStreaming, isOpen, duration } = useReasoning();
127 |
128 | return (
129 |
136 | {children ?? (
137 | <>
138 |
153 | );
154 | }
155 | );
156 |
157 | export type ReasoningContentProps = ComponentProps<
158 | typeof CollapsibleContent
159 | > & {
160 | children: string;
161 | };
162 |
163 | export const ReasoningContent = memo(
164 | ({ className, children, ...props }: ReasoningContentProps) => (
165 |
173 | {children}
174 |
175 | )
176 | );
177 |
178 | Reasoning.displayName = 'Reasoning';
179 | ReasoningTrigger.displayName = 'ReasoningTrigger';
180 | ReasoningContent.displayName = 'ReasoningContent';
181 |
--------------------------------------------------------------------------------
/src/components/ui/shadcn-io/ai/branch.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 |
3 | import { Button } from '@/components/ui/button';
4 | import { cn } from '@/lib/utils';
5 | import type { UIMessage } from 'ai';
6 | import { ChevronLeftIcon, ChevronRightIcon } from 'lucide-react';
7 | import type { ComponentProps, HTMLAttributes, ReactElement } from 'react';
8 | import { createContext, useContext, useEffect, useState } from 'react';
9 |
10 | type BranchContextType = {
11 | currentBranch: number;
12 | totalBranches: number;
13 | goToPrevious: () => void;
14 | goToNext: () => void;
15 | branches: ReactElement[];
16 | setBranches: (branches: ReactElement[]) => void;
17 | };
18 |
19 | const BranchContext = createContext(null);
20 |
21 | const useBranch = () => {
22 | const context = useContext(BranchContext);
23 |
24 | if (!context) {
25 | throw new Error('Branch components must be used within Branch');
26 | }
27 |
28 | return context;
29 | };
30 |
31 | export type BranchProps = HTMLAttributes & {
32 | defaultBranch?: number;
33 | onBranchChange?: (branchIndex: number) => void;
34 | };
35 |
36 | export const Branch = ({
37 | defaultBranch = 0,
38 | onBranchChange,
39 | className,
40 | ...props
41 | }: BranchProps) => {
42 | const [currentBranch, setCurrentBranch] = useState(defaultBranch);
43 | const [branches, setBranches] = useState([]);
44 |
45 | const handleBranchChange = (newBranch: number) => {
46 | setCurrentBranch(newBranch);
47 | onBranchChange?.(newBranch);
48 | };
49 |
50 | const goToPrevious = () => {
51 | const newBranch =
52 | currentBranch > 0 ? currentBranch - 1 : branches.length - 1;
53 | handleBranchChange(newBranch);
54 | };
55 |
56 | const goToNext = () => {
57 | const newBranch =
58 | currentBranch < branches.length - 1 ? currentBranch + 1 : 0;
59 | handleBranchChange(newBranch);
60 | };
61 |
62 | const contextValue: BranchContextType = {
63 | currentBranch,
64 | totalBranches: branches.length,
65 | goToPrevious,
66 | goToNext,
67 | branches,
68 | setBranches,
69 | };
70 |
71 | return (
72 |
73 |
42 |
44 | );
45 |
46 | export type MessageAvatarProps = ComponentProps{children}
43 |
16 |
51 | );
52 | }
53 |
--------------------------------------------------------------------------------
/src/components/ui/button.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react"
2 | import { Slot } from "@radix-ui/react-slot"
3 | import { cva, type VariantProps } from "class-variance-authority"
4 |
5 | import { cn } from "@/lib/utils"
6 |
7 | const buttonVariants = cva(
8 | "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
9 | {
10 | variants: {
11 | variant: {
12 | default:
13 | "bg-primary text-primary-foreground shadow hover:bg-primary/90",
14 | destructive:
15 | "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
16 | outline:
17 | "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
18 | secondary:
19 | "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
20 | ghost: "hover:bg-accent hover:text-accent-foreground",
21 | link: "text-primary underline-offset-4 hover:underline",
22 | },
23 | size: {
24 | default: "h-9 px-4 py-2",
25 | sm: "h-8 rounded-md px-3 text-xs",
26 | lg: "h-10 rounded-md px-8",
27 | icon: "h-9 w-9",
28 | },
29 | },
30 | defaultVariants: {
31 | variant: "default",
32 | size: "default",
33 | },
34 | }
35 | )
36 |
37 | export interface ButtonProps
38 | extends React.ButtonHTMLAttributes
17 |
20 |
21 | Dashboard
18 |Welcome to the admin console
19 |
22 |
23 |
24 | Total Users
25 |
27 |
28 |
30 |
31 |
32 |
33 | Admins
34 |
36 |
37 |
39 |
40 |
41 |
42 | Regular Users
43 |
45 |
46 |
48 |
49 |
50 | {totalUsers}
29 | {adminUsers}
38 | {regularUsers}
47 | Used {count} sources
35 |
94 |
96 | );
97 |
--------------------------------------------------------------------------------
/src/components/ui/shadcn-io/ai/task.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 |
3 | import {
4 | Collapsible,
5 | CollapsibleContent,
6 | CollapsibleTrigger,
7 | } from '@/components/ui/collapsible';
8 | import { cn } from '@/lib/utils';
9 | import { ChevronDownIcon, SearchIcon } from 'lucide-react';
10 | import type { ComponentProps } from 'react';
11 |
12 | export type TaskItemFileProps = ComponentProps<'div'>;
13 |
14 | export const TaskItemFile = ({
15 | children,
16 | className,
17 | ...props
18 | }: TaskItemFileProps) => (
19 |
26 | {children}
27 |
28 | );
29 |
30 | export type TaskItemProps = ComponentProps<'div'>;
31 |
32 | export const TaskItem = ({ children, className, ...props }: TaskItemProps) => (
33 |
34 | {children}
35 |
36 | );
37 |
38 | export type TaskProps = ComponentProps
68 |
72 | )}
73 | {title}
70 |
91 | {children}
92 |
93 |
10 |
15 |
16 | ))
17 | Table.displayName = "Table"
18 |
19 | const TableHeader = React.forwardRef<
20 | HTMLTableSectionElement,
21 | React.HTMLAttributes
41 |
42 |
43 | Sign in
49 |
50 | Enter your email and password to access your account
51 |
52 |
53 |
54 |
87 |
94 |
95 |
96 | );
97 | }
98 |
--------------------------------------------------------------------------------
/src/app/admin/users/user-management-table.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 |
3 | import { useState } from 'react';
4 | import {
5 | Table,
6 | TableBody,
7 | TableCell,
8 | TableHead,
9 | TableHeader,
10 | TableRow,
11 | } from '@/components/ui/table';
12 | import { Button } from '@/components/ui/button';
13 | import { Badge } from '@/components/ui/badge';
14 | import {
15 | DropdownMenu,
16 | DropdownMenuContent,
17 | DropdownMenuItem,
18 | DropdownMenuTrigger,
19 | } from '@/components/ui/dropdown-menu';
20 | import { MoreVertical, Shield, User } from 'lucide-react';
21 | import { updateUserRole } from './actions';
22 |
23 | type User = {
24 | id: string;
25 | name: string | null;
26 | email: string;
27 | role: string;
28 | emailVerified: boolean;
29 | createdAt: Date;
30 | };
31 |
32 | export function UserManagementTable({ users }: { users: User[] }) {
33 | const [loading, setLoading] = useState
44 |
48 |
45 |
47 |
88 | Don't have an account?{' '}
89 |
90 | Sign up
91 |
92 |
93 |
48 |
49 |
119 |
120 | );
121 | }
122 |
--------------------------------------------------------------------------------
/src/components/ui/shadcn-io/ai/code-block.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 |
3 | import { Button } from '@/components/ui/button';
4 | import { cn } from '@/lib/utils';
5 | import { CheckIcon, CopyIcon } from 'lucide-react';
6 | import type { ComponentProps, HTMLAttributes, ReactNode } from 'react';
7 | import { createContext, useContext, useState } from 'react';
8 | import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
9 | import {
10 | oneDark,
11 | oneLight,
12 | } from 'react-syntax-highlighter/dist/esm/styles/prism';
13 |
14 | type CodeBlockContextType = {
15 | code: string;
16 | };
17 |
18 | const CodeBlockContext = createContext
45 |
99 |
46 |
67 | {code}
68 |
69 |
90 | {code}
91 |
92 | {children && (
93 |
98 |
94 | {children}
95 |
96 | )}
97 |
74 |
78 |
100 |
107 | );
108 |
109 | export type ToolOutputProps = ComponentProps<'div'> & {
110 | output: ReactNode;
111 | errorText: ToolUIPart['errorText'];
112 | };
113 |
114 | export const ToolOutput = ({
115 | className,
116 | output,
117 | errorText,
118 | ...props
119 | }: ToolOutputProps) => {
120 | if (!(output || errorText)) {
121 | return null;
122 | }
123 |
124 | return (
125 | 101 | Parameters 102 |
103 |
104 |
106 |
126 |
141 | );
142 | };
143 |
--------------------------------------------------------------------------------
/src/app/sign-up/page.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 |
3 | import { useState } from 'react';
4 | import { useRouter } from 'next/navigation';
5 | import Link from 'next/link';
6 | import { signUp } from '@/lib/auth-client';
7 | import { Button } from '@/components/ui/button';
8 | import { Input } from '@/components/ui/input';
9 | import { Label } from '@/components/ui/label';
10 | import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
11 | import { UserPlus } from 'lucide-react';
12 |
13 | export default function SignUpPage() {
14 | const [name, setName] = useState('');
15 | const [email, setEmail] = useState('');
16 | const [password, setPassword] = useState('');
17 | const [confirmPassword, setConfirmPassword] = useState('');
18 | const [error, setError] = useState('');
19 | const [loading, setLoading] = useState(false);
20 | const router = useRouter();
21 |
22 | const handleSubmit = async (e: React.FormEvent) => {
23 | e.preventDefault();
24 | setError('');
25 |
26 | if (password !== confirmPassword) {
27 | setError('Passwords do not match');
28 | return;
29 | }
30 |
31 | if (password.length < 8) {
32 | setError('Password must be at least 8 characters');
33 | return;
34 | }
35 |
36 | setLoading(true);
37 |
38 | try {
39 | await signUp.email({
40 | email,
41 | password,
42 | name,
43 | });
44 | router.push('/');
45 | router.refresh();
46 | } catch (err) {
47 | setError('Failed to create account. Email may already be in use.');
48 | } finally {
49 | setLoading(false);
50 | }
51 | };
52 |
53 | return (
54 | 127 | {errorText ? 'Error' : 'Result'} 128 |
129 |
137 | {errorText &&
140 | {errorText}
}
138 | {output && {output}
}
139 |
55 |
56 |
57 | Create an account
63 |
64 | Enter your information to get started
65 |
66 |
67 |
68 |
124 |
131 |
132 |
133 | );
134 | }
135 |
--------------------------------------------------------------------------------
/src/app/page.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 |
3 | import Link from 'next/link';
4 | import { useSession } from '@/lib/auth-client';
5 | import { Button } from '@/components/ui/button';
6 | import { Card } from '@/components/ui/card';
7 | import { ArrowRight, Zap, Shield, Users, Sparkles } from 'lucide-react';
8 |
9 | export default function Home() {
10 | const { data: session } = useSession();
11 |
12 | return (
13 |
58 |
62 |
59 |
61 |
125 | Already have an account?{' '}
126 |
127 | Sign in
128 |
129 |
130 |
14 | {/* Hero Section */}
15 |
16 |
55 |
56 | {/* Features Section */}
57 |
58 |
100 |
101 | {/* CTA Section */}
102 |
103 |
126 |
127 | );
128 | }
129 |
--------------------------------------------------------------------------------
/src/components/ui/shadcn-io/ai/reasoning.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 |
3 | import { useControllableState } from '@radix-ui/react-use-controllable-state';
4 | import {
5 | Collapsible,
6 | CollapsibleContent,
7 | CollapsibleTrigger,
8 | } from '@/components/ui/collapsible';
9 | import { cn } from '@/lib/utils';
10 | import { BrainIcon, ChevronDownIcon } from 'lucide-react';
11 | import type { ComponentProps } from 'react';
12 | import { createContext, memo, useContext, useEffect, useState } from 'react';
13 | import { Response } from './response';
14 |
15 | type ReasoningContextValue = {
16 | isStreaming: boolean;
17 | isOpen: boolean;
18 | setIsOpen: (open: boolean) => void;
19 | duration: number;
20 | };
21 |
22 | const ReasoningContext = createContext
17 |
54 | 18 | Build faster with our boilerplate 19 |
20 |21 | A modern Next.js boilerplate with authentication, role-based access control, 22 | and admin console. Everything you need to start your next project. 23 |
24 |
25 |
31 | {session ? (
32 | <>
33 | {session.user?.role === 'ADMIN' && (
34 |
40 | )}
41 |
42 | ) : (
43 | <>
44 |
50 |
51 | )}
52 |
53 |
59 |
99 | Features
60 |
61 |
62 |
70 |
71 |
79 |
80 |
88 |
89 |
97 |
98 |
63 |
65 | AI Chat
66 |67 | Built-in AI assistant powered by OpenAI with streaming responses and markdown support. 68 |
69 |
72 |
74 | Fast & Modern
75 |76 | Built with Next.js 14, React 18, and modern best practices for optimal performance. 77 |
78 |
81 |
83 | Secure Auth
84 |85 | Email/password authentication with better-auth and role-based access control. 86 |
87 |
90 |
92 | Admin Console
93 |94 | Complete admin panel with user management and role assignment capabilities. 95 |
96 |
104 |
125 | Ready to get started?
105 |106 | Try our AI Chat or create an account to explore all features. 107 |
108 |
109 |
115 | {!session && (
116 |
122 | )}
123 |
124 | Thinking...
141 | ) : ( 142 |Thought for {duration} seconds
143 | )} 144 |div]:pb-0', className)}
75 | {...(props as any)}
76 | />
77 |
78 | );
79 | };
80 |
81 | export type BranchMessagesProps = HTMLAttributes;
82 |
83 | export const BranchMessages = ({ children, ...props }: BranchMessagesProps) => {
84 | const { currentBranch, setBranches, branches } = useBranch();
85 | const childrenArray = Array.isArray(children) ? children : [children];
86 |
87 | // Use useEffect to update branches when they change
88 | useEffect(() => {
89 | if (branches.length !== childrenArray.length) {
90 | setBranches(childrenArray);
91 | }
92 | }, [childrenArray, branches, setBranches]);
93 |
94 | return childrenArray.map((branch, index) => (
95 | & {
109 | from: UIMessage['role'];
110 | };
111 |
112 | export const BranchSelector = ({
113 | className,
114 | from,
115 | ...props
116 | }: BranchSelectorProps) => {
117 | const { totalBranches } = useBranch();
118 |
119 | // Don't render if there's only one branch
120 | if (totalBranches <= 1) {
121 | return null;
122 | }
123 |
124 | return (
125 |
133 | );
134 | };
135 |
136 | export type BranchPreviousProps = ComponentProps;
137 |
138 | export const BranchPrevious = ({
139 | className,
140 | children,
141 | ...props
142 | }: BranchPreviousProps) => {
143 | const { goToPrevious, totalBranches } = useBranch();
144 |
145 | return (
146 |
163 | );
164 | };
165 |
166 | export type BranchNextProps = ComponentProps;
167 |
168 | export const BranchNext = ({
169 | className,
170 | children,
171 | ...props
172 | }: BranchNextProps) => {
173 | const { goToNext, totalBranches } = useBranch();
174 |
175 | return (
176 |
193 | );
194 | };
195 |
196 | export type BranchPageProps = HTMLAttributes;
197 |
198 | export const BranchPage = ({ className, ...props }: BranchPageProps) => {
199 | const { currentBranch, totalBranches } = useBranch();
200 |
201 | return (
202 |
209 | {currentBranch + 1} of {totalBranches}
210 |
211 | );
212 | };
213 |
--------------------------------------------------------------------------------
/src/components/ui/select.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | import * as React from "react"
4 | import * as SelectPrimitive from "@radix-ui/react-select"
5 | import { cn } from "@/lib/utils"
6 | import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "@radix-ui/react-icons"
7 |
8 | const Select = SelectPrimitive.Root
9 |
10 | const SelectGroup = SelectPrimitive.Group
11 |
12 | const SelectValue = SelectPrimitive.Value
13 |
14 | const SelectTrigger = React.forwardRef<
15 | React.ElementRef,
16 | React.ComponentPropsWithoutRef
17 | >(({ className, children, ...props }, ref) => (
18 | span]:line-clamp-1",
22 | className
23 | )}
24 | {...props}
25 | >
26 | {children}
27 |
28 |
30 |
31 | ))
32 | SelectTrigger.displayName = SelectPrimitive.Trigger.displayName
33 |
34 | const SelectScrollUpButton = React.forwardRef<
35 | React.ElementRef,
36 | React.ComponentPropsWithoutRef
37 | >(({ className, ...props }, ref) => (
38 |
46 |
48 | ))
49 | SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName
50 |
51 | const SelectScrollDownButton = React.forwardRef<
52 | React.ElementRef,
53 | React.ComponentPropsWithoutRef
54 | >(({ className, ...props }, ref) => (
55 |
63 |
65 | ))
66 | SelectScrollDownButton.displayName =
67 | SelectPrimitive.ScrollDownButton.displayName
68 |
69 | const SelectContent = React.forwardRef<
70 | React.ElementRef,
71 | React.ComponentPropsWithoutRef
72 | >(({ className, children, position = "popper", ...props }, ref) => (
73 |
74 |
85 |
93 | {children}
94 |
95 |
97 |
98 | ))
99 | SelectContent.displayName = SelectPrimitive.Content.displayName
100 |
101 | const SelectLabel = React.forwardRef<
102 | React.ElementRef,
103 | React.ComponentPropsWithoutRef
104 | >(({ className, ...props }, ref) => (
105 | ,
115 | React.ComponentPropsWithoutRef
116 | >(({ className, children, ...props }, ref) => (
117 |
125 |
126 |
127 |
129 |
130 | {children}
131 |
132 | ))
133 | SelectItem.displayName = SelectPrimitive.Item.displayName
134 |
135 | const SelectSeparator = React.forwardRef<
136 | React.ElementRef,
137 | React.ComponentPropsWithoutRef
138 | >(({ className, ...props }, ref) => (
139 | ;
23 |
24 | export const PromptInput = ({ className, ...props }: PromptInputProps) => (
25 |
32 | );
33 |
34 | export type PromptInputTextareaProps = ComponentProps & {
35 | minHeight?: number;
36 | maxHeight?: number;
37 | };
38 |
39 | export const PromptInputTextarea = ({
40 | onChange,
41 | className,
42 | placeholder = 'What would you like to know?',
43 | minHeight = 48,
44 | maxHeight = 164,
45 | ...props
46 | }: PromptInputTextareaProps) => {
47 | const handleKeyDown: KeyboardEventHandler = (e) => {
48 | if (e.key === 'Enter') {
49 | if (e.shiftKey) {
50 | // Allow newline
51 | return;
52 | }
53 |
54 | // Submit on Enter (without Shift)
55 | e.preventDefault();
56 | const form = e.currentTarget.form;
57 | if (form) {
58 | form.requestSubmit();
59 | }
60 | }
61 | };
62 |
63 | return (
64 |
div]:pb-0',
98 | index === currentBranch ? 'block' : 'hidden'
99 | )}
100 | key={branch.key}
101 | {...(props as any)}
102 | >
103 | {branch}
104 |
105 | ));
106 | };
107 |
108 | export type BranchSelectorProps = HTMLAttributes