feat(frontend): update layout, UI components, stores, and API route

Ultraworked with [Sisyphus](https://github.com/code-yeongyu/oh-my-openagent)

Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>
This commit is contained in:
2026-06-18 16:27:15 +01:00
co-authored by Sisyphus
parent fa51c6b2f9
commit 05690af87e
8 changed files with 35 additions and 12 deletions
@@ -131,7 +131,7 @@
{#if isLoading}
<Skeleton class={`h-4 ${link.width} rounded`} />
{:else}
<a href={resolve(link.href)} class="font-medium text-gray-800 hover:text-primary"
<a href={link.href} class="font-medium text-gray-800 hover:text-primary"
>{link.label}</a
>
{/if}
@@ -208,7 +208,12 @@
tabindex="0"
aria-label="Close menu"
onclick={toggleMenu}
onkeydown={(e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); toggleMenu(); } }}
onkeydown={(e) => {
if (e.key === 'Enter' || e.key === ' ') {
e.preventDefault();
toggleMenu();
}
}}
></div>
{/if}
@@ -225,7 +230,7 @@
<Skeleton class="h-4 w-full rounded" />
{:else}
<a
href={resolve(link.href)}
href={link.href}
class="block rounded px-3 py-2 text-center text-primary hover:text-gray-800"
>
{link.label}
@@ -324,7 +329,9 @@
.notification-badge {
opacity: 1;
transform: translateY(0);
transition: opacity 0.2s ease, transform 0.2s ease;
transition:
opacity 0.2s ease,
transform 0.2s ease;
}
.open .notification-badge {