zoeissleeping/veridian
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: UI polish and provider fixes

Browse Source 
- Add animate-pulse CSS animation for loading states
- Add Ctrl+I/Ctrl+B markdown shortcuts in chat input
- Improve chat input resize with mirror element
- Add reasoning duration display and shimmer effect
- Add confirmation dialog for deleting all models
- Simplify RowVirtualizerDynamic resize handling
- Fix DialogType imports (type -> value)
- Fix ollama cloud model name resolution
- Make vllm auth header optional
- Various icon and styling fixes
This commit is contained in:
Zoe
2026-05-11 17:44:00 -05:00
parent 6ee5b2cbbe
commit 57e7a92cd1
14 changed files with 177 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/Settings/AIServiceProvider.vue
+28 -6
View File
@@ -422,11 +422,33 @@ defineEmits(['navigate']);
<h4 class="whitespace-nowrap m-0 flex gap-x-2 items-start">
Model List
<span class="text-sm text-[var(--text-secondary)] font-normal text-xs flex items-center gap-1">
{{ provider?.models.length }} models available <button
class="p-0.5 @hover:bg-[var(--color-hover)] rounded transition-colors duration-200"
@click="deleteModels">
<span class="i-mynaui-x-solid"></span>
</button>
{{ provider?.models.length }} models available
<Dropdown placement="bottom">
<template #default="{ toggle, setRef }">
<button :ref="setRef" @click="toggle"
class="p-0.5 @hover:bg-[var(--color-hover)] rounded transition-colors duration-200">
<span class="i-mynaui-x-solid"></span>
</button>
</template>
<template #dropdown="{ close }">
<div class="px-3 py-2.5 w-64 flex flex-col gap-3">
<p class="text-sm text-[var(--text-primary)] m-0 leading-snug text-center">
Are you sure you want to delete all models? This will remove
<strong>all</strong> fetched models for this provider
</p>
<div class="flex gap-2 justify-end">
<button @click="close()"
class="px-3 py-1.5 text-sm text-[var(--text-secondary)] @hover:text-[var(--text-primary)] @hover:bg-[var(--color-hover)] rounded-md transition-colors duration-200 border border-[var(--color-border)] @hover:border-transparent">
Cancel
</button>
<button @click="deleteModels(); close()"
class="px-3 py-1.5 text-sm bg-red-500 text-white rounded-md @hover:bg-red-600 transition-colors duration-200">
Delete
</button>
</div>
</div>
</template>
</Dropdown>
</span>
</h4>
@@ -449,7 +471,7 @@ defineEmits(['navigate']);
<div class="flex">
<button @click="openAddPanel"
class="whitespace-nowrap flex bg-[var(--bg-container)] @hover:bg-[var(--color-hover)] text-sm rounded-l-md items-center px-2 py-0.5 gap-2 transition-colors duration-200 ease-[cubic-bezier(0.5,_1,_0.89,_1)]">
<span class="i-mynaui-plus text-5"></span>
<span class="i-mynaui-plus-solid text-5"></span>
</button>
<div class="relative">