[V0_FILE]plaintext:file="attached_assets/Pasted--usr-bin-env-python3-import-subprocess-import-time-import-sys-import-os-import-autogen-import-asyn-1740789718840.txt" isMerged="true" #!/usr/bin/env python3 import subprocess import time import sys import os import autogen import asyncio from dotenv import load_dotenv import logging import random load_dotenv() # Setup logging logging.basicConfig(level=logging.DEBUG, format='%(asctime)s - %(levelname)s - %(message)s') logger = logging.getLogger(__name__) OLLAMA_MODEL = "mistral" OLLAMA_ARGS = "--n_ctx 8192 --flash-attn 1 --offload 1" QUANTIZED_MODEL = "mistral:Q4_0" AGENT_NAMES = ["Scout", "Editor", "Uploader", "Clicker", "Transaction"] REQUIRED_PACKAGES = ["autogen", "python-dotenv", "ag2[ollama]", "fix_busted_json"] # Function to install dependencies def install_dependencies(): for package in REQUIRED_PACKAGES: while True: try: logger.info(f"🔧 Installing {package}...") subprocess.run([sys.executable, "-m", "pip", "install", "--quiet", package], check=True) logger.info(f"✅ {package} installed successfully.") break except subprocess.CalledProcessError: logger.warning(f"⚠️ Failed to install {package}. Retrying in 5 seconds...") time.sleep(5) # Function to stop Ollama def stop_ollama(): logger.info("🛑 Stopping Ollama...") subprocess.run(["ollama", "stop"], stdout=subprocess.DEVNULL, stderr=subprocess.DEVNULL) # Function to start Ollama def start_ollama(): logger.info("🚀 Starting Ollama...") subprocess.run(["ollama", "start"], stdout=subprocess.DEVNULL, stderr=subprocess.DEVNULL) # Function to check if the model is loaded def check_model_loaded(): try: output = subprocess.check_output(["ollama", "list"], text=True) return OLLAMA_MODEL in output or QUANTIZED_MODEL in output except subprocess.CalledProcessError: return False # Function to run Ollama def run_ollama(): logger.info(f"🚀 Launching `{OLLAMA_MODEL}` model...") cmd = f"ollama run {OLLAMA_MODEL} {OLLAMA_ARGS}" return subprocess.Popen(cmd, shell=True, stdout=subprocess.PIPE, stderr=subprocess.PIPE) # Function to switch to quantized model def switch_to_quantized(): global OLLAMA_MODEL, OLLAMA_ARGS logger.info("⚡ Switching to quantized model (Q4_0) for stability...") OLLAMA_MODEL = QUANTIZED_MODEL OLLAMA_ARGS = "--n_ctx 4096" # Create agents def create_agents(): logger.info("Creating agents...") agents = [] for name in AGENT_NAMES: try: agent = autogen.AssistantAgent(name=name, llm_config={"model": OLLAMA_MODEL, "api_type": "ollama"}) agents.append(agent) except Exception as e: logger.error(f"💥 Error creating agent {name}: {e}") return agents # Run swarm execution with agents def run_swarm(): while True: try: agents = create_agents() if not agents: logger.error("💥 No agents created. Exiting swarm execution.") break groupchat = autogen.GroupChat(agents=agents, messages=[]) controller = autogen.GroupChatManager(groupchat=groupchat) logger.info("🚀 Running AI agents...") asyncio.run(asyncio.gather(*[a.run(f"Task for {a.name}") for a in agents])) logger.info("✅ Task completed successfully!") break except Exception as e: logger.error(f"💥 Error during swarm execution: {e}\n🔄 Restarting in 3 seconds...") time.sleep(3) # Main loop to initialize everything def hyperloop(): install_dependencies() stop_ollama() for attempt in range(1000): logger.info(f"🔁 [Attempt {attempt + 1}] Initializing system...") start_ollama() time.sleep(5) if check_model_loaded(): logger.info("✅ Model loaded successfully!") run_swarm() break else: logger.warning("❌ Model failed to load. Retrying...") stop_ollama() time.sleep(3) if attempt == 5: switch_to_quantized() hyperloop() [V0_FILE]plaintext:file="attached_assets/Pasted--02-28-18-44-30-257-INFO-HTTP-Request-POST-http-127-0-0-1-11434-api-chat-HTTP-1-1-200-OK-20-1740793678699.txt" isMerged="true" -02-28 18:44:30,257 - INFO - HTTP Request: POST http://127.0.0.1:11434/api/chat "HTTP/1.1 200 OK" 2025-02-28 18:44:30,265 - DEBUG - receive_response_body.started request= 2025-02-28 18:44:30,270 - DEBUG - receive_response_body.complete 2025-02-28 18:44:30,283 - DEBUG - response_closed.started 2025-02-28 18:44:30,306 - DEBUG - response_closed.complete Uploader (to user): 1. To collect information about trending GitHub repositories related to deep learning (LLMs), I will use Python for this task. Let's start by printing the necessary information and collecting data from the GitHub API. ```python # filename: github_trending.py import requests import json # Define the URL for accessing GitHub trending repositories (in JSON format) url = "https://api.github.com/search/repositories?q=language:python+topic:deeplearning" # Send an HTTP request to the GitHub API and read the content of the response response = requests.get(url) content = json.loads(response.text) # Print the number of trending repositories found print("Number of Trending Repositories: ", len(content['items'])) # Sort the list of repositories by the number of stars (descending order) and print the top 5 sorted_repos = sorted(content['items'], key=lambda x: x['stargazers\_count'], reverse=True)[:5] for repo in sorted_repos: print("Repository Name:", repo['name']) print("Repository Description:", repo['description'] or 'No description provided') print("Repository URL:", repo['html\_url']) [V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import type React from "react" import "@/app/globals.css" import { Inter } from "next/font/google" import { ThemeProvider } from "@/components/theme-provider" import { SiteHeader } from "@/components/site-header" import { SiteFooter } from "@/components/site-footer" const inter = Inter({ subsets: ["latin"] }) export const metadata = { title: "Ask Me Anything Dashboard", description: "An AI-powered dashboard for interacting with agents and exploring GitHub repositories", } export default function RootLayout({ children, }: { children: React.ReactNode }) { return (

