[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="app/actions/github.ts" 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 // For now, we'll return mock data const mockData: Repository[] = [ { 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", }, { 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: 5, name: "langchain", full_name: "langchain-ai/langchain", description: "Building applications with LLMs through composability", html_url: "https://github.com/langchain-ai/langchain", stargazers_count: 22000, forks_count: 3500, watchers_count: 650, language: "Python", }, ] return mockData.filter((repo) => language === "all" || repo.language.toLowerCase() === language.toLowerCase()) } 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="tailwind.config.ts" isEdit="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" }, }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", }, boxShadow: { neuromorphic: "5px 5px 10px rgba(0, 0, 0, 0.15), -5px -5px 10px rgba(255, 255, 255, 0.15)", "neuromorphic-inset": "inset 5px 5px 10px rgba(0, 0, 0, 0.15), inset -5px -5px 10px rgba(255, 255, 255, 0.15)", "neuromorphic-dark": "5px 5px 10px rgba(0, 0, 0, 0.3), -5px -5px 10px rgba(255, 255, 255, 0.05)", "neuromorphic-inset-dark": "inset 5px 5px 10px rgba(0, 0, 0, 0.3), inset -5px -5px 10px rgba(255, 255, 255, 0.05)", }, }, }, plugins: [require("tailwindcss-animate")], } satisfies Config export default config [V0_FILE]css:file="app/globals.css" isEdit="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; } .neuromorphic-dark { @apply dark:shadow-neuromorphic-dark; } .neuromorphic-inset { @apply bg-muted shadow-neuromorphic-inset rounded-xl border-0; } .neuromorphic-inset-dark { @apply dark:shadow-neuromorphic-inset-dark; } .btn-neuromorphic { @apply bg-card hover:bg-muted shadow-neuromorphic hover:shadow-neuromorphic-inset active:shadow-neuromorphic-inset transition-all duration-200 rounded-xl border-0; } .btn-neuromorphic-dark { @apply dark:shadow-neuromorphic-dark dark:hover:shadow-neuromorphic-inset-dark dark:active:shadow-neuromorphic-inset-dark; } } [V0_FILE]typescriptreact:file="components/dashboard-shell.tsx" isEdit="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/site-header.tsx" isEdit="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/agent-card.tsx" isEdit="true" 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 } from "lucide-react" interface AgentCardProps { name: string description: string status: "active" | "inactive" | "loading" } export function AgentCard({ name, description, status }: AgentCardProps) { return (

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

{description}

) } [V0_FILE]typescriptreact:file="components/chat-interface.tsx" isEdit="true" "use client" import { useState } 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 } from "lucide-react" interface Message { id: string content: string role: "user" | "assistant" agent?: string } 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 handleSend = async () => { if (!input.trim()) return const userMessage: Message = { id: Date.now().toString(), content: input, role: "user", } setMessages((prev) => [...prev, userMessage]) setInput("") setIsLoading(true) // Simulate AI response setTimeout(() => { const agents = ["Scout", "Editor", "Uploader", "Clicker", "Transaction"] const randomAgent = agents[Math.floor(Math.random() * agents.length)] const assistantMessage: Message = { id: (Date.now() + 1).toString(), content: `I'm ${randomAgent}. I've processed your request: "${input}". How else can I assist you?`, role: "assistant", agent: randomAgent, } setMessages((prev) => [...prev, assistantMessage]) setIsLoading(false) }, 1500) } return ( Chat with AI Agents

{messages.map((message) => (

{message.role === "user" ? "U" : message.agent?.[0]}

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

{message.agent}

)}

{message.content}

))} {isLoading && (

Agent is typing...

)}

setInput(e.target.value)}
            onKeyDown={(e) => {
              if (e.key === "Enter" && !e.shiftKey) {
                e.preventDefault()
                handleSend()
              }
            }}
            className="min-h-10 neuromorphic-inset neuromorphic-inset-dark resize-none"
          />
          <Button
            size="icon"
            onClick={handleSend}
            disabled={isLoading || !input.trim()}
            className="btn-neuromorphic btn-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" isEdit="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 } from "lucide-react"
import { Skeleton } from "@/components/ui/skeleton"
import { fetchTrendingRepositories } from "@/app/actions/github"
import type { Repository } from "@/app/actions/github"

