b0e8a93caa
Refonte front (packages/web) : coquille applicative partagée (sidebar desktop + barre d'onglets mobile + PageHeader, langue/push/logout centralisés) pilotée par route.meta.layout ; design system (BaseButton/BaseBadge/SegmentedControl/EmptyState/ SkeletonRow, anneau de focus, icônes @lucide/vue) ; tri/filtre/recherche/pagination côté client via useListControls (+ synchro URL) sur sessions/worktrees/groupes ; section « À traiter », palette de commandes ⌘K, toasts. Aucune modif serveur/protocole/DB. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
26 lines
873 B
Vue
26 lines
873 B
Vue
<template>
|
|
<div class="flex h-dvh flex-col">
|
|
<WsBanner v-if="wsReconnecting" />
|
|
<AppShell v-if="layout !== 'bare'" :fullbleed="layout === 'fullbleed'">
|
|
<RouterView />
|
|
</AppShell>
|
|
<RouterView v-else class="min-h-0 flex-1" />
|
|
<ToastContainer />
|
|
<CommandPalette />
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { computed } from 'vue';
|
|
import { useRoute } from 'vue-router';
|
|
import { wsClient } from './lib/ws-client';
|
|
import WsBanner from './components/layout/WsBanner.vue';
|
|
import AppShell from './components/layout/AppShell.vue';
|
|
import ToastContainer from './components/ToastContainer.vue';
|
|
import CommandPalette from './components/CommandPalette.vue';
|
|
|
|
const route = useRoute();
|
|
const layout = computed(() => route.meta.layout ?? 'shell');
|
|
const wsReconnecting = computed(() => wsClient.status.value === 'reconnecting');
|
|
</script>
|