File size: 8,625 Bytes
d52af28 6de0c67 d52af28 6de0c67 d52af28 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Projects - LLM Agent Orchestrator</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://unpkg.com/feather-icons"></script>
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
</head>
<body class="bg-gray-50">
<div class="min-h-screen">
<!-- Navigation -->
<nav class="bg-white shadow-sm">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between h-16">
<div class="flex items-center">
<a href="index.html" class="text-xl font-bold text-gray-800 flex items-center">
<i data-feather="code" class="mr-2 text-purple-600"></i>
LLM Agent Orchestrator
</a>
</div>
<div class="flex items-center space-x-4">
<a href="index.html" class="text-gray-700 hover:text-purple-600 flex items-center">
<i data-feather="plus-circle" class="mr-1"></i> New Project
</a>
<a href="projects.html" class="text-purple-600 font-medium flex items-center">
<i data-feather="folder" class="mr-1"></i> My Projects
</a>
<a href="dashboard.html" class="text-gray-700 hover:text-purple-600 flex items-center">
<i data-feather="activity" class="mr-1"></i> Dashboard
</a>
</div>
</div>
</div>
</nav>
<!-- Main Content -->
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
<div class="flex justify-between items-center mb-8">
<h1 class="text-2xl font-bold text-gray-800 flex items-center">
<i data-feather="folder" class="mr-2 text-purple-600"></i> My Projects
</h1>
<div class="relative">
<input type="text" placeholder="Search projects..." class="pl-10 pr-4 py-2 border border-gray-300 rounded-lg focus:ring-purple-500 focus:border-purple-500">
<i data-feather="search" class="absolute left-3 top-2.5 text-gray-400"></i>
</div>
</div>
<!-- Projects Grid -->
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<!-- Project Card 1 -->
<div class="bg-white rounded-lg shadow-md overflow-hidden border border-gray-200 hover:shadow-lg transition-shadow duration-300">
<div class="p-5">
<div class="flex justify-between items-start">
<h2 class="text-lg font-semibold text-gray-800 mb-2">Customer Support Agent</h2>
<span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full">Active</span>
</div>
<p class="text-gray-600 text-sm mb-4">Automated customer support using GPT-4 with web search capabilities</p>
<div class="flex items-center text-sm text-gray-500 mb-4">
<i data-feather="clock" class="mr-1 w-4 h-4"></i>
<span>Last updated: 2 days ago</span>
</div>
<div class="flex space-x-2">
<a href="index.html?project=1" class="flex-1 bg-purple-600 hover:bg-purple-700 text-white text-center py-2 px-4 rounded-md">
<i data-feather="edit-2" class="mr-1 inline w-4 h-4"></i> Edit
</a>
<button class="bg-gray-100 hover:bg-gray-200 text-gray-700 py-2 px-4 rounded-md">
<i data-feather="more-vertical" class="w-4 h-4"></i>
</button>
</div>
</div>
</div>
<!-- Project Card 2 -->
<div class="bg-white rounded-lg shadow-md overflow-hidden border border-gray-200 hover:shadow-lg transition-shadow duration-300">
<div class="p-5">
<div class="flex justify-between items-start">
<h2 class="text-lg font-semibold text-gray-800 mb-2">Data Analyzer</h2>
<span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full">Processing</span>
</div>
<p class="text-gray-600 text-sm mb-4">Processes and analyzes CSV data with multiple processing steps</p>
<div class="flex items-center text-sm text-gray-500 mb-4">
<i data-feather="clock" class="mr-1 w-4 h-4"></i>
<span>Last updated: 1 week ago</span>
</div>
<div class="flex space-x-2">
<a href="index.html?project=2" class="flex-1 bg-purple-600 hover:bg-purple-700 text-white text-center py-2 px-4 rounded-md">
<i data-feather="edit-2" class="mr-1 inline w-4 h-4"></i> Edit
</a>
<button class="bg-gray-100 hover:bg-gray-200 text-gray-700 py-2 px-4 rounded-md">
<i data-feather="more-vertical" class="w-4 h-4"></i>
</button>
</div>
</div>
</div>
<!-- Project Card 3 -->
<div class="bg-white rounded-lg shadow-md overflow-hidden border border-gray-200 hover:shadow-lg transition-shadow duration-300">
<div class="p-5">
<div class="flex justify-between items-start">
<h2 class="text-lg font-semibold text-gray-800 mb-2">News Aggregator</h2>
<span class="bg-gray-100 text-gray-800 text-xs px-2 py-1 rounded-full">Draft</span>
</div>
<p class="text-gray-600 text-sm mb-4">Collects and summarizes news from multiple RSS feeds</p>
<div class="flex items-center text-sm text-gray-500 mb-4">
<i data-feather="clock" class="mr-1 w-4 h-4"></i>
<span>Last updated: 3 weeks ago</span>
</div>
<div class="flex space-x-2">
<a href="index.html?project=3" class="flex-1 bg-purple-600 hover:bg-purple-700 text-white text-center py-2 px-4 rounded-md">
<i data-feather="edit-2" class="mr-1 inline w-4 h-4"></i> Edit
</a>
<button class="bg-gray-100 hover:bg-gray-200 text-gray-700 py-2 px-4 rounded-md">
<i data-feather="more-vertical" class="w-4 h-4"></i>
</button>
</div>
</div>
</div>
<!-- New Project Card -->
<div class="bg-white rounded-lg shadow-md overflow-hidden border-2 border-dashed border-gray-300 hover:border-purple-300 hover:bg-purple-50 transition-all duration-300 flex items-center justify-center">
<a href="index.html" class="p-8 text-center">
<div class="mx-auto w-12 h-12 bg-purple-100 rounded-full flex items-center justify-center mb-3">
<i data-feather="plus" class="text-purple-600"></i>
</div>
<h3 class="text-lg font-medium text-gray-700">Create New Project</h3>
<p class="text-sm text-gray-500 mt-1">Start building a new agent flow</p>
</a>
</div>
</div>
</main>
</div>
<footer class="bg-white border-t mt-12">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
<p class="text-center text-gray-500 text-sm">
© 2023 LLM Agent Orchestrator. All rights reserved.
</p>
</div>
</footer>
<script>
document.addEventListener('DOMContentLoaded', function() {
feather.replace();
});
</script>
</body>
</html> |