Update index.html
Alessandro committed
Sep 23, 2024 at 22:57 UTC
bb96a16e790bd648d544ee0f658a7a123141d177
1 file changed
+18
-8
webui/index.html
+18
-8
@@ -20,15 +20,15 @@
20
<body>
21
<div class="container">
22
<div class="icons-section" id="hide-button" x-data="{ connected: true }">
23
+ <!--Sidebar-->
24
<button id="toggle-sidebar" class="toggle-sidebar-button" aria-label="Toggle Sidebar" aria-expanded="false">
25
<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
+ <svg id="sidebar-hamburger-svg" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="CurrentColor">
27
<path d="M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z"/>
28
</svg>
29
</span>
30
</button>
31
</div>
31
- <!--Sidebar-->
32
<div id="left-panel" class="panel">
33
<div class="left-panel-top">
34
<!--Sidebar upper elements-->
@@ -105,18 +105,28 @@
105
<a href="https://github.com/frdel/agent-zero" target="_blank" rel="noopener noreferrer">
106
<img src="splash.jpg" alt="a0" width="48" height="48">
107
</a>
108
- <span id="utc-time"></span>
108
+ <div id="time-date"></div>
109
</div>
110
<!--Chat-->
111
<div id="chat-history">
112
</div>
113
<div id="input-section" x-data="{ paused: false }">
114
<textarea id="chat-input" placeholder="Type your message here..." rows="1"></textarea>
115
- <button class="chat-button" id="send-button">➤</button>
116
- <button class="chat-button pause-button" id="pause-button" @click="pauseAgent(true)"
117
- x-show="!paused">❚❚</button>
118
- <button class="chat-button pause-button" id="unpause-button" @click="pauseAgent(false)"
119
- x-show="paused">▶</button>
115
+ <button class="chat-button" id="send-button" aria-label="Send message">
116
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
117
+ <path d="M25 20 L75 50 L25 80" fill="none" stroke="currentColor" stroke-width="15" />
118
+ </svg>
119
+ </button>
120
+ <button class="chat-button pause-button" id="pause-button" @click="pauseAgent(true)" x-show="!paused" aria-label="Pause agent">
121
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
122
+ <path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/>
123
+ </svg>
124
+ </button>
125
+ <button class="chat-button pause-button" id="unpause-button" @click="pauseAgent(false)" x-show="paused" aria-label="Resume agent">
126
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
127
+ <path d="M8 5v14l11-7z"/>
128
+ </svg>
129
+ </button>
130
</div>
131
</div>
132
</div>