63 lines
2.7 KiB
HTML
63 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html class="light">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Agent Chat</title>
|
|
<link rel="stylesheet" href="sovereign://css/dot-menu.css">
|
|
<link rel="stylesheet" href="sovereign://css/post-composer.css">
|
|
<link rel="stylesheet" href="sovereign://agents/chat.css">
|
|
</head>
|
|
<body>
|
|
<div id="chat-root">
|
|
<div id="tab-bar">
|
|
<button class="tab active" data-tab="chat" onclick="switchTab('chat')">Chat</button>
|
|
<button class="tab" data-tab="conversations" onclick="switchTab('conversations')">Conversations</button>
|
|
<button class="tab" data-tab="skills" onclick="switchTab('skills')">Skills</button>
|
|
</div>
|
|
|
|
<div id="tab-chat" class="tab-content active">
|
|
<div id="messages"></div>
|
|
<div id="no-chat-placeholder" class="no-chat-placeholder">
|
|
No conversations yet. Click ‘+ New Chat’ to start.
|
|
</div>
|
|
<div id="status-msg" class="msg-bubble-row system" style="display:none">
|
|
<div class="msg-bubble system" id="status-msg-bubble"></div>
|
|
</div>
|
|
<div id="input-area">
|
|
<div id="composer-host"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="tab-conversations" class="tab-content">
|
|
<div class="tab-toolbar">
|
|
<button id="new-chat-btn" class="btn" onclick="newChat()">+ New Chat</button>
|
|
<button class="btn" onclick="fetchConvList()" title="Refresh">↻</button>
|
|
</div>
|
|
<div id="conv-list"></div>
|
|
</div>
|
|
|
|
<div id="tab-skills" class="tab-content">
|
|
<div class="tab-toolbar">
|
|
<button id="create-skill-btn" class="btn" onclick="showCreateSkillForm()">+ Create Skill</button>
|
|
<button class="btn" onclick="fetchSkills()" title="Refresh">↻</button>
|
|
</div>
|
|
<div id="skill-list"></div>
|
|
<div id="create-skill-form" style="display:none">
|
|
<input id="skill-name" placeholder="Skill name" class="skill-input">
|
|
<input id="skill-desc" placeholder="Description (optional)" class="skill-input">
|
|
<textarea id="skill-content" rows="4" placeholder="System prompt template..." class="skill-input"></textarea>
|
|
<input id="skill-tools" placeholder="Tools (comma-separated, optional)" class="skill-input">
|
|
<button class="btn" onclick="publishSkill()">Publish</button>
|
|
<button class="btn btn-del" onclick="hideCreateSkillForm()">Cancel</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="sovereign://vendor/marked.min.js"></script>
|
|
<script src="sovereign://vendor/purify.min.js"></script>
|
|
<script src="sovereign://js/dot-menu.js"></script>
|
|
<script src="sovereign://js/post-composer.js"></script>
|
|
<script src="sovereign://agents/chat.js"></script>
|
|
</body>
|
|
</html>
|