{children}

) } [V0_FILE]typescriptreact:file="components/dashboard-shell.tsx" isEdit="true" isMerged="true" import type React from "react" interface DashboardShellProps extends React.HTMLAttributes {} export function DashboardShell({ children, className, ...props }: DashboardShellProps) { return (

{children}

) } [V0_FILE]typescriptreact:file="components/dashboard-header.tsx" isEdit="true" isMerged="true" interface DashboardHeaderProps { heading: string description?: string } export function DashboardHeader({ heading, description }: DashboardHeaderProps) { return (

{heading}

{description &&

{description}

}

) } [V0_FILE]typescriptreact:file="components/site-header.tsx" isEdit="true" isMerged="true" import Link from "next/link" import { ModeToggle } from "@/components/mode-toggle" import { Button } from "@/components/ui/button" import { Brain } from "lucide-react" export function SiteHeader() { return (

Ask Me Anything

) } [V0_FILE]typescriptreact:file="components/site-footer.tsx" isEdit="true" isMerged="true" export function SiteFooter() { return ( ) } [V0_FILE]typescriptreact:file="components/mode-toggle.tsx" isEdit="true" isMerged="true" "use client" import { useTheme } from "next-themes" import { Button } from "@/components/ui/button" import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu" import { Moon, Sun } from "lucide-react" export function ModeToggle() { const { setTheme } = useTheme() return ( setTheme("light")}>Light setTheme("dark")}>Dark setTheme("system")}>System ) } [V0_FILE]typescriptreact:file="app/actions/github.ts" isEdit="true" isMerged="true" "use server" export interface Repository { id: number name: string full_name: string description: string html_url: string stargazers_count: number forks_count: number watchers_count: number language: string } export async function fetchTrendingRepositories(language = "python", timeframe = "daily"): Promise { try { // In a real implementation, we would use the GitHub API with proper authentication // For now, we'll simulate a fetch with different data based on parameters // Create a date range based on timeframe let dateQuery = "" const today = new Date() switch (timeframe) { case "daily": const yesterday = new Date(today) yesterday.setDate(yesterday.getDate() - 1) dateQuery = `created:>${yesterday.toISOString().split("T")[0]}` break case "weekly": const lastWeek = new Date(today) lastWeek.setDate(lastWeek.getDate() - 7) dateQuery = `created:>${lastWeek.toISOString().split("T")[0]}` break case "monthly": const lastMonth = new Date(today) lastMonth.setMonth(lastMonth.getMonth() - 1) dateQuery = `created:>${lastMonth.toISOString().split("T")[0]}` break default: dateQuery = `created:>${new Date(today.setDate(today.getDate() - 1)).toISOString().split("T")[0]}` } // Simulate different results based on language let languageSpecificRepos: Repository[] = [] switch (language) { case "python": languageSpecificRepos = [ { id: 1, name: "llama", full_name: "meta/llama", description: "Open source large language model by Meta", html_url: "https://github.com/meta/llama", stargazers_count: 45000, forks_count: 5600, watchers_count: 1200, language: "Python", }, { id: 2, name: "mistral", full_name: "mistralai/mistral", description: "Mistral AI's open-weight large language model", html_url: "https://github.com/mistralai/mistral", stargazers_count: 32000, forks_count: 3200, watchers_count: 980, language: "Python", }, { id: 3, name: "autogen", full_name: "microsoft/autogen", description: "Framework for building AI agents with LLMs", html_url: "https://github.com/microsoft/autogen", stargazers_count: 28000, forks_count: 2800, watchers_count: 850, language: "Python", }, ] break case "javascript": languageSpecificRepos = [ { id: 6, name: "react", full_name: "facebook/react", description: "A declarative, efficient, and flexible JavaScript library for building user interfaces", html_url: "https://github.com/facebook/react", stargazers_count: 210000, forks_count: 42000, watchers_count: 6500, language: "JavaScript", }, { id: 7, name: "next.js", full_name: "vercel/next.js", description: "The React Framework for the Web", html_url: "https://github.com/vercel/next.js", stargazers_count: 115000, forks_count: 24000, watchers_count: 3200, language: "JavaScript", }, ] break case "typescript": languageSpecificRepos = [ { id: 8, name: "typescript", full_name: "microsoft/typescript", description: "TypeScript is a superset of JavaScript that compiles to clean JavaScript output", html_url: "https://github.com/microsoft/typescript", stargazers_count: 93000, forks_count: 12000, watchers_count: 2100, language: "TypeScript", }, { id: 9, name: "deno", full_name: "denoland/deno", description: "A modern runtime for JavaScript and TypeScript", html_url: "https://github.com/denoland/deno", stargazers_count: 89000, forks_count: 4800, watchers_count: 1900, language: "TypeScript", }, ] break case "go": languageSpecificRepos = [ { id: 4, name: "ollama", full_name: "ollama/ollama", description: "Run large language models locally", html_url: "https://github.com/ollama/ollama", stargazers_count: 25000, forks_count: 1900, watchers_count: 720, language: "Go", }, { id: 10, name: "go", full_name: "golang/go", description: "The Go programming language", html_url: "https://github.com/golang/go", stargazers_count: 115000, forks_count: 17000, watchers_count: 3400, language: "Go", }, ] break case "rust": languageSpecificRepos = [ { id: 11, name: "rust", full_name: "rust-lang/rust", description: "Empowering everyone to build reliable and efficient software", html_url: "https://github.com/rust-lang/rust", stargazers_count: 84000, forks_count: 11000, watchers_count: 2800, language: "Rust", }, { id: 12, name: "tauri", full_name: "tauri-apps/tauri", description: "Build smaller, faster, and more secure desktop applications with a web frontend", html_url: "https://github.com/tauri-apps/tauri", stargazers_count: 67000, forks_count: 3500, watchers_count: 1200, language: "Rust", }, ] break default: // All languages languageSpecificRepos = [ { id: 1, name: "llama", full_name: "meta/llama", description: "Open source large language model by Meta", html_url: "https://github.com/meta/llama", stargazers_count: 45000, forks_count: 5600, watchers_count: 1200, language: "Python", }, { id: 4, name: "ollama", full_name: "ollama/ollama", description: "Run large language models locally", html_url: "https://github.com/ollama/ollama", stargazers_count: 25000, forks_count: 1900, watchers_count: 720, language: "Go", }, { id: 6, name: "react", full_name: "facebook/react", description: "A declarative, efficient, and flexible JavaScript library for building user interfaces", html_url: "https://github.com/facebook/react", stargazers_count: 210000, forks_count: 42000, watchers_count: 6500, language: "JavaScript", }, { id: 8, name: "typescript", full_name: "microsoft/typescript", description: "TypeScript is a superset of JavaScript that compiles to clean JavaScript output", html_url: "https://github.com/microsoft/typescript", stargazers_count: 93000, forks_count: 12000, watchers_count: 2100, language: "TypeScript", }, { id: 11, name: "rust", full_name: "rust-lang/rust", description: "Empowering everyone to build reliable and efficient software", html_url: "https://github.com/rust-lang/rust", stargazers_count: 84000, forks_count: 11000, watchers_count: 2800, language: "Rust", }, ] } // Simulate network delay await new Promise((resolve) => setTimeout(resolve, 500)) return languageSpecificRepos } catch (error) { console.error("Error fetching trending repositories:", error) return [] } } [V0_FILE]typescriptreact:file="app/actions/agents.ts" isMerged="true" "use server" export interface Agent { name: string status: "active" | "inactive" | "loading" lastActive: string } export async function getAgentStatus(): Promise { // In a real implementation, we would check the actual status of the agents // For now, we'll return mock data return [ { name: "Scout", status: "active", lastActive: new Date().toISOString(), }, { name: "Editor", status: "active", lastActive: new Date().toISOString(), }, { name: "Uploader", status: "active", lastActive: new Date().toISOString(), }, { name: "Clicker", status: "active", lastActive: new Date().toISOString(), }, { name: "Transaction", status: "active", lastActive: new Date().toISOString(), }, ] } export async function startAgent(name: string): Promise { // In a real implementation, we would start the agent console.log(`Starting agent: ${name}`) return true } export async function stopAgent(name: string): Promise { // In a real implementation, we would stop the agent console.log(`Stopping agent: ${name}`) return true } export async function restartAgent(name: string): Promise { // In a real implementation, we would restart the agent console.log(`Restarting agent: ${name}`) return true } [V0_FILE]typescriptreact:file="components/ui/progress.tsx" isEdit="true" isMerged="true" "use client" import * as React from "react" import * as ProgressPrimitive from "@radix-ui/react-progress" import { cn } from "@/lib/utils" const Progress = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef & { indicatorClassName?: string } >(({ className, value, indicatorClassName, ...props }, ref) => ( )) Progress.displayName = ProgressPrimitive.Root.displayName export { Progress } [V0_FILE]typescriptreact:file="app/actions/ollama.ts" isMerged="true" "use server" import { revalidatePath } from "next/cache" export interface OllamaMessage { role: "user" | "assistant" content: string } export interface OllamaAgent { name: string status: "active" | "inactive" | "loading" model: string lastActive: string } // Store agent states in memory (in a real app, this would be in a database) const agents: OllamaAgent[] = [ { name: "Scout", status: "inactive", model: "mistral", lastActive: new Date().toISOString(), }, { name: "Editor", status: "inactive", model: "mistral", lastActive: new Date().toISOString(), }, { name: "Uploader", status: "inactive", model: "mistral", lastActive: new Date().toISOString(), }, { name: "Clicker", status: "inactive", model: "mistral", lastActive: new Date().toISOString(), }, { name: "Transaction", status: "inactive", model: "mistral", lastActive: new Date().toISOString(), }, ] export async function getAgentStatus(): Promise { return agents } export async function startAgent(name: string): Promise { const agent = agents.find((a) => a.name === name) if (!agent) return false agent.status = "active" agent.lastActive = new Date().toISOString() revalidatePath("/") return true } export async function stopAgent(name: string): Promise { const agent = agents.find((a) => a.name === name) if (!agent) return false agent.status = "inactive" revalidatePath("/") return true } export async function restartAgent(name: string): Promise { const agent = agents.find((a) => a.name === name) if (!agent) return false agent.status = "loading" // Simulate restart process setTimeout(() => { agent.status = "active" agent.lastActive = new Date().toISOString() revalidatePath("/") }, 2000) revalidatePath("/") return true } export async function chatWithAgent(agentName: string, messages: OllamaMessage[]): Promise { const agent = agents.find((a) => a.name === agentName) if (!agent || agent.status !== "active") { return "This agent is not active. Please start the agent first." } try { // In a real implementation, this would call the Ollama API // For now, we'll simulate a response const lastMessage = messages[messages.length - 1] // Simulate different agent responses let response = "" switch (agentName) { case "Scout": response = `I've searched for information about "${lastMessage.content}" and found several relevant resources. Would you like me to summarize them for you?` break case "Editor": response = `I've analyzed your text: "${lastMessage.content}". I can help you improve it by enhancing clarity, fixing grammar issues, or restructuring for better flow. What would you like me to focus on?` break case "Uploader": response = `I can help you upload "${lastMessage.content}" to various platforms. Would you like me to prepare it for GitHub, a cloud storage service, or another destination?` break case "Clicker": response = `I'll automate the UI interactions for "${lastMessage.content}". I can navigate through pages, click buttons, and fill forms. What specific actions do you need me to perform?` break case "Transaction": response = `I'll process the transaction related to "${lastMessage.content}". I can handle payment verification, record keeping, and confirmation steps. Would you like me to proceed?` break default: response = `I've received your message: "${lastMessage.content}". How can I assist you further?` } agent.lastActive = new Date().toISOString() return response } catch (error) { console.error("Error chatting with agent:", error) return "Sorry, I encountered an error while processing your request. Please try again." } } export async function initializeAgents(): Promise { try { // Simulate initializing all agents agents.forEach((agent) => { agent.status = "loading" }) revalidatePath("/") // Simulate the initialization process setTimeout(() => { agents.forEach((agent) => { agent.status = "active" agent.lastActive = new Date().toISOString() }) revalidatePath("/") }, 3000) return true } catch (error) { console.error("Error initializing agents:", error) return false } } [V0_FILE]typescriptreact:file="app/globals.css" isEdit="true" isQuickEdit="true" @tailwind base; @tailwind components; @tailwind utilities; @layer base { :root { --background: 30 20% 95%; --foreground: 20 10% 10%; --card: 30 20% 98%; --card-foreground: 20 10% 10%; --popover: 30 20% 98%; --popover-foreground: 20 10% 10%; --primary: 30 100% 50%; --primary-foreground: 0 0% 100%; --secondary: 150 100% 20%; --secondary-foreground: 0 0% 100%; --muted: 30 10% 90%; --muted-foreground: 20 10% 40%; --accent: 150 70% 40%; --accent-foreground: 0 0% 100%; --destructive: 0 100% 50%; --destructive-foreground: 0 0% 100%; --border: 30 10% 85%; --input: 30 10% 85%; --ring: 30 100% 50%; --radius: 1rem; } .dark { --background: 150 30% 10%; --foreground: 30 10% 95%; --card: 150 30% 12%; --card-foreground: 30 10% 95%; --popover: 150 30% 12%; --popover-foreground: 30 10% 95%; --primary: 30 100% 50%; --primary-foreground: 0 0% 0%; --secondary: 150 70% 30%; --secondary-foreground: 0 0% 100%; --muted: 150 30% 15%; --muted-foreground: 30 10% 70%; --accent: 30 80% 50%; --accent-foreground: 0 0% 0%; --destructive: 0 100% 40%; --destructive-foreground: 0 0% 100%; --border: 150 30% 20%; --input: 150 30% 20%; --ring: 30 100% 50%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } } @layer components { .neuromorphic { @apply bg-card shadow-neuromorphic rounded-xl border-0 transition-all duration-300; position: relative; overflow: hidden; } .neuromorphic::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); z-index: 1; } .neuromorphic::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.1), transparent); z-index: 1; } .neuromorphic-dark { @apply dark:shadow-neuromorphic-dark; } .neuromorphic-dark::before { background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent); } .neuromorphic-dark::after { background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.2), transparent); } .neuromorphic-inset { @apply bg-muted shadow-neuromorphic-inset rounded-xl border-0 transition-all duration-300; position: relative; overflow: hidden; } .neuromorphic-inset::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.1), transparent); z-index: 1; } .neuromorphic-inset-dark { @apply dark:shadow-neuromorphic-inset-dark; } .btn-neuromorphic { @apply bg-card hover:bg-muted shadow-neuromorphic hover:shadow-neuromorphic-pressed active:shadow-neuromorphic-pressed transition-all duration-200 rounded-xl border-0; position: relative; overflow: hidden; } .btn-neuromorphic::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); z-index: 1; } .btn-neuromorphic-dark { @apply dark:shadow-neuromorphic-dark dark:hover:shadow-neuromorphic-pressed-dark dark:active:shadow-neuromorphic-pressed-dark; } .btn-neuromorphic-dark::before { background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent); } .btn-primary-neuromorphic { @apply bg-primary text-primary-foreground shadow-neuromorphic-primary hover:shadow-neuromorphic-primary-pressed active:shadow-neuromorphic-primary-pressed transition-all duration-200 rounded-xl border-0; position: relative; overflow: hidden; } .btn-primary-neuromorphic::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent); z-index: 1; } .btn-primary-neuromorphic-dark { @apply dark:shadow-neuromorphic-primary-dark dark:hover:shadow-neuromorphic-primary-pressed-dark dark:active:shadow-neuromorphic-primary-pressed-dark; } .pulse-animation { animation: pulse 2s infinite; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(255, 153, 0, 0.4); } 70% { box-shadow: 0 0 0 10px rgba(255, 153, 0, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 153, 0, 0); } } .glow-effect { position: relative; } .glow-effect::after { content: ""; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background: linear-gradient(45deg, rgba(255, 153, 0, 0.4), transparent, rgba(255, 153, 0, 0.4)); border-radius: inherit; z-index: -1; opacity: 0; transition: opacity 0.3s ease; } .glow-effect:hover::after { opacity: 1; } .shimmer { position: relative; overflow: hidden; } .shimmer::after { content: ""; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 153, 0, 0.2), transparent); animation: shimmer 2s infinite; } @keyframes shimmer { 0% { left: -100%; } 100% { left: 100%; } } } [V0_FILE]typescriptreact:file="tailwind.config.ts" isEdit="true" isQuickEdit="true" import type { Config } from "tailwindcss" const config = { darkMode: ["class"], content: [ "./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}", "*.{js,ts,jsx,tsx,mdx}", ], prefix: "", theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }, extend: { colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "hsl(var(--primary))", foreground: "hsl(var(--primary-foreground))", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, orange: { 50: "#fff7ed", 100: "#ffedd5", 200: "#fed7aa", 300: "#fdba74", 400: "#fb923c", 500: "#f97316", 600: "#ea580c", 700: "#c2410c", 800: "#9a3412", 900: "#7c2d12", 950: "#431407", }, forest: { 50: "#ecfdf5", 100: "#d1fae5", 200: "#a7f3d0", 300: "#6ee7b7", 400: "#34d399", 500: "#10b981", 600: "#059669", 700: "#047857", 800: "#065f46", 900: "#064e3b", 950: "#022c22", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, keyframes: { "accordion-down": { from: { height: "0" }, to: { height: "var(--radix-accordion-content-height)" }, }, "accordion-up": { from: { height: "var(--radix-accordion-content-height)" }, to: { height: "0" }, }, float: { "0%, 100%": { transform: "translateY(0)" }, "50%": { transform: "translateY(-5px)" }, }, pulse: { "0%, 100%": { opacity: "1" }, "50%": { opacity: "0.5" }, }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", float: "float 3s ease-in-out infinite", pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite", }, boxShadow: { neuromorphic: "8px 8px 16px rgba(0, 0, 0, 0.2), -8px -8px 16px rgba(255, 255, 255, 0.2)", "neuromorphic-pressed": "4px 4px 8px rgba(0, 0, 0, 0.2), -4px -4px 8px rgba(255, 255, 255, 0.2), inset 2px 2px 4px rgba(0, 0, 0, 0.1), inset -2px -2px 4px rgba(255, 255, 255, 0.1)", "neuromorphic-inset": "inset 8px 8px 16px rgba(0, 0, 0, 0.2), inset -8px -8px 16px rgba(255, 255, 255, 0.2)", "neuromorphic-dark": "8px 8px 16px rgba(0, 0, 0, 0.4), -8px -8px 16px rgba(255, 255, 255, 0.05)", "neuromorphic-pressed-dark": "4px 4px 8px rgba(0, 0, 0, 0.4), -4px -4px 8px rgba(255, 255, 255, 0.05), inset 2px 2px 4px rgba(0, 0, 0, 0.2), inset -2px -2px 4px rgba(255, 153, 0, 0.1)", "neuromorphic-inset-dark": "inset 8px 8px 16px rgba(0, 0, 0, 0.4), inset -8px -8px 16px rgba(255, 255, 255, 0.05)", "neuromorphic-primary": "8px 8px 16px rgba(234, 88, 12, 0.3), -8px -8px 16px rgba(255, 255, 255, 0.1)", "neuromorphic-primary-pressed": "4px 4px 8px rgba(234, 88, 12, 0.3), -4px -4px 8px rgba(255, 255, 255, 0.1), inset 2px 2px 4px rgba(0, 0, 0, 0.1), inset -2px -2px 4px rgba(255, 255, 255, 0.05)", "neuromorphic-primary-dark": "8px 8px 16px rgba(234, 88, 12, 0.4), -8px -8px 16px rgba(0, 0, 0, 0.2)", "neuromorphic-primary-pressed-dark": "4px 4px 8px rgba(234, 88, 12, 0.4), -4px -4px 8px rgba(0, 0, 0, 0.2), inset 2px 2px 4px rgba(0, 0, 0, 0.2), inset -2px -2px 4px rgba(255, 153, 0, 0.1)", }, }, }, plugins: [require("tailwindcss-animate")], } satisfies Config export default config [V0_FILE]typescriptreact:file="components/agent-card.tsx" isEdit="true" isQuickEdit="true" "use client" import { useState, useEffect } from "react" import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Button } from "@/components/ui/button" import { Play, Pause, RefreshCw, Activity } from "lucide-react" import { startAgent, stopAgent, restartAgent } from "@/app/actions/ollama" import { useRouter } from "next/navigation" interface AgentCardProps { name: string description: string status: "active" | "inactive" | "loading" } export function AgentCard({ name, description, status }: AgentCardProps) { const [isLoading, setIsLoading] = useState(false) const [activityLevel, setActivityLevel] = useState(0) const router = useRouter() // Simulate agent activity when active useEffect(() => { let interval: NodeJS.Timeout if (status === "active") { interval = setInterval(() => { setActivityLevel(Math.floor(Math.random() * 100)) }, 3000) } else { setActivityLevel(0) } return () => clearInterval(interval) }, [status]) const handleStartStop = async () => { setIsLoading(true) try { if (status === "active") { await stopAgent(name) } else { await startAgent(name) } } catch (error) { console.error(`Error ${status === "active" ? "stopping" : "starting"} agent:`, error) } finally { setIsLoading(false) router.refresh() } } const handleRestart = async () => { setIsLoading(true) try { await restartAgent(name) } catch (error) { console.error("Error restarting agent:", error) } finally { setIsLoading(false) router.refresh() } } return (

