{/* Badge */}
Manage. Chain. Execute.
Optimize and manage AI workflows with intelligent prompt engineering and Model Context Protocol (MCP) to deliver exceptional results.
Get Started
Everything You Need to Master AI Workflows
From beginners to experts, PromptPilot provides the tools and insights to create workflows that consistently deliver amazing results.
Smart Optimization
AI-powered suggestions to improve your prompts and get better results.
[truncated — 1755 more characters]
```
### src/app/(dashboard)/layout.tsx
```typescript
'use client';
import Sidebar from "@/components/Sidebar";
import Navbar from "@/components/Navbar";
import "../globals.css";
import { DashboardProvider } from "@/context/DashboardContext";
export default function DashboardLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
{children}
);
}
```
### src/lib/supabase/server.ts
```typescript
import { type CookieOptions, createServerClient } from '@supabase/ssr'
import { cookies } from 'next/headers'
import { Database } from '@/lib/database.types'
// Validate environment variables
const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL;
const supabaseAnonKey = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY;
if (!supabaseUrl || !supabaseAnonKey) {
throw new Error(
'Missing Supabase environment variables. Please set NEXT_PUBLIC_SUPABASE_URL and NEXT_PUBLIC_SUPABASE_ANON_KEY in your environment variables.'
);
}
export const createSupabaseServerClient = async () => {
const cookieStore = await cookies()
return createServerClient(
supabaseUrl,
supabaseAnonKey,
{
cookies: {
get(name: string) {
return cookieStore.get(name)?.value
},
set(name: string, value: string, options: CookieOptions) {
cookieStore.set(name, value, options)
},
remove(name: string, options: CookieOptions) {
cookieStore.delete({ name, ...options })
},
},
}
)
}
```
### src/app/test-mcp/page.tsx
```typescript
'use client';
import { useState } from 'react';
import { Loader2, Workflow, Send, Database, AlertTriangle } from 'lucide-react';
// --- Types ---
interface Prompt {
id: number;
title: string;
content: string;
order: number;
}
interface ExecutionPlan {
task: string;
analysis: {
actions: string[];
keywords: string[];
};
prompts: Prompt[];
}
// --- Components ---
const ExecutionPlanDisplay = ({ plan, finalAnswer, status }: { plan: ExecutionPlan, finalAnswer: string | null, status: 'executing' | 'done' }) => {
return (
(null);
const [finalAnswer, setFinalAnswer] = useState(null);
const [status, setStatus] = useState<'idle' | 'planning' | 'executing' | 'done' | 'error'>('idle');
const [error, setError] = useState(null);
const runTask = async (taskQuery: string) => {
// 1. Reset states and start planning
setStatus('planning');
setError(null);
setExecutionPlan(null);
setFinalAnswer(null);
try {
// 2. Create the execution plan
const planResponse = await fetch('/api/mcp-link', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
jsonrpc: '2.0',
id: Date.now(),
method: 'tools/call',
params: { name: 'create_execution_plan', arguments: { task: taskQuery } }
}),
});
const planData = await planResponse.json();
if (planData.error) throw new Error(planData.error.message);
setExecutionPlan(planData.result);
// 3. Execute the plan
setStatus('executing');
const execResponse = await fetch('/api/mcp-link', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
jsonrpc: '2.0',
id: Date.now(),
method: 'tools/call',
params: { name: 'execute_prompt_chain', arguments: { prompts: planData.result.prompts } }
}),
});
if (!execResponse.ok) {
throw new Error(`HTTP error! status: ${execResponse.status}`);
}
const reader = execResponse.body?.getReader();
if (!reader) {
throw new Error('Failed to get response reader');
}
const decoder = new TextDecoder();
let done = false;
while (!done) {
const { value, done: readerDone } = await reader.read();
done = readerDone;
const chunk = decoder.decode(value, { stream: true });
// Process server-sent events
const events = chunk.split('\n\n');
for (const event of events) {
if (event.startsWith('data:')) {
const dataStr = event.substring(5);
try {
const data = JSON.parse(dataStr);
if (data.type === 'result') {
setFinalAnswer(data.data.finalAnswer);
setStatus('done');
}
// You can add more event handlers here (e.g., for 'progress' or 'log')
} catch (e) {
console.error('Failed to parse stream data chunk', e);
}
}
}
}
} catch (err) {
const message = err instanceof Error ? err.message : 'An unknown error occurred.';
console.error("MCP Execution Error:", message);
setError(message);
setStatus('error');
}
};
const isLoading = status === 'planning' || status === 'executing';
return (
{/* Final Answer */}
{finalAnswer && status === 'done' && (
)}
{/* Status Indicator */}
{status === 'executing' && (
{plan.prompts.map((prompt) => (
))}
);
};
// --- Main Page ---
export default function McpTestPage() {
const [task, setTask] = useState('deep research AI safety, and make summary');
const [executionPlan, setExecutionPlan] = useStateFinal Result
{finalAnswer}
Execution Details
Task: {plan.task}
Detected Actions: {plan.analysis.actions.join(', ')} |
Keywords: {plan.analysis.keywords.join(', ')}
{plan.prompts.map((prompt) => (
{prompt.order}
{prompt.title}
{prompt.content}
[truncated — 2402 more characters]
```
### src/app/(public)/login/page.tsx
```typescript
'use client';
import AuthForm from "@/components/ui/AuthForm";
export default function LoginPage() {
return (