ui: hide unavailable sidebar quick actions
Save Chat, Clear Chat, and Logout used to stay visible as disabled dropdown rows (dimmed). They now use x-show so entries only appear when a chat is selected or the user is logged in.
Alessandro committed
Mar 26, 2026 at 12:07 UTC
ad736a831e472a5deeda01753f33de86aa3dfab5
1 file changed
+3
-3
webui/components/sidebar/top-section/header-icons.html
+3
-3
@@ -111,19 +111,19 @@
111
<span>Load Chat</span>
112
</button>
113
114
- <button class="dropdown-item" @click="$store.chats.saveChat(); $store.sidebar.menuClose()" :disabled="!$store.chats.selected">
114
+ <button class="dropdown-item" x-show="$store.chats.selected" @click="$store.chats.saveChat(); $store.sidebar.menuClose()">
115
<span class="material-symbols-outlined">save</span>
116
<span>Save Chat</span>
117
</button>
118
119
- <button class="dropdown-item" @click="$confirmClick($event, () => { $store.chats.resetChat(); $store.sidebar.menuClose() })" :disabled="!$store.chats.selected">
119
+ <button class="dropdown-item" x-show="$store.chats.selected" @click="$confirmClick($event, () => { $store.chats.resetChat(); $store.sidebar.menuClose() })">
120
<span class="material-symbols-outlined">delete_sweep</span>
121
<span>Clear Chat</span>
122
</button>
123
124
<div class="dropdown-separator"></div>
125
126
- <button class="dropdown-item" @click="$confirmClick($event, () => { $store.chats.logout(); $store.sidebar.menuClose() })" :disabled="!$store.chats.loggedIn">
126
+ <button class="dropdown-item" x-show="$store.chats.loggedIn" @click="$confirmClick($event, () => { $store.chats.logout(); $store.sidebar.menuClose() })">
127
<span class="material-symbols-outlined">logout</span>
128
<span>Logout</span>
129
</button>