93 lines
No EOL
3.7 KiB
HTML
93 lines
No EOL
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Antigravity Agent Dashboard</title>
|
|
<link rel="stylesheet" href="/src/style.css">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap"
|
|
rel="stylesheet">
|
|
</head>
|
|
|
|
<body class="dark-theme">
|
|
<div id="app">
|
|
<aside class="sidebar glass">
|
|
<header class="sidebar-header">
|
|
<div class="logo">
|
|
<span class="logo-icon">▲</span>
|
|
<h1>Agency</h1>
|
|
</div>
|
|
<button id="new-task-btn" class="btn btn-primary">
|
|
<span>+</span> New Task
|
|
</button>
|
|
</header>
|
|
<nav class="task-nav">
|
|
<div class="nav-label">Directives</div>
|
|
<ul id="task-list">
|
|
<!-- Tasks will be injected here -->
|
|
</ul>
|
|
</nav>
|
|
</aside>
|
|
|
|
<main class="main-content">
|
|
<div id="empty-state" class="empty-state">
|
|
<div class="empty-icon">⌘</div>
|
|
<h2>Ready for a new directive?</h2>
|
|
<p>Select a task from the sidebar or create a new one to begin.</p>
|
|
</div>
|
|
|
|
<div id="task-view" class="task-view hidden">
|
|
<header class="view-header">
|
|
<div class="header-main">
|
|
<div id="view-status" class="status-badge">Running</div>
|
|
<h2 id="view-goal">Researching local LLM performance trends</h2>
|
|
</div>
|
|
</header>
|
|
|
|
<section id="answer-container" class="answer-container glass hidden">
|
|
<div class="answer-header">
|
|
<h3>Final Answer</h3>
|
|
</div>
|
|
<div id="answer-output" class="answer-output">
|
|
<!-- Answer will be injected here -->
|
|
</div>
|
|
</section>
|
|
|
|
<section class="logs-container glass">
|
|
<div class="logs-header">
|
|
<h3>Execution Logs</h3>
|
|
<div class="logs-actions">
|
|
<span class="logs-timestamp" id="view-date">Feb 9, 2026</span>
|
|
</div>
|
|
</div>
|
|
<div id="logs-output" class="logs-output">
|
|
<!-- Logs will be injected here -->
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<div id="modal-container" class="modal-container hidden">
|
|
<div class="modal glass">
|
|
<h2>New Agent Task</h2>
|
|
<p>Provide a goal for the agent to execute.</p>
|
|
<form id="new-task-form">
|
|
<textarea name="goal"
|
|
placeholder="e.g. Research the latest trending AI agents and write a report..."
|
|
required></textarea>
|
|
<div class="modal-actions">
|
|
<button type="button" class="btn btn-ghost" id="cancel-task">Cancel</button>
|
|
<button type="submit" class="btn btn-primary">Execute Directive</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
<script type="module" src="/src/main.js"></script>
|
|
</body>
|
|
|
|
</html> |