export function GithubTrendingCard() {
  const [repositories, setRepositories] = useState<Repository[]>([])
  const [isLoading, setIsLoading] = useState(true)
  const [language, setLanguage] = useState("python")
  const [timeframe, setTimeframe] = useState("daily")

const fetchRepositories = async () => {
    setIsLoading(true)
    try {
      const data = await fetchTrendingRepositories(language, timeframe)
      setRepositories(data)
    } catch (error) {
      console.error("Error fetching repositories:", error)
    } finally {
      setIsLoading(false)
    }
  }

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

return (
    <Card className="w-full neuromorphic neuromorphic-dark">
      <CardHeader>
        <div className="flex items-center justify-between">
          <div>
            <CardTitle className="text-primary">GitHub Trending Repositories</CardTitle>
            <CardDescription>Discover high-velocity repositories on GitHub</CardDescription>
          </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>

<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.map((repo) => (
                <div
                  key={repo.id}
                  className="flex flex-col gap-2 rounded-xl p-4 neuromorphic-inset neuromorphic-inset-dark"
                >
                  <div className="flex items-center justify-between">
                    <div className="font-medium text-foreground">{repo.full_name}</div>
                    <Badge variant="outline" className="bg-secondary text-secondary-foreground">
                      {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/agent-status.tsx" isEdit="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 } from "lucide-react"

export function AgentStatus() {
  const [status, setStatus] = useState<"starting" | "running" | "error">("starting")
  const [progress, setProgress] = useState(0)

useEffect(() => {
    // Simulate the agent startup process
    const timer = setTimeout(() => {
      setStatus("running")
      setProgress(100)
    }, 3000)

const interval = setInterval(() => {
      setProgress((prev) => {
        if (prev >= 100) {
          clearInterval(interval)
          return 100
        }
        return prev + 10
      })
    }, 300)

return () => {
      clearTimeout(timer)
      clearInterval(interval)
    }
  }, [])

if (status === "starting") {
    return (
      <Alert className="mb-4 neuromorphic neuromorphic-dark border-primary/50">
        <AlertCircle className="h-4 w-4 text-primary" />
        <AlertTitle className="text-primary">Initializing Agents</AlertTitle>
        <AlertDescription>
          <div className="mt-2">
            <Progress value={progress} className="h-2 bg-muted" indicatorClassName="bg-primary" />
          </div>
          <p className="mt-2 text-sm">Starting Ollama and initializing AI agents...</p>
        </AlertDescription>
      </Alert>
    )
  }

if (status === "error") {
    return (
      <Alert variant="destructive" className="mb-4 neuromorphic neuromorphic-dark border-destructive/50">
        <AlertCircle className="h-4 w-4" />
        <AlertTitle>Error</AlertTitle>
        <AlertDescription>
          Failed to initialize agents. Please check your Ollama installation and try again.
        </AlertDescription>
      </Alert>
    )
  }

return (
    <Alert className="mb-4 neuromorphic neuromorphic-dark border-secondary/50">
      <CheckCircle2 className="h-4 w-4 text-secondary" />
      <AlertTitle className="text-secondary">Agents Running</AlertTitle>
      <AlertDescription>All AI agents are initialized and ready to use.</AlertDescription>
    </Alert>
  )
}

[V0_FILE]typescriptreact:file="app/page.tsx" isEdit="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 { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { Separator } from "@/components/ui/separator"
import { AgentStatus } from "@/components/agent-status"

export default function DashboardPage() {
  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">
        <AgentCard
          name="Scout"
          description="Searches for information and retrieves data from various sources."
          status="active"
        />
        <AgentCard name="Editor" description="Edits and formats content based on your requirements." status="active" />
        <AgentCard name="Uploader" description="Handles file operations and data uploads." status="active" />
        <AgentCard name="Clicker" description="Automates UI interactions and navigation tasks." status="active" />
        <AgentCard
          name="Transaction"
          description="Manages and processes transaction-related operations."
          status="active"
        />
      </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"
          >
            Chat Interface
          </TabsTrigger>
          <TabsTrigger
            value="github"
            className="data-[state=active]:bg-primary data-[state=active]:text-primary-foreground"
          >
            GitHub Trending
          </TabsTrigger>
        </TabsList>
        <TabsContent value="chat" className="mt-4">
          <ChatInterface />
        </TabsContent>
        <TabsContent value="github" className="mt-4">
          <GithubTrendingCard />
        </TabsContent>
      </Tabs>
    </DashboardShell>
  )
}

[V0_FILE]typescriptreact:file="components/mode-toggle.tsx" isEdit="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 (
    <DropdownMenu>
      <DropdownMenuTrigger asChild>
        <Button variant="outline" size="icon" className="btn-neuromorphic btn-neuromorphic-dark">
          <Sun className="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0 text-primary" />
          <Moon className="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100 text-primary" />
          <span className="sr-only">Toggle theme</span>
        </Button>
      </DropdownMenuTrigger>
      <DropdownMenuContent align="end">
        <DropdownMenuItem onClick={() => setTheme("light")}>Light</DropdownMenuItem>
        <DropdownMenuItem onClick={() => setTheme("dark")}>Dark</DropdownMenuItem>
        <DropdownMenuItem onClick={() => setTheme("system")}>System</DropdownMenuItem>
      </DropdownMenuContent>
    </DropdownMenu>
  )
}

[V0_FILE]typescriptreact:file="components/dashboard-header.tsx" isEdit="true"
interface DashboardHeaderProps {
  heading: string
  description?: string
}

export function DashboardHeader({ heading, description }: DashboardHeaderProps) {
  return (
    <div className="flex flex-col gap-1">
      <h1 className="text-3xl font-bold tracking-tight text-primary">{heading}</h1>
      {description && <p className="text-muted-foreground">{description}</p>}
    </div>
  )
}

[V0_FILE]typescriptreact:file="components/site-footer.tsx" isEdit="true"
export function SiteFooter() {
  return (
    <footer className="border-t py-6 md:py-0 bg-background/80 backdrop-blur-sm">
      <div className="container flex flex-col items-center justify-between gap-4 md:h-16 md:flex-row">
        <p className="text-center text-sm leading-loose text-muted-foreground md:text-left">
          Built with Next.js and shadcn/ui. Powered by Ollama and autogen.
        </p>
      </div>
    </footer>
  )
}

[V0_FILE]typescriptreact:file="components/ui/progress.tsx"
"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<typeof ProgressPrimitive.Root>,
  React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> & {
    indicatorClassName?: string
  }
>(({ className, value, indicatorClassName, ...props }, ref) => (
  <ProgressPrimitive.Root
    ref={ref}
    className={cn("relative h-4 w-full overflow-hidden rounded-full bg-secondary", className)}
    {...props}
  >
    <ProgressPrimitive.Indicator
      className={cn("h-full w-full flex-1 bg-primary transition-all", indicatorClassName)}
      style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
    />
  </ProgressPrimitive.Root>
))
Progress.displayName = ProgressPrimitive.Root.displayName

export { Progress }
</article></body></html>

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This