feat: panneau Spark intégré à la barre commune (Fusion) #218
This commit is contained in:
Spark
+16
-1
@@ -6,7 +6,7 @@ Format basé sur [Keep a Changelog](https://keepachangelog.com/fr/1.1.0/),
|
|||||||
et [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
et [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
||||||
|
|
||||||
> **En cours de développement** : les changements à venir sont listés dans la section
|
> **En cours de développement** : les changements à venir sont listés dans la section
|
||||||
> [Unreleased](#unreleased). La dernière version livrée est **2.73.1**.
|
> [Unreleased](#unreleased). La dernière version livrée est **2.74.0**.
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
@@ -14,6 +14,21 @@ et [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
|||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
## [2.74.0] — 2026-10-22
|
||||||
|
|
||||||
|
### Ajouté
|
||||||
|
|
||||||
|
- **Panneau Spark intégré (#218, Fusion)** — le bouton Spark de la
|
||||||
|
barre commune ouvre le panneau de l'agent commun (conversation,
|
||||||
|
Aujourd'hui, approbations, missions longues), comme dans TikTak,
|
||||||
|
Flowdeck et Kanbante : assets partagés `frontend/draco-panneau.js`
|
||||||
|
et `frontend/draco-panneau.css` vendangés à l'identique, action
|
||||||
|
`spark` branchée sur `DRACO_PANNEAU.toggle()`. La CSP nomme
|
||||||
|
`https://agent.dracodev.net` en `connect-src` (seul hôte ajouté).
|
||||||
|
Redéploiement Docker requis.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
## [2.73.1] — 2026-10-21
|
## [2.73.1] — 2026-10-21
|
||||||
|
|
||||||
### Corrigé
|
### Corrigé
|
||||||
|
|||||||
+3
-3
@@ -4,7 +4,7 @@
|
|||||||
|
|
||||||
**Porte d'entrée web ultra-léger pour vos vaults Obsidian** — Accédez, naviguez et recherchez dans toutes vos notes Obsidian depuis n'importe quel appareil via une interface web moderne et responsive.
|
**Porte d'entrée web ultra-léger pour vos vaults Obsidian** — Accédez, naviguez et recherchez dans toutes vos notes Obsidian depuis n'importe quel appareil via une interface web moderne et responsive.
|
||||||
|
|
||||||
[]()
|
[]()
|
||||||
[](https://opensource.org/licenses/MIT)
|
[](https://opensource.org/licenses/MIT)
|
||||||
[](https://www.docker.com/)
|
[](https://www.docker.com/)
|
||||||
[](https://www.python.org/)
|
[](https://www.python.org/)
|
||||||
@@ -977,8 +977,8 @@ Ce projet est sous licence **MIT** — voir le fichier [LICENSE](LICENSE) pour l
|
|||||||
|
|
||||||
## 📝 Changelog
|
## 📝 Changelog
|
||||||
|
|
||||||
Consultez le [CHANGELOG.md](./CHANGELOG.md) pour l'historique complet de toutes les versions (v1.0.0 → v2.73.1).
|
Consultez le [CHANGELOG.md](./CHANGELOG.md) pour l'historique complet de toutes les versions (v1.0.0 → v2.74.0).
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
*Projet : ObsiGate | Version : 2.73.1 | Dernière mise à jour : Septembre 2026*
|
*Projet : ObsiGate | Version : 2.74.0 | Dernière mise à jour : Septembre 2026*
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
|
|
||||||
**Ultra-light web gateway for your Obsidian vaults** — Access, browse, and search all your Obsidian notes from any device via a modern, responsive web interface.
|
**Ultra-light web gateway for your Obsidian vaults** — Access, browse, and search all your Obsidian notes from any device via a modern, responsive web interface.
|
||||||
|
|
||||||
[]()
|
[]()
|
||||||
[](https://opensource.org/licenses/MIT)
|
[](https://opensource.org/licenses/MIT)
|
||||||
[](https://www.docker.com/)
|
[](https://www.docker.com/)
|
||||||
[](https://www.python.org/)
|
[](https://www.python.org/)
|
||||||
@@ -1152,8 +1152,8 @@ This project is licensed under the **MIT License** - see the [LICENSE](LICENSE)
|
|||||||
|
|
||||||
## 📝 Changelog
|
## 📝 Changelog
|
||||||
|
|
||||||
See [CHANGELOG.md](./CHANGELOG.md) for the complete version history (v1.0.0 → v2.73.1).
|
See [CHANGELOG.md](./CHANGELOG.md) for the complete version history (v1.0.0 → v2.74.0).
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
*Project: ObsiGate | Version: 2.73.1 | Last updated: September 2026*
|
*Project: ObsiGate | Version: 2.74.0 | Last updated: September 2026*
|
||||||
|
|||||||
+1
-1
@@ -191,7 +191,7 @@ class SecurityHeadersMiddleware(BaseHTTPMiddleware):
|
|||||||
f"script-src 'self' 'nonce-{nonce}' blob: https://cdnjs.cloudflare.com https://unpkg.com https://esm.sh https://cdn.jsdelivr.net https://static.cloudflareinsights.com; "
|
f"script-src 'self' 'nonce-{nonce}' blob: https://cdnjs.cloudflare.com https://unpkg.com https://esm.sh https://cdn.jsdelivr.net https://static.cloudflareinsights.com; "
|
||||||
"style-src 'self' 'unsafe-inline' https://cdnjs.cloudflare.com https://fonts.googleapis.com https://cdn.jsdelivr.net https://esm.sh; "
|
"style-src 'self' 'unsafe-inline' https://cdnjs.cloudflare.com https://fonts.googleapis.com https://cdn.jsdelivr.net https://esm.sh; "
|
||||||
"img-src 'self' data: blob:; "
|
"img-src 'self' data: blob:; "
|
||||||
"connect-src 'self' blob: https://esm.sh https://unpkg.com https://cdnjs.cloudflare.com https://fonts.googleapis.com https://fonts.gstatic.com https://cdn.jsdelivr.net; "
|
"connect-src 'self' blob: https://esm.sh https://unpkg.com https://cdnjs.cloudflare.com https://fonts.googleapis.com https://fonts.gstatic.com https://cdn.jsdelivr.net https://agent.dracodev.net; "
|
||||||
"font-src 'self' data: https://fonts.gstatic.com https://esm.sh; "
|
"font-src 'self' data: https://fonts.gstatic.com https://esm.sh; "
|
||||||
"worker-src 'self' blob:; "
|
"worker-src 'self' blob:; "
|
||||||
"frame-src 'self' blob:; "
|
"frame-src 'self' blob:; "
|
||||||
|
|||||||
Generated
+1
-1
@@ -2626,7 +2626,7 @@ dependencies = [
|
|||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
name = "obsigate-desktop"
|
name = "obsigate-desktop"
|
||||||
version = "2.73.1"
|
version = "2.74.0"
|
||||||
dependencies = [
|
dependencies = [
|
||||||
"chrono",
|
"chrono",
|
||||||
"env_logger",
|
"env_logger",
|
||||||
|
|||||||
+1
-1
@@ -1,6 +1,6 @@
|
|||||||
[package]
|
[package]
|
||||||
name = "obsigate-desktop"
|
name = "obsigate-desktop"
|
||||||
version = "2.73.1"
|
version = "2.74.0"
|
||||||
description = "ObsiGate Desktop — Porte d'entrée native pour vos vaults Obsidian"
|
description = "ObsiGate Desktop — Porte d'entrée native pour vos vaults Obsidian"
|
||||||
authors = ["Bruno Charest"]
|
authors = ["Bruno Charest"]
|
||||||
edition = "2021"
|
edition = "2021"
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"$schema": "https://raw.githubusercontent.com/nicedoc/obsigate/main/desktop/tauri.conf.schema.json",
|
"$schema": "https://raw.githubusercontent.com/nicedoc/obsigate/main/desktop/tauri.conf.schema.json",
|
||||||
"productName": "ObsiGate",
|
"productName": "ObsiGate",
|
||||||
"version": "2.73.1",
|
"version": "2.74.0",
|
||||||
"identifier": "com.obsigate.desktop",
|
"identifier": "com.obsigate.desktop",
|
||||||
"build": {
|
"build": {
|
||||||
"frontendDist": "../frontend",
|
"frontendDist": "../frontend",
|
||||||
|
|||||||
+19
-1
@@ -1,6 +1,6 @@
|
|||||||
# ObsiGate — Roadmap
|
# ObsiGate — Roadmap
|
||||||
|
|
||||||
> **Version :** 2.73.1 | **Dernière mise à jour :** 2026-10-21
|
> **Version :** 2.74.0 | **Dernière mise à jour :** 2026-10-22
|
||||||
> **Ce fichier ne contient que le travail à venir** (🔵 En cours + ⚪ Backlog) et un index compact
|
> **Ce fichier ne contient que le travail à venir** (🔵 En cours + ⚪ Backlog) et un index compact
|
||||||
> vers les fonctionnalités livrées.
|
> vers les fonctionnalités livrées.
|
||||||
> - **Méthode de livraison à appliquer pour toute tâche : [DELIVERY_WORKFLOW.md](./DELIVERY_WORKFLOW.md)**
|
> - **Méthode de livraison à appliquer pour toute tâche : [DELIVERY_WORKFLOW.md](./DELIVERY_WORKFLOW.md)**
|
||||||
@@ -30,6 +30,24 @@
|
|||||||
|
|
||||||
## 🔵 En cours
|
## 🔵 En cours
|
||||||
|
|
||||||
|
### 218. Fusion — panneau Spark intégré (agent commun)
|
||||||
|
|
||||||
|
- **Effort :** ~0,5 jour | **Impact :** 🟢 | **Ouvert :** 2026-10-21 | **Statut :** 🔵 en cours
|
||||||
|
- **Fiche :** [features/fusion-panneau-spark-218.md](./features/fusion-panneau-spark-218.md)
|
||||||
|
- **Description :** le bouton Spark de la barre commune (#215) ouvre le
|
||||||
|
panneau de l'agent commun (service d'agents dracodev : conversation,
|
||||||
|
Aujourd'hui, approbations, missions longues), comme dans TikTak,
|
||||||
|
Flowdeck et Kanbante. Assets partagés vendangés à l'identique ;
|
||||||
|
la CSP nomme le service en `connect-src`.
|
||||||
|
- **Sous-tâches :**
|
||||||
|
- [x] Assets `frontend/draco-panneau.js` / `frontend/draco-panneau.css`
|
||||||
|
vendangés depuis le panneau partagé du programme
|
||||||
|
- [x] `frontend/index.html` : link CSS + script, action `spark` →
|
||||||
|
`DRACO_PANNEAU.toggle()` (repli honnête si le panneau ne charge pas)
|
||||||
|
- [x] CSP `connect-src` : `https://agent.dracodev.net` ajouté
|
||||||
|
(`backend/main.py`, seul hôte ajouté)
|
||||||
|
- [x] Tests `test_draco_barre.py` (intégration + CSP verrouillées)
|
||||||
|
|
||||||
### 215. Fusion bloc 1 — barre d'apps commune et références croisées des notes
|
### 215. Fusion bloc 1 — barre d'apps commune et références croisées des notes
|
||||||
|
|
||||||
- **Effort :** ~1 jour | **Impact :** 🟢 | **Ouvert :** 2026-10-20 | **Statut :** ✅ livré le 2026-10-20 (2.70.0)
|
- **Effort :** ~1 jour | **Impact :** 🟢 | **Ouvert :** 2026-10-20 | **Statut :** ✅ livré le 2026-10-20 (2.70.0)
|
||||||
|
|||||||
@@ -0,0 +1,38 @@
|
|||||||
|
# #218 — Fusion : panneau Spark intégré (agent commun)
|
||||||
|
|
||||||
|
**Contexte.** Le programme Fusion a livré le service d'agents commun
|
||||||
|
(agent-commun : conversation LLM, lectures/écritures des quatre
|
||||||
|
applications via approbations, sous-agents, missions longues). Trois
|
||||||
|
applications affichaient déjà son panneau partagé (TikTak, Flowdeck,
|
||||||
|
Kanbante) ; ObsiGate, pourtant émettrice de l'identité `draco_session`,
|
||||||
|
gardait le message d'attente « arrive en phase 4 » sur le bouton Spark
|
||||||
|
de sa barre commune (#215).
|
||||||
|
|
||||||
|
**Livraison.**
|
||||||
|
|
||||||
|
- Assets vendangés à l'identique des autres applications :
|
||||||
|
`frontend/draco-panneau.js` et `frontend/draco-panneau.css`, à la
|
||||||
|
racine de `frontend/` comme les autres assets draco (servis par le
|
||||||
|
montage `/static`, `Cache-Control: no-cache` déjà en place — aucun
|
||||||
|
mécanisme de versionnage à ajouter, `index.html` n'est pas un
|
||||||
|
gabarit Jinja).
|
||||||
|
- `frontend/index.html` : lien CSS après celui de la barre, script
|
||||||
|
différé après `draco-liens.js`, action `spark` de
|
||||||
|
`DRACO_BAR_CONFIG.onAction` branchée sur
|
||||||
|
`window.DRACO_PANNEAU.toggle()` avec repli explicite si l'asset ne
|
||||||
|
charge pas.
|
||||||
|
- CSP (`backend/main.py`, `SecurityHeadersMiddleware`) :
|
||||||
|
`https://agent.dracodev.net` ajouté à `connect-src` — le panneau
|
||||||
|
appelle le service en `fetch` avec le cookie de session ; aucun
|
||||||
|
autre hôte n'est ouvert (précédent : Flowdeck, même exception).
|
||||||
|
|
||||||
|
**Vérifications.** Tests `tests/test_draco_barre.py` étendus
|
||||||
|
(présence et références des assets, branche spark, hôte CSP) ;
|
||||||
|
vérification visuelle et E2E à confirmer après redéploiement Docker
|
||||||
|
(le panneau, `z-index: 400`, cohabite avec des surfaces ObsiGate à
|
||||||
|
z-index plus élevé — à observer en réel).
|
||||||
|
|
||||||
|
**Hors périmètre.** Les textes du panneau vivent dans l'asset partagé
|
||||||
|
du programme (français, identique dans les quatre applications) ; ils
|
||||||
|
ne passent pas par les locales FR/EN d'ObsiGate — écart assumé au
|
||||||
|
niveau du programme, pas de cette fiche.
|
||||||
@@ -0,0 +1,83 @@
|
|||||||
|
/* Panneau Spark — branchement au service d'agents (Fusion, jalon J1).
|
||||||
|
Composant d'intégration TikTak : le panneau définitif sera vendangé
|
||||||
|
depuis dracodev-commons ; celui-ci prouve le chemin panneau → service. */
|
||||||
|
.draco-panneau {
|
||||||
|
position: fixed; top: 0; right: 0; height: 100dvh; width: 388px; max-width: 94vw;
|
||||||
|
background: #fbfbfa; color: #242624; z-index: 400;
|
||||||
|
box-shadow: -12px 0 36px rgb(0 0 0 / .22);
|
||||||
|
display: flex; flex-direction: column;
|
||||||
|
transform: translateX(105%); transition: transform .28s ease;
|
||||||
|
font: 14px/1.5 system-ui, "Segoe UI", sans-serif;
|
||||||
|
}
|
||||||
|
.draco-panneau.open { transform: translateX(0); }
|
||||||
|
.draco-panneau-hd {
|
||||||
|
display: flex; align-items: center; gap: 9px;
|
||||||
|
padding: 13px 15px; border-bottom: 1px solid #e4e5e0; background: #fff;
|
||||||
|
}
|
||||||
|
.draco-panneau-hd .titre { font-weight: 700; font-size: 15px; }
|
||||||
|
.draco-panneau-hd .soustitre { font-size: 12px; color: #6c7268; }
|
||||||
|
.draco-panneau-hd .fermer {
|
||||||
|
margin-left: auto; border: 0; background: #eef0ea; border-radius: 8px;
|
||||||
|
width: 30px; height: 30px; cursor: pointer; font-size: 14px;
|
||||||
|
}
|
||||||
|
.draco-panneau-etat { display: flex; align-items: center; gap: 7px; font-size: 12.5px; }
|
||||||
|
.draco-panneau-etat .point { width: 9px; height: 9px; border-radius: 50%; background: #b9bdb2; flex: none; }
|
||||||
|
.draco-panneau-etat.ok .point { background: #2ea36b; }
|
||||||
|
.draco-panneau-etat.err .point { background: #cf4b32; }
|
||||||
|
.draco-panneau-outils { display: flex; gap: 8px; padding: 9px 15px; border-bottom: 1px solid #e4e5e0; background: #fff; }
|
||||||
|
.draco-panneau-outils button {
|
||||||
|
border: 1px solid #d6d8d1; background: #f4f5f1; border-radius: 999px;
|
||||||
|
padding: 5px 12px; font: 600 12.5px system-ui; cursor: pointer;
|
||||||
|
}
|
||||||
|
.draco-panneau-outils button:hover { background: #e9ebe4; }
|
||||||
|
.draco-appro {
|
||||||
|
align-self: stretch; background: #fdf6ec; border: 1.6px solid #e8a13c;
|
||||||
|
border-radius: 12px; padding: 10px 12px;
|
||||||
|
}
|
||||||
|
.draco-appro .titre { font-weight: 700; font-size: 12px; color: #9a6a1c; text-transform: uppercase; letter-spacing: .4px; }
|
||||||
|
.draco-appro .resume { margin: 5px 0 8px; }
|
||||||
|
.draco-appro .btns { display: flex; gap: 7px; }
|
||||||
|
.draco-appro .btns button { border: 0; border-radius: 8px; padding: 6px 11px; font: 600 12.5px system-ui; cursor: pointer; background: #eef0ea; }
|
||||||
|
.draco-appro .btns button.go { background: #2ea36b; color: #fff; }
|
||||||
|
.draco-auj { align-self: stretch; background: #fff; border: 1px solid #e4e5e0; border-radius: 12px; padding: 10px 12px; }
|
||||||
|
.draco-auj h5 { font-size: 12px; text-transform: uppercase; letter-spacing: .4px; color: #6c7268; margin: 6px 0 4px; }
|
||||||
|
.draco-auj h5:first-child { margin-top: 0; }
|
||||||
|
.draco-auj ul { margin: 0; padding-left: 17px; }
|
||||||
|
.draco-auj .etat-source { color: #6c7268; font-size: 12.5px; }
|
||||||
|
.draco-panneau-msgs { flex: 1; overflow-y: auto; padding: 14px 15px; display: flex; flex-direction: column; gap: 9px; }
|
||||||
|
.draco-msg { max-width: 88%; padding: 9px 12px; border-radius: 13px; white-space: pre-wrap; word-wrap: break-word; }
|
||||||
|
.draco-msg.user { align-self: flex-end; background: #2f6fed; color: #fff; border-bottom-right-radius: 4px; }
|
||||||
|
.draco-msg.agent { align-self: flex-start; background: #eef0ea; border-bottom-left-radius: 4px; }
|
||||||
|
.draco-msg.sys { align-self: center; background: none; color: #6c7268; font-size: 12.5px; text-align: center; max-width: 96%; }
|
||||||
|
.draco-panneau-ft { border-top: 1px solid #e4e5e0; padding: 11px 12px; background: #fff; }
|
||||||
|
.draco-panneau-form { display: flex; gap: 8px; }
|
||||||
|
.draco-panneau-form input {
|
||||||
|
flex: 1; border: 1px solid #d6d8d1; border-radius: 10px; padding: 9px 11px; font: inherit;
|
||||||
|
}
|
||||||
|
.draco-panneau-form button {
|
||||||
|
border: 0; border-radius: 10px; background: #7c5cd6; color: #fff;
|
||||||
|
padding: 9px 14px; font: inherit; font-weight: 600; cursor: pointer;
|
||||||
|
}
|
||||||
|
.draco-panneau-form button:disabled { opacity: .5; cursor: default; }
|
||||||
|
.draco-panneau-note { font-size: 11.5px; color: #8a8f84; margin-top: 8px; text-align: center; }
|
||||||
|
.draco-missions { align-self: stretch; background: #fff; border: 1px solid #e4e5e0; border-radius: 12px; padding: 10px 12px; }
|
||||||
|
.draco-missions h5 { font-size: 12px; text-transform: uppercase; letter-spacing: .4px; color: #6c7268; margin: 0 0 6px; }
|
||||||
|
.draco-missions label { display: block; font-size: 12px; font-weight: 600; color: #6c7268; margin: 8px 0 3px; }
|
||||||
|
.draco-missions select, .draco-missions input, .draco-missions textarea {
|
||||||
|
width: 100%; box-sizing: border-box; border: 1px solid #d6d8d1; border-radius: 8px;
|
||||||
|
padding: 7px 9px; font: inherit; font-size: 13px; background: #fff;
|
||||||
|
}
|
||||||
|
.draco-missions .btns { display: flex; gap: 7px; margin-top: 10px; }
|
||||||
|
.draco-missions .btns button { border: 0; border-radius: 8px; padding: 6px 11px; font: 600 12.5px system-ui; cursor: pointer; background: #eef0ea; }
|
||||||
|
.draco-missions .btns button.go { background: #7c5cd6; color: #fff; }
|
||||||
|
.draco-missions .m-liste { margin-top: 12px; display: flex; flex-direction: column; gap: 8px; }
|
||||||
|
.draco-missions .etat-source { color: #6c7268; font-size: 12.5px; }
|
||||||
|
.draco-missions .m-item { border: 1px solid #e4e5e0; border-radius: 10px; padding: 8px 10px; }
|
||||||
|
.draco-missions .m-entete { display: flex; justify-content: space-between; gap: 8px; align-items: baseline; }
|
||||||
|
.draco-missions .m-statut { font-size: 11.5px; font-weight: 700; color: #6c7268; white-space: nowrap; }
|
||||||
|
.draco-missions .m-statut.st-succeeded { color: #2ea36b; }
|
||||||
|
.draco-missions .m-statut.st-failed { color: #cf4b32; }
|
||||||
|
.draco-missions .m-statut.st-running, .draco-missions .m-statut.st-paused_question { color: #9a6a1c; }
|
||||||
|
.draco-missions .m-meta { font-size: 12px; color: #6c7268; }
|
||||||
|
.draco-missions .m-rapport { font-size: 12.5px; margin-top: 5px; white-space: pre-wrap; word-wrap: break-word; }
|
||||||
|
.draco-missions .m-annuler { margin-top: 6px; border: 0; border-radius: 7px; padding: 4px 9px; font: 600 12px system-ui; cursor: pointer; background: #f6e3de; color: #a03a28; }
|
||||||
@@ -0,0 +1,380 @@
|
|||||||
|
/* Panneau Spark — branchement au service d'agents (Fusion, J1 → J5).
|
||||||
|
*
|
||||||
|
* Parle à l'API du service d'agents (contrat de dracodev-commons) :
|
||||||
|
* GET /api/v1/me — identité (cookie draco_session)
|
||||||
|
* POST /api/v1/chat — conversation réelle du noyau (J2) :
|
||||||
|
* LLM DeepSeek + outils MCP des apps
|
||||||
|
* GET /api/v1/conversations/… — historique de la conversation
|
||||||
|
* GET /api/v1/executors — registre (noyau, sous-agents J3,
|
||||||
|
* externes J4 : état de configuration)
|
||||||
|
* POST /api/v1/missions — missions longues (J5) : lancement,
|
||||||
|
* suivi, rapport, annulation
|
||||||
|
* États honnêtes : service injoignable / session non reconnue / LLM non
|
||||||
|
* configuré / exécuteur non configuré sont affichés tels quels. */
|
||||||
|
(function () {
|
||||||
|
"use strict";
|
||||||
|
var API = "https://agent.dracodev.net";
|
||||||
|
var convId = null;
|
||||||
|
try { convId = sessionStorage.getItem("draco_panneau_conv") || null; } catch (e) { /* stockage indispo */ }
|
||||||
|
var etatConnu = false;
|
||||||
|
var historiqueCharge = false;
|
||||||
|
var root = null, msgsEl = null, etatEl = null, inputEl = null, sendBtn = null;
|
||||||
|
|
||||||
|
function domaine() {
|
||||||
|
try { return localStorage.getItem("draco_domain") || "pro"; } catch (e) { return "pro"; }
|
||||||
|
}
|
||||||
|
|
||||||
|
function construire() {
|
||||||
|
root = document.createElement("aside");
|
||||||
|
root.className = "draco-panneau";
|
||||||
|
root.setAttribute("aria-label", "Spark, l'agent commun");
|
||||||
|
root.innerHTML =
|
||||||
|
'<div class="draco-panneau-hd">' +
|
||||||
|
' <span style="font-size:19px;color:#7c5cd6">✦</span>' +
|
||||||
|
' <div><div class="titre">Spark — agent commun</div>' +
|
||||||
|
' <div class="soustitre">Service d\'agents dracodev</div></div>' +
|
||||||
|
' <button type="button" class="fermer" aria-label="Fermer le panneau">✕</button>' +
|
||||||
|
'</div>' +
|
||||||
|
'<div class="draco-panneau-hd draco-panneau-etat" style="border-bottom:1px solid #e4e5e0;padding-top:8px;padding-bottom:8px">' +
|
||||||
|
' <span class="point"></span><span class="txt">Connexion au service…</span>' +
|
||||||
|
'</div>' +
|
||||||
|
'<div class="draco-panneau-outils">' +
|
||||||
|
' <button type="button" data-outil="aujourdhui">☀ Aujourd\'hui</button>' +
|
||||||
|
' <button type="button" data-outil="approbations">Approbations</button>' +
|
||||||
|
' <button type="button" data-outil="missions">🚀 Missions</button>' +
|
||||||
|
'</div>' +
|
||||||
|
'<div class="draco-panneau-msgs"></div>' +
|
||||||
|
'<div class="draco-panneau-ft"><form class="draco-panneau-form">' +
|
||||||
|
' <input type="text" placeholder="Écrire à Spark…" autocomplete="off" aria-label="Message à Spark">' +
|
||||||
|
' <button type="submit">Envoyer</button></form>' +
|
||||||
|
' <div class="draco-panneau-note">Conversation réelle, sous-agents (J3) et missions longues (J5) vers les exécuteurs configurés ; toute écriture dans les apps passe par une approbation.</div>' +
|
||||||
|
'</div>';
|
||||||
|
document.body.appendChild(root);
|
||||||
|
msgsEl = root.querySelector(".draco-panneau-msgs");
|
||||||
|
etatEl = root.querySelector(".draco-panneau-etat");
|
||||||
|
inputEl = root.querySelector("input");
|
||||||
|
sendBtn = root.querySelector("button[type=submit]");
|
||||||
|
root.querySelector(".fermer").addEventListener("click", fermer);
|
||||||
|
root.querySelector('[data-outil="aujourdhui"]').addEventListener("click", chargerAujourdhui);
|
||||||
|
root.querySelector('[data-outil="approbations"]').addEventListener("click", chargerApprobations);
|
||||||
|
root.querySelector('[data-outil="missions"]').addEventListener("click", ouvrirMissions);
|
||||||
|
root.querySelector("form").addEventListener("submit", envoyer);
|
||||||
|
document.addEventListener("keydown", function (ev) {
|
||||||
|
if (ev.key === "Escape" && root.classList.contains("open")) fermer();
|
||||||
|
});
|
||||||
|
ajouterMsg("sys", "Conversation avec le service d'agents — domaine : " + domaine() + ".");
|
||||||
|
}
|
||||||
|
|
||||||
|
function ajouterMsg(kind, texte) {
|
||||||
|
var d = document.createElement("div");
|
||||||
|
d.className = "draco-msg " + kind;
|
||||||
|
d.textContent = texte;
|
||||||
|
msgsEl.appendChild(d);
|
||||||
|
msgsEl.scrollTop = msgsEl.scrollHeight;
|
||||||
|
return d;
|
||||||
|
}
|
||||||
|
|
||||||
|
function majEtat(cls, texte) {
|
||||||
|
etatEl.className = "draco-panneau-hd draco-panneau-etat " + cls;
|
||||||
|
etatEl.querySelector(".txt").textContent = texte;
|
||||||
|
}
|
||||||
|
|
||||||
|
function verifierIdentite() {
|
||||||
|
if (etatConnu) return;
|
||||||
|
fetch(API + "/api/v1/me", { credentials: "include" })
|
||||||
|
.then(function (r) {
|
||||||
|
if (r.status === 401) {
|
||||||
|
majEtat("err", "Session partagée non reconnue");
|
||||||
|
ajouterMsg("sys", "Le service ne reconnaît pas ta session. Connecte-toi à ObsiGate (session unique draco_session), puis rouvre le panneau. Si le SSO n'est pas encore activé, c'est l'étape d'activation du programme.");
|
||||||
|
etatConnu = true;
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
if (!r.ok) throw new Error("HTTP " + r.status);
|
||||||
|
return r.json();
|
||||||
|
})
|
||||||
|
.then(function (me) {
|
||||||
|
if (!me) return;
|
||||||
|
etatConnu = true;
|
||||||
|
majEtat("ok", "Connecté au service — " + (me.name || ("utilisateur " + me.sub)));
|
||||||
|
})
|
||||||
|
.catch(function () {
|
||||||
|
majEtat("err", "Service d'agents injoignable");
|
||||||
|
ajouterMsg("sys", "Le service d'agents (agent.dracodev.net) ne répond pas. Vérifie que le conteneur dracodev-agent est démarré.");
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function esc(s) {
|
||||||
|
return String(s == null ? "" : s).replace(/[&<>"]/g, function (c) {
|
||||||
|
return { "&": "&", "<": "<", ">": ">", '"': """ }[c];
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function chargerAujourdhui() {
|
||||||
|
var bloc = document.createElement("div");
|
||||||
|
bloc.className = "draco-auj";
|
||||||
|
bloc.innerHTML = "<h5>Aujourd'hui — vu du service d'agents</h5><div class='etat-source'>Chargement…</div>";
|
||||||
|
msgsEl.appendChild(bloc); msgsEl.scrollTop = msgsEl.scrollHeight;
|
||||||
|
fetch(API + "/api/v1/aujourdhui", { credentials: "include" })
|
||||||
|
.then(function (r) { if (!r.ok) throw new Error("HTTP " + r.status); return r.json(); })
|
||||||
|
.then(function (d) {
|
||||||
|
var h = "<h5>Aujourd'hui — " + esc(d.date) + " · domaine " + esc(d.domain) + "</h5>";
|
||||||
|
var t = d.sources.tiktak;
|
||||||
|
h += "<h5>Tâches du jour — TikTak</h5>";
|
||||||
|
if (t.status === "ok") {
|
||||||
|
if (!t.tasks.length) h += "<div class='etat-source'>Aucune tâche échue aujourd'hui. 🎉</div>";
|
||||||
|
else h += "<ul>" + t.tasks.map(function (x) { return "<li>" + esc(x.title) + "</li>"; }).join("") + "</ul>";
|
||||||
|
} else if (t.status === "non_configure") {
|
||||||
|
h += "<div class='etat-source'>Source non configurée : il manque la clé tck_ du service (voir le .env du conteneur agent).</div>";
|
||||||
|
} else if (t.status === "non_autorise") {
|
||||||
|
h += "<div class='etat-source'>Source non autorisée : la clé du service est refusée par TikTak (clé révoquée ?).</div>";
|
||||||
|
} else {
|
||||||
|
h += "<div class='etat-source'>Source TikTak " + esc(t.status) + ".</div>";
|
||||||
|
}
|
||||||
|
var k = d.sources.kanbante;
|
||||||
|
h += "<h5>Cartes en Révision — Kanbante</h5>";
|
||||||
|
if (k.status === "ok") {
|
||||||
|
if (!k.review.length) h += "<div class='etat-source'>Rien à valider. 🎉</div>";
|
||||||
|
else h += "<ul>" + k.review.map(function (x) { return "<li>#" + esc(x.number) + " — " + esc(x.title) + "</li>"; }).join("") + "</ul>";
|
||||||
|
} else if (k.status === "non_autorise") {
|
||||||
|
h += "<div class='etat-source'>Source non autorisée : Kanbante exige un jeton d'API pour le service — il arrive avec Kanbante 0.25.0, puis AGENT_MCP_KANBANTE_KEY dans le .env de l'agent.</div>";
|
||||||
|
} else {
|
||||||
|
h += "<div class='etat-source'>Source Kanbante " + esc(k.status) + ".</div>";
|
||||||
|
}
|
||||||
|
bloc.innerHTML = h;
|
||||||
|
msgsEl.scrollTop = msgsEl.scrollHeight;
|
||||||
|
})
|
||||||
|
.catch(function () {
|
||||||
|
bloc.innerHTML = "<h5>Aujourd'hui</h5><div class='etat-source'>Service injoignable.</div>";
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function chargerApprobations() {
|
||||||
|
fetch(API + "/api/v1/approvals?status=pending", { credentials: "include" })
|
||||||
|
.then(function (r) { if (!r.ok) throw new Error("HTTP " + r.status); return r.json(); })
|
||||||
|
.then(function (d) {
|
||||||
|
if (!d.approvals.length) { ajouterMsg("sys", "Aucune approbation en attente."); return; }
|
||||||
|
d.approvals.forEach(function (a) {
|
||||||
|
var bloc = document.createElement("div");
|
||||||
|
bloc.className = "draco-appro";
|
||||||
|
bloc.innerHTML = "<div class='titre'>Approbation demandée — " + esc(a.action) + "</div>" +
|
||||||
|
"<div class='resume'>" + esc(a.summary) + "</div>" +
|
||||||
|
"<div class='btns'><button type='button' class='go'>Approuver</button>" +
|
||||||
|
"<button type='button' class='non'>Rejeter</button></div>";
|
||||||
|
bloc.querySelector(".go").addEventListener("click", function () { decider(a.id, "approved", bloc); });
|
||||||
|
bloc.querySelector(".non").addEventListener("click", function () { decider(a.id, "rejected", bloc); });
|
||||||
|
msgsEl.appendChild(bloc);
|
||||||
|
});
|
||||||
|
msgsEl.scrollTop = msgsEl.scrollHeight;
|
||||||
|
})
|
||||||
|
.catch(function () { ajouterMsg("sys", "Approbations : service injoignable."); });
|
||||||
|
}
|
||||||
|
|
||||||
|
function decider(id, decision, bloc) {
|
||||||
|
fetch(API + "/api/v1/approvals/" + id + "/decide", {
|
||||||
|
method: "POST", credentials: "include",
|
||||||
|
headers: { "Content-Type": "application/json" },
|
||||||
|
body: JSON.stringify({ decision: decision })
|
||||||
|
})
|
||||||
|
.then(function (r) { if (!r.ok) throw new Error("HTTP " + r.status); return r.json(); })
|
||||||
|
.then(function (d) {
|
||||||
|
bloc.style.opacity = ".55";
|
||||||
|
bloc.querySelector(".btns").innerHTML = "<span style='font-size:12.5px;color:#6c7268'>Décision enregistrée : " + esc(d.status) + "</span>";
|
||||||
|
})
|
||||||
|
.catch(function () { ajouterMsg("sys", "La décision n'a pas pu être envoyée (service injoignable ?)."); });
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ── Missions longues (J5) ───────────────────────────────────
|
||||||
|
* Sélecteur d'exécuteur alimenté par le registre du service :
|
||||||
|
* les externes non configurés sont montrés mais désactivés —
|
||||||
|
* jamais un lancement qui simule. La liste se rafraîchit à
|
||||||
|
* l'ouverture et après chaque lancement/annulation. */
|
||||||
|
var STATUTS_MISSION = {
|
||||||
|
queued: "En file", running: "En cours…", paused_question: "Question en attente",
|
||||||
|
succeeded: "Terminée", failed: "Échouée", cancelled: "Annulée"
|
||||||
|
};
|
||||||
|
|
||||||
|
function ouvrirMissions() {
|
||||||
|
var bloc = document.createElement("div");
|
||||||
|
bloc.className = "draco-missions";
|
||||||
|
bloc.innerHTML =
|
||||||
|
"<h5>Missions longues</h5>" +
|
||||||
|
"<label>Exécuteur</label><select class='m-exec'><option>Chargement…</option></select>" +
|
||||||
|
"<label>Titre</label><input type='text' class='m-titre' placeholder='Ex. Veille des projets du matin'>" +
|
||||||
|
"<label>Consigne</label><textarea class='m-prompt' rows='3' placeholder='Ce que l\u2019exécuteur doit faire…'></textarea>" +
|
||||||
|
"<label>Carte Kanbante liée (n°, optionnel)</label><input type='number' class='m-carte' min='1' placeholder='—'>" +
|
||||||
|
"<div class='btns'><button type='button' class='go'>Lancer la mission</button>" +
|
||||||
|
"<button type='button' class='rafraichir'>Rafraîchir la liste</button></div>" +
|
||||||
|
"<div class='m-liste'><div class='etat-source'>Chargement des missions…</div></div>";
|
||||||
|
msgsEl.appendChild(bloc);
|
||||||
|
msgsEl.scrollTop = msgsEl.scrollHeight;
|
||||||
|
fetch(API + "/api/v1/executors", { credentials: "include" })
|
||||||
|
.then(function (r) { if (!r.ok) throw new Error("HTTP " + r.status); return r.json(); })
|
||||||
|
.then(function (d) {
|
||||||
|
var sel = bloc.querySelector(".m-exec");
|
||||||
|
sel.innerHTML = "";
|
||||||
|
d.executors.forEach(function (e) {
|
||||||
|
if (e.family !== "sous-agent" && e.family !== "externe") return;
|
||||||
|
var opt = document.createElement("option");
|
||||||
|
opt.value = e.id;
|
||||||
|
opt.textContent = e.name + (e.family === "sous-agent" ? " (sous-agent)" : "") +
|
||||||
|
(e.status === "non_configure" ? " — non configuré" : "");
|
||||||
|
if (e.status === "non_configure") opt.disabled = true;
|
||||||
|
sel.appendChild(opt);
|
||||||
|
});
|
||||||
|
if (!sel.options.length) sel.innerHTML = "<option value=''>Aucun exécuteur lançable</option>";
|
||||||
|
})
|
||||||
|
.catch(function () { bloc.querySelector(".m-exec").innerHTML = "<option value=''>Registre injoignable</option>"; });
|
||||||
|
bloc.querySelector(".go").addEventListener("click", function () { lancerMission(bloc); });
|
||||||
|
bloc.querySelector(".rafraichir").addEventListener("click", function () { chargerMissions(bloc); });
|
||||||
|
chargerMissions(bloc);
|
||||||
|
}
|
||||||
|
|
||||||
|
function chargerMissions(bloc) {
|
||||||
|
var zone = bloc.querySelector(".m-liste");
|
||||||
|
fetch(API + "/api/v1/missions", { credentials: "include" })
|
||||||
|
.then(function (r) { if (!r.ok) throw new Error("HTTP " + r.status); return r.json(); })
|
||||||
|
.then(function (d) {
|
||||||
|
if (!d.missions.length) { zone.innerHTML = "<div class='etat-source'>Aucune mission pour le moment.</div>"; return; }
|
||||||
|
zone.innerHTML = "";
|
||||||
|
d.missions.slice(0, 10).forEach(function (m) {
|
||||||
|
var ligne = document.createElement("div");
|
||||||
|
ligne.className = "m-item";
|
||||||
|
var rapport = m.result ? "<div class='m-rapport'>" + esc(String(m.result).slice(0, 700)) + "</div>" : "";
|
||||||
|
ligne.innerHTML = "<div class='m-entete'><b>" + esc(m.title) + "</b>" +
|
||||||
|
"<span class='m-statut st-" + esc(m.status) + "'>" + esc(STATUTS_MISSION[m.status] || m.status) + "</span></div>" +
|
||||||
|
"<div class='m-meta'>" + esc(m.executor) +
|
||||||
|
(m.meta && m.meta.duree_s ? " · " + esc(m.meta.duree_s) + " s" : "") +
|
||||||
|
(m.meta && m.meta.cout ? " · coût : " + esc(m.meta.cout) : "") + "</div>" + rapport;
|
||||||
|
if (m.status === "queued" || m.status === "running" || m.status === "paused_question") {
|
||||||
|
var btn = document.createElement("button");
|
||||||
|
btn.type = "button"; btn.className = "m-annuler"; btn.textContent = "Annuler";
|
||||||
|
btn.addEventListener("click", function () {
|
||||||
|
fetch(API + "/api/v1/missions/" + m.id + "/cancel", {
|
||||||
|
method: "POST", credentials: "include",
|
||||||
|
headers: { "Content-Type": "application/json" }, body: "{}"
|
||||||
|
}).then(function () { chargerMissions(bloc); })
|
||||||
|
.catch(function () { ajouterMsg("sys", "Annulation non envoyée (service injoignable ?)."); });
|
||||||
|
});
|
||||||
|
ligne.appendChild(btn);
|
||||||
|
}
|
||||||
|
zone.appendChild(ligne);
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.catch(function () { zone.innerHTML = "<div class='etat-source'>Missions : service injoignable.</div>"; });
|
||||||
|
}
|
||||||
|
|
||||||
|
function lancerMission(bloc) {
|
||||||
|
var executor = bloc.querySelector(".m-exec").value;
|
||||||
|
var titre = bloc.querySelector(".m-titre").value.trim();
|
||||||
|
var prompt = bloc.querySelector(".m-prompt").value.trim();
|
||||||
|
var carte = bloc.querySelector(".m-carte").value;
|
||||||
|
if (!executor) { ajouterMsg("sys", "Choisis un exécuteur configuré pour lancer une mission."); return; }
|
||||||
|
if (!titre || !prompt) { ajouterMsg("sys", "Mission : il faut un titre et une consigne."); return; }
|
||||||
|
var corps = { executor: executor, title: titre, prompt: prompt, domain: domaine() };
|
||||||
|
if (carte) corps.kanbante_number = parseInt(carte, 10);
|
||||||
|
fetch(API + "/api/v1/missions", {
|
||||||
|
method: "POST", credentials: "include",
|
||||||
|
headers: { "Content-Type": "application/json" },
|
||||||
|
body: JSON.stringify(corps)
|
||||||
|
})
|
||||||
|
.then(function (r) {
|
||||||
|
if (!r.ok) return r.json().catch(function () { return null; }).then(function (e) {
|
||||||
|
throw new Error(e && e.detail ? e.detail : "HTTP " + r.status);
|
||||||
|
});
|
||||||
|
return r.json();
|
||||||
|
})
|
||||||
|
.then(function () {
|
||||||
|
ajouterMsg("sys", "Mission « " + titre + " » lancée — suis-la dans la liste des missions.");
|
||||||
|
chargerMissions(bloc);
|
||||||
|
})
|
||||||
|
.catch(function (e) { ajouterMsg("sys", "Lancement refusé : " + e.message); });
|
||||||
|
}
|
||||||
|
|
||||||
|
function chargerHistorique() {
|
||||||
|
if (historiqueCharge || !convId) return;
|
||||||
|
historiqueCharge = true;
|
||||||
|
fetch(API + "/api/v1/conversations/" + convId, { credentials: "include" })
|
||||||
|
.then(function (r) {
|
||||||
|
if (r.status === 404) {
|
||||||
|
convId = null;
|
||||||
|
try { sessionStorage.removeItem("draco_panneau_conv"); } catch (e) { /* ok */ }
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
if (!r.ok) return null;
|
||||||
|
return r.json();
|
||||||
|
})
|
||||||
|
.then(function (d) {
|
||||||
|
if (!d || !d.messages || !d.messages.length) return;
|
||||||
|
var sys = msgsEl.querySelector(".draco-msg.sys");
|
||||||
|
d.messages.forEach(function (m) {
|
||||||
|
var el = ajouterMsg(m.role === "user" ? "user" : "agent", m.content);
|
||||||
|
if (sys) msgsEl.insertBefore(el, sys.nextSibling), sys = el;
|
||||||
|
});
|
||||||
|
msgsEl.scrollTop = msgsEl.scrollHeight;
|
||||||
|
})
|
||||||
|
.catch(function () { /* historique indisponible : la conversation repart à neuf */ });
|
||||||
|
}
|
||||||
|
|
||||||
|
function envoyer(ev) {
|
||||||
|
ev.preventDefault();
|
||||||
|
var texte = inputEl.value.trim();
|
||||||
|
if (!texte) return;
|
||||||
|
inputEl.value = "";
|
||||||
|
ajouterMsg("user", texte);
|
||||||
|
sendBtn.disabled = true;
|
||||||
|
var attente = ajouterMsg("agent", "Spark réfléchit…");
|
||||||
|
fetch(API + "/api/v1/chat", {
|
||||||
|
method: "POST",
|
||||||
|
credentials: "include",
|
||||||
|
headers: { "Content-Type": "application/json" },
|
||||||
|
body: JSON.stringify({ message: texte, domain: domaine(), conversation_id: convId })
|
||||||
|
})
|
||||||
|
.then(function (r) {
|
||||||
|
if (r.status === 401) {
|
||||||
|
attente.textContent = "Le service ne reconnaît pas ta session partagée (401). Connecte-toi à ObsiGate puis réessaie.";
|
||||||
|
majEtat("err", "Session partagée non reconnue");
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
if (!r.ok) {
|
||||||
|
return r.json().catch(function () { return null; }).then(function (e) {
|
||||||
|
attente.textContent = (e && e.detail) ? e.detail :
|
||||||
|
"Le service a répondu HTTP " + r.status + " — réessaie dans un instant.";
|
||||||
|
return null;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
return r.json();
|
||||||
|
})
|
||||||
|
.then(function (d) {
|
||||||
|
if (!d) return;
|
||||||
|
convId = d.conversation_id;
|
||||||
|
try { sessionStorage.setItem("draco_panneau_conv", convId); } catch (e) { /* ok */ }
|
||||||
|
attente.textContent = d.reply;
|
||||||
|
if (d.tools_used && d.tools_used.length) {
|
||||||
|
ajouterMsg("sys", "Outils utilisés : " + d.tools_used.join(", ") + " · modèle : " + (d.model || "?"));
|
||||||
|
}
|
||||||
|
majEtat("ok", "Connecté au service — domaine " + d.domain);
|
||||||
|
})
|
||||||
|
.catch(function () {
|
||||||
|
attente.textContent = "Service injoignable. Vérifie que le conteneur dracodev-agent est démarré, puis réessaie.";
|
||||||
|
majEtat("err", "Service d'agents injoignable");
|
||||||
|
})
|
||||||
|
.finally(function () { sendBtn.disabled = false; inputEl.focus(); });
|
||||||
|
}
|
||||||
|
|
||||||
|
function ouvrir() {
|
||||||
|
if (!root) construire();
|
||||||
|
root.classList.add("open");
|
||||||
|
verifierIdentite();
|
||||||
|
chargerHistorique();
|
||||||
|
setTimeout(function () { inputEl.focus(); }, 300);
|
||||||
|
}
|
||||||
|
function fermer() { if (root) root.classList.remove("open"); }
|
||||||
|
|
||||||
|
window.DRACO_PANNEAU = {
|
||||||
|
open: ouvrir,
|
||||||
|
close: fermer,
|
||||||
|
toggle: function () {
|
||||||
|
if (root && root.classList.contains("open")) fermer(); else ouvrir();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
})();
|
||||||
+7
-1
@@ -76,6 +76,7 @@
|
|||||||
</style>
|
</style>
|
||||||
<link rel="stylesheet" href="/static/style.css" />
|
<link rel="stylesheet" href="/static/style.css" />
|
||||||
<link rel="stylesheet" href="/static/draco-barre.css" />
|
<link rel="stylesheet" href="/static/draco-barre.css" />
|
||||||
|
<link rel="stylesheet" href="/static/draco-panneau.css" />
|
||||||
<link
|
<link
|
||||||
rel="stylesheet"
|
rel="stylesheet"
|
||||||
href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark.min.css"
|
href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark.min.css"
|
||||||
@@ -423,7 +424,11 @@
|
|||||||
if (act === "palette") { var s = document.getElementById("search-input"); if (s) { s.focus(); s.scrollIntoView({ block: "center" }); } return; }
|
if (act === "palette") { var s = document.getElementById("search-input"); if (s) { s.focus(); s.scrollIntoView({ block: "center" }); } return; }
|
||||||
if (act === "menu") { var m = document.getElementById("header-menu-btn"); if (m) m.click(); return; }
|
if (act === "menu") { var m = document.getElementById("header-menu-btn"); if (m) m.click(); return; }
|
||||||
if (act === "alertes") { dire("Alertes unifiées : arrive avec la fédération (programme Fusion)."); return; }
|
if (act === "alertes") { dire("Alertes unifiées : arrive avec la fédération (programme Fusion)."); return; }
|
||||||
if (act === "spark") { dire("Spark, l'agent commun : arrive en phase 4 du programme Fusion."); return; }
|
if (act === "spark") {
|
||||||
|
if (window.DRACO_PANNEAU) { window.DRACO_PANNEAU.toggle(); }
|
||||||
|
else { dire("Spark : le panneau n'a pas pu se charger."); }
|
||||||
|
return;
|
||||||
|
}
|
||||||
if (act === "rappel-entete") {
|
if (act === "rappel-entete") {
|
||||||
var bar = document.querySelector(".draco-bar");
|
var bar = document.querySelector(".draco-bar");
|
||||||
if (bar) bar.style.display = "";
|
if (bar) bar.style.display = "";
|
||||||
@@ -6052,5 +6057,6 @@ curl -X POST https://votre-serveur.com/webhook \
|
|||||||
</div>
|
</div>
|
||||||
<script defer src="/static/draco-barre.js"></script>
|
<script defer src="/static/draco-barre.js"></script>
|
||||||
<script defer src="/static/draco-liens.js"></script>
|
<script defer src="/static/draco-liens.js"></script>
|
||||||
|
<script defer src="/static/draco-panneau.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+1
-1
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "obsigate",
|
"name": "obsigate",
|
||||||
"version": "2.73.1",
|
"version": "2.74.0",
|
||||||
"description": "**Porte d'entrée web ultra-léger pour vos vaults Obsidian** — Accédez, naviguez et recherchez dans toutes vos notes Obsidian depuis n'importe quel appareil via une interface web moderne et responsive.",
|
"description": "**Porte d'entrée web ultra-léger pour vos vaults Obsidian** — Accédez, naviguez et recherchez dans toutes vos notes Obsidian depuis n'importe quel appareil via une interface web moderne et responsive.",
|
||||||
"main": "patch.js",
|
"main": "patch.js",
|
||||||
"directories": {
|
"directories": {
|
||||||
|
|||||||
@@ -43,6 +43,29 @@ def test_menu_des_applications_par_la_marque():
|
|||||||
assert "font-size: 24px" in _css()
|
assert "font-size: 24px" in _css()
|
||||||
|
|
||||||
|
|
||||||
|
def test_panneau_spark_integre_218():
|
||||||
|
# #218 : le bouton Spark de la barre ouvre le panneau de l'agent
|
||||||
|
# commun (mêmes assets partagés que TikTak / Flowdeck / Kanbante).
|
||||||
|
html = _index()
|
||||||
|
assert (FRONTEND / "draco-panneau.js").is_file()
|
||||||
|
assert (FRONTEND / "draco-panneau.css").is_file()
|
||||||
|
assert '<link rel="stylesheet" href="/static/draco-panneau.css" />' in html
|
||||||
|
assert '<script defer src="/static/draco-panneau.js"></script>' in html
|
||||||
|
# L'action spark bascule sur le panneau — plus le message d'attente.
|
||||||
|
assert "window.DRACO_PANNEAU.toggle()" in html
|
||||||
|
assert "arrive en phase 4 du programme Fusion" not in html
|
||||||
|
panneau = (FRONTEND / "draco-panneau.js").read_text(encoding="utf-8")
|
||||||
|
assert "https://agent.dracodev.net" in panneau
|
||||||
|
|
||||||
|
|
||||||
|
def test_csp_ouvre_le_service_d_agents_218():
|
||||||
|
# Le panneau parle au service d'agents : la CSP doit nommer son
|
||||||
|
# hôte en connect-src, sans ouvrir de générique supplémentaire.
|
||||||
|
main = (Path(__file__).resolve().parent.parent / "backend" / "main.py").read_text(encoding="utf-8")
|
||||||
|
ligne = next(l for l in main.splitlines() if "connect-src" in l)
|
||||||
|
assert "https://agent.dracodev.net" in ligne
|
||||||
|
|
||||||
|
|
||||||
def test_rail_mobile_vers_le_vrai_hamburger():
|
def test_rail_mobile_vers_le_vrai_hamburger():
|
||||||
html = _index()
|
html = _index()
|
||||||
assert 'matchMedia("(max-width: 768px)")' in html
|
assert 'matchMedia("(max-width: 768px)")' in html
|
||||||
|
|||||||
Reference in New Issue
Block a user