1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
|
# Managed by IssueSpec. Hand edits are welcome; keep the schema valid.
id: 6
title: "Maquettes UX des panels pour le citizen user"
state: open
author:
name: k33g
email: ph.charriere@gmail.com
createdAt: 2026-10-29T07:20:04.000Z
updatedAt: 2026-10-29T07:20:04.000Z
labels:
- "kind::chore"
- "area::ui"
- "citizen-ux"
- "priority::high"
- "size::M"
milestone: "Initialize"
epic: "Specifications"
body: |
## Contexte
Le draft [#1 — draft](.tickets/issues/0001-draft.yaml) veut une UI « sobre et fancy », organisée en panels comme Zed, mais pour un **utilisateur non technique**. Ces deux exigences tirent dans des sens opposés : Zed est dense et pensé pour des développeurs.
## Pourquoi des maquettes avant le code
- Les choix de layout (où vivent Channels, Agents, Settings ; ce qu'on cache par défaut) conditionnent [#12 — Shell UI à panels inspiré de Zed](.tickets/issues/0012-shell-ui-a-panels-inspire-de-zed.yaml) et tout le frontend.
- Elles permettent de valider tôt les interactions clés : `@` + Tab, `/` + Tab, `/agent:commande`, dialogue de permission, terminal.
- C'est le moment de décider ce qui est **caché** pour le citizen user (ex. terminal et treeview repliés par défaut).
## Écrans à couvrir
1. Layout global (dock gauche : Channels / Agents ; centre : conversation ; dock droit/bas : fichiers, terminal, Settings).
2. Conversation multi-agents (identification visuelle de chaque agent).
3. Popups d'autocomplétion `@` et `/`.
4. Demande de permission d'un outil (texte compréhensible, pas de JSON brut).
5. Panel Agents : liste, statut, treeview, terminal.
6. Premier lancement (état vide).
## Critères d'acceptation
- [ ] Maquettes (draw.io ou Excalidraw) dans `docs/design/`.
- [ ] Parcours « je crée un channel, j'invite Alice, je lui pose une question » validé.
tasks:
- id: 1
title: "Layout global et docks"
state: open
priority: medium
author:
name: k33g
email: ph.charriere@gmail.com
createdAt: 2026-10-29T07:20:04.000Z
- id: 2
title: "Vue conversation multi-agents"
state: open
priority: medium
author:
name: k33g
email: ph.charriere@gmail.com
createdAt: 2026-10-29T07:20:04.000Z
- id: 3
title: "Popups @ et /"
state: open
priority: medium
author:
name: k33g
email: ph.charriere@gmail.com
createdAt: 2026-10-29T07:20:04.000Z
- id: 4
title: "Dialogue de permission"
state: open
priority: high
author:
name: k33g
email: ph.charriere@gmail.com
createdAt: 2026-10-29T07:20:04.000Z
- id: 5
title: "Panel Agents (treeview + terminal)"
state: open
priority: medium
author:
name: k33g
email: ph.charriere@gmail.com
createdAt: 2026-10-29T07:20:04.000Z
- id: 6
title: "Écran de premier lancement"
state: open
priority: medium
author:
name: k33g
email: ph.charriere@gmail.com
createdAt: 2026-10-29T07:20:04.000Z
comments: []
|