op sidebar ui

src/components/sidebar/AppSidebar.vue

@@ -23,8 +23,11 @@ const emit = defineEmits<{
     <div class="sidebar-toolbar">
       <div class="sidebar-title-group">
         <h1>Browser Assistant</h1>
-        <p>Local Chromium profile manager</p>
       </div>
+      <button class="refresh-icon-button" type="button" @click="emit('refresh')">
+        <span class="refresh-icon" aria-hidden="true"></span>
+        <span class="sr-only">{{ loading || configsLoading ? "Refreshing..." : "Refresh" }}</span>
+      </button>
     </div>
 
     <div v-if="browsers.length" class="browser-nav">
@@ -46,7 +49,6 @@ const emit = defineEmits<{
         </div>
         <div class="browser-nav-body">
           <strong>{{ browser.browserName }}</strong>
-          <span>{{ browser.dataRoot }}</span>
         </div>
       </button>
     </div>
@@ -66,12 +68,7 @@ const emit = defineEmits<{
       </div>
       <div class="browser-nav-body">
         <strong>Configuration</strong>
-        <span>Manage custom scan sources and paths</span>
       </div>
     </button>
-
-    <button class="refresh-button sidebar-refresh" type="button" @click="emit('refresh')">
-      {{ loading || configsLoading ? "Refreshing..." : "Refresh" }}
-    </button>
   </aside>
 </template>