Update index.html
Alessandro committed
Sep 20, 2024 at 06:05 UTC
ffa8a7f6eb1fb4d99f7e8dbe9a496baf3d4ee402
1 file changed
+28
-13
webui/index.html
+28
-13
@@ -19,9 +19,19 @@
19
20
<body>
21
<div class="container">
22
+ <div class="icons-section" id="hide-button" x-data="{ connected: true }">
23
+ <button id="toggle-sidebar" class="toggle-sidebar-button" aria-label="Toggle Sidebar" aria-expanded="false">
24
+ <span aria-hidden="true">
25
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="CurrentColor">
26
+ <path d="M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z"/>
27
+ </svg>
28
+ </span>
29
+ </button>
30
+ </div>
31
+ <!--Sidebar-->
32
<div id="left-panel" class="panel">
23
- <!-- <h2>Configuration</h2> -->
24
-
33
+ <div class="left-panel-top">
34
+ <!--Sidebar upper elements-->
35
<div class="config-section" id="status-section" x-data="{ connected: true }">
36
<h3>Status</h3>
37
<h4 class="connected" x-show="connected">✔ Connected</h4>
@@ -39,8 +49,8 @@
49
<ul class="config-list">
50
<template x-for="context in contexts">
51
<li>
42
- <span
43
- :class="{'chat-list-button': true, 'font-bold': context.id === selected}"
52
+ <span
53
+ :class="{'chat-list-button': true, 'font-bold': context.id === selected}"
54
@click="selected = context.id; selectChat(context.id)">
55
Chat #<span x-text="context.no"></span>
56
</span>
@@ -49,8 +59,9 @@
59
</template>
60
</ul>
61
</div>
52
-
53
- <div class="config-section">
62
+ </div>
63
+ <!--Preferences-->
64
+ <div class="pref-section">
65
<h3>Preferences</h3>
66
<ul class="config-list">
67
<li x-data="{ autoScroll: true }">
@@ -78,15 +89,19 @@
89
<span class="slider"></span>
90
</label>
91
</li>
81
-
92
</ul>
83
- </div>
93
+ <span id="a0version">Agent Zero 0.6.5<br>built on 9/13/2024</span>
94
</div>
85
- <div class="splitter" id="splitter"></div>
95
+ </div>
96
<div id="right-panel" class="panel">
87
- <!--<h2>Chat</h2>-->
97
+ <div id="logo-container">
98
+ <a href="https://github.com/frdel/agent-zero" target="_blank" rel="noopener noreferrer">
99
+ <img src="splash.jpg" alt="a0" width="48" height="48">
100
+ </a>
101
+ <span id="utc-time"></span>
102
+ </div>
103
+ <!--Chat-->
104
<div id="chat-history">
89
-
105
</div>
106
<div id="input-section" x-data="{ paused: false }">
107
<textarea id="chat-input" placeholder="Type your message here..." rows="1"></textarea>
@@ -95,9 +110,9 @@
110
x-show="!paused">❚❚</button>
111
<button class="chat-button pause-button" id="unpause-button" @click="pauseAgent(false)"
112
x-show="paused">▶</button>
98
- </div>
113
</div>
114
</div>
115
+ </div>
116
</body>
117
103
-</html>
\ No newline at end of file
118
+</html>