feat: add keyboard shortcut tooltips

app/components/Dialog/QuickSwitcher.vue

@@ -122,7 +122,7 @@ onMounted(() => { inputRef.value?.focus(); });
             <input ref="inputRef" v-model="query" type="text" role="combobox" aria-autocomplete="list"
                 aria-haspopup="listbox" :aria-expanded="flattenedResults.length > 0" :aria-controls="listboxId"
                 :aria-activedescendant="flattenedResults[selectedIndex]?.uiId" placeholder="Search agents and topics..."
-                class="w-full bg-transparent border-none outline-none text-lg text-[var(--text-primary)]"
+                class="placeholder:text-[var(--text-tertiary)] w-full bg-transparent border-none outline-none text-lg text-[var(--text-primary)]"
                 @keydown="handleKeyDown" />
         </div>
 

app/components/Dialog/Settings.vue

@@ -89,7 +89,7 @@ const runtimePage = computed(() => {
         <main
             class="flex-1 flex flex-col overflow-y-hidden max-h-full h-full px-3 bg-[var(--bg-surface)] border rounded-lg border-[var(--color-border)]">
             <header class="flex items-center justify-between pl-2 pb-2 pt-2 ">
-                <h2 class="text-lg font-semibold m-0 capitalize">{{ runtimePage.label }}</h2>
+                <h2 class="text-lg font-semibold m-0 case-capital">{{ runtimePage.label }}</h2>
                 <button
                     class="hover:bg-[var(--color-hover)] p-1.5 rounded-md transition-colors duration-200 ease-[cubic-bezier(0,0.55,0.45,1)]"
                     @click="close">