{name} {status === "loading" ? : null} {status.charAt(0).toUpperCase() + status.slice(1)}

{description}

{status === "active" && (

)}

) } [V0_FILE]typescriptreact:file="components/agent-status.tsx" isEdit="true" isQuickEdit="true" "use client" import { useState, useEffect } from "react" import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert" import { Progress } from "@/components/ui/progress" import { CheckCircle2, AlertCircle, Cpu } from "lucide-react" import { initializeAgents } from "@/app/actions/ollama" import { useRouter } from "next/navigation" export function AgentStatus() { const [status, setStatus] = useState<"starting" | "running" | "error">("starting") const [progress, setProgress] = useState(0) const [loadingText, setLoadingText] = useState("Starting Ollama and initializing AI agents...") const router = useRouter() useEffect(() => { const loadingTexts = [ "Starting Ollama and initializing AI agents...", "Loading language models...", "Configuring agent parameters...", "Establishing agent communication...", "Preparing agent runtime environment...", "Finalizing initialization...", ] let textIndex = 0 const textInterval = setInterval(() => { textIndex = (textIndex + 1) % loadingTexts.length setLoadingText(loadingTexts[textIndex]) }, 2000) const initialize = async () => { try { await initializeAgents() const interval = setInterval(() => { setProgress((prev) => { if (prev >= 100) { clearInterval(interval) clearInterval(textInterval) setStatus("running") router.refresh() return 100 } return prev + 5 }) }, 150) return () => { clearInterval(interval) clearInterval(textInterval) } } catch (error) { console.error("Error initializing agents:", error) clearInterval(textInterval) setStatus("error") } } initialize() return () => clearInterval(textInterval) }, [router]) if (status === "starting") { return ( Initializing Agents

