Johan LEROY
c694f9f2dd
L'IDE (/ide) devient l'unique interface sur tous les supports (navigateur, PWA, app Electron chargent la même SPA). Tout le cycle de vie de l'ancien monde est réintégré dans l'IDE ; AppShell et les vues Dashboard / Sessions / Groups / GroupView / SessionView sont supprimés. - Infra: pile de modals Teleport (stores/modals.ts + ModalHost) et menu contextuel (useContextMenu + ContextMenu), montés dans IdeShell sans le démonter (attaches WS du dock préservées). - Explorer: créer worktree (branche + baseRef + session), travailler sur main, prune, promote (escalade force), supprimer worktree, commit/push, masquer/ supprimer repo, ajouter dépôt local ou cloner. - Sessions: create/kill/resume/fork, hide/unhide, archive/unarchive, masquer les découvertes, supervision AttentionList + réponse aux dialogues. - Groupes: create/delete, composition, lancement de session de groupe (ouvre le terminal dans le dock). - Compte: Réglages et Aide en overlays par-dessus l'IDE ; langue, push/PWA, tokens, connexions git, RGPD, déconnexion. Command Palette et deep-links recâblés pour rester dans l'IDE. - Routes: les anciens chemins rendent IdeShell via meta (overlay/panel/ terminal) ; /workspace/:repoId/:wt inchangé (contrat extension VS Code). Mobile: nav à 6 panneaux (explorer/editor/terminal/git/sessions/groups). La grille multi-terminaux de groupe est retirée (supplantée par la session de groupe unique P6 via --add-dir + le dock multi-onglets).
29 lines
1.0 KiB
Vue
29 lines
1.0 KiB
Vue
<template>
|
|
<Teleport to="body">
|
|
<component
|
|
:is="entry.component"
|
|
v-for="entry in modals.stack"
|
|
:key="entry.id"
|
|
v-bind="entry.props"
|
|
@close="modals.close(entry.id)"
|
|
/>
|
|
</Teleport>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
// Hôte de la pile de modals : rend chaque entrée via <component :is>. Les modals fournissent
|
|
// eux-mêmes leur backdrop plein écran (fixed inset-0 z-50), donc l'hôte ne dessine rien. Escape
|
|
// ferme le sommet de la pile. Monté une seule fois par IdeShell (via Teleport, l'emplacement dans
|
|
// le template importe peu, mais l'hôte doit rester monté tant que l'IDE vit).
|
|
import { onBeforeUnmount, onMounted } from 'vue';
|
|
import { useModalsStore } from '../../stores/modals';
|
|
|
|
const modals = useModalsStore();
|
|
|
|
function onKey(e: KeyboardEvent): void {
|
|
if (e.key === 'Escape' && modals.stack.length > 0) modals.close();
|
|
}
|
|
onMounted(() => window.addEventListener('keydown', onKey));
|
|
onBeforeUnmount(() => window.removeEventListener('keydown', onKey));
|
|
</script>
|