{loadingText}

) } if (status === "error") { return ( Error Failed to initialize agents. Please check your Ollama installation and try again. ) } return ( Agents Running All AI agents are initialized and ready to use. ) } [V0_FILE]typescriptreact:file="components/chat-interface.tsx" isEdit="true" isQuickEdit="true" "use client" import type React from "react" import { useState, useRef, useEffect } from "react" import { Card, CardContent, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Textarea } from "@/components/ui/textarea" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" import { ScrollArea } from "@/components/ui/scroll-area" import { Send, Bot, User, Sparkles } from "lucide-react" import { chatWithAgent, getAgentStatus, type OllamaMessage } from "@/app/actions/ollama" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" interface Message extends OllamaMessage { id: string agent?: string isTyping?: boolean } export function ChatInterface() { const [messages, setMessages] = useState([ { id: "1", content: "Hello! I'm your AI assistant. How can I help you today?", role: "assistant", agent: "Scout", }, ]) const [input, setInput] = useState("") const [isLoading, setIsLoading] = useState(false) const [selectedAgent, setSelectedAgent] = useState("Scout") const [availableAgents, setAvailableAgents] = useState<{ name: string; status: string }[]>([]) const scrollAreaRef = useRef(null) const textareaRef = useRef(null) useEffect(() => { const fetchAgents = async () => { const agents = await getAgentStatus() setAvailableAgents(agents.map((a) => ({ name: a.name, status: a.status }))) } fetchAgents() // Focus the textarea on load if (textareaRef.current) { textareaRef.current.focus() } }, []) useEffect(() => { if (scrollAreaRef.current) { scrollAreaRef.current.scrollTop = scrollAreaRef.current.scrollHeight } }, [messages]) const simulateTyping = (response: string, agent: string) => { // Add a typing indicator message const typingMessageId = Date.now().toString() + "-typing" setMessages((prev) => [...prev, { id: typingMessageId, content: "", role: "assistant", agent, isTyping: true }]) // Split the response into chunks to simulate typing const words = response.split(" ") let currentText = "" let wordIndex = 0 const typingInterval = setInterval(() => { if (wordIndex < words.length) { currentText += (wordIndex > 0 ? " " : "") + words[wordIndex] wordIndex++ // Update the typing message with the current text setMessages((prev) => prev.map((msg) => (msg.id === typingMessageId ? { ...msg, content: currentText, isTyping: true } : msg)), ) } else { // Replace the typing message with the final message clearInterval(typingInterval) setMessages((prev) => prev.map((msg) => (msg.id === typingMessageId ? { ...msg, isTyping: false } : msg))) setIsLoading(false) } }, 50) // Adjust typing speed here } const handleSend = async () => { if (!input.trim()) return const userMessage: Message = { id: Date.now().toString(), content: input, role: "user", } setMessages((prev) => [...prev, userMessage]) setInput("") setIsLoading(true) try { // Prepare messages for the API const messageHistory = messages .slice(-10) // Only use the last 10 messages for context .map(({ role, content }) => ({ role, content })) // Add the new user message messageHistory.push({ role: "user", content: input }) // Get response from the agent const response = await chatWithAgent(selectedAgent, messageHistory) // Simulate typing effect simulateTyping(response, selectedAgent) } catch (error) { console.error("Error sending message:", error) // Add error message const errorMessage: Message = { id: (Date.now() + 1).toString(), content: "Sorry, there was an error processing your request. Please try again.", role: "assistant", agent: selectedAgent, } setMessages((prev) => [...prev, errorMessage]) setIsLoading(false) } } const handleKeyDown = (e: React.KeyboardEvent) => { if (e.key === "Enter" && !e.shiftKey) { e.preventDefault() handleSend() } } return (

Chat with AI Agents

{messages.map((message) => (

{message.role === "user" ? : }

{message.agent && message.role === "assistant" && (

{message.agent}

)}

{message.content}

{message.isTyping && (

)}

))}

setInput(e.target.value)}
            onKeyDown={handleKeyDown}
            className="min-h-10 neuromorphic-inset neuromorphic-inset-dark resize-none"
            disabled={isLoading}
            ref={textareaRef}
          />
          <Button
            size="icon"
            onClick={handleSend}
            disabled={isLoading || !input.trim()}
            className="btn-primary-neuromorphic btn-primary-neuromorphic-dark bg-primary text-primary-foreground hover:bg-primary/90"
          >
            <Send className="h-4 w-4" />
          </Button>
        </div>
      </CardFooter>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="components/github-trending-card.tsx" isFixed="true" isEdit="true" isQuickEdit="true"
"use client"

import { useState, useEffect } from "react"
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { Badge } from "@/components/ui/badge"
import { Star, GitFork, Eye, RefreshCw, ExternalLink, AlertCircle, Github, TrendingUp } from "lucide-react"
import { Skeleton } from "@/components/ui/skeleton"
import { fetchTrendingRepositories } from "@/app/actions/github"
import type { Repository } from "@/app/actions/github"
import { Alert, AlertDescription } from "@/components/ui/alert"

export function GithubTrendingCard() {
  const [repositories, setRepositories] = useState<Repository[]>([])
  const [isLoading, setIsLoading] = useState(true)
  const [error, setError] = useState<string | null>(null)
  const [language, setLanguage] = useState("python")
  const [timeframe, setTimeframe] = useState("daily")
  const [refreshCount, setRefreshCount] = useState(0)

const fetchRepositories = async () => {
    setIsLoading(true)
    setError(null)
    try {
      const data = await fetchTrendingRepositories(language, timeframe)
      setRepositories(data)
      setRefreshCount((prev) => prev + 1)
    } catch (error) {
      console.error("Error fetching repositories:", error)
      setError("Failed to fetch repositories. Please try again.")
    } finally {
      setIsLoading(false)
    }
  }

useEffect(() => {
    fetchRepositories()
  }, [language, timeframe])

// Add a subtle animation to repositories on refresh
  useEffect(() => {
    const repoElements = document.querySelectorAll(".repo-item")
    repoElements.forEach((el, i) => {
      const htmlEl = el as HTMLElement
      htmlEl.style.opacity = "0"
      htmlEl.style.transform = "translateY(10px)"

setTimeout(() => {
        htmlEl.style.transition = "opacity 0.5s ease, transform 0.5s ease"
        htmlEl.style.opacity = "1"
        htmlEl.style.transform = "translateY(0)"
      }, i * 100)
    })
  }, [refreshCount])

return (
    <Card className="w-full neuromorphic neuromorphic-dark">
      <CardHeader>
        <div className="flex items-center justify-between">
          <div className="flex items-center gap-2">
            <Github className="h-5 w-5 text-primary" />
            <div>
              <CardTitle className="text-primary">GitHub Trending Repositories</CardTitle>
              <CardDescription>Discover high-velocity repositories on GitHub</CardDescription>
            </div>
          </div>
          <Button
            variant="outline"
            size="icon"
            onClick={fetchRepositories}
            disabled={isLoading}
            className="btn-neuromorphic btn-neuromorphic-dark"
          >
            <RefreshCw className={`h-4 w-4 ${isLoading ? "animate-spin" : ""}`} />
          </Button>
        </div>
      </CardHeader>
      <CardContent>
        <div className="mb-4 flex flex-wrap gap-2">
          <Select value={language} onValueChange={setLanguage}>
            <SelectTrigger className="w-[150px] neuromorphic-inset neuromorphic-inset-dark border-0">
              <SelectValue placeholder="Language" />
            </SelectTrigger>
            <SelectContent>
              <SelectItem value="all">All Languages</SelectItem>
              <SelectItem value="python">Python</SelectItem>
              <SelectItem value="javascript">JavaScript</SelectItem>
              <SelectItem value="typescript">TypeScript</SelectItem>
              <SelectItem value="go">Go</SelectItem>
              <SelectItem value="rust">Rust</SelectItem>
            </SelectContent>
          </Select>

<Tabs value={timeframe} onValueChange={setTimeframe} className="w-[200px]">
            <TabsList className="neuromorphic-inset neuromorphic-inset-dark">
              <TabsTrigger
                value="daily"
                className="data-[state=active]:bg-primary data-[state=active]:text-primary-foreground"
              >
                Daily
              </TabsTrigger>
              <TabsTrigger
                value="weekly"
                className="data-[state=active]:bg-primary data-[state=active]:text-primary-foreground"
              >
                Weekly
              </TabsTrigger>
              <TabsTrigger
                value="monthly"
                className="data-[state=active]:bg-primary data-[state=active]:text-primary-foreground"
              >
                Monthly
              </TabsTrigger>
            </TabsList>
          </Tabs>
        </div>

{error && (
          <Alert variant="destructive" className="mb-4 neuromorphic neuromorphic-dark border-destructive/50">
            <AlertCircle className="h-4 w-4" />
            <AlertDescription>{error}</AlertDescription>
          </Alert>
        )}

<div className="space-y-4">
          {isLoading ? (
            Array(5)
              .fill(0)
              .map((_, i) => (
                <div key={i} className="flex flex-col gap-2 rounded-xl p-4 neuromorphic-inset neuromorphic-inset-dark">
                  <div className="flex items-center justify-between">
                    <Skeleton className="h-5 w-[200px]" />
                    <Skeleton className="h-5 w-[100px]" />
                  </div>
                  <Skeleton className="h-4 w-full" />
                  <div className="flex gap-2">
                    <Skeleton className="h-4 w-[60px]" />
                    <Skeleton className="h-4 w-[60px]" />
                    <Skeleton className="h-4 w-[60px]" />
                  </div>
                </div>
              ))
          ) : repositories.length === 0 ? (
            <div className="text-center py-8 text-muted-foreground">
              No repositories found for the selected criteria.
            </div>
          ) : (
            repositories.map((repo, index) => (
              <div
                key={repo.id}
                className="repo-item flex flex-col gap-2 rounded-xl p-4 neuromorphic-inset neuromorphic-inset-dark hover:shadow-neuromorphic-pressed hover:shadow-neuromorphic-pressed-dark transition-all duration-300"
                style={{ opacity: 0, transform: "translateY(10px)" }}
              >
                <div className="flex items-center justify-between">
                  <div className="font-medium text-foreground flex items-center gap-2">
                    {index < 3 && <TrendingUp className="h-4 w-4 text-primary" />}
                    {repo.full_name}
                  </div>
                  <Badge variant="outline" className="bg-primary text-primary-foreground glow-effect">
                    {repo.language}
                  </Badge>
                </div>
                <p className="text-sm text-muted-foreground">{repo.description}</p>
                <div className="flex flex-wrap gap-3 text-sm text-muted-foreground">
                  <div className="flex items-center gap-1">
                    <Star className="h-3.5 w-3.5 text-primary" />
                    <span>{repo.stargazers_count.toLocaleString()}</span>
                  </div>
                  <div className="flex items-center gap-1">
                    <GitFork className="h-3.5 w-3.5 text-primary" />
                    <span>{repo.forks_count.toLocaleString()}</span>
                  </div>
                  <div className="flex items-center gap-1">
                    <Eye className="h-3.5 w-3.5 text-primary" />
                    <span>{repo.watchers_count.toLocaleString()}</span>
                  </div>
                  <Button variant="link" size="sm" className="h-auto p-0 text-secondary" asChild>
                    <a href={repo.html_url} target="_blank" rel="noopener noreferrer">
                      <ExternalLink className="mr-1 h-3.5 w-3.5" />
                      View Repository
                    </a>
                  </Button>
                </div>
              </div>
            ))
          )}
        </div>
      </CardContent>
      <CardFooter className="flex justify-between">
        <div className="text-sm text-muted-foreground">Showing {repositories.length} repositories</div>
      </CardFooter>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="components/script-runner.tsx" isEdit="true" isQuickEdit="true"
"use client"

import { useState, useEffect, useRef } from "react"
import { Card, CardContent, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Textarea } from "@/components/ui/textarea"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Play, Save, Trash, Code, Terminal, FileCode } from "lucide-react"
import { ScrollArea } from "@/components/ui/scroll-area"

interface Script {
  name: string
  content: string
}

export function ScriptRunner() {
  const [scripts, setScripts] = useState<Script[]>([
    {
      name: "github_trending.py",
      content: `import requests
import json

# Define the URL for accessing GitHub trending repositories (in JSON format)
url = "https://api.github.com/search/repositories?q=language:python+topic:deeplearning"

# Send an HTTP request to the GitHub API and read the content of the response
response = requests.get(url)
content = json.loads(response.text)

# Print the number of trending repositories found
print("Number of Trending Repositories: ", len(content['items']))

# Sort the list of repositories by the number of stars (descending order) and print the top 5
sorted_repos = sorted(content['items'], key=lambda x: x['stargazers_count'], reverse=True)[:5]
for repo in sorted_repos:
  print("Repository Name:", repo['name'])
  print("Repository Description:", repo['description'] or 'No description provided')
  print("Repository URL:", repo['html_url'])
`,
    },
    {
      name: "create_folder.py",
      content: `import os

def create_folder(folder_name):
  # Check if the folder already exists
  if os.path.exists(folder_name):
      print("Folder already exists.")
      return

# Create the specified folder
  try:
      os.makedirs(folder_name)
      print("Folder created successfully.")
  except OSError as e:
      print("Error while creating folder:", e)

# Call the function to create the folder
create_folder("MyAssistant")
`,
    },
  ])
  const [selectedScript, setSelectedScript] = useState<Script | null>(scripts[0])
  const [scriptContent, setScriptContent] = useState(scripts[0]?.content || "")
  const [scriptName, setScriptName] = useState(scripts[0]?.name || "")
  const [output, setOutput] = useState("")
  const [isRunning, setIsRunning] = useState(false)
  const [outputLines, setOutputLines] = useState<string[]>([])
  const outputRef = useRef<HTMLPreElement>(null)

const handleSelectScript = (script: Script) => {
    setSelectedScript(script)
    setScriptContent(script.content)
    setScriptName(script.name)
  }

const handleSaveScript = () => {
    if (!scriptName.trim()) return

const newScript = {
      name: scriptName,
      content: scriptContent,
    }

if (selectedScript) {
      // Update existing script
      setScripts(scripts.map((s) => (s.name === selectedScript.name ? newScript : s)))
    } else {
      // Add new script
      setScripts([...scripts, newScript])
    }

setSelectedScript(newScript)

// Show save confirmation
    setOutput((prev) => `${prev}Script "${scriptName}" saved successfully.\n`)
    scrollToBottom()
  }

const handleDeleteScript = () => {
    if (!selectedScript) return

setScripts(scripts.filter((s) => s.name !== selectedScript.name))

if (scripts.length > 1) {
      const nextScript = scripts.find((s) => s.name !== selectedScript.name) || null
      setSelectedScript(nextScript)
      setScriptContent(nextScript?.content || "")
      setScriptName(nextScript?.name || "")
    } else {
      setSelectedScript(null)
      setScriptContent("")
      setScriptName("")
    }

// Show delete confirmation
    setOutput((prev) => `${prev}Script "${selectedScript.name}" deleted.\n`)
    scrollToBottom()
  }

const scrollToBottom = () => {
    if (outputRef.current) {
      outputRef.current.scrollTop = outputRef.current.scrollHeight
    }
  }

const simulateOutput = (scriptName: string) => {
    setOutputLines([])
    let lines: string[] = []

if (scriptName === "github_trending.py") {
      lines = [
        "Fetching data from GitHub API...",
        "Processing repository data...",
        "Number of Trending Repositories: 5",
        "",
        "Repository Name: llama",
        "Repository Description: Open source large language model by Meta",
        "Repository URL: https://github.com/meta/llama",
        "",
        "Repository Name: mistral",
        "Repository Description: Mistral AI's open-weight large language model",
        "Repository URL: https://github.com/mistralai/mistral",
        "",
        "Repository Name: autogen",
        "Repository Description: Framework for building AI agents with LLMs",
        "Repository URL: https://github.com/microsoft/autogen",
        "",
        "Repository Name: ollama",
        "Repository Description: Run large language models locally",
        "Repository URL: https://github.com/ollama/ollama",
        "",
        "Repository Name: langchain",
        "Repository Description: Building applications with LLMs through composability",
        "Repository URL: https://github.com/langchain-ai/langchain",
        "",
        "Process completed successfully.",
      ]
    } else if (scriptName === "create_folder.py") {
      lines = [
        "Checking if folder exists...",
        "Creating folder 'MyAssistant'...",
        "Folder created successfully.",
        "Process completed.",
      ]
    } else {
      lines = ["Running script...", "Script executed successfully."]
    }

return lines
  }

const handleRunScript = async () => {
    if (!selectedScript) return

setIsRunning(true)
    setOutput("")
    setOutputLines([])

const lines = simulateOutput(selectedScript.name)

// Display output line by line with a delay
    for (let i = 0; i < lines.length; i++) {
      await new Promise((resolve) => setTimeout(resolve, 200))
      setOutputLines((prev) => [...prev, lines[i]])
    }

try {
      const response = await fetch("/api/run-script", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
        },
        body: JSON.stringify({
          script: selectedScript.name,
          args: [],
        }),
      })

const data = await response.json()

if (data.success) {
        // Output is already displayed line by line
        setOutput(lines.join("\n"))
      } else {
        setOutput(`Error: ${data.error}`)
      }
    } catch (error) {
      console.error("Error running script:", error)
      setOutput("Error: Failed to run script")
    } finally {
      setIsRunning(false)
    }
  }

useEffect(() => {
    scrollToBottom()
  }, [outputLines])

return (
    <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
      <Card className="neuromorphic neuromorphic-dark md:col-span-1">
        <CardHeader>
          <div className="flex items-center gap-2">
            <FileCode className="h-5 w-5 text-primary" />
            <CardTitle className="text-primary">Scripts</CardTitle>
          </div>
        </CardHeader>
        <CardContent>
          <ScrollArea className="h-[300px]">
            <div className="space-y-2">
              {scripts.map((script) => (
                <Button
                  key={script.name}
                  variant="outline"
                  className={`w-full justify-start text-left ${
                    selectedScript?.name === script.name
                      ? "bg-primary text-primary-foreground glow-effect"
                      : "btn-neuromorphic btn-neuromorphic-dark"
                  }`}
                  onClick={() => handleSelectScript(script)}
                >
                  <Code className="mr-2 h-4 w-4" />
                  {script.name}
                </Button>
              ))}
            </div>
          </ScrollArea>
        </CardContent>
      </Card>

<Card className="neuromorphic neuromorphic-dark md:col-span-2">
        <CardHeader>
          <div className="flex items-center gap-2">
            <Code className="h-5 w-5 text-primary" />
            <CardTitle className="text-primary">Script Editor</CardTitle>
          </div>
        </CardHeader>
        <CardContent className="space-y-4">
          <div className="space-y-2">
            <Label htmlFor="script-name">Script Name</Label>
            <Input
              id="script-name"
              value={scriptName}
              onChange={(e) => setScriptName(e.target.value)}
              className="neuromorphic-inset neuromorphic-inset-dark border-0"
            />
          </div>
          <div className="space-y-2">
            <Label htmlFor="script-content">Script Content</Label>
            <Textarea
              id="script-content"
              value={scriptContent}
              onChange={(e) => setScriptContent(e.target.value)}
              className="h-[200px] font-mono text-sm neuromorphic-inset neuromorphic-inset-dark border-0"
            />
          </div>
        </CardContent>
        <CardFooter className="flex justify-between">
          <div className="flex space-x-2">
            <Button variant="outline" className="btn-neuromorphic btn-neuromorphic-dark" onClick={handleSaveScript}>
              <Save className="mr-2 h-4 w-4" />
              Save
            </Button>
            <Button
              variant="outline"
              className="btn-neuromorphic btn-neuromorphic-dark text-destructive hover:text-destructive"
              onClick={handleDeleteScript}
              disabled={!selectedScript}
            >
              <Trash className="mr-2 h-4 w-4" />
              Delete
            </Button>
          </div>
          <Button
            className="btn-primary-neuromorphic btn-primary-neuromorphic-dark"
            onClick={handleRunScript}
            disabled={isRunning || !selectedScript}
          >
            <Play className="mr-2 h-4 w-4" />
            Run
          </Button>
        </CardFooter>
      </Card>

<Card className="neuromorphic neuromorphic-dark md:col-span-3">
        <CardHeader>
          <div className="flex items-center gap-2">
            <Terminal className="h-5 w-5 text-primary" />
            <CardTitle className="text-primary">Output</CardTitle>
          </div>
        </CardHeader>
        <CardContent>
          <ScrollArea className="h-[200px]">
            <pre
              ref={outputRef}
              className="font-mono text-sm whitespace-pre-wrap p-4 neuromorphic-inset neuromorphic-inset-dark rounded-xl"
            >
              {outputLines.length > 0
                ? outputLines.map((line, index) => (
                    <div key={index} className="py-0.5">
                      {line}
                    </div>
                  ))
                : "Run a script to see output here..."}
              {isRunning && (
                <div className="inline-flex items-center mt-2">
                  <div className="h-2 w-2 bg-primary rounded-full animate-pulse mr-1"></div>
                  <div
                    className="h-2 w-2 bg-primary rounded-full animate-pulse mr-1"
                    style={{ animationDelay: "0.2s" }}
                  ></div>
                  <div
                    className="h-2 w-2 bg-primary rounded-full animate-pulse"
                    style={{ animationDelay: "0.4s" }}
                  ></div>
                </div>
              )}
            </pre>
          </ScrollArea>
        </CardContent>
      </Card>
    </div>
  )
}

[V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isQuickEdit="true"
import { DashboardHeader } from "@/components/dashboard-header"
import { DashboardShell } from "@/components/dashboard-shell"
import { AgentCard } from "@/components/agent-card"
import { GithubTrendingCard } from "@/components/github-trending-card"
import { ChatInterface } from "@/components/chat-interface"
import { ScriptRunner } from "@/components/script-runner"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { Separator } from "@/components/ui/separator"
import { AgentStatus } from "@/components/agent-status"
import { getAgentStatus } from "@/app/actions/ollama"
import { MessageSquare, Github, FileCode } from "lucide-react"

export default async function DashboardPage() {
  const agents = await getAgentStatus()

return (
    <DashboardShell>
      <DashboardHeader
        heading="Ask Me Anything Dashboard"
        description="Interact with AI agents and explore trending GitHub repositories."
      />
      <Separator className="my-4" />
      <AgentStatus />
      <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
        {agents.map((agent) => (
          <AgentCard
            key={agent.name}
            name={agent.name}
            description={getAgentDescription(agent.name)}
            status={agent.status}
          />
        ))}
      </div>
      <Tabs defaultValue="chat" className="mt-6">
        <TabsList className="neuromorphic-inset neuromorphic-inset-dark">
          <TabsTrigger
            value="chat"
            className="data-[state=active]:bg-primary data-[state=active]:text-primary-foreground flex items-center gap-1"
          >
            <MessageSquare className="h-4 w-4" />
            Chat Interface
          </TabsTrigger>
          <TabsTrigger
            value="github"
            className="data-[state=active]:bg-primary data-[state=active]:text-primary-foreground flex items-center gap-1"
          >
            <Github className="h-4 w-4" />
            GitHub Trending
          </TabsTrigger>
          <TabsTrigger
            value="scripts"
            className="data-[state=active]:bg-primary data-[state=active]:text-primary-foreground flex items-center gap-1"
          >
            <FileCode className="h-4 w-4" />
            Python Scripts
          </TabsTrigger>
        </TabsList>
        <TabsContent value="chat" className="mt-4">
          <ChatInterface />
        </TabsContent>
        <TabsContent value="github" className="mt-4">
          <GithubTrendingCard />
        </TabsContent>
        <TabsContent value="scripts" className="mt-4">
          <ScriptRunner />
        </TabsContent>
      </Tabs>
    </DashboardShell>
  )
}

function getAgentDescription(name: string): string {
  switch (name) {
    case "Scout":
      return "Searches for information and retrieves data from various sources."
    case "Editor":
      return "Edits and formats content based on your requirements."
    case "Uploader":
      return "Handles file operations and data uploads."
    case "Clicker":
      return "Automates UI interactions and navigation tasks."
    case "Transaction":
      return "Manages and processes transaction-related operations."
    default:
      return "An AI agent that assists with various tasks."
  }
}

[V0_FILE]typescriptreact:file="app/api/run-script/route.ts" isEdit="true" isQuickEdit="true"
import { type NextRequest, NextResponse } from "next/server"

export async function POST(request: NextRequest) {
  try {
    const { script, args } = await request.json()

// Simulate running a Python script
    console.log(`Running script: ${script} with args:`, args)

// Simulate different script outputs with more realistic data
    let output = ""

if (script === "github_trending.py") {
      output = `Fetching data from GitHub API...
Processing repository data...
Number of Trending Repositories: 5

Repository Name: llama
Repository Description: Open source large language model by Meta
Repository URL: https://github.com/meta/llama

Repository Name: mistral
Repository Description: Mistral AI's open-weight large language model
Repository URL: https://github.com/mistralai/mistral

Repository Name: autogen
Repository Description: Framework for building AI agents with LLMs
Repository URL: https://github.com/microsoft/autogen

Repository Name: ollama
Repository Description: Run large language models locally
Repository URL: https://github.com/ollama/ollama

Repository Name: langchain
Repository Description: Building applications with LLMs through composability
Repository URL: https://github.com/langchain-ai/langchain

Process completed successfully.`
    } else if (script === "create_folder.py") {
      output = `Checking if folder exists...
Creating folder 'MyAssistant'...
Folder created successfully.
Process completed.`
    } else {
      output = `Running script...
Script executed successfully.`
    }

// Simulate a delay to make it feel more realistic
    await new Promise((resolve) => setTimeout(resolve, 1000))

return NextResponse.json({ success: true, output })
  } catch (error) {
    console.error("Error running script:", error)
    return NextResponse.json({ success: false, error: "Failed to run script" }, { status: 500 })
  }
}
</article></body></html>

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This