Compare commits
1098 Commits
v161-opus-
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
|
57549f8454 | ||
|
|
f8c5303d0f | ||
|
33c7b02eb0 | ||
|
|
56891a7bc3 | ||
|
|
dad8f575e9 | ||
|
|
02668ccbda | ||
|
|
228e8fec23 | ||
|
|
3a146d3149 | ||
|
|
d840692d69 | ||
|
|
3f3363494d | ||
|
|
1e8f5364a7 | ||
|
|
ca5b5694c1 | ||
|
|
d1ca6a1d28 | ||
|
|
ef1c31473a | ||
|
|
64b7a46c3a | ||
|
|
084888e483 | ||
|
|
383b624186 | ||
|
|
53c3b6226e | ||
|
|
f15db6163e | ||
|
|
b2379f004a | ||
|
|
3b8b5833e8 | ||
|
|
539e02b4a3 | ||
|
|
bfcefcd46f | ||
|
|
77e3947e16 | ||
|
|
a8be304904 | ||
|
|
eb035a40bb | ||
|
|
c86eb1a39b | ||
|
|
7b6923f7fd | ||
|
|
01af8e9a5a | ||
|
|
21e09f76e8 | ||
|
|
b93969443e | ||
|
|
a928e53276 | ||
|
|
3431a9543e | ||
|
|
eac655e96c | ||
|
|
ccfd4e0121 | ||
|
|
d7871f7f73 | ||
|
|
3ac2799537 | ||
|
|
37cdb32325 | ||
|
|
576ab22a9f | ||
|
|
d56acb99f3 | ||
|
|
a6ca5da7b2 | ||
|
|
165e0c3757 | ||
|
|
0d00acc1d9 | ||
|
|
eab055012d | ||
|
|
c7f1384d9d | ||
|
|
c4c81dc511 | ||
|
|
b651f4adaf | ||
|
|
bd236ea6c1 | ||
|
|
1d24e243c8 | ||
|
|
b8ba6851d9 | ||
|
|
3c79c4ae31 | ||
|
|
fb412ef264 | ||
|
|
36fc9445e0 | ||
|
|
1ccf993049 | ||
|
|
a0db216115 | ||
|
|
7a460cde08 | ||
|
|
acbeca5138 | ||
|
|
d0395e056c | ||
|
|
7a364f6f09 | ||
|
|
475a41c7d0 | ||
|
|
8332bfd93f | ||
|
|
ac90f13b35 | ||
|
|
7cf4bf877b | ||
|
|
f7901d4c10 | ||
|
|
b98501aec8 | ||
|
|
6af7a8a7d9 | ||
|
|
3f7f80f26f | ||
|
|
f6d126436c | ||
|
|
6e240b4f31 | ||
|
|
c328b0391f | ||
|
|
5946e53f6e | ||
|
|
2327fc30ff | ||
|
|
55bedc0098 | ||
|
|
637415aece | ||
|
|
bd11466cfa | ||
|
|
e3c5de9a1f | ||
|
|
fddc0a1226 | ||
|
|
4a31bf7658 | ||
|
|
1cc8686189 | ||
|
|
b496598946 | ||
|
|
357dda6763 | ||
|
|
46ffae0716 | ||
|
|
a08e51589f | ||
|
|
3dfa3e474a | ||
|
|
d39c5b79e1 | ||
|
|
61f93dcc0f | ||
|
|
94f51b6939 | ||
|
|
5ee3643a83 | ||
|
|
c97bbb49b5 | ||
|
|
496a63a7d6 | ||
|
|
2fe15c1b94 | ||
|
|
ddca8c9f7f | ||
|
|
bbf75422f1 | ||
|
|
956b95bf3c | ||
|
|
006d4dff4b | ||
|
|
3d99a90dfe | ||
|
|
2f54ef4594 | ||
|
|
bda0d8ee93 | ||
|
|
7533928526 | ||
|
|
9ec7dd14d7 | ||
|
|
7dafa37e17 | ||
|
|
0ec611b416 | ||
|
|
fd729756f3 | ||
|
|
eb312657f5 | ||
|
|
5930713bb6 | ||
|
|
f92a232bde | ||
|
|
cc9b29e2ab | ||
|
33a3d77e38 | ||
|
|
28c31e8de4 | ||
|
|
42e0d1287c | ||
|
|
0415fa9029 | ||
|
|
4bbdf7fa2c | ||
|
|
4694fdb774 | ||
|
|
2d57e1183b | ||
|
|
0685c4f565 | ||
|
|
f39957c026 | ||
|
|
cef9f8ac32 | ||
|
|
6f0403d407 | ||
|
|
04bf18946c | ||
|
|
a69d58aadc | ||
|
|
41a40ff936 | ||
|
|
adfb1e7b31 | ||
|
|
5e676b0b2d | ||
|
|
d429bf4986 | ||
|
|
33dad71d58 | ||
|
|
145158ce03 | ||
|
|
62e4563284 | ||
|
|
956752f744 | ||
|
|
95ef75d347 | ||
|
|
b88c66ec9e | ||
|
|
e537675e7d | ||
|
|
40bf5a23e0 | ||
|
|
5b5e179c2d | ||
|
|
937ac68862 | ||
|
|
02a30224bf | ||
|
|
ae7469762d | ||
|
|
a706dfaed0 | ||
|
|
a5176b8c2f | ||
|
|
d9be1dda3b | ||
|
|
d329c3145c | ||
|
|
f877e90e38 | ||
|
|
ec607b7e51 | ||
|
|
39edddeb51 | ||
|
|
f8ec943300 | ||
|
|
709e4d2b0a | ||
|
|
35f13027f8 | ||
|
|
64a7fb33a4 | ||
|
|
33843e3c75 | ||
|
|
9e9c07ad2b | ||
|
|
a617b4bdc2 | ||
|
|
177feddb04 | ||
|
|
2e392f5759 | ||
|
|
c7994d48be | ||
|
|
0478ed2d00 | ||
|
|
f15881c713 | ||
|
|
16895fa821 | ||
|
|
ba4c8c6230 | ||
|
|
792f77a132 | ||
|
|
4938b718a2 | ||
|
|
5c0d6c4b68 | ||
|
|
3563269463 | ||
|
|
9e86fac961 | ||
|
|
25b15fa0a4 | ||
|
|
92e3e0ed11 | ||
|
|
520717e83e | ||
|
|
7820f4e260 | ||
|
|
e4dae78b03 | ||
|
|
1bc0f9f3ee | ||
|
|
af2b5ae533 | ||
|
|
385ab71380 | ||
|
|
11d9e0fbbd | ||
|
|
0253a72bbb | ||
|
|
767fcf0454 | ||
|
|
897ce3cf6d | ||
|
|
745c35b5d7 | ||
|
|
11e8be9860 | ||
|
|
8a21c9397f | ||
|
|
cf8108658d | ||
|
|
222f3b0631 | ||
|
|
a63cd51352 | ||
|
|
0d80fbf0cb | ||
|
|
5a284fd7b0 | ||
|
|
3628565379 | ||
|
|
72a01d8386 | ||
|
|
7ea3646a10 | ||
|
|
89d54b349c | ||
|
|
9a5f534d8b | ||
|
|
a1935d407b | ||
|
|
749fb92491 | ||
|
|
fdb35c86d3 | ||
|
|
e1e3d4c136 | ||
|
|
c7d6a4cd2f | ||
|
|
b225427289 | ||
|
|
302bb1bcca | ||
|
|
0ba9f3f335 | ||
|
|
4cbfa07a9f | ||
|
|
8233982594 | ||
|
|
f326de8c1d | ||
|
|
7adb0fd269 | ||
|
|
6d6cd8e65c | ||
|
|
1cdd36495e | ||
|
|
1d91776b1e | ||
|
|
44f211e071 | ||
|
|
4323154126 | ||
|
|
c7e9f32461 | ||
|
|
1276961acf | ||
|
|
8111c155af | ||
|
|
90ec54d6ab | ||
|
|
f2f7ea3f79 | ||
|
|
8eeea93d9d | ||
|
|
13b2843168 | ||
|
|
e0665cfb1e | ||
|
|
e5a6f5373d | ||
|
|
fe14f36bba | ||
|
|
679ad7516b | ||
|
|
82373fcbaf | ||
|
|
5eaab7ba52 | ||
|
|
376ec16650 | ||
|
|
8b1f3a5f58 | ||
|
|
7874a36916 | ||
|
|
750477b44b | ||
|
|
5a2835f257 | ||
|
|
6c5a2d9072 | ||
|
|
87803717e1 | ||
|
|
c85053c1c0 | ||
|
|
c2491757dd | ||
|
|
42f1cef867 | ||
|
|
5128ae1ea7 | ||
|
|
0c7b49b529 | ||
|
|
5b02e30456 | ||
|
|
c617fd5eb5 | ||
|
|
2b7f945a60 | ||
|
|
db692f348f | ||
|
|
cfb79c6399 | ||
|
|
55cc3f0f29 | ||
|
|
3969ac21da | ||
|
|
3ab838890e | ||
|
|
c8f04cbe25 | ||
|
|
387d9c3176 | ||
|
|
18cce8c6ce | ||
|
|
d50cdde9b4 | ||
|
|
c6275d60f5 | ||
|
|
b317d38192 | ||
|
|
f45b606a68 | ||
|
|
63e7a1b1d5 | ||
|
|
d32135aad5 | ||
|
|
aaa723b8dd | ||
|
|
9f9e53b7e2 | ||
|
|
14297d8564 | ||
|
|
47690c47f5 | ||
|
|
d014fa77e9 | ||
|
|
c5d75302c7 | ||
|
|
6fbe5081ff | ||
|
|
7d63e6c8a4 | ||
|
|
a55d69ada1 | ||
|
|
ecef678798 | ||
|
|
a2ac360d79 | ||
|
|
b3f60fb7f7 | ||
|
|
2f0499a16f | ||
|
|
d52030c8f0 | ||
|
|
2bdb3c8e06 | ||
|
|
926c511833 | ||
|
|
9701dd2ad2 | ||
|
|
f6958bbbf1 | ||
|
|
1ab39ccafe | ||
|
|
b76fb1e25b | ||
|
|
6532d54180 | ||
|
|
e750eca93e | ||
|
|
b634516dc2 | ||
|
|
bcaea0e6af | ||
|
|
b3927478d0 | ||
|
|
b4c9b6920e | ||
|
|
486c86bb41 | ||
|
|
a8861a7535 | ||
|
|
1dda5fc384 | ||
|
|
8b8fb6c1a2 | ||
|
|
9db2f87c39 | ||
|
|
a557615589 | ||
|
|
436ab0013f | ||
|
|
981b85ae1e | ||
|
|
cbae9a3be0 | ||
|
|
741c9efe98 | ||
|
|
f7f49dced6 | ||
|
|
41bd0b9361 | ||
|
|
4c53d42794 | ||
|
|
d0c4522708 | ||
|
|
242d6e9001 | ||
|
|
f2ecc1dc90 | ||
|
|
b87410fba9 | ||
|
|
eb36e92004 | ||
|
|
88d49fcbb1 | ||
|
|
4cce1df95f | ||
|
|
54ac11abac | ||
|
|
1a0923e9dd | ||
|
|
d0c489a3e7 | ||
|
|
8e6beba37f | ||
|
|
04a50cce99 | ||
|
|
fecc8bffd0 | ||
|
|
2a210c0cd6 | ||
|
|
f8b43e4a7c | ||
|
|
66e3fe8d1c | ||
|
|
20bd2e01e2 | ||
|
|
8049010291 | ||
|
|
23ecdc659d | ||
|
|
a9174fa4ec | ||
|
|
d50e1cfcc8 | ||
|
|
cb7f916358 | ||
|
|
81cbaf72ba | ||
|
|
ad5307596d | ||
|
|
957b1d639c | ||
|
|
183448dda1 | ||
|
|
3330de13ac | ||
|
|
8318f75086 | ||
|
|
522b71945b | ||
|
|
9e62f166c0 | ||
|
|
4942f56083 | ||
|
|
ffe59f6d79 | ||
|
|
b61a5eaa9d | ||
|
|
3258766254 | ||
|
|
a68bb09387 | ||
|
|
aa90962875 | ||
|
|
7edb9e5413 | ||
|
|
68de7d1404 | ||
|
|
b82a357cd0 | ||
|
|
c5a490d425 | ||
|
|
64c62730cc | ||
|
|
c120ec20c6 | ||
|
|
bc2c70af17 | ||
|
|
4da42733cb | ||
|
|
d613e52d50 | ||
|
|
41ad248b50 | ||
|
|
087e1c19a6 | ||
|
|
c91c066f7c | ||
|
|
8e7e4d885d | ||
|
|
0c4840b148 | ||
|
|
661c1c97f7 | ||
|
|
da4be8defc | ||
|
|
157de181f5 | ||
|
|
e6b1a07daa | ||
|
|
343fd77ca3 | ||
|
|
22b4115c84 | ||
|
|
f7a77c6bd3 | ||
|
|
f3270987c3 | ||
|
|
17a725b3ae | ||
|
|
1a91e34885 | ||
|
|
0ba1b1ed27 | ||
|
|
bffeaa8629 | ||
|
|
86093304ff | ||
|
|
a516d507f4 | ||
|
|
bbc4b1239d | ||
|
|
3bdcc3d6f2 | ||
|
|
512b35d4f7 | ||
|
|
9f72ba7c97 | ||
|
|
3b9a01651e | ||
|
|
a3b9fc8a83 | ||
|
|
af8d8028b2 | ||
|
|
20b4bb3c3f | ||
|
|
55803be7f3 | ||
|
|
9fd1b8dc9c | ||
|
|
d3bea0dc15 | ||
|
|
66a5f48a11 | ||
|
|
cc592b0562 | ||
|
|
cc62129537 | ||
|
|
d734433527 | ||
|
|
d4ca63b4e2 | ||
|
|
fa9a8bfb18 | ||
|
|
ad227fef66 | ||
|
|
e44fa2f3eb | ||
|
|
9f9bd54968 | ||
|
|
bb622aca00 | ||
|
|
24b3a0c799 | ||
|
|
5369a92b00 | ||
|
|
32d1850f38 | ||
|
|
5668c2b1af | ||
|
|
bc7db193cb | ||
|
|
7a37554431 | ||
|
|
00e8eddddc | ||
|
|
c4bb9ca7ae | ||
|
|
dd8e552eab | ||
|
|
70b39e7258 | ||
|
|
b29b1e85d9 | ||
|
|
0dba3a1082 | ||
|
|
362ab50b4b | ||
|
|
d0bfd09f60 | ||
|
|
ec2b7be5ed | ||
|
|
8059ba10bd | ||
|
|
6a64e47215 | ||
|
|
23d0c26ef9 | ||
|
|
4854c50370 | ||
|
|
8569781053 | ||
|
|
8c4e92f8ee | ||
|
|
819890bd82 | ||
|
|
05418f29eb | ||
|
|
4284ec2aa9 | ||
|
|
9d8154dd74 | ||
|
|
c25b5f20ba | ||
|
|
12b49232a5 | ||
|
|
5eff1a306c | ||
|
|
9b011a8976 | ||
|
|
dcd529e640 | ||
|
|
4dedcfa077 | ||
|
|
f78b00a597 | ||
|
|
90b6a2e74e | ||
|
|
0bfe530cb3 | ||
|
|
7c5afd3a40 | ||
|
|
80d18f7fcf | ||
|
|
35ffe0d1c3 | ||
|
|
17dbe4ffdc | ||
|
|
7b08c3ba8f | ||
|
|
d8190c1835 | ||
|
|
c5331b02a0 | ||
|
|
2f90dfcfee | ||
|
|
34c254d95a | ||
|
|
ecbe324f94 | ||
|
|
61560b0d98 | ||
|
|
c13c55c93e | ||
|
|
381002a1e1 | ||
|
|
a39eff402e | ||
|
|
487fdaa8d5 | ||
|
|
ac05fe9c4f | ||
|
|
f02b80f110 | ||
|
|
b0ef5b9615 | ||
|
|
5c92d1ab96 | ||
|
|
5a9e471108 | ||
|
|
a4c1e8c24f | ||
|
|
e97a134086 | ||
|
|
6d58add0c6 | ||
|
|
1d4bd36052 | ||
|
|
314dced5d1 | ||
|
|
db160e2d23 | ||
|
|
4e89ce16f8 | ||
|
|
6121d449ce | ||
|
|
4126870662 | ||
|
|
b2b720c3dc | ||
|
|
1d1a052ef5 | ||
|
|
704b2cac76 | ||
|
|
4a4d93c7b5 | ||
|
|
ab0bfc0944 | ||
|
|
4782e20321 | ||
|
|
38e7c4c1de | ||
|
|
74ad7881c3 | ||
|
|
454cba282a | ||
|
|
162fd46278 | ||
|
|
08d86e182c | ||
|
|
5558663dd9 | ||
|
|
1ff72cbfde | ||
|
|
fef9859663 | ||
|
|
7d017bd583 | ||
|
|
9b220f71b6 | ||
|
|
96537efde7 | ||
|
|
285315245d | ||
|
|
647d689d51 | ||
|
|
430180c8cc | ||
|
|
c44324afad | ||
|
|
bf85fb77f3 | ||
|
|
36a6f86e08 | ||
|
|
8c689b4a1e | ||
|
|
ad3a70e0ae | ||
|
|
cb0db2a009 | ||
|
|
64832e96a4 | ||
|
|
1f4c0b5c61 | ||
|
|
e8805b9945 | ||
|
|
a9d14c7f54 | ||
|
|
70fcc001fc | ||
|
|
d4c6920bec | ||
|
|
f5824c935f | ||
|
|
171ac50d17 | ||
|
|
ce78cb3f67 | ||
|
|
dc0514bc63 | ||
|
|
5cedce019c | ||
|
|
67e0187ab6 | ||
|
|
17f92abbc6 | ||
|
|
e2bc28f242 | ||
|
|
70d4f40204 | ||
|
|
1b9b200feb | ||
|
|
808e9959eb | ||
|
|
d2c67b7dc9 | ||
|
|
efe240a0c8 | ||
|
|
f39cc6e778 | ||
|
|
7c75205269 | ||
|
|
3838c332b3 | ||
|
|
34776d5bc8 | ||
|
|
198967630c | ||
|
|
8fec004312 | ||
|
|
c9db4af34f | ||
|
|
18a20f6dda | ||
|
|
b4380d3642 | ||
|
|
1577bcf38f | ||
|
|
408ebb277a | ||
|
|
d358ad342d | ||
|
|
04bd211370 | ||
|
|
79e30e0644 | ||
|
|
4580e128fe | ||
|
|
1ba0bbd206 | ||
|
|
4eed7f8d25 | ||
|
|
eb9bb8e9cc | ||
|
|
f9b51260d5 | ||
|
|
6ad3c2a362 | ||
|
|
008cad5a5b | ||
|
|
8a7fd073d0 | ||
|
|
7c4c39dc48 | ||
|
|
5cd9e32d5c | ||
|
|
394d4bbb87 | ||
|
|
cc3276ebad | ||
|
|
a221d4be7e | ||
|
|
f0289eac98 | ||
|
|
5726e7dac3 | ||
|
|
78d1d3713d | ||
|
|
aea5a24cfd | ||
|
|
4c5f72b766 | ||
|
|
b9ffa8315c | ||
|
|
4b8905e406 | ||
|
|
4481248963 | ||
|
|
69f5719eef | ||
|
|
e0717047c3 | ||
|
|
a91b3a4092 | ||
|
|
1a6cf6dc36 | ||
|
|
501e8cd361 | ||
|
|
460d678578 | ||
|
|
1002c587a6 | ||
|
|
d36e4c73b4 | ||
|
|
a4890f8bd9 | ||
|
|
09ca85cdc8 | ||
|
|
33ec121b0e | ||
|
|
5c0881f0d9 | ||
|
|
4e12439d99 | ||
|
|
c1b6bfa470 | ||
|
|
f74bc74c3e | ||
|
|
02b8b6f550 | ||
|
|
194a52d3ce | ||
|
|
bc9be85586 | ||
|
|
8e6590195f | ||
|
|
9d0d7be098 | ||
|
|
50cfbf87b1 | ||
|
|
3a3d66b40f | ||
|
|
ffb4017240 | ||
|
|
c2feea1f20 | ||
|
|
2ffec0c6b6 | ||
|
|
ee11f88e2e | ||
|
|
a603a573b8 | ||
|
|
f36d5fb55d | ||
|
|
4e4f1d90fd | ||
|
|
424252d602 | ||
|
|
ab68896a3f | ||
|
|
136b6d7f49 | ||
|
|
d73d5e2627 | ||
|
|
d4d09e3a14 | ||
|
|
7f1166b71e | ||
|
|
fc19945678 | ||
|
|
382d14c801 | ||
|
|
7508d2ed9e | ||
|
|
5dfbbc6cc8 | ||
|
|
7880a20eeb | ||
|
|
27c4802892 | ||
|
|
97f321c25a | ||
|
|
920e599839 | ||
|
|
2ee5b084d1 | ||
|
|
38cb1e825c | ||
|
|
4fcf046347 | ||
|
|
d6359f1270 | ||
|
|
08a384d68b | ||
|
|
8bb1835ab0 | ||
|
|
c1a365cf7e | ||
|
|
51af06bd43 | ||
|
|
9dcfa100ec | ||
|
|
ab06efa13a | ||
|
|
98b5faddeb | ||
|
|
a9846d45ad | ||
|
|
7a22a8c64d | ||
|
|
ed55cac02f | ||
|
|
68cdad8a90 | ||
|
|
1279e249a5 | ||
|
|
2398ef60e0 | ||
|
|
2458acc461 | ||
|
|
6bcc227419 | ||
|
|
3836b63341 | ||
|
|
d1d0bc0da8 | ||
|
|
a64400edb5 | ||
|
|
b319c6600d | ||
|
|
58c31f04e3 | ||
|
|
8adba7e10d | ||
|
|
4d0990ce2a | ||
|
|
15935a75fb | ||
|
|
1979ff6797 | ||
|
|
91e91a1c1e | ||
|
|
54e66f92e7 | ||
|
|
ee42025a9a | ||
|
|
d9e5c6ce93 | ||
|
|
1015d3dbe5 | ||
|
|
b0fa1bd837 | ||
|
|
9bea1d902a | ||
|
|
33e2e20647 | ||
|
|
a3c9236baa | ||
|
|
7e08f4811a | ||
|
|
26e474d1ad | ||
|
|
c0f8a9a116 | ||
|
|
c2256d3f38 | ||
|
|
f96d781d06 | ||
|
|
2042d193f0 | ||
|
|
03a6bcd53a | ||
|
|
0bd9b42c34 | ||
|
|
c0ac3e9f2b | ||
|
|
570ba3a2b2 | ||
|
|
102686205b | ||
|
|
9074ac0532 | ||
|
|
15eed1516e | ||
|
|
d1674b1798 | ||
|
|
f12815efba | ||
|
|
14ac444633 | ||
|
|
de97756012 | ||
|
|
90532c6e14 | ||
|
|
d3455abcb6 | ||
|
|
4c064e3050 | ||
|
|
e674793a84 | ||
|
|
48c356cf93 | ||
|
|
fb60b32a3a | ||
|
|
6eac450a4d | ||
|
|
cbfea83283 | ||
|
|
1eaf683224 | ||
|
|
c7826b566b | ||
|
|
88ef916f71 | ||
|
|
9b58e46b2d | ||
|
|
ff7383c9fa | ||
|
|
ab5af2f9c0 | ||
|
|
c73a724e28 | ||
|
|
3f732a4f6e | ||
|
|
cc6bf77b3f | ||
|
|
2f2cfd684a | ||
|
|
f3ae5deda4 | ||
|
|
2e14c269b1 | ||
|
|
a04a0e4023 | ||
|
|
e10c32450b | ||
|
|
8b57cfd155 | ||
|
|
49bdf1c014 | ||
|
|
423d53b42c | ||
|
|
b8988c7b45 | ||
|
|
8065d93e0a | ||
|
|
a47d29a07c | ||
|
|
c38348c518 | ||
|
|
517fe3a861 | ||
|
|
110d76750a | ||
|
|
a855943b20 | ||
|
|
759b838464 | ||
|
|
6a4242416c | ||
|
|
33be450e45 | ||
|
|
02e5843a96 | ||
|
|
1cd7c4ddcb | ||
|
|
d9307131e3 | ||
|
|
83eb8780b7 | ||
|
|
d395644e1a | ||
|
|
4e2fa40c74 | ||
|
|
9cd0a23b24 | ||
|
|
12eb582411 | ||
|
|
1f811f6017 | ||
|
|
c67580ca55 | ||
|
|
ca482df1c7 | ||
|
|
d1c6df501d | ||
|
|
dc5a6a1fa7 | ||
|
|
0bb51a1816 | ||
|
|
ae0c4edbbd | ||
|
|
e18a52871a | ||
|
|
591bc1b185 | ||
|
|
83ef7d6f36 | ||
|
|
cc340623e5 | ||
|
|
e1befadf55 | ||
|
|
4f14897464 | ||
|
|
ddbd0585ab | ||
|
|
81fbf94c3b | ||
|
|
0883a741fa | ||
|
|
1d2bef4670 | ||
|
|
a19a1d8808 | ||
|
|
7507a622d4 | ||
|
|
96622a06ac | ||
|
423cfb7957 | ||
|
9e0e907011 | ||
|
|
ada60f9bb3 | ||
|
|
fed4962286 | ||
|
|
f43c1f19cd | ||
|
|
950e1def9f | ||
|
|
8ce43e9b14 | ||
|
|
bd663276da | ||
|
|
f9cce40e1a | ||
|
|
6fcf85bab9 | ||
|
|
aa293c1b18 | ||
|
|
85992385c3 | ||
|
|
dbebd38d55 | ||
|
|
854101a820 | ||
|
|
87176b1e04 | ||
|
|
92c85aae98 | ||
|
|
9764676619 | ||
|
|
5c528597d7 | ||
|
|
7123147ac8 | ||
|
|
c10da82122 | ||
|
|
c33beb3962 | ||
|
|
90e15731c2 | ||
|
|
15d2415179 | ||
|
|
6fbb069352 | ||
|
|
6e1db823d4 | ||
|
|
3530a4f476 | ||
|
|
35580fb7e0 | ||
|
|
02c309b18f | ||
|
|
5b2e2a3ad4 | ||
|
|
a8d29d5c06 | ||
|
|
66f3a6a48b | ||
|
|
96c27a7267 | ||
|
|
f3928de7da | ||
|
|
e2487a4ec0 | ||
|
|
c238ab9eaf | ||
|
|
9b77ddaf15 | ||
|
|
40adb9dc90 | ||
|
|
42f7ab9e8d | ||
|
|
e19b70ef19 | ||
|
|
4297271bd9 | ||
|
120525c360 | ||
|
|
2efb46f050 | ||
|
|
df0f06dd22 | ||
|
|
5ce0415f65 | ||
|
|
c7c97dcc85 | ||
|
|
40def9f973 | ||
|
|
2fdc4b912e | ||
|
|
cdd92dcc7a | ||
|
|
064e56fdb8 | ||
|
|
6e99a67f24 | ||
|
|
f88ef0aeae | ||
|
|
5d3a93ae23 | ||
|
|
92d3038d21 | ||
|
|
4cda2e7daf | ||
|
|
f8fcc6fdba | ||
|
|
421b7c7d86 | ||
|
|
7281251572 | ||
|
|
f3d7439ff8 | ||
|
|
07b6bd1147 | ||
|
|
61bc17f2e3 | ||
|
|
070b37f34d | ||
|
|
2dd3567472 | ||
|
|
d8b05b2fca | ||
|
|
d87ceabcb2 | ||
|
|
31721739a5 | ||
|
|
196bbc622e | ||
|
|
dcd9d5f46b | ||
|
|
43e0b6f68a | ||
|
|
9d88dfc17e | ||
|
|
5a9bda6657 | ||
|
|
3506ef2020 | ||
|
|
05fd5b6e2a | ||
|
|
0d7c5e3711 | ||
|
|
53a4a84146 | ||
|
|
e2a40ccc71 | ||
|
|
26ccb8c391 | ||
|
|
c2c8c9bc3a | ||
|
|
4b287f03a0 | ||
|
|
da6ec0315f | ||
|
|
4f47141363 | ||
|
|
ad8fe50391 | ||
|
|
3d9c59ece6 | ||
|
|
f9c32195d1 | ||
|
|
993a380ab0 | ||
|
|
61612729ad | ||
|
|
5e1cfedfac | ||
|
|
fbceb97369 | ||
|
|
737483fd6f | ||
|
|
bf477f0a41 | ||
|
|
e9396960f1 | ||
|
|
5fb0982269 | ||
|
|
b480a16c41 | ||
|
|
91084d8cde | ||
|
|
6a8312f47a | ||
|
|
56c74df0f6 | ||
|
|
b9c75ff5f8 | ||
|
|
d1d30eebf7 | ||
|
|
f19790a3c3 | ||
|
|
efc56e7729 | ||
|
|
d322b090ea | ||
|
|
6c9ed28d32 | ||
|
|
a41a33904b | ||
|
|
2a490bd152 | ||
|
|
df4a5c3e56 | ||
|
|
107f6e4caa | ||
|
|
0c95950c86 | ||
|
|
56632a9d01 | ||
|
|
5cf4e27dc0 | ||
|
|
135dcb4677 | ||
|
|
1a2b604135 | ||
|
|
b8018f3539 | ||
|
|
a1570d3b3a | ||
|
|
462d43ae07 | ||
|
|
e8457d9e6a | ||
|
|
a3bfdbc868 | ||
|
|
caa3602994 | ||
|
|
1221915be7 | ||
|
|
5d708111e8 | ||
|
|
5e54d931d7 | ||
|
|
b879a049d3 | ||
|
|
a02d730c17 | ||
|
|
7d7dda586d | ||
|
|
dc8496a9d5 | ||
|
|
355a64c2f2 | ||
|
|
26e1ad823d | ||
|
|
80979e6504 | ||
|
|
02ee17da26 | ||
|
|
929840e26f | ||
|
|
62baf2e607 | ||
|
|
98a4031b32 | ||
|
|
79b399cbbe | ||
|
|
997029f12c | ||
|
|
76b82e5f5b | ||
|
|
04bb53edb7 | ||
|
|
7890623673 | ||
|
|
c41d379f41 | ||
|
|
c1885c587f | ||
|
|
9ca3be0b9d | ||
|
|
7f4dcdb9f8 | ||
|
|
3398cf6f99 | ||
|
|
7cf24aa080 | ||
|
|
bd8719bd9f | ||
|
|
fcf933885e | ||
|
|
dc8f8aff78 | ||
|
|
e1e5704dbc | ||
|
|
574f9d5438 | ||
|
|
7449a44dab | ||
|
|
e5a227939a | ||
|
|
2aa13cc3e6 | ||
|
|
7129665d5e | ||
|
|
c746311264 | ||
|
|
d10b78ef67 | ||
|
|
bc5ed67944 | ||
|
|
8161a1729c | ||
|
|
fa1291ebdd | ||
|
|
c896791033 | ||
|
|
b1948e330c | ||
|
|
717903744b | ||
|
|
8e21d647a3 | ||
|
|
fe380760fa | ||
|
|
bc005b669a | ||
|
|
98cb653713 | ||
|
|
eaec1a1310 | ||
|
|
26c3adc02a | ||
|
|
e41ea138ed | ||
|
|
d8ee40f38e | ||
|
|
665e6fd0fe | ||
|
|
ed006a6e55 | ||
|
|
ecbe33ba1f | ||
|
|
a8e8c3347e | ||
|
|
365ab89ff1 | ||
|
|
a4a595e66b | ||
|
|
23db1b508d | ||
|
|
cca331590e | ||
|
|
eb9a3a401e | ||
|
|
7a5394fb8d | ||
|
|
8fbfe405eb | ||
|
|
5f1d70f34b | ||
|
|
0df7b0ae2e | ||
|
|
3be073bf3f | ||
|
|
87f60d2950 | ||
|
|
4f9bc8042e | ||
|
|
dcdb16390d | ||
|
|
b233fcb091 | ||
|
|
b23b2beba2 | ||
|
|
a532fccce9 | ||
|
|
63c7b1c87f | ||
|
|
9ae9f77eba | ||
|
|
ab7c0a5de4 | ||
|
|
a342476366 | ||
|
|
f06c06cc02 | ||
|
|
3cf272152f | ||
|
|
155cc70c08 | ||
|
|
97d47f088b | ||
|
|
747596d86c | ||
|
|
7a90f40565 | ||
|
|
69e8b3b6da | ||
|
|
88685c2837 | ||
|
|
a54e766b19 | ||
|
|
5fed3ac046 | ||
|
|
4e7c08713b | ||
|
|
352fd0ce52 | ||
|
|
5dbba6d246 | ||
|
|
bfcf2223c9 | ||
|
|
a204d31fcb | ||
|
|
e03b3ec9ac | ||
|
|
7c299f595a | ||
|
|
a52c7e0b0f | ||
|
|
fcdb2c7f82 | ||
|
|
e43516dbf4 | ||
|
|
5651b59e2c | ||
|
|
1f8e502eb1 | ||
|
|
e141e18936 | ||
|
|
c95a2ce4db | ||
|
|
083a7345ed | ||
|
|
b881c81736 | ||
|
|
805a45b94e | ||
|
|
770a5c92ac | ||
|
|
7b73186210 | ||
|
|
a9cb3be6d4 | ||
|
|
6930609507 | ||
|
|
c30c7f0e2e | ||
|
|
1c6db0c8e6 | ||
|
|
2d9cdf729b | ||
|
|
e0036f3aa6 | ||
|
|
661263ff5f | ||
|
|
d3fb4271f1 | ||
|
|
1d93c88237 | ||
|
|
c96cd3695b | ||
|
|
d64bf8f6d5 | ||
|
|
6a90d25915 | ||
|
|
a66f7e5e35 | ||
|
|
eb4d6a2bfd | ||
|
|
4ccd3ec9d7 | ||
|
|
cf58f3907a | ||
|
|
17fd5c8867 | ||
|
|
1777a6fd9a | ||
|
|
7044bc0f02 | ||
|
|
d47dad90c0 | ||
|
|
851ec98b28 | ||
|
|
de4026e86d | ||
|
|
42ac79b1ed | ||
|
|
fef90ef5bd | ||
|
|
9a84b0cccc | ||
|
|
7aba72df4a | ||
|
|
1bd2a1816b | ||
|
|
68c844cc52 | ||
|
|
af31149d88 | ||
|
|
1b1dd880a2 | ||
|
|
dbea8f6f92 | ||
|
|
a56e7dd55d | ||
|
|
97bc5d4801 | ||
|
|
9e9ee7c728 | ||
|
|
f90ae398db | ||
|
|
b19107392d | ||
|
|
4b129583de | ||
|
|
6d9618638c | ||
|
|
a189c8702c | ||
|
|
2e893a3ca2 | ||
|
|
969731b074 | ||
|
|
9a60d63c7d | ||
|
|
8f1eaf4358 | ||
|
|
ae7d83f1fa | ||
|
|
3f1d6e5ef6 | ||
|
|
4df0825337 | ||
|
|
e8fbf4f1ab | ||
|
|
98d99bfe4d | ||
|
|
3a24dc48f9 | ||
|
|
5dd0b5f015 | ||
|
|
835e1f316b | ||
|
|
814ba61691 | ||
|
|
af33c56591 | ||
|
|
f465bedbd3 | ||
|
|
4eb9e842b1 | ||
|
a47fefad6c | ||
|
|
4fcb3c563f | ||
|
|
3b34c3eb5d | ||
|
|
c9dabf21a9 | ||
|
|
241a0cf38c | ||
|
|
0cfda21d31 | ||
|
|
1b051e200c | ||
|
|
0f83d5e73e | ||
|
|
10f8769c87 | ||
|
|
1de6db6366 | ||
|
|
caaca91df5 | ||
|
|
a2b789c71b | ||
|
|
534f10cc2b | ||
|
|
bbb69cddeb | ||
|
|
0abc88de15 | ||
|
|
0e711c0577 | ||
|
|
8d325645c0 | ||
|
|
5b41d193b5 | ||
|
|
12d3ee310f | ||
|
|
f60da1d3d9 | ||
|
|
6c067d60ca | ||
|
|
9676b7087a | ||
|
|
d40dce94a7 | ||
|
|
051513a202 | ||
|
|
e56219f73c | ||
|
|
c5bdc08150 | ||
|
|
46406d757e | ||
|
|
bf20f939a9 | ||
|
|
b203dfdd2e | ||
|
|
b86a26fec5 | ||
|
|
fd9677e060 | ||
|
|
20aae00bee | ||
|
|
6c75c4ebd3 | ||
|
|
d549c92e3c | ||
|
|
1cb4020632 | ||
|
|
35cafc3460 | ||
|
|
2d7f928207 | ||
|
|
881bee9fc9 | ||
|
|
3e74787ecb | ||
|
|
dcddae2cfd | ||
|
|
2074cda08a | ||
|
|
94f27781a8 | ||
|
|
3871563762 | ||
|
|
17b92cd315 | ||
|
|
6d86ac51dc | ||
|
|
9f2aae1f6b | ||
|
|
b8acf3e04e | ||
|
|
7cec95c2f3 | ||
|
|
f464cce955 | ||
|
|
067a45d815 | ||
|
|
3ee5b827b9 | ||
|
|
1e6d17e419 | ||
|
|
04e8bdde91 | ||
|
|
d683b57b2e | ||
|
|
7216ecea64 | ||
|
|
f39e904d6e | ||
|
|
426c86cbcf | ||
|
|
dc5751c0cd | ||
|
|
0a2b212b0b | ||
|
|
ce0206c4e3 | ||
|
|
ca12430835 | ||
|
|
700a0e062a | ||
|
|
a28c372c48 | ||
|
|
730054f910 | ||
|
|
d2d7f3316f | ||
|
|
36a7b206d8 | ||
|
|
0b4e2d9532 | ||
|
|
4ca30a13cd | ||
|
|
7d774f1173 | ||
|
|
4eba799515 | ||
|
|
b7b8a49e82 | ||
|
|
ebb9aa206e | ||
|
|
8103d921d7 | ||
|
|
0471c9b2b1 | ||
|
|
10a6a49fd5 | ||
|
|
7adc35c12f | ||
|
|
dd35a5ecf6 | ||
|
|
022dfe65c5 | ||
|
|
6a6fb48508 | ||
|
|
0cff0e534b | ||
|
|
21d0f0b8a4 | ||
|
|
b377bda982 | ||
|
|
ca4255ac63 | ||
|
|
00ca47aef2 | ||
|
|
208bee2b87 | ||
|
649a49f382 | ||
|
|
accbcb3ee5 | ||
|
|
0b55a56039 | ||
|
|
160b2a57bd | ||
|
|
e79005a535 | ||
|
|
a51fab2eed | ||
|
|
7e36744551 | ||
|
|
4e69151c4a | ||
|
|
3c7099fc3a | ||
|
|
9c83d0f4cc | ||
|
|
419f3cf02a | ||
|
|
c50ed34776 | ||
|
|
dd8bd30324 | ||
|
|
4d172d8b02 | ||
|
|
5a95677119 | ||
|
|
cdc924b8e5 | ||
|
|
0dd183b637 | ||
|
|
819201a5b2 | ||
|
|
fb681af44b | ||
|
|
fe18bfc8d4 | ||
|
|
830ce73dd5 | ||
|
|
f35837bd7d | ||
|
|
7b6ec9ab2f | ||
|
|
4ce9ffa942 | ||
|
|
ce2a371498 | ||
|
|
55c184bf68 | ||
|
|
57abf4807f | ||
|
|
c8edeb2a10 | ||
|
|
6f46267b86 | ||
|
|
39f66be2b5 | ||
|
|
4d1d266915 | ||
|
|
623afb14a6 | ||
|
|
fa0d20fe8f | ||
|
|
f9870e5fa6 | ||
|
|
855c28d9b9 | ||
|
|
3ec53dd4e1 | ||
|
|
77dd5ac9f4 | ||
|
|
9b92772dc6 | ||
|
|
9764dd6f25 | ||
|
|
664179598e | ||
|
|
652a8013ea | ||
|
|
4bf5987304 | ||
|
|
6a1f27480d | ||
|
|
0ad403a836 | ||
|
|
61429584fa | ||
|
|
1d65fb4959 | ||
|
|
bdf176474d | ||
|
|
551dc38818 | ||
|
|
75c65073a8 | ||
|
|
884e3e9d2e | ||
|
|
b946f08333 | ||
|
|
725b7e0137 | ||
|
|
40af847595 | ||
|
|
070b98d2e4 | ||
|
|
4bab633ca1 | ||
|
|
d8229af9dc | ||
|
|
5f8c105d23 | ||
|
|
56081177eb | ||
|
|
45662604ce | ||
|
|
f810b33f32 | ||
|
|
758b8409a0 | ||
|
|
fdd25b57d2 | ||
|
|
5e53410ed3 | ||
|
|
9076c69f4b | ||
|
|
80a7bf6afe | ||
|
|
23c996457b |
64
404.html
64
404.html
@@ -28,6 +28,51 @@
|
||||
.suggestions a { padding: 0; display: inline; color: #818cf8; font-weight: 400; }
|
||||
.suggestions a:hover { color: #a5b4fc; }
|
||||
</style>
|
||||
<!-- DOCTRINE-60-UX-ENRICH direct-inject-20260424-150828 -->
|
||||
<style id="doctrine60-ux-direct">
|
||||
|
||||
/* DOCTRINE-60-UX-ENRICH injected-direct */
|
||||
body::before {
|
||||
content: '';
|
||||
position: fixed;
|
||||
top: 0; left: 0; width: 100vw; height: 100vh;
|
||||
background: radial-gradient(circle at 50% 50%, rgba(100,180,255,0.08), transparent 60%);
|
||||
pointer-events: none;
|
||||
z-index: -1;
|
||||
}
|
||||
.card, .kpi, .panel, .btn {
|
||||
transition: all 0.3s cubic-bezier(0.2,0,0.1,1);
|
||||
}
|
||||
.card:hover, .kpi:hover, .panel:hover {
|
||||
box-shadow: 0 4px 20px rgba(100,180,255,0.2);
|
||||
border-color: rgba(100,180,255,0.5);
|
||||
}
|
||||
@keyframes pulseD60 {
|
||||
0%,100% { opacity: 1; transform: scale(1); }
|
||||
50% { opacity: 0.7; transform: scale(1.05); }
|
||||
}
|
||||
.pulse, .live-indicator, .active, .online {
|
||||
animation: pulseD60 3s ease-in-out infinite;
|
||||
}
|
||||
.modal, .chat, .speech, .overlay {
|
||||
backdrop-filter: blur(12px);
|
||||
-webkit-backdrop-filter: blur(12px);
|
||||
}
|
||||
.enter-stagger {
|
||||
animation: enterStagD60 0.5s cubic-bezier(0.2,0,0.1,1) forwards;
|
||||
}
|
||||
@keyframes enterStagD60 {
|
||||
from { opacity: 0; transform: translateY(20px); }
|
||||
to { opacity: 1; transform: translateY(0); }
|
||||
}
|
||||
|
||||
</style>
|
||||
<!-- DOCTRINE-222-KILL-PULSED60 -->
|
||||
<style>
|
||||
@keyframes pulseD60 { 0%,100%,50% { opacity: 1; transform: scale(1); } }
|
||||
.pulse, .live-indicator, .active, .online { animation: none !important; }
|
||||
</style>
|
||||
<!-- END-DOCTRINE-222 -->
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
@@ -112,6 +157,23 @@
|
||||
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t34final) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1776776094" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1777045903" defer></script>
|
||||
<!-- DOCTRINE-60-UX-JS --><script id="doctrine60-ux-js-direct">
|
||||
|
||||
// DOCTRINE-60-UX-JS staggered entrance
|
||||
(function(){
|
||||
if (!('IntersectionObserver' in window)) return;
|
||||
const obs = new IntersectionObserver((entries) => {
|
||||
entries.forEach((e, i) => {
|
||||
if (e.isIntersecting) {
|
||||
setTimeout(() => e.target.classList.add('enter-stagger'), i * 80);
|
||||
obs.unobserve(e.target);
|
||||
}
|
||||
});
|
||||
});
|
||||
document.querySelectorAll('.card, .kpi, .panel').forEach(el => obs.observe(el));
|
||||
})();
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
29
DISK-INVENTORY-25avr.md
Normal file
29
DISK-INVENTORY-25avr.md
Normal file
@@ -0,0 +1,29 @@
|
||||
# DISK INVENTORY S204 — 25avr 2026
|
||||
|
||||
## Total: 130G/150G (91%)
|
||||
|
||||
## Top consumers /opt/
|
||||
| Dir | Size | Action |
|
||||
|-----|------|--------|
|
||||
| gitea/ | 16G | Critical (repos central) — repack git GC possible |
|
||||
| wevads-s204-archive/ | 4.9G | 1 file vault-backup-20260424-121350.tar.gz (single) — déplacer vers S95 |
|
||||
| weval-l99/ | 4.6G | Live — git GC --aggressive possible |
|
||||
| wevads/ | 4.0G | Live (vault + production) |
|
||||
| paperclip-weval/ | 3.5G | Logs anciens purgables |
|
||||
| deer-flow/ | 2.5G | OSS clone — déplacer vers /tmp si non-utilisé |
|
||||
| claw-code/ | 1.2G | OSS clone |
|
||||
|
||||
## Quick wins (à exécuter avec autorisation)
|
||||
1. rsync vault-backup vers S95 puis rm sur S204 = -4.9G
|
||||
2. paperclip-weval/logs purge >7j = -1G estimé
|
||||
3. git -C /opt/gitea/X gc --aggressive sur repos > 100MB = -2G estimé
|
||||
4. /var/lib/docker = 26G, mais 0 reclaim possible (containers actifs)
|
||||
|
||||
## Sources de croissance
|
||||
- Crons logs (cluster-noexec, blade-tasks, self-repair) — OK rotated
|
||||
- Sentinel logs S95
|
||||
- Git history WEVAL Consulting (5012+ uncommitted files indexed)
|
||||
|
||||
## Recommandation
|
||||
Priorité: déplacer wevads-s204-archive/vault-backup vers S95 pour reclaim 4.9G immédiat.
|
||||
Cible disk: < 80% pour git index + I/O smooth.
|
||||
17
DOCTRINE-318-AUTO-WIRE-OWNERSHIP.md
Normal file
17
DOCTRINE-318-AUTO-WIRE-OWNERSHIP.md
Normal file
@@ -0,0 +1,17 @@
|
||||
# DOCTRINE 318 - AUTO_WIRE OWNERSHIP (25avr2026)
|
||||
|
||||
Bug: cable retourne [AUTO-WIRE OK] mais trigger T:unknown.
|
||||
Root cause: /opt/wevia-brain/user-wired-intents.json owned root:root.
|
||||
PHP-FPM tourne www-data. @file_put_contents() suppress error.
|
||||
|
||||
Fix: sudo chown www-data:www-data /opt/wevia-brain/*.json
|
||||
|
||||
TOUS les fichiers /opt/wevia-brain/*.json doivent etre www-data:www-data.
|
||||
|
||||
Test:
|
||||
cable un intent pour echo HELLO quand on dit test_x. Commande: echo OK
|
||||
test_x -> T: user_test_x | OUTPUT: OK
|
||||
|
||||
Fichiers fixes 25avr: user-wired-intents.json, blade-finetune-task.json,
|
||||
sovereign-hosting-plan.json, sovereign-reduction-plan.json, tools-catalog.json,
|
||||
wevia-sovereign-cascade.json
|
||||
39
DOCTRINE-319-PIPELINE-NO-EXEC.md
Normal file
39
DOCTRINE-319-PIPELINE-NO-EXEC.md
Normal file
@@ -0,0 +1,39 @@
|
||||
# DOCTRINE 319 - PIPELINE NO_EXEC LEARNING (25avr 2026)
|
||||
|
||||
## Goal
|
||||
WEVIA Master apprend automatiquement quelles questions n ont pas matche d intent,
|
||||
cluster les patterns recurrents, propose nouveaux intents a wirer.
|
||||
|
||||
## Pipeline 4 etapes
|
||||
|
||||
### 1. Logger NO_EXEC (LIVE 25avr01:55)
|
||||
Patch /var/www/html/api/wevia-chat-v2-direct.php ligne 247:
|
||||
Append a /opt/wevia-brain/no-exec-log.jsonl chaque fois que:
|
||||
- tool === unknown
|
||||
- response === (no content) ou (empty upstream)
|
||||
- response contient Guard bypassed
|
||||
|
||||
Format JSONL: ts, msg, session, tool, response_preview
|
||||
|
||||
### 2. Cron cluster 15min (LIVE 25avr01:56)
|
||||
crontab: */15 * * * * python3 /opt/wevia-brain/cluster-noexec.py
|
||||
Lit no-exec-log.jsonl, groupe par 3 premiers mots, compte occurrences,
|
||||
ecrit proposals dans /opt/wevia-brain/proposals-pending.json (count >= 2)
|
||||
|
||||
### 3. Bouton refresh (TODO)
|
||||
Dans wevia-master.html ou dashboard: bouton lit proposals-pending.json,
|
||||
affiche tableau avec sample_query, occurrences, suggested_intent.
|
||||
User valide -> POST cable un intent vers chat-v2.
|
||||
|
||||
### 4. Auto-validate (FUTURE)
|
||||
Si une proposition atteint count >= 10, auto-cabler avec command par defaut
|
||||
genere par sovereign cascade (LLM gratuit).
|
||||
|
||||
## Files
|
||||
- /var/www/html/api/wevia-chat-v2-direct.php (patche L247)
|
||||
- /opt/wevia-brain/no-exec-log.jsonl (append-only)
|
||||
- /opt/wevia-brain/cluster-noexec.py (script cluster)
|
||||
- /opt/wevia-brain/proposals-pending.json (output cron)
|
||||
|
||||
## Test
|
||||
curl POST chat-v2 avec query non-wired -> entry dans no-exec-log.jsonl ✅
|
||||
92
DOCTRINE-321-OPUS-SE-RETIRE.md
Normal file
92
DOCTRINE-321-OPUS-SE-RETIRE.md
Normal file
@@ -0,0 +1,92 @@
|
||||
# DOCTRINE 321 - OPUS SE RETIRE / WEVIA MASTER AUTONOME (25avr 2026)
|
||||
|
||||
## Validation Yacine
|
||||
"Le pattern Yacine ne fait rien, WEVIA Master fait tout est desormais fonctionnel et reproductible."
|
||||
|
||||
## 5 capacites autonomes validees
|
||||
|
||||
### 1. Auto-creation intents (`auto_wire_nl`)
|
||||
- Endpoint: chat-v2-direct.php
|
||||
- Pattern NL: `cable un intent pour <desc> quand on dit <trigger>. Commande: <cmd>`
|
||||
- Persiste dans: /opt/wevia-brain/user-wired-intents.json (ownership www-data, doctrine 318)
|
||||
- Pool actuel: 118+ user-wired intents
|
||||
|
||||
### 2. Clone repos GitHub (`clone_*`)
|
||||
- Wrapper intents `clone_<repo>` qui git clone vers /opt/oss/
|
||||
- Verified working sur 39 OSS repos clones
|
||||
|
||||
### 3. Browser automation (`selenium_*`)
|
||||
- Selenium hub via MCP Blade port 8765
|
||||
- Playwright sur S95 + chromium bundled /opt/ms-playwright/chromium-1208/
|
||||
- Test tabs reussi 6/6 le 25avr (commit tabs-test-1777075700801)
|
||||
|
||||
### 4. Audits visuels (`visual_ux_audit`)
|
||||
- Playwright screenshot full-page
|
||||
- Score CSS via heuristiques
|
||||
- Output: /opt/wevads/public/proofs/*.png
|
||||
|
||||
### 5. Self-monitoring
|
||||
- KPIs: nonreg-latest.json, l99 score, ethica HCPs
|
||||
- Health: web-ia-health.html dashboard
|
||||
- NonReg: cron continuous + Architecture tab
|
||||
- Agents: 1000 agents catalogue + 19 actifs
|
||||
|
||||
## Pattern reproductible
|
||||
|
||||
Pour ajouter une nouvelle capacite a WEVIA en autonomie:
|
||||
|
||||
1. **Wrapper *_demo** : creer intent demo qui marche en hardcode
|
||||
2. **Chat-v2 NL extraction** : regex match params dynamiques dans message user
|
||||
3. **Cable via auto_wire** : `cable un intent pour X quand on dit Y. Commande: Z`
|
||||
4. **Test E2E** : envoyer message NL -> verifier exec reel
|
||||
5. **Document doctrine** : MD file dans wiki + commit
|
||||
|
||||
## Pipeline auto-apprentissage (doctrine 319)
|
||||
|
||||
- Logger NO_EXEC: chat-v2 ligne 247 append a no-exec-log.jsonl
|
||||
- Cron 15min cluster: cluster-noexec.py groupe patterns >=2 occurrences
|
||||
- UI proposals: wevia-proposals.html + bouton Cable
|
||||
- User valide -> POST chat-v2 -> auto_wire -> intent persist
|
||||
|
||||
## Architecture multi-server
|
||||
|
||||
- S204 (8vCPU/32GB): orchestration + chat NL + UI
|
||||
- S95 (Hetzner 16GB): Playwright + Chromium + dispatch heavy I/O
|
||||
- S151 OVH: tracking culturellemejean.charity + open.php
|
||||
- 4 ECS Huawei PMTAs: email delivery
|
||||
- 17 providers IA cascade gratuits via sovereign-api:4000
|
||||
|
||||
## Opus retraite
|
||||
|
||||
Opus intervient uniquement si:
|
||||
- WEVIA Master fail un wire (auto_wire bug)
|
||||
- Bug archi non auto-detectable
|
||||
- Validation strategique sur deltas critiques
|
||||
|
||||
Sinon: zero intervention. WEVIA Master fait tout en NL via chat.
|
||||
|
||||
## Commits cles 25avr session
|
||||
|
||||
- 383b62418 fix dorm-title 220->917
|
||||
- 084888e48 doctrine 318 auto_wire ownership
|
||||
- ef1c31473 doctrine 319 pipeline NO_EXEC
|
||||
- 1e8f5364a proposals UI v1
|
||||
- 3f3363494 disk inventory
|
||||
- 228e8fec2 proposals UI v2 fix
|
||||
- (this commit) doctrine 321 opus se retire
|
||||
|
||||
## Test E2E final
|
||||
|
||||
Tabs test S95 dispatch:
|
||||
https://wevads.weval-consulting.com/tabs-test-1777075700801/
|
||||
- 7 screenshots + webm 1.76MB
|
||||
- 6/6 tabs cliques (Intents, Training, Brain, Dormants, Cognitive, Architecture)
|
||||
- HTTP/2 200 verified
|
||||
- Cloudflare cache HIT
|
||||
|
||||
Pipeline NO_EXEC live:
|
||||
https://weval-consulting.com/wevia-proposals.html
|
||||
|
||||
Auto_wire fix verifie:
|
||||
- Pre-fix: T:unknown sur tous nouveaux intents
|
||||
- Post-fix: T:user_<intent> sur tous nouveaux intents
|
||||
1
DOCTRINE_212_DISPATCH_S95.md
Normal file
1
DOCTRINE_212_DISPATCH_S95.md
Normal file
@@ -0,0 +1 @@
|
||||
dispatch S95 operational - video 1.4MB HTTP 200 - 85+ intents wired
|
||||
36
OPUS-SESSION-24AVR-FINAL.md
Normal file
36
OPUS-SESSION-24AVR-FINAL.md
Normal file
@@ -0,0 +1,36 @@
|
||||
# 🏁 OPUS SESSION 24 AVRIL 2026 · FINAL REPORT
|
||||
|
||||
## Statistiques finales
|
||||
- **Tags Opus 24avr** : 53 tags
|
||||
- **Doctrines session** : 37 (146-197)
|
||||
- **Pages UX doctrine 60** : 428 total (324 root + 104 products)
|
||||
- **Coverage** : 99.1 percent root, 100 percent products
|
||||
- **NR invariant** : 153/153 sur 55 phases
|
||||
- **Zero regression** : confirmed Playwright + Gemini v2 + v3
|
||||
|
||||
## Handlers universels crees
|
||||
1. inject-d60-direct.py - mass inject doctrine 60 (battle-tested 110+ pages)
|
||||
2. inject-products.py - mass inject subdir (doctrine 195)
|
||||
3. audit-30-v7.js - Playwright audit 30 pages phares
|
||||
4. audit-products.js - Playwright audit products subdir
|
||||
5. gemini-vision-zooms-v2.sh + v3.sh - Gemini vision review
|
||||
6. gemini-products-v3.sh - Gemini refocus suspects
|
||||
7. create-intent-from-chat + patch-file-with-agent
|
||||
|
||||
## Cross-validation
|
||||
- Playwright 30 root + 10 products = 0 overlaps
|
||||
- Gemini v2 (60 zooms) + v3 (15 refocus) = 0 real overlap
|
||||
- Mobile iPhone12 audit: leadforge fix valide, pas d autres overlaps
|
||||
|
||||
## Train multi-Claude perfect synchro
|
||||
- Opus doctrines 146-197
|
||||
- Autres Claude doctrines 188-198 (BLADE robustness, DASHBOARD enrichi, wevia_generate_code autonomie)
|
||||
- 222 intents LIVE totaux
|
||||
- 394 commits 24h
|
||||
- Auto-sync WEVIA intent git_sync_all
|
||||
|
||||
## Opus retirement definitif
|
||||
**Phase 55 seed autonomie generative** ajoute intent wevia_generate_code -> WEVIA peut maintenant generer code autonome via chat NL (HTML/PHP/Python/Bash).
|
||||
Apres cette wave: WEVIA autonome generative plus besoin Opus.
|
||||
|
||||
Session complete successful. Opus garde role conseiller.
|
||||
547
_archive/w307/DOUBLON_agents-3d.html
Normal file
547
_archive/w307/DOUBLON_agents-3d.html
Normal file
@@ -0,0 +1,547 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>WEVAL Enterprise 3D</title>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&family=JetBrains+Mono:wght@400;700&display=swap');
|
||||
*{margin:0;padding:0;box-sizing:border-box}body{background:#080810;overflow:hidden;font-family:'Nunito',sans-serif}canvas{display:block}
|
||||
#tip{position:fixed;pointer-events:none;display:none;z-index:99;border-radius:14px;padding:14px 18px;color:#e0e8ff;max-width:260px;backdrop-filter:blur(12px);border:2px solid}
|
||||
#tip .tn{font-weight:900;font-size:1.05rem;color:#fff}
|
||||
#tip .tt{font-size:.65rem;text-transform:uppercase;letter-spacing:2px;margin:3px 0 6px}
|
||||
#tip .td{font-size:.82rem;color:#8a98c0;line-height:1.35}
|
||||
#tip .tp{font-family:'JetBrains Mono',monospace;font-size:.7rem;color:#53d8fb;border-top:1px solid #ffffff10;padding-top:5px;margin-top:5px}
|
||||
#tip .st{font-size:.7rem;margin-top:4px;font-weight:700}
|
||||
#hud{position:fixed;top:0;left:0;right:0;padding:10px 24px;display:flex;justify-content:space-between;align-items:center;z-index:10;background:linear-gradient(180deg,#080810ee 60%,transparent)}
|
||||
.logo{font-size:1.15rem;font-weight:900;letter-spacing:1px}.logo b{color:#53d8fb}.logo i{color:#e94560;font-style:normal}
|
||||
.hr{display:flex;gap:18px;font-size:.72rem;color:#4a5878}.hr b{color:#53d8fb}
|
||||
</style>
|
||||
<script src="/js/wevia-a11y-auto.js" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- BETON-DOCTRINE-101 dual-dummy block (pages pub) -->
|
||||
<div id="weval-global-logout" style="display:none!important;visibility:hidden!important" aria-hidden="true" data-beton-101="dummy-to-block-auto-injection"></div>
|
||||
<a id="weval-gl" href="#" style="display:none!important;visibility:hidden!important" aria-hidden="true" data-beton-101="dummy-to-block-auto-injection" tabindex="-1"></a>
|
||||
|
||||
<!-- CANONICAL BANNER doctrine 103 -->
|
||||
<div id="canonical-banner-v103" style="position:fixed;top:0;left:0;right:0;z-index:99990;background:linear-gradient(90deg,#1e293b,#0f172a);border-bottom:1px solid rgba(99,102,241,0.3);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;font-family:Inter,system-ui,sans-serif;font-size:12px;backdrop-filter:blur(8px)">
|
||||
<span style="color:#94a3b8">Variante agents-* <span id="canonical-this-page" style="color:#64748b">(cette page)</span></span>
|
||||
<a href="/agents-archi.html" style="color:#a5b4fc;text-decoration:none;padding:4px 12px;background:rgba(99,102,241,0.15);border-radius:6px;border:1px solid rgba(99,102,241,0.25)">Voir canonical : agents-archi</a>
|
||||
<button type="button" aria-label="Fermer banner" onclick="this.parentElement.style.display='none'" style="background:transparent;border:none;color:#64748b;font-size:16px;cursor:pointer;padding:0 8px">×</button>
|
||||
</div>
|
||||
<style>#canonical-banner-v103+*{margin-top:36px!important}
|
||||
/* === WEVIA Gemini Rolling v2 VISIBLE Enrichment (wave 306 batch) === */
|
||||
.kpi,[class*="card"],[class*="panel"],[class*="room"],.stat-card,.metric-card,.hub-card,.widget,.stat,.box{position:relative!important}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card{animation:geV2Entrance .8s cubic-bezier(.34,1.56,.64,1) backwards}
|
||||
.kpi:nth-child(1),[class*="card"]:nth-child(1){animation-delay:0s}
|
||||
.kpi:nth-child(2),[class*="card"]:nth-child(2){animation-delay:.09s}
|
||||
.kpi:nth-child(3),[class*="card"]:nth-child(3){animation-delay:.18s}
|
||||
.kpi:nth-child(4),[class*="card"]:nth-child(4){animation-delay:.27s}
|
||||
.kpi:nth-child(5),[class*="card"]:nth-child(5){animation-delay:.36s}
|
||||
.kpi:nth-child(6),[class*="card"]:nth-child(6){animation-delay:.45s}
|
||||
@keyframes geV2Entrance{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card,.widget{border:1px solid transparent!important;box-shadow:0 0 0 1px rgba(236,72,153,.15),0 4px 16px rgba(0,0,0,.25)!important;transition:box-shadow .4s,transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s!important}
|
||||
.kpi:hover,[class*="card"]:hover,.stat-card:hover,.metric-card:hover,.hub-card:hover{transform:translateY(-6px) scale(1.03)!important;filter:brightness(1.2)!important;box-shadow:0 0 0 2px rgba(236,72,153,.6),0 12px 32px rgba(236,72,153,.25),0 0 24px rgba(78,205,196,.2)!important}
|
||||
.kpi::before,[class*="card"]::before,.stat-card::before,.metric-card::before,.hub-card::before{content:"";position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#2ed573,#1a9a4e);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5);animation:geV2Pulse 1.6s ease-out infinite;z-index:100;pointer-events:none}
|
||||
@keyframes geV2Pulse{0%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}50%{transform:scale(1.4);box-shadow:0 0 20px #2ed573,0 0 40px rgba(46,213,115,.8)}100%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}}
|
||||
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 30%,transparent 40%,rgba(236,72,153,.06) 100%),radial-gradient(ellipse at 30% 70%,transparent 40%,rgba(78,205,196,.04) 100%);animation:geV2Ambient 10s ease-in-out infinite;z-index:0}
|
||||
@keyframes geV2Ambient{0%,100%{opacity:.5}50%{opacity:1}}
|
||||
h1,.header-title,.main-title,.hub-title,.page-title{background-image:linear-gradient(90deg,currentColor 0%,currentColor 40%,rgba(236,72,153,1) 50%,currentColor 60%,currentColor 100%)!important;background-size:200% auto!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:geV2Shimmer 5s linear infinite!important}
|
||||
@keyframes geV2Shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
|
||||
/* Doctrine zero chevauchement - hide common offenders */
|
||||
.opus-x-btn,.toggle-top-right-btn,.fab-corner{display:none!important}
|
||||
/* === end WEVIA Gemini Rolling v2 batch === */
|
||||
</style>
|
||||
<script>
|
||||
(function(){
|
||||
var el = document.getElementById('canonical-this-page');
|
||||
if(el) el.textContent = '(' + location.pathname.split('/').pop() + ')';
|
||||
})();
|
||||
</script>
|
||||
<!-- END CANONICAL BANNER -->
|
||||
|
||||
<canvas id="c"></canvas>
|
||||
<div id="tip"><div class="tn"></div><div class="tt"></div><div class="td"></div><div class="tp"></div><div class="st"></div></div>
|
||||
<div id="hud"><div class="logo"><i>WEVAL</i> <b>Enterprise</b> 3D</div><div class="hr"><span>Agents <b>31</b></span><span>Actifs <b id="ac">0</b></span><span>Tasks <b id="tc">0</b></span></div></div>
|
||||
<script>
|
||||
const C=document.getElementById('c'),X=C.getContext('2d');
|
||||
let W,H,mx=-1,my=-1,hov=null,fr=0,tasks=0;
|
||||
const dp=Math.min(devicePixelRatio,2);
|
||||
function resize(){W=innerWidth;H=innerHeight;C.width=W*dp;C.height=H*dp;X.scale(dp,dp);layout()}
|
||||
addEventListener('resize',resize);
|
||||
|
||||
// ═══ PYRAMID LEVELS ═══
|
||||
const LVLS=[
|
||||
{y:.08,rows:[{id:'ceo',label:'Direction',clr:'#e94560',w:.12}]},
|
||||
{y:.22,rows:[{id:'consult',label:'Consulting',clr:'#7c3aed',w:.22},{id:'strat',label:'Stratégie',clr:'#3b82f6',w:.22}]},
|
||||
{y:.38,rows:[{id:'dev',label:'Développement',clr:'#10b981',w:.25},{id:'infra',label:'Infrastructure',clr:'#f59e0b',w:.18},{id:'sec',label:'Sécurité',clr:'#ef4444',w:.14}]},
|
||||
{y:.54,rows:[{id:'sales',label:'Prospection',clr:'#3b82f6',w:.16},{id:'qa',label:'QA & Tests',clr:'#06b6d4',w:.18},{id:'pharma',label:'Pharma',clr:'#d946ef',w:.16},{id:'ops',label:'Monitoring',clr:'#eab308',w:.16}]},
|
||||
];
|
||||
|
||||
// Flatten departments
|
||||
const DEPTS=[];
|
||||
LVLS.forEach(l=>l.rows.forEach(r=>DEPTS.push({...r,ly:l.y})));
|
||||
|
||||
// ═══ CHAIN STATIONS ═══
|
||||
const STN=[
|
||||
{id:'s0',label:'LEADS',clr:'#3b82f6'},{id:'s1',label:'QUALIFY',clr:'#7c3aed'},
|
||||
{id:'s2',label:'DESIGN',clr:'#10b981'},{id:'s3',label:'BUILD',clr:'#10b981'},
|
||||
{id:'s4',label:'SECURE',clr:'#ef4444'},{id:'s5',label:'TEST',clr:'#06b6d4'},
|
||||
{id:'s6',label:'DEPLOY',clr:'#f59e0b'},{id:'s7',label:'DELIVER',clr:'#22c55e'},
|
||||
];
|
||||
|
||||
// ═══ AGENTS with unique visual traits ═══
|
||||
const AG=[
|
||||
// CEO
|
||||
{n:'CEO',e:'👔',dept:'ceo',stn:1,d:'Agent CEO autonome souverain',p:'Stratégie, budget, hiring',
|
||||
head:'round',hair:'slick',hairC:'#1a1a1a',skinC:'#e8c8a0',bodyC:'#1a1a2e',acc:'crown',glasses:false,beard:true},
|
||||
// Consulting
|
||||
{n:'Architect',e:'🏗️',dept:'consult',stn:2,d:'Architecture technique',p:'Blueprints, diagrammes',
|
||||
head:'round',hair:'short',hairC:'#2a2a3a',skinC:'#e0c090',bodyC:'#7c3aed',acc:'',glasses:true,beard:false},
|
||||
{n:'Planner',e:'📋',dept:'consult',stn:1,d:'Roadmaps & planning',p:'Sprint plans, Gantt',
|
||||
head:'round',hair:'side',hairC:'#5a3a1a',skinC:'#f0d0b0',bodyC:'#7c3aed',acc:'',glasses:false,beard:false},
|
||||
{n:'DeerFlow',e:'🦌',dept:'consult',stn:1,d:'Deep research multi-sources',p:'Synthèses R&D',
|
||||
head:'round',hair:'wild',hairC:'#6a4a2a',skinC:'#e0b890',bodyC:'#7c3aed',acc:'antlers',glasses:false,beard:true},
|
||||
// Strategy
|
||||
{n:'Critic',e:'⚖️',dept:'strat',stn:1,d:'Validation & risques',p:'Reviews, alertes',
|
||||
head:'round',hair:'short',hairC:'#3a3a4a',skinC:'#e8c8a0',bodyC:'#3b82f6',acc:'',glasses:true,beard:false},
|
||||
{n:'Brain',e:'💡',dept:'strat',stn:2,d:'Brainstorming créatif',p:'Idées, innovation',
|
||||
head:'round',hair:'spiky',hairC:'#eab308',skinC:'#f0d0b0',bodyC:'#3b82f6',acc:'lightbulb',glasses:false,beard:false},
|
||||
// Dev
|
||||
{n:'Executor',e:'⚡',dept:'dev',stn:3,d:'Exécution & deploy',p:'Scripts, migrations',
|
||||
head:'round',hair:'mohawk',hairC:'#22c55e',skinC:'#d4a574',bodyC:'#10b981',acc:'',glasses:false,beard:false},
|
||||
{n:'Debugger',e:'🐛',dept:'dev',stn:3,d:'Root cause analysis',p:'Fixes, patches',
|
||||
head:'round',hair:'messy',hairC:'#4a2a1a',skinC:'#f0d0b0',bodyC:'#10b981',acc:'',glasses:true,beard:true},
|
||||
{n:'Reviewer',e:'👁️',dept:'dev',stn:3,d:'Code review expert',p:'PR reviews, qualité',
|
||||
head:'round',hair:'short',hairC:'#3a3a3a',skinC:'#e8c8a0',bodyC:'#10b981',acc:'monocle',glasses:false,beard:false},
|
||||
{n:'Designer',e:'🎨',dept:'dev',stn:2,d:'UI/UX design',p:'Mockups, interfaces',
|
||||
head:'round',hair:'long',hairC:'#d946ef',skinC:'#f0d0b0',bodyC:'#10b981',acc:'beret',glasses:false,beard:false},
|
||||
{n:'WEDROID',e:'🤖',dept:'dev',stn:3,d:'Auto-diagnostic v5',p:'DB fix, API repair',
|
||||
head:'square',hair:'none',hairC:'#4a6a8a',skinC:'#7a8a9a',bodyC:'#10b981',acc:'antenna',glasses:false,beard:false},
|
||||
{n:'Simplifier',e:'✂️',dept:'dev',stn:3,d:'Refactoring clean code',p:'-40% complexité',
|
||||
head:'round',hair:'bun',hairC:'#8a5a3a',skinC:'#e8c8a0',bodyC:'#10b981',acc:'',glasses:true,beard:false},
|
||||
// Infra
|
||||
{n:'Watchdog',e:'🐕',dept:'infra',stn:6,d:'Monitor */3min',p:'Auto-restart + TG',
|
||||
head:'round',hair:'ears',hairC:'#8a6a3a',skinC:'#e0b890',bodyC:'#f59e0b',acc:'collar',glasses:false,beard:false},
|
||||
{n:'Guardian',e:'🛡️',dept:'infra',stn:4,d:'Protection système',p:'chattr +i',
|
||||
head:'round',hair:'buzz',hairC:'#1a2a1a',skinC:'#d4a574',bodyC:'#f59e0b',acc:'helmet',glasses:false,beard:true},
|
||||
{n:'Blade',e:'💻',dept:'infra',stn:6,d:'Desktop agent Razer',p:'PowerShell tasks',
|
||||
head:'round',hair:'cap',hairC:'#1a3a5a',skinC:'#f0d0b0',bodyC:'#f59e0b',acc:'headset',glasses:false,beard:false},
|
||||
{n:'GitMaster',e:'🌿',dept:'infra',stn:6,d:'Git flow & releases',p:'Tags, deploys',
|
||||
head:'round',hair:'ponytail',hairC:'#3a5a2a',skinC:'#e8c8a0',bodyC:'#f59e0b',acc:'',glasses:true,beard:true},
|
||||
// Security
|
||||
{n:'Security',e:'🔐',dept:'sec',stn:4,d:'Audit OWASP',p:'Rapports sécurité',
|
||||
head:'round',hair:'buzz',hairC:'#1a1a2a',skinC:'#d4a574',bodyC:'#ef4444',acc:'shades',glasses:false,beard:true},
|
||||
{n:'Verifier',e:'✅',dept:'sec',stn:4,d:'Conformité ISO/RGPD',p:'Checks PCI-DSS',
|
||||
head:'round',hair:'short',hairC:'#3a3a4a',skinC:'#e8c8a0',bodyC:'#ef4444',acc:'badge',glasses:true,beard:false},
|
||||
// Sales
|
||||
{n:'Ethica',e:'💊',dept:'sales',stn:0,d:'Scraping HCP DabaDoc',p:'131K+ médecins',
|
||||
head:'round',hair:'curly',hairC:'#2a1a0a',skinC:'#d4a574',bodyC:'#3b82f6',acc:'stethoscope',glasses:false,beard:false},
|
||||
{n:'Analyst',e:'🔍',dept:'sales',stn:0,d:'Analyse besoins',p:'Specs, études marché',
|
||||
head:'round',hair:'parted',hairC:'#4a3a2a',skinC:'#f0d0b0',bodyC:'#3b82f6',acc:'magnifier',glasses:true,beard:false},
|
||||
{n:'Writer',e:'✍️',dept:'sales',stn:0,d:'Rédaction proposals',p:'Cold emails, articles',
|
||||
head:'round',hair:'long',hairC:'#8a5a2a',skinC:'#f0d0b0',bodyC:'#3b82f6',acc:'pen',glasses:false,beard:false},
|
||||
// QA
|
||||
{n:'QA',e:'🧪',dept:'qa',stn:5,d:'Tests E2E',p:'148 NonReg PASS',
|
||||
head:'round',hair:'short',hairC:'#2a3a5a',skinC:'#f0d0b0',bodyC:'#06b6d4',acc:'goggles',glasses:false,beard:false},
|
||||
{n:'TestEng',e:'🧰',dept:'qa',stn:5,d:'CI/CD pipelines',p:'Automatisation',
|
||||
head:'round',hair:'flat',hairC:'#4a3a2a',skinC:'#e8c8a0',bodyC:'#06b6d4',acc:'wrench',glasses:false,beard:true},
|
||||
{n:'Tracer',e:'🔦',dept:'qa',stn:5,d:'Log tracing',p:'Stack traces',
|
||||
head:'round',hair:'short',hairC:'#3a2a1a',skinC:'#e0b890',bodyC:'#06b6d4',acc:'flashlight',glasses:false,beard:false},
|
||||
{n:'Scientist',e:'🔬',dept:'qa',stn:5,d:'Benchmarks',p:'AI Bench 182',
|
||||
head:'round',hair:'einstein',hairC:'#888',skinC:'#f0d0b0',bodyC:'#06b6d4',acc:'labcoat',glasses:true,beard:false},
|
||||
// Pharma
|
||||
{n:'Explore',e:'🧭',dept:'pharma',stn:0,d:'Exploration R&D',p:'Nouvelles sources',
|
||||
head:'round',hair:'adventurer',hairC:'#5a3a1a',skinC:'#d4a574',bodyC:'#d946ef',acc:'compass',glasses:false,beard:true},
|
||||
{n:'DocSpec',e:'📝',dept:'pharma',stn:7,d:'Documentation',p:'Templates, guides',
|
||||
head:'round',hair:'neat',hairC:'#3a3a3a',skinC:'#e8c8a0',bodyC:'#d946ef',acc:'clipboard',glasses:true,beard:false},
|
||||
{n:'MiroFish',e:'🐟',dept:'pharma',stn:2,d:'Creative AI',p:'Contenu, brainstorm',
|
||||
head:'round',hair:'wavy',hairC:'#06b6d4',skinC:'#f0d0b0',bodyC:'#d946ef',acc:'fins',glasses:false,beard:false},
|
||||
// Monitoring
|
||||
{n:'TaskMgr',e:'📋',dept:'ops',stn:7,d:'Suivi tâches',p:'Kanban, deadlines',
|
||||
head:'round',hair:'side',hairC:'#4a4a3a',skinC:'#e8c8a0',bodyC:'#eab308',acc:'',glasses:false,beard:false},
|
||||
{n:'Intro',e:'🧠',dept:'ops',stn:5,d:'Méta-analyse',p:'Auto-amélioration',
|
||||
head:'round',hair:'glow',hairC:'#a855f7',skinC:'#e8c8a0',bodyC:'#eab308',acc:'brain',glasses:false,beard:false},
|
||||
{n:'Orch',e:'🎯',dept:'ops',stn:6,d:'Orchestration',p:'Coordination',
|
||||
head:'round',hair:'military',hairC:'#2a2a2a',skinC:'#d4a574',bodyC:'#eab308',acc:'baton',glasses:false,beard:true},
|
||||
];
|
||||
|
||||
AG.forEach(a=>{a.state='idle';a.x=0;a.y=0;a.dx=0;a.dy=0;a.cx=0;a.cy=0;
|
||||
a.bob=Math.random()*6.28;a.wk=0;a.tmr=150+Math.random()*500;a.wtmr=0;
|
||||
a.sc=1;a.dir=1;a.bl=0;a.blt=60+Math.random()*200;a.bub='';a.bubt=0;});
|
||||
|
||||
function layout(){
|
||||
const chainY=H*.82;
|
||||
// Pyramid departments
|
||||
LVLS.forEach((lv,li)=>{
|
||||
const totalW=lv.rows.reduce((s,r)=>s+r.w,0);
|
||||
const gap=.02;
|
||||
const startX=(1-totalW-(lv.rows.length-1)*gap)/2;
|
||||
let cx=startX;
|
||||
lv.rows.forEach(r=>{
|
||||
const d=DEPTS.find(d=>d.id===r.id);
|
||||
if(d){d.px=cx*W;d.py=(lv.y+.04)*H;d.pw=r.w*W;d.ph=H*.12;}
|
||||
cx+=r.w+gap;
|
||||
});
|
||||
});
|
||||
// Stations
|
||||
const sg=(W-100)/STN.length;
|
||||
STN.forEach((s,i)=>{s.x=60+i*sg+sg/2;s.y=chainY;});
|
||||
// Agent positions
|
||||
AG.forEach(a=>{
|
||||
const d=DEPTS.find(dd=>dd.id===a.dept);
|
||||
if(!d)return;
|
||||
const mates=AG.filter(b=>b.dept===a.dept);
|
||||
const mi=mates.indexOf(a);
|
||||
const cols=Math.max(Math.ceil(mates.length/2),1);
|
||||
const row=Math.floor(mi/cols),col=mi%cols;
|
||||
a.dx=d.px+24+col*((d.pw-48)/Math.max(cols-1,1));
|
||||
a.dy=d.py+30+row*36;
|
||||
if(a.state==='idle'){a.x=a.dx;a.y=a.dy;}
|
||||
const st=STN[a.stn];
|
||||
if(st){a.cx=st.x+(Math.random()-.5)*24;a.cy=st.y-12;}
|
||||
});
|
||||
}
|
||||
resize();
|
||||
|
||||
// ═══ DRAW 3D DEPT BOX ═══
|
||||
function drawDept(d){
|
||||
const dp=6;
|
||||
// 3D shadow
|
||||
X.fillStyle='#00000030';
|
||||
X.beginPath();X.roundRect(d.px+dp,d.py+dp,d.pw,d.ph,8);X.fill();
|
||||
// Side 3D
|
||||
X.fillStyle=d.clr+'18';
|
||||
X.beginPath();X.moveTo(d.px+d.pw,d.py);X.lineTo(d.px+d.pw+dp,d.py+dp);
|
||||
X.lineTo(d.px+d.pw+dp,d.py+d.ph+dp);X.lineTo(d.px+d.pw,d.py+d.ph);X.closePath();X.fill();
|
||||
X.beginPath();X.moveTo(d.px,d.py+d.ph);X.lineTo(d.px+dp,d.py+d.ph+dp);
|
||||
X.lineTo(d.px+d.pw+dp,d.py+d.ph+dp);X.lineTo(d.px+d.pw,d.py+d.ph);X.closePath();X.fill();
|
||||
// Face
|
||||
const g=X.createLinearGradient(d.px,d.py,d.px,d.py+d.ph);
|
||||
g.addColorStop(0,d.clr+'15');g.addColorStop(1,'#0a0a18');
|
||||
X.fillStyle=g;X.beginPath();X.roundRect(d.px,d.py,d.pw,d.ph,8);X.fill();
|
||||
X.strokeStyle=d.clr+'50';X.lineWidth=1.5;X.beginPath();X.roundRect(d.px,d.py,d.pw,d.ph,8);X.stroke();
|
||||
// Accent bar
|
||||
X.fillStyle=d.clr+'60';X.beginPath();X.roundRect(d.px,d.py,d.pw,3,[8,8,0,0]);X.fill();
|
||||
// Label
|
||||
X.font='800 11px Nunito';X.textAlign='center';X.fillStyle=d.clr;
|
||||
X.fillText(d.label,d.px+d.pw/2,d.py+14);
|
||||
}
|
||||
|
||||
// ═══ DRAW CHARACTER (HD) ═══
|
||||
function drawC(a){
|
||||
const isH=a===hov;
|
||||
const sit=a.state==='idle';
|
||||
const s=isH?1.2:1;
|
||||
const b=sit?Math.sin(a.bob)*.4:Math.sin(a.bob)*2;
|
||||
const lsw=sit?0:Math.sin(a.wk)*4;
|
||||
X.save();X.translate(a.x,a.y+b);X.scale(s*a.dir,s);
|
||||
if(isH){X.shadowColor=a.bodyC;X.shadowBlur=20;}
|
||||
// Shadow
|
||||
X.fillStyle='rgba(0,0,0,.3)';X.beginPath();X.ellipse(0,sit?10:14,9,3,0,0,6.28);X.fill();
|
||||
const oy=sit?-3:0;
|
||||
// ═ LEGS ═
|
||||
X.fillStyle='#2a2a4e';
|
||||
if(sit){X.fillRect(-5,oy+5,4,5);X.fillRect(1,oy+5,4,5);
|
||||
X.fillStyle='#1e1e3a';X.fillRect(-6,oy+9,6,3);X.fillRect(0,oy+9,6,3);
|
||||
} else {
|
||||
X.save();X.translate(-3,oy+5);X.rotate(lsw*.05);X.fillRect(-2,0,4,10);X.restore();
|
||||
X.save();X.translate(3,oy+5);X.rotate(-lsw*.05);X.fillRect(-2,0,4,10);X.restore();
|
||||
X.fillStyle='#1e1e3a';
|
||||
X.beginPath();X.roundRect(-6+lsw*.3,oy+14,7,3.5,[0,0,2,2]);X.fill();
|
||||
X.beginPath();X.roundRect(-1-lsw*.3,oy+14,7,3.5,[0,0,2,2]);X.fill();
|
||||
}
|
||||
// ═ BODY ═
|
||||
const bg=X.createLinearGradient(0,oy-9,0,oy+5);
|
||||
bg.addColorStop(0,a.bodyC);bg.addColorStop(1,a.bodyC+'88');
|
||||
X.fillStyle=bg;X.beginPath();X.roundRect(-8,oy-9,16,15,[4,4,2,2]);X.fill();
|
||||
// Shirt detail
|
||||
X.strokeStyle='rgba(255,255,255,.15)';X.lineWidth=.6;
|
||||
X.beginPath();X.moveTo(0,oy-8);X.lineTo(0,oy+5);X.stroke();
|
||||
// Collar
|
||||
X.fillStyle='rgba(255,255,255,.2)';
|
||||
X.beginPath();X.moveTo(-4,oy-9);X.lineTo(0,oy-6);X.lineTo(4,oy-9);X.closePath();X.fill();
|
||||
// ═ ARMS ═
|
||||
X.fillStyle=a.skinC;
|
||||
const asw=sit?.08:Math.sin(a.wk+.5)*.22;
|
||||
X.save();X.translate(-9,oy-5);X.rotate(sit?.35:asw);
|
||||
X.beginPath();X.roundRect(-2.5,0,5,sit?7:10,2);X.fill();
|
||||
// Hand
|
||||
X.fillStyle=a.skinC;X.beginPath();X.arc(0,sit?7:10,2.5,0,6.28);X.fill();
|
||||
X.restore();
|
||||
X.save();X.translate(9,oy-5);X.rotate(sit?-.35:-asw);
|
||||
X.beginPath();X.roundRect(-2.5,0,5,sit?7:10,2);X.fill();
|
||||
X.fillStyle=a.skinC;X.beginPath();X.arc(0,sit?7:10,2.5,0,6.28);X.fill();
|
||||
X.restore();
|
||||
// ═ NECK ═
|
||||
X.fillStyle=a.skinC;X.fillRect(-2.5,oy-12,5,4);
|
||||
// ═ HEAD ═
|
||||
const hy=oy-21;
|
||||
if(a.head==='square'){
|
||||
// Robot
|
||||
X.fillStyle='#5a7a9a';X.beginPath();X.roundRect(-8,hy,16,14,3);X.fill();
|
||||
X.fillStyle='#3a5a7a';X.fillRect(-6,hy+2,12,4);
|
||||
// Antenna
|
||||
X.strokeStyle='#8aaa';X.lineWidth=1.5;X.beginPath();X.moveTo(0,hy);X.lineTo(0,hy-6);X.stroke();
|
||||
X.fillStyle='#ef4444';X.beginPath();X.arc(0,hy-6,2.5,0,6.28);X.fill();
|
||||
// Robot eyes
|
||||
X.fillStyle=a.state!=='idle'?'#22c55e':'#3b82f6';
|
||||
X.beginPath();X.roundRect(-5,hy+6,4,3,1);X.fill();
|
||||
X.beginPath();X.roundRect(1,hy+6,4,3,1);X.fill();
|
||||
} else {
|
||||
// Human head
|
||||
X.fillStyle=a.skinC;X.beginPath();X.arc(0,hy+7,9,0,6.28);X.fill();
|
||||
// Cheeks
|
||||
X.fillStyle=a.skinC+'40';
|
||||
X.beginPath();X.arc(-5,hy+10,3,0,6.28);X.fill();
|
||||
X.beginPath();X.arc(5,hy+10,3,0,6.28);X.fill();
|
||||
// ═ HAIR (unique per style) ═
|
||||
X.fillStyle=a.hairC;
|
||||
switch(a.hair){
|
||||
case'slick':X.beginPath();X.arc(0,hy+5,9.5,.8,Math.PI+.5);X.fill();X.fillRect(-7,hy-1,14,5);break;
|
||||
case'short':X.beginPath();X.arc(0,hy+5,9.5,.6,Math.PI-.3);X.fill();break;
|
||||
case'buzz':X.beginPath();X.arc(0,hy+5,9.8,.5,Math.PI-.2);X.fill();break;
|
||||
case'mohawk':X.beginPath();X.arc(0,hy+5,9.5,.6,Math.PI-.3);X.fill();
|
||||
for(let i=0;i<5;i++){X.fillRect(-2+i*1,hy-4-i*1.5,4,5);}break;
|
||||
case'long':X.beginPath();X.arc(0,hy+5,10,.3,Math.PI-.1);X.fill();
|
||||
X.fillRect(-10,hy+5,5,10);X.fillRect(5,hy+5,5,10);break;
|
||||
case'messy':X.beginPath();X.arc(0,hy+4,10,.3,Math.PI-.1);X.fill();
|
||||
for(let i=0;i<6;i++){const ag=-2+i*.8;X.fillRect(-8+i*3,hy-3-Math.random()*3,4,5);}break;
|
||||
case'wild':X.beginPath();X.arc(0,hy+4,11,.2,Math.PI);X.fill();
|
||||
X.beginPath();X.arc(-9,hy+3,4,0,6.28);X.fill();X.beginPath();X.arc(9,hy+3,4,0,6.28);X.fill();break;
|
||||
case'spiky':for(let i=0;i<7;i++){const ag=-1.8+i*.5;const r=10+Math.random()*4;
|
||||
X.beginPath();X.moveTo(Math.cos(ag)*7,hy+5+Math.sin(ag)*7);X.lineTo(Math.cos(ag)*r,hy+3+Math.sin(ag)*r);
|
||||
X.lineTo(Math.cos(ag+.25)*7,hy+5+Math.sin(ag+.25)*7);X.fill();}break;
|
||||
case'side':X.beginPath();X.arc(0,hy+5,9.5,.5,Math.PI-.2);X.fill();X.fillRect(-9,hy+3,6,8);break;
|
||||
case'ears':X.beginPath();X.arc(0,hy+5,9.5,.6,Math.PI-.3);X.fill();
|
||||
X.beginPath();X.moveTo(-8,hy+2);X.lineTo(-13,hy-7);X.lineTo(-4,hy+3);X.fill();
|
||||
X.beginPath();X.moveTo(8,hy+2);X.lineTo(13,hy-7);X.lineTo(4,hy+3);X.fill();break;
|
||||
case'cap':X.beginPath();X.arc(0,hy+4,10,.3,Math.PI-.1);X.fill();
|
||||
X.fillStyle=a.hairC;X.fillRect(-10,hy+2,20,4);X.fillRect(-12,hy+4,8,3);break;
|
||||
case'ponytail':X.beginPath();X.arc(0,hy+5,9.5,.5,Math.PI-.2);X.fill();
|
||||
X.fillRect(6,hy+5,3,12);X.beginPath();X.arc(7.5,hy+17,3,0,6.28);X.fill();break;
|
||||
case'curly':for(let i=0;i<12;i++){const ag=-2.2+i*.4;
|
||||
X.beginPath();X.arc(Math.cos(ag)*8,hy+4+Math.sin(ag)*7,3.5,0,6.28);X.fill();}break;
|
||||
case'parted':X.beginPath();X.arc(0,hy+4,9.5,.4,Math.PI-.2);X.fill();
|
||||
X.fillStyle='#080810';X.fillRect(-.5,hy-2,.8,6);break;
|
||||
case'einstein':X.beginPath();X.arc(0,hy+3,11,.2,Math.PI);X.fill();
|
||||
X.beginPath();X.arc(-10,hy+4,5,0,6.28);X.fill();X.beginPath();X.arc(10,hy+4,5,0,6.28);X.fill();
|
||||
for(let i=0;i<4;i++)X.fillRect(-6+i*4,hy-5-Math.random()*4,3,6);break;
|
||||
case'flat':X.beginPath();X.arc(0,hy+5,9.5,.6,Math.PI-.3);X.fill();X.fillRect(-8,hy,16,3);break;
|
||||
case'adventurer':X.beginPath();X.arc(0,hy+5,9.5,.5,Math.PI-.2);X.fill();
|
||||
X.fillStyle=a.hairC+'88';X.fillRect(-11,hy+2,22,4);X.fillRect(-13,hy+4,10,3);break;
|
||||
case'neat':X.beginPath();X.arc(0,hy+5,9.5,.6,Math.PI-.3);X.fill();break;
|
||||
case'wavy':for(let i=0;i<8;i++){const ag=-2+i*.5;
|
||||
X.beginPath();X.arc(Math.cos(ag)*8,hy+4+Math.sin(ag)*7+Math.sin(i)*2,3,0,6.28);X.fill();}break;
|
||||
case'glow':X.beginPath();X.arc(0,hy+4,10,.3,Math.PI-.1);X.fill();
|
||||
X.fillStyle=a.hairC+'30';X.beginPath();X.arc(0,hy+3,16,0,6.28);X.fill();break;
|
||||
case'military':X.beginPath();X.arc(0,hy+5,9.8,.5,Math.PI-.2);X.fill();X.fillRect(-8,hy+1,16,2);break;
|
||||
case'bun':X.beginPath();X.arc(0,hy+5,9.5,.6,Math.PI-.3);X.fill();
|
||||
X.beginPath();X.arc(0,hy-3,5,0,6.28);X.fill();break;
|
||||
default:X.beginPath();X.arc(0,hy+5,9.5,.6,Math.PI-.3);X.fill();
|
||||
}
|
||||
// ═ EYES ═
|
||||
if(a.bl<=0){
|
||||
X.fillStyle='#fff';X.beginPath();X.ellipse(-3.5,hy+6,3,3.2,0,0,6.28);X.fill();
|
||||
X.beginPath();X.ellipse(3.5,hy+6,3,3.2,0,0,6.28);X.fill();
|
||||
X.fillStyle='#1a1a30';X.beginPath();X.arc(-3,hy+6.5,1.8,0,6.28);X.fill();
|
||||
X.beginPath();X.arc(4,hy+6.5,1.8,0,6.28);X.fill();
|
||||
X.fillStyle='#fff';X.beginPath();X.arc(-3.5,hy+5.5,.7,0,6.28);X.fill();
|
||||
X.beginPath();X.arc(3.5,hy+5.5,.7,0,6.28);X.fill();
|
||||
} else {
|
||||
X.strokeStyle='#1a1a30';X.lineWidth=1.5;
|
||||
X.beginPath();X.moveTo(-6,hy+6);X.lineTo(-1,hy+6);X.stroke();
|
||||
X.beginPath();X.moveTo(1,hy+6);X.lineTo(6,hy+6);X.stroke();
|
||||
}
|
||||
// Glasses
|
||||
if(a.glasses){
|
||||
X.strokeStyle='#8090b0';X.lineWidth=1;
|
||||
X.beginPath();X.arc(-3.5,hy+6,4,0,6.28);X.stroke();
|
||||
X.beginPath();X.arc(3.5,hy+6,4,0,6.28);X.stroke();
|
||||
X.beginPath();X.moveTo(-.5,hy+6);X.lineTo(.5,hy+6);X.stroke();
|
||||
}
|
||||
// Beard
|
||||
if(a.beard){
|
||||
X.fillStyle=a.hairC+'80';
|
||||
X.beginPath();X.arc(0,hy+12,5,0,Math.PI);X.fill();
|
||||
}
|
||||
// Mouth
|
||||
X.strokeStyle='#c08080';X.lineWidth=.8;X.beginPath();
|
||||
if(a.state==='working'){X.arc(0,hy+11,2.5,.2,Math.PI-.2);}
|
||||
else{X.moveTo(-2,hy+11.5);X.lineTo(2,hy+11.5);}
|
||||
X.stroke();
|
||||
// Nose
|
||||
X.fillStyle=a.skinC+'cc';X.beginPath();X.arc(0,hy+9,1.2,0,6.28);X.fill();
|
||||
}
|
||||
// Accessories
|
||||
if(a.acc==='crown'){X.font='10px sans-serif';X.textAlign='center';X.fillText('👑',0,hy-8);}
|
||||
if(a.acc==='helmet'){X.fillStyle='#4a6a4a';X.beginPath();X.arc(0,hy+3,10.5,.3,Math.PI-.1);X.fill();}
|
||||
if(a.acc==='beret'){X.fillStyle='#e94560';X.beginPath();X.arc(-3,hy,8,.5,Math.PI);X.fill();}
|
||||
if(a.acc==='headset'){X.strokeStyle='#333';X.lineWidth=2;X.beginPath();X.arc(0,hy+3,11,.8,Math.PI-.5);X.stroke();
|
||||
X.fillStyle='#333';X.beginPath();X.arc(-9,hy+7,3,0,6.28);X.fill();}
|
||||
if(a.acc==='antlers'){X.strokeStyle=a.hairC;X.lineWidth=1.5;
|
||||
X.beginPath();X.moveTo(-6,hy);X.lineTo(-10,hy-8);X.lineTo(-7,hy-5);X.lineTo(-12,hy-10);X.stroke();
|
||||
X.beginPath();X.moveTo(6,hy);X.lineTo(10,hy-8);X.lineTo(7,hy-5);X.lineTo(12,hy-10);X.stroke();}
|
||||
// Emoji badge
|
||||
X.font='9px sans-serif';X.textAlign='center';X.fillText(a.e,13,hy+4);
|
||||
// Name
|
||||
X.font=`${isH?'800':'600'} ${isH?9:7}px Nunito`;
|
||||
X.fillStyle=isH?'#fff':a.state!=='idle'?'#c0d0f0':'#4a5a70';
|
||||
X.fillText(a.n,0,sit?20:26);
|
||||
// Active dot
|
||||
if(a.state!=='idle'){X.fillStyle='#22c55e';X.beginPath();X.arc(0,oy-28,3,0,6.28);X.fill();
|
||||
X.fillStyle='#22c55e30';X.beginPath();X.arc(0,oy-28,7,0,6.28);X.fill();}
|
||||
// Bubble
|
||||
if(a.bubt>0){const ba=Math.min(a.bubt/20,1);X.globalAlpha=ba;X.fillStyle='#ffffffee';
|
||||
const bw=Math.min(a.bub.length*4.2+14,110);X.beginPath();X.roundRect(-bw/2,oy-48,bw,17,7);X.fill();
|
||||
X.fillStyle='#fff';X.beginPath();X.moveTo(-3,oy-31);X.lineTo(3,oy-31);X.lineTo(0,oy-27);X.closePath();X.fill();
|
||||
X.font='600 7px Nunito';X.fillStyle='#1a1a2e';X.fillText(a.bub,0,oy-37);X.globalAlpha=1;}
|
||||
X.restore();
|
||||
}
|
||||
|
||||
// ═══ DRAW CHAIN ═══
|
||||
function drawChain(){
|
||||
const y=STN[0].y;
|
||||
X.fillStyle='#0a0c18';X.beginPath();X.roundRect(25,y-22,W-50,44,8);X.fill();
|
||||
X.strokeStyle='#1a2040';X.lineWidth=1;X.beginPath();X.roundRect(25,y-22,W-50,44,8);X.stroke();
|
||||
const off=(fr*1.2)%24;
|
||||
X.strokeStyle='#12182a';X.lineWidth=.5;
|
||||
for(let x=30-off;x<W-30;x+=24){X.beginPath();X.moveTo(x,y-21);X.lineTo(x,y+21);X.stroke();}
|
||||
STN.forEach((s,i)=>{
|
||||
const g=X.createRadialGradient(s.x,y,2,s.x,y,28);g.addColorStop(0,s.clr+'30');g.addColorStop(1,'transparent');
|
||||
X.fillStyle=g;X.beginPath();X.arc(s.x,y,28,0,6.28);X.fill();
|
||||
X.fillStyle=s.clr+'50';X.beginPath();X.arc(s.x,y,7,0,6.28);X.fill();
|
||||
X.strokeStyle=s.clr;X.lineWidth=1.5;X.beginPath();X.arc(s.x,y,7,0,6.28);X.stroke();
|
||||
X.font='700 8px Nunito';X.textAlign='center';X.fillStyle=s.clr;X.fillText(s.label,s.x,y+28);
|
||||
if(i<STN.length-1){const nx=STN[i+1];X.strokeStyle='#1a2540';X.lineWidth=1;
|
||||
X.beginPath();X.moveTo(s.x+10,y);X.lineTo(nx.x-10,y);X.stroke();
|
||||
const dt=((fr*1.8+i*40)%(nx.x-s.x-20));X.fillStyle='#53d8fb40';
|
||||
X.beginPath();X.arc(s.x+10+dt,y,2,0,6.28);X.fill();}
|
||||
});
|
||||
}
|
||||
|
||||
// ═══ UPDATE ═══
|
||||
function upd(dt){
|
||||
fr++;let ac=0;
|
||||
AG.forEach(a=>{
|
||||
a.bob+=dt*(a.state==='idle'?1.5:3.5);a.blt-=dt*60;
|
||||
if(a.blt<=0){a.bl=5;a.blt=80+Math.random()*220;}
|
||||
if(a.bl>0)a.bl-=dt*60;if(a.bubt>0)a.bubt-=dt*25;
|
||||
switch(a.state){
|
||||
case'idle':a.tmr-=dt*60;if(a.tmr<=0){a.state='walk_to';a.wk=0;}break;
|
||||
case'walk_to':a.wk+=dt*8;ac++;
|
||||
const d1x=a.cx-a.x,d1y=a.cy-a.y,d1=Math.sqrt(d1x*d1x+d1y*d1y);
|
||||
if(d1>3){const sp=100*dt;a.x+=d1x/d1*sp;a.y+=d1y/d1*sp;a.dir=d1x>0?1:-1;}
|
||||
else{a.state='working';a.wtmr=70+Math.random()*120;a.bub=a.p.substring(0,20);a.bubt=50;tasks++;}break;
|
||||
case'working':a.wk+=dt*3;ac++;a.wtmr-=dt*60;if(a.wtmr<=0)a.state='walk_back';break;
|
||||
case'walk_back':a.wk+=dt*8;ac++;
|
||||
const d2x=a.dx-a.x,d2y=a.dy-a.y,d2=Math.sqrt(d2x*d2x+d2y*d2y);
|
||||
if(d2>3){const sp2=100*dt;a.x+=d2x/d2*sp2;a.y+=d2y/d2*sp2;a.dir=d2x>0?1:-1;}
|
||||
else{a.state='idle';a.x=a.dx;a.y=a.dy;a.dir=1;a.tmr=250+Math.random()*700;}break;
|
||||
}
|
||||
});
|
||||
document.getElementById('ac').textContent=ac;document.getElementById('tc').textContent=tasks;
|
||||
}
|
||||
|
||||
function hit(){hov=null;AG.forEach(a=>{if(Math.abs(mx-a.x)<12&&Math.abs(my-a.y)<20)hov=a;});
|
||||
const t=document.getElementById('tip');
|
||||
if(hov){t.style.display='block';t.style.left=Math.min(mx+16,W-270)+'px';t.style.top=Math.max(my-170,10)+'px';
|
||||
const dc=DEPTS.find(d=>d.id===hov.dept);t.style.borderColor=dc?dc.clr:'#3b82f6';t.style.background='#080810ee';
|
||||
t.querySelector('.tn').textContent=hov.e+' '+hov.n;t.querySelector('.tt').textContent=hov.dept.toUpperCase();
|
||||
t.querySelector('.tt').style.color=dc?dc.clr:'#fff';t.querySelector('.td').textContent=hov.d;
|
||||
t.querySelector('.tp').textContent='→ '+hov.p;
|
||||
const sm={idle:'💤 Au bureau',walk_to:'🚶 → Chaîne',working:'⚙️ Production',walk_back:'🔙 Retour'};
|
||||
t.querySelector('.st').textContent=sm[hov.state];t.querySelector('.st').style.color=hov.state==='idle'?'#5a6a88':'#22c55e';
|
||||
}else t.style.display='none';}
|
||||
|
||||
let lt=0;function loop(t){const dt=Math.min((t-lt)/1000,.04);lt=t;X.clearRect(0,0,W,H);
|
||||
X.fillStyle='#080810';X.fillRect(0,0,W,H);
|
||||
// Pyramid lines
|
||||
X.strokeStyle='#0e1225';X.lineWidth=.5;
|
||||
for(let i=1;i<LVLS.length;i++){const py1=LVLS[i-1].y*H+H*.16;const py2=LVLS[i].y*H+H*.04;
|
||||
X.beginPath();X.moveTo(W*.2,py1);X.lineTo(W*.1,py2);X.stroke();
|
||||
X.beginPath();X.moveTo(W*.8,py1);X.lineTo(W*.9,py2);X.stroke();}
|
||||
DEPTS.forEach(d=>drawDept(d));drawChain();upd(dt);
|
||||
// Trail lines
|
||||
AG.filter(a=>a.state==='walk_to'||a.state==='walk_back').forEach(a=>{
|
||||
X.strokeStyle='#22c55e10';X.lineWidth=1;X.setLineDash([2,5]);
|
||||
X.beginPath();X.moveTo(a.dx,a.dy);X.lineTo(a.x,a.y);X.stroke();X.setLineDash([]);});
|
||||
[...AG].sort((a,b)=>a.y-b.y).forEach(a=>drawC(a));hit();requestAnimationFrame(loop);}
|
||||
|
||||
C.addEventListener('mousemove',e=>{mx=e.clientX;my=e.clientY;C.style.cursor=hov?'pointer':'default'});
|
||||
C.addEventListener('mouseleave',()=>{mx=my=-1});
|
||||
requestAnimationFrame(loop);
|
||||
</script>
|
||||
<!-- CARTO_REMOVED -->
|
||||
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN v1 19avr — append-only, doctrine #14 === -->
|
||||
<script>
|
||||
(function(){
|
||||
if (window.__opusUniversalDrill) return; window.__opusUniversalDrill = true;
|
||||
var d = document;
|
||||
var m = d.createElement('div');
|
||||
m.id = 'opus-udrill';
|
||||
m.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.82);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:99995;padding:20px;cursor:pointer';
|
||||
var inner = d.createElement('div');
|
||||
inner.id = 'opus-udrill-in';
|
||||
inner.style.cssText = 'max-width:900px;width:100%;max-height:90vh;overflow:auto;background:#0b0d15;border:1px solid rgba(99,102,241,0.35);border-radius:14px;padding:28px;cursor:default;box-shadow:0 20px 60px rgba(0,0,0,0.6);color:#e2e8f0;font:14px/1.55 Inter,system-ui,sans-serif';
|
||||
inner.addEventListener('click', function(e){ e.stopPropagation(); });
|
||||
m.appendChild(inner);
|
||||
m.addEventListener('click', function(){ m.style.display='none'; });
|
||||
d.addEventListener('keydown', function(e){ if(e.key==='Escape') m.style.display='none'; });
|
||||
(d.body || d.documentElement).appendChild(m);
|
||||
|
||||
function openCard(card) {
|
||||
// Clone card content + show close btn + increase font-size
|
||||
var html = '<div style="display:flex;justify-content:flex-end;margin-bottom:14px"><button id="opus-udrill-close" style="padding:6px 14px;background:#171b2a;border:1px solid rgba(99,102,241,0.25);color:#e2e8f0;border-radius:8px;cursor:pointer;font-size:12px">✕ Fermer (Esc)</button></div>';
|
||||
html += '<div style="transform-origin:top left;font-size:1.05em">' + card.outerHTML + '</div>';
|
||||
inner.innerHTML = html;
|
||||
d.getElementById('opus-udrill-close').onclick = function(){ m.style.display='none'; };
|
||||
m.style.display = 'flex';
|
||||
}
|
||||
|
||||
function wire(root) {
|
||||
var sels = '.card,[class*="card"],.kpi,[class*="kpi"],.stat,[class*="stat"],.tile,[class*="tile"],.metric,[class*="metric"],.widget,[class*="widget"]';
|
||||
var cards = root.querySelectorAll(sels);
|
||||
for (var i = 0; i < cards.length; i++) {
|
||||
var c = cards[i];
|
||||
if (c.__opusWired) continue;
|
||||
if (c.closest('button, a, input, select, textarea, #opus-udrill')) continue;
|
||||
var r = c.getBoundingClientRect();
|
||||
if (r.width < 60 || r.height < 40) continue;
|
||||
c.__opusWired = true;
|
||||
c.style.cursor = 'pointer';
|
||||
c.setAttribute('role','button');
|
||||
c.setAttribute('tabindex','0');
|
||||
c.addEventListener('click', function(ev){
|
||||
// If a more-specific drill is already active (e.g. pp-card custom), let it handle
|
||||
if (ev.target.closest('[data-pp-id]') && window.__opusDrillInit) return;
|
||||
if (ev.target.closest('a,button,input,select')) return;
|
||||
ev.preventDefault(); ev.stopPropagation();
|
||||
openCard(this);
|
||||
});
|
||||
c.addEventListener('keydown', function(ev){ if(ev.key==='Enter'||ev.key===' '){ev.preventDefault();openCard(this);} });
|
||||
}
|
||||
}
|
||||
|
||||
// Initial + mutation observer
|
||||
var initRun = function(){ wire(d.body || d.documentElement); };
|
||||
if (d.readyState === 'loading') d.addEventListener('DOMContentLoaded', initRun);
|
||||
else initRun();
|
||||
var mo = new MutationObserver(function(muts){
|
||||
var newCard = false;
|
||||
for (var i=0;i<muts.length;i++) if (muts[i].addedNodes.length) { newCard = true; break; }
|
||||
if (newCard) initRun();
|
||||
});
|
||||
mo.observe(d.body || d.documentElement, {childList:true, subtree:true});
|
||||
})();
|
||||
</script>
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN END === -->
|
||||
|
||||
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t33b5) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1777045903" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
458
_archive/w307/DOUBLON_agents-alive.html
Normal file
458
_archive/w307/DOUBLON_agents-alive.html
Normal file
@@ -0,0 +1,458 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>WEVAL — Agents en Action</title>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;700;900&family=JetBrains+Mono:wght@400;700&display=swap');
|
||||
*{margin:0;padding:0;box-sizing:border-box}
|
||||
body{background:#06080f;color:#c8d0e0;font-family:'Outfit',sans-serif;overflow-x:hidden;min-height:100vh}
|
||||
canvas{display:block;width:100%;cursor:default}
|
||||
#tooltip{position:fixed;pointer-events:none;background:#0c1025;border:1px solid #2a3560;border-radius:12px;padding:12px 16px;font-size:.82rem;color:#e0e8f0;display:none;z-index:99;max-width:260px;box-shadow:0 8px 32px rgba(0,0,0,.5)}
|
||||
#tooltip .tn{font-weight:700;font-size:1rem;color:#fff;margin-bottom:2px}
|
||||
#tooltip .tt{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:#06b6d4;margin-bottom:6px}
|
||||
#tooltip .td{color:#8899b0;font-size:.78rem;line-height:1.4;margin-bottom:4px}
|
||||
#tooltip .tp{font-family:'JetBrains Mono',monospace;font-size:.68rem;color:#f59e0b}
|
||||
header{position:fixed;top:0;left:0;right:0;padding:16px 24px;z-index:10;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,#06080f 60%,transparent)}
|
||||
h1{font-size:1.6rem;font-weight:900;letter-spacing:-1px}
|
||||
h1 span{background:linear-gradient(135deg,#06b6d4,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
|
||||
.legend{display:flex;gap:12px;flex-wrap:wrap}
|
||||
.leg{display:flex;align-items:center;gap:4px;font-size:.7rem;color:#6a7590}
|
||||
.leg i{width:10px;height:10px;border-radius:50%;display:inline-block}
|
||||
#info{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);font-size:.72rem;color:#4a5570;text-align:center;z-index:10}
|
||||
</style>
|
||||
<script src="/js/wevia-a11y-auto.js" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- BETON-DOCTRINE-101 dual-dummy block (pages pub) -->
|
||||
<div id="weval-global-logout" style="display:none!important;visibility:hidden!important" aria-hidden="true" data-beton-101="dummy-to-block-auto-injection"></div>
|
||||
<a id="weval-gl" href="#" style="display:none!important;visibility:hidden!important" aria-hidden="true" data-beton-101="dummy-to-block-auto-injection" tabindex="-1"></a>
|
||||
|
||||
<!-- CANONICAL BANNER doctrine 103 -->
|
||||
<div id="canonical-banner-v103" style="position:fixed;top:0;left:0;right:0;z-index:99990;background:linear-gradient(90deg,#1e293b,#0f172a);border-bottom:1px solid rgba(99,102,241,0.3);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;font-family:Inter,system-ui,sans-serif;font-size:12px;backdrop-filter:blur(8px)">
|
||||
<span style="color:#94a3b8">Variante agents-* <span id="canonical-this-page" style="color:#64748b">(cette page)</span></span>
|
||||
<a href="/agents-archi.html" style="color:#a5b4fc;text-decoration:none;padding:4px 12px;background:rgba(99,102,241,0.15);border-radius:6px;border:1px solid rgba(99,102,241,0.25)">Voir canonical : agents-archi</a>
|
||||
<button type="button" aria-label="Fermer banner" onclick="this.parentElement.style.display='none'" style="background:transparent;border:none;color:#64748b;font-size:16px;cursor:pointer;padding:0 8px">×</button>
|
||||
</div>
|
||||
<style>#canonical-banner-v103+*{margin-top:36px!important}
|
||||
/* === WEVIA Gemini Rolling v2 VISIBLE Enrichment (wave 306 batch) === */
|
||||
.kpi,[class*="card"],[class*="panel"],[class*="room"],.stat-card,.metric-card,.hub-card,.widget,.stat,.box{position:relative!important}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card{animation:geV2Entrance .8s cubic-bezier(.34,1.56,.64,1) backwards}
|
||||
.kpi:nth-child(1),[class*="card"]:nth-child(1){animation-delay:0s}
|
||||
.kpi:nth-child(2),[class*="card"]:nth-child(2){animation-delay:.09s}
|
||||
.kpi:nth-child(3),[class*="card"]:nth-child(3){animation-delay:.18s}
|
||||
.kpi:nth-child(4),[class*="card"]:nth-child(4){animation-delay:.27s}
|
||||
.kpi:nth-child(5),[class*="card"]:nth-child(5){animation-delay:.36s}
|
||||
.kpi:nth-child(6),[class*="card"]:nth-child(6){animation-delay:.45s}
|
||||
@keyframes geV2Entrance{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card,.widget{border:1px solid transparent!important;box-shadow:0 0 0 1px rgba(236,72,153,.15),0 4px 16px rgba(0,0,0,.25)!important;transition:box-shadow .4s,transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s!important}
|
||||
.kpi:hover,[class*="card"]:hover,.stat-card:hover,.metric-card:hover,.hub-card:hover{transform:translateY(-6px) scale(1.03)!important;filter:brightness(1.2)!important;box-shadow:0 0 0 2px rgba(236,72,153,.6),0 12px 32px rgba(236,72,153,.25),0 0 24px rgba(78,205,196,.2)!important}
|
||||
.kpi::before,[class*="card"]::before,.stat-card::before,.metric-card::before,.hub-card::before{content:"";position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#2ed573,#1a9a4e);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5);animation:geV2Pulse 1.6s ease-out infinite;z-index:100;pointer-events:none}
|
||||
@keyframes geV2Pulse{0%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}50%{transform:scale(1.4);box-shadow:0 0 20px #2ed573,0 0 40px rgba(46,213,115,.8)}100%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}}
|
||||
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 30%,transparent 40%,rgba(236,72,153,.06) 100%),radial-gradient(ellipse at 30% 70%,transparent 40%,rgba(78,205,196,.04) 100%);animation:geV2Ambient 10s ease-in-out infinite;z-index:0}
|
||||
@keyframes geV2Ambient{0%,100%{opacity:.5}50%{opacity:1}}
|
||||
h1,.header-title,.main-title,.hub-title,.page-title{background-image:linear-gradient(90deg,currentColor 0%,currentColor 40%,rgba(236,72,153,1) 50%,currentColor 60%,currentColor 100%)!important;background-size:200% auto!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:geV2Shimmer 5s linear infinite!important}
|
||||
@keyframes geV2Shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
|
||||
/* Doctrine zero chevauchement - hide common offenders */
|
||||
.opus-x-btn,.toggle-top-right-btn,.fab-corner{display:none!important}
|
||||
/* === end WEVIA Gemini Rolling v2 batch === */
|
||||
</style>
|
||||
<script>
|
||||
(function(){
|
||||
var el = document.getElementById('canonical-this-page');
|
||||
if(el) el.textContent = '(' + location.pathname.split('/').pop() + ')';
|
||||
})();
|
||||
</script>
|
||||
<!-- END CANONICAL BANNER -->
|
||||
|
||||
<header>
|
||||
<h1><span>WEVAL</span> Agents en Action</h1>
|
||||
<div class="legend">
|
||||
<div class="leg"><i style="background:#3b82f6"></i>Cognitive</div>
|
||||
<div class="leg"><i style="background:#a855f7"></i>Autonomous</div>
|
||||
<div class="leg"><i style="background:#22c55e"></i>Backend</div>
|
||||
<div class="leg"><i style="background:#f59e0b"></i>Monitor</div>
|
||||
<div class="leg"><i style="background:#ec4899"></i>Pharma</div>
|
||||
<div class="leg"><i style="background:#06b6d4"></i>Research</div>
|
||||
</div>
|
||||
</header>
|
||||
<canvas id="c"></canvas>
|
||||
<div id="tooltip"></div>
|
||||
<div id="info">Survolez un agent pour voir son rôle · Les agents se déplacent dans la value chain en temps réel</div>
|
||||
|
||||
<script>
|
||||
const C = document.getElementById('c');
|
||||
const ctx = C.getContext('2d');
|
||||
const tip = document.getElementById('tooltip');
|
||||
let W, H, mx=-1, my=-1, hovered=null;
|
||||
|
||||
function resize(){W=C.width=innerWidth;H=C.height=innerHeight;ZONES.forEach((z,i)=>{z.x=60+i*(W-120)/(ZONES.length-1);z.y=H*.52})}
|
||||
addEventListener('resize',resize);
|
||||
|
||||
const ZONES = [
|
||||
{id:'prospect',label:'🎯 Prospection',color:'#1e3a5f'},
|
||||
{id:'consulting',label:'💼 Consulting',color:'#3a1e5f'},
|
||||
{id:'dev',label:'⚡ Dev & Code',color:'#1e5f3a'},
|
||||
{id:'infra',label:'🏗️ Infra',color:'#5f3a1e'},
|
||||
{id:'security',label:'🛡️ Sécurité',color:'#5f1e1e'},
|
||||
{id:'delivery',label:'🚀 Livraison',color:'#1e5f5f'},
|
||||
{id:'pharma',label:'💊 Pharma',color:'#3a1e4f'},
|
||||
{id:'monitor',label:'📡 Monitoring',color:'#4f4f1e'},
|
||||
];
|
||||
|
||||
const AGENTS = [
|
||||
// Prospection
|
||||
{name:'Ethica Scraper',emoji:'💊',zone:0,type:'pharma',desc:'DabaDoc + LinkedIn HCP scraping',prod:'131K+ HCPs enrichis DZ/MA/TN'},
|
||||
{name:'Analyst',emoji:'🔍',zone:0,type:'cognitive',desc:'Analyse besoins & requirements',prod:'Specs, analyses marché'},
|
||||
{name:'Writer',emoji:'✍️',zone:0,type:'cognitive',desc:'Rédaction emails & proposals',prod:'Cold emails, content B2B'},
|
||||
// Consulting
|
||||
{name:'CEO',emoji:'👔',zone:1,type:'autonomous',desc:'Agent autonome — décisions stratégiques',prod:'Stratégie, hiring, budget'},
|
||||
{name:'Architect',emoji:'🏗️',zone:1,type:'cognitive',desc:'Architecture technique & systèmes',prod:'Diagrammes, décisions archi'},
|
||||
{name:'Planner',emoji:'📋',zone:1,type:'cognitive',desc:'Roadmaps, planning, milestones',prod:'Sprint plans, timelines'},
|
||||
{name:'DeerFlow',emoji:'🦌',zone:1,type:'research',desc:'Recherche deep multi-sources',prod:'Synthèses, rapports R&D'},
|
||||
{name:'Critic',emoji:'⚖️',zone:1,type:'cognitive',desc:'Validation plans & risques',prod:'Reviews, risques identifiés'},
|
||||
// Dev
|
||||
{name:'Executor',emoji:'⚡',zone:2,type:'cognitive',desc:'Exécution scripts & déploiements',prod:'Scripts, migrations, deploys'},
|
||||
{name:'Debugger',emoji:'🐛',zone:2,type:'cognitive',desc:'Trace bugs, root cause analysis',prod:'Fixes, root cause reports'},
|
||||
{name:'Code-Reviewer',emoji:'👁️',zone:2,type:'cognitive',desc:'Reviews code, severity ratings',prod:'PR reviews, qualité code'},
|
||||
{name:'Designer',emoji:'🎨',zone:2,type:'cognitive',desc:'UI/UX, mockups, wireframes',prod:'Interfaces, design system'},
|
||||
{name:'WEDROID',emoji:'🤖',zone:2,type:'backend',desc:'Backend auto-diagnostic v5.0',prod:'Fixes serveur, DB, API auto'},
|
||||
{name:'Simplifier',emoji:'✂️',zone:2,type:'cognitive',desc:'Refactoring & clean code',prod:'Code optimisé, dette réduite'},
|
||||
// Infra
|
||||
{name:'Watchdog',emoji:'🐕',zone:3,type:'monitor',desc:'Service watchdog */3min',prod:'Auto-restart, alertes Telegram'},
|
||||
{name:'Guardian',emoji:'🛡️',zone:3,type:'monitor',desc:'Protection fichiers chattr +i',prod:'8 fichiers protégés'},
|
||||
{name:'Blade',emoji:'💻',zone:3,type:'monitor',desc:'Desktop agent Razer Blade',prod:'Tasks PowerShell, sync'},
|
||||
{name:'Git-Master',emoji:'🌿',zone:3,type:'cognitive',desc:'Branches, merges, releases',prod:'Git flow, tags, deploys'},
|
||||
// Security
|
||||
{name:'Security',emoji:'🛡️',zone:4,type:'cognitive',desc:'Audit OWASP, vulnérabilités',prod:'Rapports audit, hardening'},
|
||||
{name:'Verifier',emoji:'✅',zone:4,type:'cognitive',desc:'Conformité & validation',prod:'Checks ISO, RGPD, PCI'},
|
||||
// Delivery
|
||||
{name:'QA-Tester',emoji:'🧪',zone:5,type:'cognitive',desc:'Tests E2E, couverture qualité',prod:'148 NonReg, 41 Playwright'},
|
||||
{name:'Test-Engineer',emoji:'🧰',zone:5,type:'cognitive',desc:'Suites de tests CI/CD',prod:'Pipelines, automatisation'},
|
||||
{name:'Tracer',emoji:'🔦',zone:5,type:'cognitive',desc:'Trace logs, debug chain',prod:'Log analysis, stack traces'},
|
||||
{name:'Scientist',emoji:'🔬',zone:5,type:'cognitive',desc:'Benchmarks & métriques',prod:'AI Benchmark 182 modèles'},
|
||||
// Pharma
|
||||
{name:'Explore',emoji:'🧭',zone:6,type:'cognitive',desc:'Exploration nouvelles sources',prod:'Nouvelles pistes, prototypes'},
|
||||
{name:'Doc-Specialist',emoji:'📝',zone:6,type:'cognitive',desc:'Templates & documentation',prod:'Docs techniques, guides'},
|
||||
{name:'MiroFish',emoji:'🐟',zone:6,type:'research',desc:'Contenu créatif multi-agent',prod:'Textes, idées, brainstorm'},
|
||||
// Monitoring
|
||||
{name:'Task-Mgr',emoji:'📋',zone:7,type:'cognitive',desc:'/sc:task_management',prod:'Suivi tâches, deadlines'},
|
||||
{name:'Brainstorm',emoji:'💡',zone:7,type:'cognitive',desc:'/sc:brainstorming',prod:'Idées, exploration créative'},
|
||||
{name:'Introspect',emoji:'🧠',zone:7,type:'cognitive',desc:'/sc:introspection',prod:'Méta-analyse, réflexion'},
|
||||
{name:'Orchestrator',emoji:'🎯',zone:7,type:'cognitive',desc:'/sc:orchestration',prod:'Coordination multi-agent'},
|
||||
];
|
||||
|
||||
const COLORS = {cognitive:'#3b82f6',autonomous:'#a855f7',backend:'#22c55e',monitor:'#f59e0b',pharma:'#ec4899',research:'#06b6d4'};
|
||||
|
||||
// Agent state
|
||||
AGENTS.forEach((a,i)=>{
|
||||
a.x=0;a.y=0;a.vx=0;a.vy=0;
|
||||
a.bobPhase=Math.random()*Math.PI*2;
|
||||
a.walkPhase=Math.random()*Math.PI*2;
|
||||
a.targetX=0;a.targetY=0;
|
||||
a.wanderTimer=Math.random()*200;
|
||||
a.idx=i;
|
||||
});
|
||||
|
||||
resize();
|
||||
|
||||
function drawStickman(x, y, color, emoji, phase, walkP, scale=1, glow=false){
|
||||
const s = 14 * scale;
|
||||
const bob = Math.sin(phase)*2;
|
||||
const legSwing = Math.sin(walkP)*4;
|
||||
|
||||
ctx.save();
|
||||
ctx.translate(x, y + bob);
|
||||
|
||||
if(glow){
|
||||
ctx.shadowColor=color;
|
||||
ctx.shadowBlur=16;
|
||||
}
|
||||
|
||||
// Body
|
||||
ctx.strokeStyle=color;
|
||||
ctx.lineWidth=2*scale;
|
||||
ctx.lineCap='round';
|
||||
|
||||
// Head circle
|
||||
ctx.beginPath();
|
||||
ctx.arc(0, -s*2.2, s*.55, 0, Math.PI*2);
|
||||
ctx.stroke();
|
||||
|
||||
// Emoji face
|
||||
ctx.font=`${Math.round(s*.7)}px sans-serif`;
|
||||
ctx.textAlign='center';
|
||||
ctx.textBaseline='middle';
|
||||
ctx.fillText(emoji, 0, -s*2.2);
|
||||
|
||||
// Body line
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(0, -s*1.6);
|
||||
ctx.lineTo(0, -s*.3);
|
||||
ctx.stroke();
|
||||
|
||||
// Arms
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(-s*.7, -s*1.2 + Math.sin(walkP)*2);
|
||||
ctx.lineTo(0, -s*1.3);
|
||||
ctx.lineTo(s*.7, -s*1.2 - Math.sin(walkP)*2);
|
||||
ctx.stroke();
|
||||
|
||||
// Legs
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(-s*.5 + legSwing*.5, s*.5);
|
||||
ctx.lineTo(0, -s*.3);
|
||||
ctx.lineTo(s*.5 - legSwing*.5, s*.5);
|
||||
ctx.stroke();
|
||||
|
||||
ctx.restore();
|
||||
}
|
||||
|
||||
function drawZones(){
|
||||
// Ground line
|
||||
const gy = H*.52 + 30;
|
||||
ctx.strokeStyle='#1a2040';
|
||||
ctx.lineWidth=1;
|
||||
ctx.setLineDash([4,8]);
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(30,gy);
|
||||
ctx.lineTo(W-30,gy);
|
||||
ctx.stroke();
|
||||
ctx.setLineDash([]);
|
||||
|
||||
// Flow arrows between zones
|
||||
for(let i=0;i<ZONES.length-1;i++){
|
||||
const z1=ZONES[i], z2=ZONES[i+1];
|
||||
const mx=(z1.x+z2.x)/2;
|
||||
ctx.strokeStyle='#1a2540';
|
||||
ctx.lineWidth=1.5;
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(z1.x+40,gy+4);
|
||||
ctx.lineTo(z2.x-40,gy+4);
|
||||
ctx.stroke();
|
||||
// Arrow
|
||||
ctx.fillStyle='#1a2540';
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(z2.x-42,gy);
|
||||
ctx.lineTo(z2.x-50,gy-4);
|
||||
ctx.lineTo(z2.x-50,gy+8);
|
||||
ctx.closePath();
|
||||
ctx.fill();
|
||||
}
|
||||
|
||||
// Zone labels + glow
|
||||
ZONES.forEach(z=>{
|
||||
// Glow circle
|
||||
const g = ctx.createRadialGradient(z.x,z.y,0,z.x,z.y,80);
|
||||
g.addColorStop(0, z.color+'30');
|
||||
g.addColorStop(1, 'transparent');
|
||||
ctx.fillStyle=g;
|
||||
ctx.beginPath();
|
||||
ctx.arc(z.x,z.y,80,0,Math.PI*2);
|
||||
ctx.fill();
|
||||
|
||||
// Label
|
||||
ctx.font='700 13px Outfit';
|
||||
ctx.textAlign='center';
|
||||
ctx.fillStyle='#6880a0';
|
||||
ctx.fillText(z.label, z.x, gy+26);
|
||||
});
|
||||
}
|
||||
|
||||
function updateAgents(dt){
|
||||
AGENTS.forEach(a=>{
|
||||
const z = ZONES[a.zone];
|
||||
a.bobPhase += dt*2.5;
|
||||
a.walkPhase += dt*6;
|
||||
a.wanderTimer -= dt*60;
|
||||
|
||||
if(a.wanderTimer <= 0){
|
||||
a.wanderTimer = 100 + Math.random()*300;
|
||||
// Wander near zone
|
||||
const spread = 55;
|
||||
const agentsInZone = AGENTS.filter(b=>b.zone===a.zone).length;
|
||||
const myIdx = AGENTS.filter(b=>b.zone===a.zone).indexOf(a);
|
||||
const angle = (myIdx / agentsInZone) * Math.PI * 1.5 - Math.PI*.75;
|
||||
const dist = 25 + Math.random()*spread;
|
||||
a.targetX = z.x + Math.cos(angle)*dist + (Math.random()-.5)*20;
|
||||
a.targetY = z.y + Math.sin(angle)*dist*.6 + (Math.random()-.5)*15 - 15;
|
||||
|
||||
// Occasionally visit neighbor zone
|
||||
if(Math.random()<0.06){
|
||||
const nz = Math.max(0, Math.min(ZONES.length-1, a.zone + (Math.random()<.5?-1:1)));
|
||||
const nzone = ZONES[nz];
|
||||
a.targetX = nzone.x + (Math.random()-.5)*60;
|
||||
a.targetY = nzone.y + (Math.random()-.5)*30 - 15;
|
||||
}
|
||||
}
|
||||
|
||||
// Smooth move
|
||||
a.x += (a.targetX - a.x) * 0.015;
|
||||
a.y += (a.targetY - a.y) * 0.015;
|
||||
});
|
||||
}
|
||||
|
||||
function checkHover(){
|
||||
hovered = null;
|
||||
AGENTS.forEach(a=>{
|
||||
const dx=mx-a.x, dy=my-(a.y-20);
|
||||
if(Math.abs(dx)<18 && Math.abs(dy)<28){
|
||||
hovered = a;
|
||||
}
|
||||
});
|
||||
if(hovered){
|
||||
tip.style.display='block';
|
||||
tip.style.left=Math.min(mx+16,W-280)+'px';
|
||||
tip.style.top=(my-120)+'px';
|
||||
tip.innerHTML=`<div class="tn">${hovered.emoji} ${hovered.name}</div><div class="tt">${hovered.type}</div><div class="td">${hovered.desc}</div><div class="tp">→ ${hovered.prod}</div>`;
|
||||
} else {
|
||||
tip.style.display='none';
|
||||
}
|
||||
}
|
||||
|
||||
// Title + stats at top
|
||||
function drawHeader(){
|
||||
// Stats bar
|
||||
const active = AGENTS.length;
|
||||
ctx.font='700 11px JetBrains Mono';
|
||||
ctx.fillStyle='#3a4560';
|
||||
ctx.textAlign='center';
|
||||
ctx.fillText(`${active} agents actifs · 8 zones · ${ZONES.length} étapes value chain`, W/2, H-16);
|
||||
}
|
||||
|
||||
// Particles
|
||||
const particles=[];
|
||||
for(let i=0;i<40;i++){
|
||||
particles.push({x:Math.random()*2000,y:Math.random()*1200,s:Math.random()*1.5+.5,a:Math.random()*.3+.05,sp:Math.random()*.3+.1});
|
||||
}
|
||||
function drawParticles(dt){
|
||||
particles.forEach(p=>{
|
||||
p.y-=p.sp;
|
||||
if(p.y<0){p.y=H;p.x=Math.random()*W;}
|
||||
ctx.fillStyle=`rgba(6,182,212,${p.a})`;
|
||||
ctx.beginPath();
|
||||
ctx.arc(p.x,p.y,p.s,0,Math.PI*2);
|
||||
ctx.fill();
|
||||
});
|
||||
}
|
||||
|
||||
let lastT=0;
|
||||
function frame(t){
|
||||
const dt = Math.min((t-lastT)/1000, .05);
|
||||
lastT=t;
|
||||
|
||||
ctx.clearRect(0,0,W,H);
|
||||
|
||||
drawParticles(dt);
|
||||
drawZones();
|
||||
updateAgents(dt);
|
||||
|
||||
// Draw agents (non-hovered first, then hovered on top)
|
||||
AGENTS.forEach(a=>{
|
||||
if(a===hovered) return;
|
||||
drawStickman(a.x, a.y, COLORS[a.type]||'#6080a0', a.emoji, a.bobPhase, a.walkPhase, 1, false);
|
||||
});
|
||||
if(hovered){
|
||||
drawStickman(hovered.x, hovered.y, COLORS[hovered.type]||'#6080a0', hovered.emoji, hovered.bobPhase, hovered.walkPhase, 1.3, true);
|
||||
}
|
||||
|
||||
// Name labels for larger screen
|
||||
if(W > 900){
|
||||
ctx.font='600 9px Outfit';
|
||||
ctx.textAlign='center';
|
||||
AGENTS.forEach(a=>{
|
||||
ctx.fillStyle = a===hovered ? '#fff' : '#4a5a70';
|
||||
ctx.fillText(a.name, a.x, a.y+22);
|
||||
});
|
||||
}
|
||||
|
||||
drawHeader();
|
||||
checkHover();
|
||||
|
||||
requestAnimationFrame(frame);
|
||||
}
|
||||
|
||||
C.addEventListener('mousemove', e=>{mx=e.clientX;my=e.clientY;});
|
||||
C.addEventListener('mouseleave', ()=>{mx=-1;my=-1;});
|
||||
|
||||
// Init positions near zones
|
||||
AGENTS.forEach(a=>{
|
||||
const z=ZONES[a.zone];
|
||||
if(z){a.x=z.x+(Math.random()-.5)*80;a.y=z.y+(Math.random()-.5)*40-15;a.targetX=a.x;a.targetY=a.y;}
|
||||
});
|
||||
|
||||
requestAnimationFrame(frame);
|
||||
</script>
|
||||
<!-- CARTO_REMOVED -->
|
||||
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN v1 19avr — append-only, doctrine #14 === -->
|
||||
<script>
|
||||
(function(){
|
||||
if (window.__opusUniversalDrill) return; window.__opusUniversalDrill = true;
|
||||
var d = document;
|
||||
var m = d.createElement('div');
|
||||
m.id = 'opus-udrill';
|
||||
m.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.82);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:99995;padding:20px;cursor:pointer';
|
||||
var inner = d.createElement('div');
|
||||
inner.id = 'opus-udrill-in';
|
||||
inner.style.cssText = 'max-width:900px;width:100%;max-height:90vh;overflow:auto;background:#0b0d15;border:1px solid rgba(99,102,241,0.35);border-radius:14px;padding:28px;cursor:default;box-shadow:0 20px 60px rgba(0,0,0,0.6);color:#e2e8f0;font:14px/1.55 Inter,system-ui,sans-serif';
|
||||
inner.addEventListener('click', function(e){ e.stopPropagation(); });
|
||||
m.appendChild(inner);
|
||||
m.addEventListener('click', function(){ m.style.display='none'; });
|
||||
d.addEventListener('keydown', function(e){ if(e.key==='Escape') m.style.display='none'; });
|
||||
(d.body || d.documentElement).appendChild(m);
|
||||
|
||||
function openCard(card) {
|
||||
// Clone card content + show close btn + increase font-size
|
||||
var html = '<div style="display:flex;justify-content:flex-end;margin-bottom:14px"><button id="opus-udrill-close" style="padding:6px 14px;background:#171b2a;border:1px solid rgba(99,102,241,0.25);color:#e2e8f0;border-radius:8px;cursor:pointer;font-size:12px">✕ Fermer (Esc)</button></div>';
|
||||
html += '<div style="transform-origin:top left;font-size:1.05em">' + card.outerHTML + '</div>';
|
||||
inner.innerHTML = html;
|
||||
d.getElementById('opus-udrill-close').onclick = function(){ m.style.display='none'; };
|
||||
m.style.display = 'flex';
|
||||
}
|
||||
|
||||
function wire(root) {
|
||||
var sels = '.card,[class*="card"],.kpi,[class*="kpi"],.stat,[class*="stat"],.tile,[class*="tile"],.metric,[class*="metric"],.widget,[class*="widget"]';
|
||||
var cards = root.querySelectorAll(sels);
|
||||
for (var i = 0; i < cards.length; i++) {
|
||||
var c = cards[i];
|
||||
if (c.__opusWired) continue;
|
||||
if (c.closest('button, a, input, select, textarea, #opus-udrill')) continue;
|
||||
var r = c.getBoundingClientRect();
|
||||
if (r.width < 60 || r.height < 40) continue;
|
||||
c.__opusWired = true;
|
||||
c.style.cursor = 'pointer';
|
||||
c.setAttribute('role','button');
|
||||
c.setAttribute('tabindex','0');
|
||||
c.addEventListener('click', function(ev){
|
||||
// If a more-specific drill is already active (e.g. pp-card custom), let it handle
|
||||
if (ev.target.closest('[data-pp-id]') && window.__opusDrillInit) return;
|
||||
if (ev.target.closest('a,button,input,select')) return;
|
||||
ev.preventDefault(); ev.stopPropagation();
|
||||
openCard(this);
|
||||
});
|
||||
c.addEventListener('keydown', function(ev){ if(ev.key==='Enter'||ev.key===' '){ev.preventDefault();openCard(this);} });
|
||||
}
|
||||
}
|
||||
|
||||
// Initial + mutation observer
|
||||
var initRun = function(){ wire(d.body || d.documentElement); };
|
||||
if (d.readyState === 'loading') d.addEventListener('DOMContentLoaded', initRun);
|
||||
else initRun();
|
||||
var mo = new MutationObserver(function(muts){
|
||||
var newCard = false;
|
||||
for (var i=0;i<muts.length;i++) if (muts[i].addedNodes.length) { newCard = true; break; }
|
||||
if (newCard) initRun();
|
||||
});
|
||||
mo.observe(d.body || d.documentElement, {childList:true, subtree:true});
|
||||
})();
|
||||
</script>
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN END === -->
|
||||
|
||||
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t33b6) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1777045903" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
371
_archive/w307/DOUBLON_agents-final.html
Normal file
371
_archive/w307/DOUBLON_agents-final.html
Normal file
@@ -0,0 +1,371 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>WEVAL Enterprise</title>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@600;800;900&display=swap');
|
||||
*{margin:0;padding:0;box-sizing:border-box}body{background:#1a1a2e;overflow:hidden;font-family:'Nunito',sans-serif}canvas{display:block}
|
||||
#tip{position:fixed;pointer-events:none;display:none;z-index:99;background:#16213eee;border:2px solid;border-radius:14px;padding:12px 16px;color:#e0e8ff;max-width:240px;box-shadow:0 6px 30px #00000060}
|
||||
#tip b{font-size:1rem;color:#fff;display:block}#tip i{font-size:.62rem;text-transform:uppercase;letter-spacing:2px;font-style:normal;display:block;margin:2px 0 5px}
|
||||
#tip p{font-size:.78rem;color:#8a98c0;margin:0}#tip s{font-size:.68rem;color:#53d8fb;text-decoration:none;display:block;margin-top:4px;border-top:1px solid #fff1;padding-top:4px}
|
||||
#tip em{font-size:.66rem;display:block;margin-top:3px;font-style:normal;font-weight:700}
|
||||
#h{position:fixed;top:0;left:0;right:0;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;z-index:10;background:#1a1a2eee}
|
||||
#h span{font-size:.72rem;color:#5a6a88}#h span b{color:#53d8fb}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- CANONICAL BANNER doctrine 103 -->
|
||||
<div id="canonical-banner-v103" style="position:fixed;top:0;left:0;right:0;z-index:99990;background:linear-gradient(90deg,#1e293b,#0f172a);border-bottom:1px solid rgba(99,102,241,0.3);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;font-family:Inter,system-ui,sans-serif;font-size:12px;backdrop-filter:blur(8px)">
|
||||
<span style="color:#94a3b8">Variante agents-* <span id="canonical-this-page" style="color:#64748b">(cette page)</span></span>
|
||||
<a href="/agents-archi.html" style="color:#a5b4fc;text-decoration:none;padding:4px 12px;background:rgba(99,102,241,0.15);border-radius:6px;border:1px solid rgba(99,102,241,0.25)">Voir canonical : agents-archi</a>
|
||||
<button type="button" aria-label="Fermer banner" onclick="this.parentElement.style.display='none'" style="background:transparent;border:none;color:#64748b;font-size:16px;cursor:pointer;padding:0 8px">×</button>
|
||||
</div>
|
||||
<style>#canonical-banner-v103+*{margin-top:36px!important}
|
||||
/* === WEVIA Gemini Rolling v2 VISIBLE Enrichment (wave 306 batch) === */
|
||||
.kpi,[class*="card"],[class*="panel"],[class*="room"],.stat-card,.metric-card,.hub-card,.widget,.stat,.box{position:relative!important}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card{animation:geV2Entrance .8s cubic-bezier(.34,1.56,.64,1) backwards}
|
||||
.kpi:nth-child(1),[class*="card"]:nth-child(1){animation-delay:0s}
|
||||
.kpi:nth-child(2),[class*="card"]:nth-child(2){animation-delay:.09s}
|
||||
.kpi:nth-child(3),[class*="card"]:nth-child(3){animation-delay:.18s}
|
||||
.kpi:nth-child(4),[class*="card"]:nth-child(4){animation-delay:.27s}
|
||||
.kpi:nth-child(5),[class*="card"]:nth-child(5){animation-delay:.36s}
|
||||
.kpi:nth-child(6),[class*="card"]:nth-child(6){animation-delay:.45s}
|
||||
@keyframes geV2Entrance{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card,.widget{border:1px solid transparent!important;box-shadow:0 0 0 1px rgba(236,72,153,.15),0 4px 16px rgba(0,0,0,.25)!important;transition:box-shadow .4s,transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s!important}
|
||||
.kpi:hover,[class*="card"]:hover,.stat-card:hover,.metric-card:hover,.hub-card:hover{transform:translateY(-6px) scale(1.03)!important;filter:brightness(1.2)!important;box-shadow:0 0 0 2px rgba(236,72,153,.6),0 12px 32px rgba(236,72,153,.25),0 0 24px rgba(78,205,196,.2)!important}
|
||||
.kpi::before,[class*="card"]::before,.stat-card::before,.metric-card::before,.hub-card::before{content:"";position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#2ed573,#1a9a4e);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5);animation:geV2Pulse 1.6s ease-out infinite;z-index:100;pointer-events:none}
|
||||
@keyframes geV2Pulse{0%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}50%{transform:scale(1.4);box-shadow:0 0 20px #2ed573,0 0 40px rgba(46,213,115,.8)}100%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}}
|
||||
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 30%,transparent 40%,rgba(236,72,153,.06) 100%),radial-gradient(ellipse at 30% 70%,transparent 40%,rgba(78,205,196,.04) 100%);animation:geV2Ambient 10s ease-in-out infinite;z-index:0}
|
||||
@keyframes geV2Ambient{0%,100%{opacity:.5}50%{opacity:1}}
|
||||
h1,.header-title,.main-title,.hub-title,.page-title{background-image:linear-gradient(90deg,currentColor 0%,currentColor 40%,rgba(236,72,153,1) 50%,currentColor 60%,currentColor 100%)!important;background-size:200% auto!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:geV2Shimmer 5s linear infinite!important}
|
||||
@keyframes geV2Shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
|
||||
/* Doctrine zero chevauchement - hide common offenders */
|
||||
.opus-x-btn,.toggle-top-right-btn,.fab-corner{display:none!important}
|
||||
/* === end WEVIA Gemini Rolling v2 batch === */
|
||||
</style>
|
||||
<script>
|
||||
(function(){
|
||||
var el = document.getElementById('canonical-this-page');
|
||||
if(el) el.textContent = '(' + location.pathname.split('/').pop() + ')';
|
||||
})();
|
||||
</script>
|
||||
<!-- END CANONICAL BANNER -->
|
||||
|
||||
<canvas id="c"></canvas>
|
||||
<div id="tip"><b></b><i></i><p></p><s></s><em></em></div>
|
||||
<div id="h"><div style="font-weight:900;font-size:1.1rem"><span style="color:#e94560">WEVAL</span> <span style="color:#53d8fb">Enterprise</span></div><div><span>Agents <b>31</b></span> · <span>Actifs <b id="ac">0</b></span> · <span>Tasks <b id="tc" style="color:#f59e0b">0</b></span></div></div>
|
||||
<script>
|
||||
const C=document.getElementById('c'),X=C.getContext('2d');
|
||||
let W,H,mx=-1,my=-1,hov=null,fr=0,tasks=0;
|
||||
function resize(){W=innerWidth;H=innerHeight;C.width=W*2;C.height=H*2;X.scale(2,2);lay()}
|
||||
addEventListener('resize',resize);
|
||||
|
||||
const RM=[
|
||||
{id:'ceo', l:'👑 CEO Office', c:'#e94560'},
|
||||
{id:'sales',l:'🎯 Prospection', c:'#3b82f6'},
|
||||
{id:'con', l:'💼 Consulting', c:'#7c3aed'},
|
||||
{id:'dev', l:'⚡ Dev Lab', c:'#10b981'},
|
||||
{id:'srv', l:'🖥️ Server Room',c:'#f59e0b'},
|
||||
{id:'sec', l:'🛡️ Sécurité', c:'#ef4444'},
|
||||
{id:'qa', l:'🧪 QA Center', c:'#06b6d4'},
|
||||
{id:'pha', l:'💊 Pharma Lab', c:'#d946ef'},
|
||||
{id:'ops', l:'📡 Monitoring', c:'#eab308'},
|
||||
];
|
||||
RM.forEach(r=>{r.x=0;r.y=0;r.w=0;r.h=0;});
|
||||
|
||||
const SN=[{l:'LEADS',c:'#3b82f6'},{l:'QUALIFY',c:'#7c3aed'},{l:'DESIGN',c:'#10b981'},{l:'BUILD',c:'#22c55e'},{l:'SECURE',c:'#ef4444'},{l:'TEST',c:'#06b6d4'},{l:'DEPLOY',c:'#f59e0b'},{l:'DELIVER',c:'#84cc16'}];
|
||||
SN.forEach(s=>{s.x=0;s.y=0;});
|
||||
|
||||
const AG=[
|
||||
{n:'CEO',e:'👔',r:'ceo',s:1,d:'Agent CEO autonome',p:'Stratégie, budget',sk:'#f0d0b0',ey:'#1a1a3a',sh:'#1a1a2e',hr:'slick',hc:'#111',gl:0},
|
||||
{n:'Ethica',e:'💊',r:'sales',s:0,d:'Scraping HCP',p:'131K+ médecins',sk:'#d4a574',ey:'#1a1a3a',sh:'#3b82f6',hr:'curly',hc:'#1a0a00',gl:0},
|
||||
{n:'Analyst',e:'🔍',r:'sales',s:0,d:'Analyse besoins',p:'Specs, études',sk:'#f0d0b0',ey:'#1a3a1a',sh:'#3b82f6',hr:'short',hc:'#4a3020',gl:1},
|
||||
{n:'Writer',e:'✍️',r:'sales',s:0,d:'Rédaction proposals',p:'Cold emails',sk:'#f0d0b0',ey:'#3a1a1a',sh:'#3b82f6',hr:'bob',hc:'#8a4a20',gl:0},
|
||||
{n:'Architect',e:'🏗️',r:'con',s:2,d:'Architecture tech',p:'Blueprints',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#7c3aed',hr:'short',hc:'#2a2a3a',gl:1},
|
||||
{n:'Planner',e:'📋',r:'con',s:1,d:'Roadmaps',p:'Sprint plans',sk:'#f0d0b0',ey:'#1a1a3a',sh:'#7c3aed',hr:'side',hc:'#5a3a1a',gl:0},
|
||||
{n:'DeerFlow',e:'🦌',r:'con',s:1,d:'Deep research',p:'Synthèses R&D',sk:'#e0b890',ey:'#3a2a1a',sh:'#7c3aed',hr:'wild',hc:'#6a4020',gl:0,ac:'antlers'},
|
||||
{n:'Critic',e:'⚖️',r:'con',s:1,d:'Validation risques',p:'Reviews',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#7c3aed',hr:'short',hc:'#3a3a4a',gl:1},
|
||||
{n:'Executor',e:'⚡',r:'dev',s:3,d:'Exécution deploy',p:'Scripts',sk:'#d4a574',ey:'#1a3a1a',sh:'#10b981',hr:'mohawk',hc:'#22c55e',gl:0},
|
||||
{n:'Debugger',e:'🐛',r:'dev',s:3,d:'Root cause',p:'Fixes',sk:'#f0d0b0',ey:'#1a1a3a',sh:'#10b981',hr:'messy',hc:'#4a2a10',gl:1},
|
||||
{n:'Reviewer',e:'👁️',r:'dev',s:3,d:'Code review',p:'PR reviews',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#10b981',hr:'short',hc:'#333',gl:0},
|
||||
{n:'Designer',e:'🎨',r:'dev',s:2,d:'UI/UX design',p:'Mockups',sk:'#f0d0b0',ey:'#3a1a3a',sh:'#10b981',hr:'long',hc:'#d946ef',gl:0,ac:'beret'},
|
||||
{n:'WEDROID',e:'🤖',r:'dev',s:3,d:'Auto-diag v5',p:'DB fix auto',sk:'#8899aa',ey:'#22c55e',sh:'#10b981',hr:'robot',hc:'#5a7a9a',gl:0},
|
||||
{n:'Simplifier',e:'✂️',r:'dev',s:3,d:'Refactoring',p:'-40% code',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#10b981',hr:'bun',hc:'#6a4a30',gl:1},
|
||||
{n:'Watchdog',e:'🐕',r:'srv',s:6,d:'Monitor */3min',p:'Auto-restart',sk:'#e0b890',ey:'#3a2a1a',sh:'#f59e0b',hr:'ears',hc:'#8a6a30',gl:0},
|
||||
{n:'Guardian',e:'🛡️',r:'srv',s:4,d:'Protection sys',p:'chattr +i',sk:'#d4a574',ey:'#1a1a2a',sh:'#f59e0b',hr:'buzz',hc:'#2a3a2a',gl:0,ac:'helmet'},
|
||||
{n:'Blade',e:'💻',r:'srv',s:6,d:'Desktop agent',p:'PowerShell',sk:'#f0d0b0',ey:'#1a1a3a',sh:'#f59e0b',hr:'cap',hc:'#1a3050',gl:0,ac:'headset'},
|
||||
{n:'GitMaster',e:'🌿',r:'srv',s:6,d:'Git releases',p:'Tags, deploys',sk:'#e8c8a0',ey:'#1a3a1a',sh:'#f59e0b',hr:'ponytail',hc:'#3a5a2a',gl:1},
|
||||
{n:'Security',e:'🔐',r:'sec',s:4,d:'Audit OWASP',p:'Rapports sécu',sk:'#d4a574',ey:'#1a1a1a',sh:'#ef4444',hr:'buzz',hc:'#111',gl:0,ac:'shades'},
|
||||
{n:'Verifier',e:'✅',r:'sec',s:4,d:'ISO/RGPD',p:'Checks PCI',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#ef4444',hr:'short',hc:'#3a3a4a',gl:1},
|
||||
{n:'QA',e:'🧪',r:'qa',s:5,d:'Tests E2E',p:'148 NonReg',sk:'#f0d0b0',ey:'#1a3a3a',sh:'#06b6d4',hr:'short',hc:'#2a3a5a',gl:0,ac:'goggles'},
|
||||
{n:'TestEng',e:'🧰',r:'qa',s:5,d:'CI/CD',p:'Automatisation',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#06b6d4',hr:'short',hc:'#4a3a2a',gl:0},
|
||||
{n:'Tracer',e:'🔦',r:'qa',s:5,d:'Log tracing',p:'Stack traces',sk:'#e0b890',ey:'#2a1a1a',sh:'#06b6d4',hr:'short',hc:'#3a2a1a',gl:0},
|
||||
{n:'Scientist',e:'🔬',r:'qa',s:5,d:'Benchmarks',p:'AI Bench 182',sk:'#f0d0b0',ey:'#1a1a3a',sh:'#06b6d4',hr:'einstein',hc:'#999',gl:1},
|
||||
{n:'Explore',e:'🧭',r:'pha',s:0,d:'Exploration R&D',p:'Sources HCP',sk:'#d4a574',ey:'#3a2a1a',sh:'#d946ef',hr:'wild',hc:'#5a3a10',gl:0},
|
||||
{n:'DocSpec',e:'📝',r:'pha',s:7,d:'Documentation',p:'Templates',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#d946ef',hr:'short',hc:'#333',gl:1},
|
||||
{n:'MiroFish',e:'🐟',r:'pha',s:2,d:'Creative AI',p:'Brainstorm',sk:'#f0d0b0',ey:'#1a3a3a',sh:'#d946ef',hr:'wavy',hc:'#06b6d4',gl:0},
|
||||
{n:'TaskMgr',e:'📋',r:'ops',s:7,d:'Suivi tâches',p:'Kanban',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#eab308',hr:'side',hc:'#4a4a3a',gl:0},
|
||||
{n:'Brain',e:'💡',r:'ops',s:2,d:'Brainstorming',p:'Idées',sk:'#f0d0b0',ey:'#3a3a1a',sh:'#eab308',hr:'spiky',hc:'#eab308',gl:0},
|
||||
{n:'Intro',e:'🧠',r:'ops',s:5,d:'Méta-analyse',p:'Amélioration',sk:'#e8c8a0',ey:'#2a1a3a',sh:'#eab308',hr:'short',hc:'#a855f7',gl:0},
|
||||
{n:'Orch',e:'🎯',r:'ops',s:6,d:'Orchestration',p:'Coordination',sk:'#d4a574',ey:'#1a1a2a',sh:'#eab308',hr:'buzz',hc:'#222',gl:0},
|
||||
];
|
||||
AG.forEach(a=>{a.st='idle';a.x=0;a.y=0;a.dx=0;a.dy=0;a.cx=0;a.cy=0;a.bob=Math.random()*6.28;a.wk=0;a.tmr=200+Math.random()*500;a.wtmr=0;a.dir=1;a.bl=0;a.blt=80+Math.random()*200;a.bub='';a.bubt=0;});
|
||||
|
||||
function lay(){
|
||||
// 3x3 room grid at top
|
||||
const pad=10,topY=36;
|
||||
const rw=(W-pad*4)/3,rh=(H*.58-topY-pad*3)/3;
|
||||
for(let i=0;i<9;i++){
|
||||
const col=i%3,row=Math.floor(i/3);
|
||||
RM[i].x=pad+col*(rw+pad);RM[i].y=topY+row*(rh+pad);RM[i].w=rw;RM[i].h=rh;
|
||||
}
|
||||
// Chain at bottom
|
||||
const cy=H*.82;
|
||||
const sg=(W-60)/SN.length;
|
||||
SN.forEach((s,i)=>{s.x=40+i*sg+sg/2;s.y=cy;});
|
||||
// Agent desk positions
|
||||
AG.forEach(a=>{
|
||||
const rm=RM.find(r=>r.id===a.r);if(!rm)return;
|
||||
const mates=AG.filter(b=>b.r===a.r);const mi=mates.indexOf(a);
|
||||
const cols=Math.max(Math.ceil(mates.length/2),1);
|
||||
const row=Math.floor(mi/cols),col=mi%cols;
|
||||
a.dx=rm.x+24+col*Math.min((rm.w-48)/Math.max(cols-1,1),48);
|
||||
a.dy=rm.y+30+row*32;
|
||||
if(a.st==='idle'){a.x=a.dx;a.y=a.dy;}
|
||||
const sn=SN[a.s];if(sn){a.cx=sn.x+(Math.random()-.5)*18;a.cy=sn.y-8;}
|
||||
});
|
||||
}
|
||||
resize();
|
||||
|
||||
// ═ DRAW ROOM ═
|
||||
function dR(r){
|
||||
X.fillStyle='#00000020';X.beginPath();X.roundRect(r.x+3,r.y+3,r.w,r.h,8);X.fill();
|
||||
const g=X.createLinearGradient(r.x,r.y,r.x,r.y+r.h);g.addColorStop(0,'#161938');g.addColorStop(1,'#0e1025');
|
||||
X.fillStyle=g;X.beginPath();X.roundRect(r.x,r.y,r.w,r.h,8);X.fill();
|
||||
X.strokeStyle=r.c+'40';X.lineWidth=1;X.beginPath();X.roundRect(r.x,r.y,r.w,r.h,8);X.stroke();
|
||||
X.fillStyle=r.c+'60';X.beginPath();X.roundRect(r.x,r.y,r.w,3,[8,8,0,0]);X.fill();
|
||||
// Floor tiles
|
||||
X.strokeStyle=r.c+'06';X.lineWidth=.3;
|
||||
for(let i=1;i<5;i++){X.beginPath();X.moveTo(r.x+i*(r.w/5),r.y+18);X.lineTo(r.x+i*(r.w/5),r.y+r.h-3);X.stroke();}
|
||||
X.font='800 9px Nunito';X.fillStyle=r.c;X.textAlign='left';X.fillText(r.l,r.x+8,r.y+14);
|
||||
// Decorations per room
|
||||
if(r.id==='srv'){for(let i=0;i<3;i++){const rx=r.x+r.w-14-i*14;X.fillStyle='#1a2535';X.fillRect(rx,r.y+18,10,r.h-24);
|
||||
for(let j=0;j<5;j++){X.fillStyle=Math.sin(fr*.04+i+j)>.2?'#22c55e':'#ef4444';X.beginPath();X.arc(rx+3,r.y+24+j*7,1.2,0,6.28);X.fill();}}}
|
||||
if(r.id==='ceo'){X.fillStyle='#2a5a2a';X.beginPath();X.arc(r.x+r.w-16,r.y+r.h-10,6,Math.PI,0);X.fill();X.fillStyle='#5a3a2a';X.fillRect(r.x+r.w-18,r.y+r.h-10,4,6);
|
||||
X.fillStyle='#f59e0b30';X.beginPath();X.arc(r.x+r.w-35,r.y+26,8,0,6.28);X.fill();}
|
||||
if(r.id==='pha'){for(let i=0;i<3;i++){X.fillStyle=['#d946ef30','#3b82f630','#22c55e30'][i];X.beginPath();X.roundRect(r.x+r.w-12-i*9,r.y+20,5,14,2);X.fill();}}
|
||||
if(r.id==='sec'){X.fillStyle=Math.sin(fr*.08)>.5?'#ef4444':'#ef444440';X.beginPath();X.arc(r.x+r.w-12,r.y+24,3,0,6.28);X.fill();}
|
||||
if(r.id==='ops'){X.strokeStyle='#eab30850';X.lineWidth=.8;X.beginPath();for(let i=0;i<6;i++)X.lineTo(r.x+r.w-38+i*5,r.y+35-Math.sin(fr*.015+i)*5);X.stroke();}
|
||||
}
|
||||
|
||||
// ═ DRAW DESK ═
|
||||
function dD(x,y,c,occ){
|
||||
X.fillStyle=occ?'#1c2540':'#141a2a';X.beginPath();X.roundRect(x-12,y+2,24,7,2);X.fill();
|
||||
X.fillStyle=occ?c+'30':'#0e1420';X.fillRect(x-5,y-4,10,6);
|
||||
if(occ){X.fillStyle=c+'06';X.beginPath();X.arc(x,y,14,0,6.28);X.fill();}
|
||||
}
|
||||
|
||||
// ═ CHIBI CHARACTER ═
|
||||
function dC(a){
|
||||
const isH=a===hov,sit=a.st==='idle',sc=isH?1.15:1;
|
||||
const bob=sit?Math.sin(a.bob)*.3:Math.sin(a.bob)*1.5;
|
||||
const lsw=sit?0:Math.sin(a.wk)*3;
|
||||
X.save();X.translate(a.x,a.y+bob);X.scale(sc*a.dir,sc);
|
||||
if(isH){X.shadowColor=a.sh;X.shadowBlur=14;}
|
||||
const rm=RM.find(r=>r.id===a.r);
|
||||
// Shadow
|
||||
X.fillStyle='rgba(0,0,0,.25)';X.beginPath();X.ellipse(0,sit?6:10,6,2,0,0,6.28);X.fill();
|
||||
const oy=sit?-2:0;
|
||||
// Legs
|
||||
X.fillStyle='#25254a';
|
||||
if(sit){X.beginPath();X.roundRect(-4,oy+3,3,4,1);X.fill();X.beginPath();X.roundRect(1,oy+3,3,4,1);X.fill();}
|
||||
else{X.save();X.translate(-2,oy+3);X.rotate(lsw*.04);X.beginPath();X.roundRect(-1.5,0,3,7,1);X.fill();X.restore();
|
||||
X.save();X.translate(2,oy+3);X.rotate(-lsw*.04);X.beginPath();X.roundRect(-1.5,0,3,7,1);X.fill();X.restore();}
|
||||
// Shoes
|
||||
X.fillStyle='#1a1a38';
|
||||
X.beginPath();X.roundRect(-4.5+lsw*.15,oy+(sit?6:9),4.5,2,[0,0,1.5,1.5]);X.fill();
|
||||
X.beginPath();X.roundRect(0-lsw*.15,oy+(sit?6:9),4.5,2,[0,0,1.5,1.5]);X.fill();
|
||||
// Body
|
||||
const bg=X.createLinearGradient(0,oy-6,0,oy+3);bg.addColorStop(0,a.sh);bg.addColorStop(1,a.sh+'88');
|
||||
X.fillStyle=bg;X.beginPath();X.roundRect(-5.5,oy-6,11,10,[3,3,1,1]);X.fill();
|
||||
X.fillStyle='rgba(255,255,255,.06)';X.beginPath();X.roundRect(-4,oy-5,3.5,7,[1,0,0,1]);X.fill();
|
||||
// Arms
|
||||
X.fillStyle=a.sk;const asw=sit?.05:Math.sin(a.wk+.5)*.15;
|
||||
X.save();X.translate(-6.5,oy-3);X.rotate(sit?.25:asw);X.beginPath();X.roundRect(-1.5,0,3,sit?4.5:7,1.5);X.fill();X.restore();
|
||||
X.save();X.translate(6.5,oy-3);X.rotate(sit?-.25:-asw);X.beginPath();X.roundRect(-1.5,0,3,sit?4.5:7,1.5);X.fill();X.restore();
|
||||
// HEAD
|
||||
const hy=oy-15;const hr=8;
|
||||
X.fillStyle=a.sk;X.beginPath();X.arc(0,hy+1,hr,0,6.28);X.fill();
|
||||
X.fillStyle='#ff8a8a10';X.beginPath();X.arc(-5,hy+4,2.5,0,6.28);X.fill();X.beginPath();X.arc(5,hy+4,2.5,0,6.28);X.fill();
|
||||
// HAIR
|
||||
X.fillStyle=a.hc;
|
||||
switch(a.hr){
|
||||
case'slick':X.beginPath();X.arc(0,hy-.5,hr+.5,.7,Math.PI+.5);X.fill();X.fillRect(-6,hy-5,12,5);break;
|
||||
case'short':X.beginPath();X.arc(0,hy,hr+.5,.5,Math.PI-.3);X.fill();break;
|
||||
case'buzz':X.beginPath();X.arc(0,hy,hr+.8,.4,Math.PI-.2);X.fill();break;
|
||||
case'curly':for(let i=0;i<9;i++){const ag=-2.3+i*.5;X.beginPath();X.arc(Math.cos(ag)*7,hy-1+Math.sin(ag)*6.5,3,0,6.28);X.fill();}break;
|
||||
case'bob':X.beginPath();X.arc(0,hy-.5,hr+.5,.2,Math.PI);X.fill();X.fillRect(-8.5,hy+1,4,7);X.fillRect(4.5,hy+1,4,7);break;
|
||||
case'side':X.beginPath();X.arc(0,hy,hr+.5,.4,Math.PI-.2);X.fill();X.fillRect(-9,hy-1,4.5,7);break;
|
||||
case'wild':X.beginPath();X.arc(0,hy-.5,hr+1.5,.2,Math.PI);X.fill();X.beginPath();X.arc(-9,hy-1,3.5,0,6.28);X.fill();X.beginPath();X.arc(9,hy-1,3.5,0,6.28);X.fill();break;
|
||||
case'mohawk':X.beginPath();X.arc(0,hy,hr+.5,.5,Math.PI-.3);X.fill();for(let i=0;i<4;i++)X.fillRect(-1.5,hy-8-i*2,3,3.5);break;
|
||||
case'messy':X.beginPath();X.arc(0,hy-.5,hr+.8,.3,Math.PI-.1);X.fill();for(let i=0;i<4;i++)X.fillRect(-5+i*3,hy-7-Math.random()*2,2.5,4);break;
|
||||
case'long':X.beginPath();X.arc(0,hy-.5,hr+.5,.2,Math.PI);X.fill();X.fillRect(-9,hy,4,8);X.fillRect(5,hy,4,8);break;
|
||||
case'bun':X.beginPath();X.arc(0,hy,hr+.5,.5,Math.PI-.3);X.fill();X.beginPath();X.arc(0,hy-7,3.5,0,6.28);X.fill();break;
|
||||
case'ponytail':X.beginPath();X.arc(0,hy,hr+.5,.4,Math.PI-.2);X.fill();X.fillRect(6,hy,2.5,10);X.beginPath();X.arc(7,hy+10,2.5,0,6.28);X.fill();break;
|
||||
case'ears':X.beginPath();X.arc(0,hy,hr+.5,.5,Math.PI-.3);X.fill();X.beginPath();X.moveTo(-7,hy-2);X.lineTo(-11,hy-9);X.lineTo(-4,hy);X.fill();X.beginPath();X.moveTo(7,hy-2);X.lineTo(11,hy-9);X.lineTo(4,hy);X.fill();break;
|
||||
case'cap':X.beginPath();X.arc(0,hy-.5,hr+.5,.3,Math.PI-.1);X.fill();X.fillRect(-10,hy,20,3);X.fillRect(-12,hy+2,7,2);break;
|
||||
case'einstein':X.beginPath();X.arc(0,hy-.5,hr+1.5,.2,Math.PI);X.fill();X.beginPath();X.arc(-9,hy,3.5,0,6.28);X.fill();X.beginPath();X.arc(9,hy,3.5,0,6.28);X.fill();break;
|
||||
case'spiky':for(let i=0;i<5;i++){const ag=-1.6+i*.6,rr=hr+3;X.beginPath();X.moveTo(Math.cos(ag)*6,hy+Math.sin(ag)*5.5);X.lineTo(Math.cos(ag)*rr,hy-2+Math.sin(ag)*rr*.6);X.lineTo(Math.cos(ag+.3)*6,hy+Math.sin(ag+.3)*5.5);X.fill();}break;
|
||||
case'wavy':for(let i=0;i<7;i++){const ag=-2+i*.55;X.beginPath();X.arc(Math.cos(ag)*7.5,hy-1+Math.sin(ag)*6+Math.sin(i)*1.2,2.5,0,6.28);X.fill();}break;
|
||||
case'robot':X.fillStyle='#5a7a9a';X.beginPath();X.roundRect(-8,hy-5,16,13,3);X.fill();X.strokeStyle='#3a5a7a';X.lineWidth=.8;X.strokeRect(-6,hy-1,12,4);
|
||||
X.strokeStyle='#8aa';X.lineWidth=1.2;X.beginPath();X.moveTo(0,hy-5);X.lineTo(0,hy-9);X.stroke();X.fillStyle='#ef4444';X.beginPath();X.arc(0,hy-9,2,0,6.28);X.fill();break;
|
||||
default:X.beginPath();X.arc(0,hy,hr+.5,.5,Math.PI-.3);X.fill();
|
||||
}
|
||||
// EYES
|
||||
if(a.hr!=='robot'){
|
||||
if(a.bl<=0){
|
||||
X.fillStyle='#fff';X.beginPath();X.ellipse(-3,hy+1,2.8,3.2,0,0,6.28);X.fill();X.beginPath();X.ellipse(3,hy+1,2.8,3.2,0,0,6.28);X.fill();
|
||||
X.fillStyle=a.ey;X.beginPath();X.arc(-2.5,hy+1.5,1.8,0,6.28);X.fill();X.beginPath();X.arc(3.5,hy+1.5,1.8,0,6.28);X.fill();
|
||||
X.fillStyle='#000';X.beginPath();X.arc(-2.5,hy+1.8,1,0,6.28);X.fill();X.beginPath();X.arc(3.5,hy+1.8,1,0,6.28);X.fill();
|
||||
X.fillStyle='#fff';X.beginPath();X.arc(-3.2,hy+.5,.7,0,6.28);X.fill();X.beginPath();X.arc(2.8,hy+.5,.7,0,6.28);X.fill();
|
||||
}else{X.strokeStyle=a.ey;X.lineWidth=1.2;X.lineCap='round';X.beginPath();X.moveTo(-5,hy+1);X.lineTo(-1,hy+1);X.stroke();X.beginPath();X.moveTo(1,hy+1);X.lineTo(5,hy+1);X.stroke();}
|
||||
if(a.gl){X.strokeStyle='#8aa0be';X.lineWidth=.6;X.beginPath();X.arc(-3,hy+1,3.8,0,6.28);X.stroke();X.beginPath();X.arc(3,hy+1,3.8,0,6.28);X.stroke();X.beginPath();X.moveTo(-.2,hy+1);X.lineTo(.2,hy+1);X.stroke();}
|
||||
X.fillStyle=a.sk+'cc';X.beginPath();X.arc(0,hy+4.5,.8,0,6.28);X.fill();
|
||||
X.strokeStyle='#c08080';X.lineWidth=.6;X.lineCap='round';X.beginPath();
|
||||
if(a.st==='wk'){X.arc(0,hy+6.5,1.8,.2,Math.PI-.2);}else{X.moveTo(-1.2,hy+7);X.lineTo(1.2,hy+7);}X.stroke();
|
||||
}else{X.fillStyle=a.st!=='idle'?'#22c55e':'#3b82f6';X.beginPath();X.roundRect(-4,hy,.5,3,2.5,1);X.fill();X.beginPath();X.roundRect(1,hy+.5,3,2.5,1);X.fill();}
|
||||
// Accessories
|
||||
if(a.ac==='shades'){X.fillStyle='#000b';X.beginPath();X.roundRect(-6.5,hy-.5,5.5,3.5,1.2);X.fill();X.beginPath();X.roundRect(1,hy-.5,5.5,3.5,1.2);X.fill();}
|
||||
if(a.ac==='antlers'){X.strokeStyle=a.hc;X.lineWidth=1;X.beginPath();X.moveTo(-6,hy-4);X.lineTo(-9,hy-10);X.moveTo(-8,hy-7);X.lineTo(-11,hy-11);X.stroke();X.beginPath();X.moveTo(6,hy-4);X.lineTo(9,hy-10);X.moveTo(8,hy-7);X.lineTo(11,hy-11);X.stroke();}
|
||||
if(a.ac==='beret'){X.fillStyle='#e94560';X.beginPath();X.arc(-1,hy-6,5.5,.3,Math.PI);X.fill();X.beginPath();X.arc(-1,hy-8,1.5,0,6.28);X.fill();}
|
||||
if(a.ac==='goggles'){X.fillStyle='#06b6d430';X.beginPath();X.roundRect(-6.5,hy-1,5.5,4,1.5);X.fill();X.beginPath();X.roundRect(1,hy-1,5.5,4,1.5);X.fill();}
|
||||
if(a.ac==='headset'){X.strokeStyle='#444';X.lineWidth=1.5;X.beginPath();X.arc(0,hy-1,hr+1.5,.7,Math.PI-.5);X.stroke();X.fillStyle='#333';X.beginPath();X.arc(-8,hy+2,2.5,0,6.28);X.fill();}
|
||||
if(a.ac==='helmet'){X.fillStyle='#4a6a4a';X.beginPath();X.arc(0,hy-1,hr+1.5,.3,Math.PI-.1);X.fill();}
|
||||
// Emoji + name
|
||||
X.font='7px sans-serif';X.textAlign='center';X.fillText(a.e,hr+3,hy-1);
|
||||
X.font=`${isH?'800':'600'} ${isH?7.5:6}px Nunito`;X.fillStyle=isH?'#fff':a.st!=='idle'?'#b0c0e0':'#3a4a60';X.fillText(a.n,0,sit?14:20);
|
||||
if(a.st!=='idle'){X.fillStyle='#22c55e';X.beginPath();X.arc(0,oy-20,2,0,6.28);X.fill();}
|
||||
if(a.bubt>0){const ba=Math.min(a.bubt/16,1);X.globalAlpha=ba;X.fillStyle='#fffd';const bw=Math.min(a.bub.length*3.5+10,90);X.beginPath();X.roundRect(-bw/2,oy-36,bw,13,5);X.fill();
|
||||
X.fillStyle='#fff';X.beginPath();X.moveTo(-2,oy-23);X.lineTo(2,oy-23);X.lineTo(0,oy-20);X.closePath();X.fill();
|
||||
X.font='600 5.5px Nunito';X.fillStyle='#1a1a2e';X.fillText(a.bub,0,oy-27.5);X.globalAlpha=1;}
|
||||
X.restore();
|
||||
}
|
||||
|
||||
// ═ CHAIN ═
|
||||
function dChain(){const y=SN[0].y;
|
||||
X.fillStyle='#0c0e1e';X.beginPath();X.roundRect(20,y-16,W-40,32,6);X.fill();
|
||||
X.strokeStyle='#1a2040';X.lineWidth=.8;X.beginPath();X.roundRect(20,y-16,W-40,32,6);X.stroke();
|
||||
const off=(fr*.8)%18;X.strokeStyle='#12182a';X.lineWidth=.3;
|
||||
for(let x=24-off;x<W-24;x+=18){X.beginPath();X.moveTo(x,y-15);X.lineTo(x,y+15);X.stroke();}
|
||||
SN.forEach((s,i)=>{
|
||||
X.fillStyle=s.c+'28';X.beginPath();X.arc(s.x,y,16,0,6.28);X.fill();
|
||||
X.fillStyle=s.c+'50';X.beginPath();X.arc(s.x,y,5,0,6.28);X.fill();
|
||||
X.strokeStyle=s.c;X.lineWidth=1;X.beginPath();X.arc(s.x,y,5,0,6.28);X.stroke();
|
||||
X.font='700 7px Nunito';X.textAlign='center';X.fillStyle=s.c;X.fillText(s.l,s.x,y+24);
|
||||
if(i<SN.length-1){const n=SN[i+1];X.strokeStyle='#182040';X.lineWidth=.6;X.beginPath();X.moveTo(s.x+7,y);X.lineTo(n.x-7,y);X.stroke();}
|
||||
});
|
||||
}
|
||||
|
||||
// ═ UPDATE ═
|
||||
function upd(dt){fr++;let ac=0;
|
||||
AG.forEach(a=>{a.bob+=dt*(a.st==='idle'?1.5:3.2);a.blt-=dt*60;if(a.blt<=0){a.bl=4;a.blt=80+Math.random()*180;}if(a.bl>0)a.bl-=dt*60;if(a.bubt>0)a.bubt-=dt*20;
|
||||
switch(a.st){
|
||||
case'idle':a.tmr-=dt*60;if(a.tmr<=0){a.st='wt';a.wk=0;}break;
|
||||
case'wt':a.wk+=dt*7;ac++;{const dx=a.cx-a.x,dy=a.cy-a.y,d=Math.hypot(dx,dy);if(d>2){const sp=85*dt;a.x+=dx/d*sp;a.y+=dy/d*sp;a.dir=dx>0?1:-1;}else{a.st='wk';a.wtmr=55+Math.random()*90;a.bub=a.p.substring(0,16);a.bubt=40;tasks++;}}break;
|
||||
case'wk':a.wk+=dt*2.5;ac++;a.wtmr-=dt*60;if(a.wtmr<=0)a.st='wb';break;
|
||||
case'wb':a.wk+=dt*7;ac++;{const dx=a.dx-a.x,dy=a.dy-a.y,d=Math.hypot(dx,dy);if(d>2){const sp=85*dt;a.x+=dx/d*sp;a.y+=dy/d*sp;a.dir=dx>0?1:-1;}else{a.st='idle';a.x=a.dx;a.y=a.dy;a.dir=1;a.tmr=220+Math.random()*550;}}break;
|
||||
}});document.getElementById('ac').textContent=ac;document.getElementById('tc').textContent=tasks;}
|
||||
|
||||
function hit(){hov=null;AG.forEach(a=>{if(Math.abs(mx-a.x)<9&&Math.abs(my-a.y)<16)hov=a;});
|
||||
const t=document.getElementById('tip');if(hov){t.style.display='block';t.style.left=Math.min(mx+14,W-250)+'px';t.style.top=Math.max(my-150,10)+'px';
|
||||
const rm=RM.find(r=>r.id===hov.r);t.style.borderColor=rm?rm.c:'#53d8fb';
|
||||
t.querySelector('b').textContent=hov.e+' '+hov.n;t.querySelector('i').textContent=rm?rm.l:'';t.querySelector('i').style.color=rm?rm.c:'#fff';
|
||||
t.querySelector('p').textContent=hov.d;t.querySelector('s').textContent='→ '+hov.p;
|
||||
const sm={idle:'💤 Au bureau',wt:'🚶 → Production',wk:'⚙️ En production',wb:'🔙 Retour'};
|
||||
t.querySelector('em').textContent=sm[hov.st]||'';t.querySelector('em').style.color=hov.st==='idle'?'#5a6888':'#22c55e';
|
||||
}else t.style.display='none';}
|
||||
|
||||
let lt=0;function loop(t){const dt=Math.min((t-lt)/1000,.04);lt=t;X.clearRect(0,0,W,H);X.fillStyle='#1a1a2e';X.fillRect(0,0,W,H);
|
||||
RM.forEach(r=>dR(r));AG.forEach(a=>{const rm=RM.find(r=>r.id===a.r);if(rm)dD(a.dx,a.dy,rm.c,a.st==='idle');});
|
||||
dChain();upd(dt);
|
||||
AG.filter(a=>a.st==='wt'||a.st==='wb').forEach(a=>{X.strokeStyle='#22c55e08';X.lineWidth=.6;X.setLineDash([1.5,4]);X.beginPath();X.moveTo(a.dx,a.dy);X.lineTo(a.x,a.y);X.stroke();X.setLineDash([]);});
|
||||
[...AG].sort((a,b)=>a.y-b.y).forEach(a=>dC(a));hit();requestAnimationFrame(loop);}
|
||||
|
||||
C.addEventListener('mousemove',e=>{mx=e.clientX;my=e.clientY;C.style.cursor=hov?'pointer':'default'});
|
||||
C.addEventListener('mouseleave',()=>{mx=my=-1});
|
||||
requestAnimationFrame(loop);
|
||||
</script>
|
||||
<!-- CARTO_REMOVED -->
|
||||
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN v1 19avr — append-only, doctrine #14 === -->
|
||||
<script>
|
||||
(function(){
|
||||
if (window.__opusUniversalDrill) return; window.__opusUniversalDrill = true;
|
||||
var d = document;
|
||||
var m = d.createElement('div');
|
||||
m.id = 'opus-udrill';
|
||||
m.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.82);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:99995;padding:20px;cursor:pointer';
|
||||
var inner = d.createElement('div');
|
||||
inner.id = 'opus-udrill-in';
|
||||
inner.style.cssText = 'max-width:900px;width:100%;max-height:90vh;overflow:auto;background:#0b0d15;border:1px solid rgba(99,102,241,0.35);border-radius:14px;padding:28px;cursor:default;box-shadow:0 20px 60px rgba(0,0,0,0.6);color:#e2e8f0;font:14px/1.55 Inter,system-ui,sans-serif';
|
||||
inner.addEventListener('click', function(e){ e.stopPropagation(); });
|
||||
m.appendChild(inner);
|
||||
m.addEventListener('click', function(){ m.style.display='none'; });
|
||||
d.addEventListener('keydown', function(e){ if(e.key==='Escape') m.style.display='none'; });
|
||||
(d.body || d.documentElement).appendChild(m);
|
||||
|
||||
function openCard(card) {
|
||||
// Clone card content + show close btn + increase font-size
|
||||
var html = '<div style="display:flex;justify-content:flex-end;margin-bottom:14px"><button id="opus-udrill-close" style="padding:6px 14px;background:#171b2a;border:1px solid rgba(99,102,241,0.25);color:#e2e8f0;border-radius:8px;cursor:pointer;font-size:12px">✕ Fermer (Esc)</button></div>';
|
||||
html += '<div style="transform-origin:top left;font-size:1.05em">' + card.outerHTML + '</div>';
|
||||
inner.innerHTML = html;
|
||||
d.getElementById('opus-udrill-close').onclick = function(){ m.style.display='none'; };
|
||||
m.style.display = 'flex';
|
||||
}
|
||||
|
||||
function wire(root) {
|
||||
var sels = '.card,[class*="card"],.kpi,[class*="kpi"],.stat,[class*="stat"],.tile,[class*="tile"],.metric,[class*="metric"],.widget,[class*="widget"]';
|
||||
var cards = root.querySelectorAll(sels);
|
||||
for (var i = 0; i < cards.length; i++) {
|
||||
var c = cards[i];
|
||||
if (c.__opusWired) continue;
|
||||
if (c.closest('button, a, input, select, textarea, #opus-udrill')) continue;
|
||||
var r = c.getBoundingClientRect();
|
||||
if (r.width < 60 || r.height < 40) continue;
|
||||
c.__opusWired = true;
|
||||
c.style.cursor = 'pointer';
|
||||
c.setAttribute('role','button');
|
||||
c.setAttribute('tabindex','0');
|
||||
c.addEventListener('click', function(ev){
|
||||
// If a more-specific drill is already active (e.g. pp-card custom), let it handle
|
||||
if (ev.target.closest('[data-pp-id]') && window.__opusDrillInit) return;
|
||||
if (ev.target.closest('a,button,input,select')) return;
|
||||
ev.preventDefault(); ev.stopPropagation();
|
||||
openCard(this);
|
||||
});
|
||||
c.addEventListener('keydown', function(ev){ if(ev.key==='Enter'||ev.key===' '){ev.preventDefault();openCard(this);} });
|
||||
}
|
||||
}
|
||||
|
||||
// Initial + mutation observer
|
||||
var initRun = function(){ wire(d.body || d.documentElement); };
|
||||
if (d.readyState === 'loading') d.addEventListener('DOMContentLoaded', initRun);
|
||||
else initRun();
|
||||
var mo = new MutationObserver(function(muts){
|
||||
var newCard = false;
|
||||
for (var i=0;i<muts.length;i++) if (muts[i].addedNodes.length) { newCard = true; break; }
|
||||
if (newCard) initRun();
|
||||
});
|
||||
mo.observe(d.body || d.documentElement, {childList:true, subtree:true});
|
||||
})();
|
||||
</script>
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN END === -->
|
||||
|
||||
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t33b5) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1777045903" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
436
_archive/w307/DOUBLON_agents-fleet.html
Normal file
436
_archive/w307/DOUBLON_agents-fleet.html
Normal file
@@ -0,0 +1,436 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>WEVAL Agents Fleet</title>
|
||||
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Outfit:wght@300;500;700;900&display=swap" rel="stylesheet">
|
||||
<style>@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800;900&display=swap');
|
||||
:root {
|
||||
--bg: #06080f;
|
||||
--card: #0c1020;
|
||||
--border: #1a2040;
|
||||
--text: #c8d0e0;
|
||||
--dim: #5a6580;
|
||||
--green: #22c55e;
|
||||
--red: #ef4444;
|
||||
--blue: #3b82f6;
|
||||
--purple: #a855f7;
|
||||
--amber: #f59e0b;
|
||||
--cyan: #06b6d4;
|
||||
--pink: #ec4899;
|
||||
--lime: #84cc16;
|
||||
}
|
||||
* { margin:0; padding:0; box-sizing:border-box; }
|
||||
body { background:var(--bg); color:var(--text); font-family:'Outfit',sans-serif; min-height:100vh; overflow-x:hidden; }
|
||||
|
||||
.noise { position:fixed; inset:0; opacity:.03; pointer-events:none; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
|
||||
|
||||
header {
|
||||
padding:40px 40px 20px;
|
||||
display:flex; justify-content:space-between; align-items:flex-end;
|
||||
border-bottom:1px solid var(--border);
|
||||
}
|
||||
h1 { font-size:2.8rem; font-weight:900; letter-spacing:-2px; line-height:1; }
|
||||
h1 span { background:linear-gradient(135deg,var(--cyan),var(--purple)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
|
||||
.stats { display:flex; gap:24px; }
|
||||
.stat { text-align:center; }
|
||||
.stat-num { font-family:'JetBrains Mono',monospace; font-size:2rem; font-weight:700; }
|
||||
.stat-label { font-size:.7rem; text-transform:uppercase; letter-spacing:2px; color:var(--dim); }
|
||||
|
||||
.type-filter { display:flex; gap:8px; padding:20px 40px; flex-wrap:wrap; }
|
||||
.type-btn { background:var(--card); border:1px solid var(--border); color:var(--dim); padding:6px 16px; border-radius:20px; cursor:pointer; font-size:.8rem; font-family:'Outfit',sans-serif; transition:.2s; }
|
||||
.type-btn:hover, .type-btn.active { border-color:var(--cyan); color:var(--cyan); background:#0a1530; }
|
||||
|
||||
.grid {
|
||||
display:grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
|
||||
gap:16px;
|
||||
padding:20px 40px 60px;
|
||||
}
|
||||
|
||||
.agent-card {
|
||||
background:var(--card);
|
||||
border:1px solid var(--border);
|
||||
border-radius:16px;
|
||||
padding:20px;
|
||||
position:relative;
|
||||
overflow:hidden;
|
||||
transition: transform .25s, border-color .3s, box-shadow .3s;
|
||||
cursor:default;
|
||||
animation: fadeUp .5s ease both;
|
||||
}
|
||||
.agent-card:hover {
|
||||
transform:translateY(-4px);
|
||||
border-color:var(--cyan);
|
||||
box-shadow:0 8px 32px rgba(6,182,212,.12);
|
||||
}
|
||||
@keyframes fadeUp {
|
||||
from { opacity:0; transform:translateY(20px); }
|
||||
to { opacity:1; transform:translateY(0); }
|
||||
}
|
||||
|
||||
.agent-avatar {
|
||||
width:56px; height:56px;
|
||||
border-radius:14px;
|
||||
display:flex; align-items:center; justify-content:center;
|
||||
font-size:1.6rem;
|
||||
margin-bottom:12px;
|
||||
position:relative;
|
||||
}
|
||||
.agent-avatar::after {
|
||||
content:'';
|
||||
position:absolute;
|
||||
bottom:-2px; right:-2px;
|
||||
width:14px; height:14px;
|
||||
border-radius:50%;
|
||||
border:2px solid var(--card);
|
||||
}
|
||||
.agent-card[data-status="active"] .agent-avatar::after { background:var(--green); }
|
||||
.agent-card[data-status="down"] .agent-avatar::after { background:var(--red); }
|
||||
.agent-card[data-status="offline"] .agent-avatar::after { background:var(--amber); }
|
||||
|
||||
.agent-name { font-weight:700; font-size:1rem; margin-bottom:4px; color:#fff; }
|
||||
.agent-type {
|
||||
display:inline-block;
|
||||
font-size:.65rem;
|
||||
text-transform:uppercase;
|
||||
letter-spacing:1.5px;
|
||||
padding:2px 8px;
|
||||
border-radius:6px;
|
||||
margin-bottom:8px;
|
||||
font-weight:500;
|
||||
}
|
||||
.agent-desc { font-size:.82rem; color:var(--dim); line-height:1.4; margin-bottom:10px; min-height:40px; }
|
||||
.agent-produces { font-family:'JetBrains Mono',monospace; font-size:.7rem; color:var(--cyan); opacity:.7; }
|
||||
|
||||
.type-cognitive .agent-avatar { background:linear-gradient(135deg,#1e3a5f,#0d1b2a); }
|
||||
.type-cognitive .agent-type { background:#1e3a5f33; color:var(--blue); }
|
||||
.type-autonomous .agent-avatar { background:linear-gradient(135deg,#4a1942,#1a0a18); }
|
||||
.type-autonomous .agent-type { background:#4a194233; color:var(--purple); }
|
||||
.type-mode .agent-avatar { background:linear-gradient(135deg,#1a3a1a,#0a180a); }
|
||||
.type-mode .agent-type { background:#1a3a1a33; color:var(--lime); }
|
||||
.type-backend .agent-avatar { background:linear-gradient(135deg,#3a2a1a,#1a1508); }
|
||||
.type-backend .agent-type { background:#3a2a1a33; color:var(--amber); }
|
||||
.type-research .agent-avatar { background:linear-gradient(135deg,#1a2a3a,#081520); }
|
||||
.type-research .agent-type { background:#1a2a3a33; color:var(--cyan); }
|
||||
.type-creative .agent-avatar { background:linear-gradient(135deg,#3a1a2a,#200a18); }
|
||||
.type-creative .agent-type { background:#3a1a2a33; color:var(--pink); }
|
||||
.type-monitor .agent-avatar, .type-security .agent-avatar { background:linear-gradient(135deg,#2a2a1a,#18180a); }
|
||||
.type-monitor .agent-type, .type-security .agent-type { background:#2a2a1a33; color:var(--amber); }
|
||||
.type-desktop .agent-avatar { background:linear-gradient(135deg,#1a2a2a,#0a1818); }
|
||||
.type-desktop .agent-type { background:#1a2a2a33; color:var(--cyan); }
|
||||
.type-scraper .agent-avatar { background:linear-gradient(135deg,#2a1a2a,#180a18); }
|
||||
.type-scraper .agent-type { background:#2a1a2a33; color:var(--pink); }
|
||||
|
||||
.pulse { animation:pulse 2s ease-in-out infinite; }
|
||||
@keyframes pulse { 0%,100%{opacity:.7} 50%{opacity:1} }
|
||||
|
||||
footer { text-align:center; padding:20px; color:var(--dim); font-size:.75rem; border-top:1px solid var(--border); }
|
||||
footer a { color:var(--cyan); text-decoration:none; }
|
||||
|
||||
.loading { text-align:center; padding:80px; color:var(--dim); font-size:1.2rem; }
|
||||
</style>
|
||||
<link rel="stylesheet" href="/css/weval-premium.css">
|
||||
<script src="/js/wevia-a11y-auto.js" defer></script>
|
||||
</head><!--archi-->
|
||||
<body style="padding-top:60px">
|
||||
<!-- BETON-DOCTRINE-101 dual-dummy block (pages pub) -->
|
||||
<div id="weval-global-logout" style="display:none!important;visibility:hidden!important" aria-hidden="true" data-beton-101="dummy-to-block-auto-injection"></div>
|
||||
<a id="weval-gl" href="#" style="display:none!important;visibility:hidden!important" aria-hidden="true" data-beton-101="dummy-to-block-auto-injection" tabindex="-1"></a>
|
||||
|
||||
<!-- CANONICAL BANNER doctrine 103 -->
|
||||
<div id="canonical-banner-v103" style="position:fixed;top:0;left:0;right:0;z-index:99990;background:linear-gradient(90deg,#1e293b,#0f172a);border-bottom:1px solid rgba(99,102,241,0.3);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;font-family:Inter,system-ui,sans-serif;font-size:12px;backdrop-filter:blur(8px)">
|
||||
<span style="color:#94a3b8">Variante agents-* <span id="canonical-this-page" style="color:#64748b">(cette page)</span></span>
|
||||
<a href="/agents-archi.html" style="color:#a5b4fc;text-decoration:none;padding:4px 12px;background:rgba(99,102,241,0.15);border-radius:6px;border:1px solid rgba(99,102,241,0.25)">Voir canonical : agents-archi</a>
|
||||
<button type="button" aria-label="Fermer banner" onclick="this.parentElement.style.display='none'" style="background:transparent;border:none;color:#64748b;font-size:16px;cursor:pointer;padding:0 8px">×</button>
|
||||
</div>
|
||||
<style>#canonical-banner-v103+*{margin-top:36px!important}</style>
|
||||
<script>
|
||||
(function(){
|
||||
var el = document.getElementById('canonical-this-page');
|
||||
if(el) el.textContent = '(' + location.pathname.split('/').pop() + ')';
|
||||
})();
|
||||
</script>
|
||||
<!-- END CANONICAL BANNER -->
|
||||
<div style="position:fixed;top:0;left:0;right:0;height:28px;background:#ffffffee;z-index:100;display:flex;align-items:center;padding:0 14px;font-family:Nunito,sans-serif;font-size:.65rem;gap:12px;border-bottom:1px solid #e2e8f0;backdrop-filter:blur(8px)"><b style="color:#059669">WEVIA</b></div>
|
||||
<div style="position:fixed;top:30px;left:0;right:0;display:flex;justify-content:center;gap:5px;padding:4px;z-index:100;background:#f8fafcee;backdrop-filter:blur(8px);font-family:Nunito,sans-serif">
|
||||
<a href="/agents-archi.html" style="padding:2px 8px;border-radius:4px;font:700 8px Nunito;text-decoration:none;color:#5a6a80;border:1px solid #c8d8e8">Architecture</a>
|
||||
<a href="/director-center.html" style="padding:2px 8px;border-radius:4px;font:700 8px Nunito;text-decoration:none;color:#5a6a80;border:1px solid #c8d8e8">Director</a>
|
||||
<a href="/wevia-meeting-rooms.html" style="padding:2px 8px;border-radius:4px;font:700 8px Nunito;text-decoration:none;color:#5a6a80;border:1px solid #c8d8e8">Rooms</a>
|
||||
<a href="/enterprise-model.html" style="padding:2px 8px;border-radius:4px;font:700 8px Nunito;text-decoration:none;color:#5a6a80;border:1px solid #c8d8e8">Enterprise</a>
|
||||
<a href="/value-stream.html" style="padding:2px 8px;border-radius:4px;font:700 8px Nunito;text-decoration:none;color:#5a6a80;border:1px solid #c8d8e8">VSM</a>
|
||||
<a href="/value-chain.html" style="padding:2px 8px;border-radius:4px;font:700 8px Nunito;text-decoration:none;color:#5a6a80;border:1px solid #c8d8e8">Chain</a>
|
||||
<a href="/toolhub.html" style="padding:2px 8px;border-radius:4px;font:700 8px Nunito;text-decoration:none;color:#5a6a80;border:1px solid #c8d8e8">Tools</a>
|
||||
<a href="/wiki.html" style="padding:2px 8px;border-radius:4px;font:700 8px Nunito;text-decoration:none;color:#5a6a80;border:1px solid #c8d8e8">Wiki</a>
|
||||
<a href="/agents-ia.html" style="padding:2px 8px;border-radius:4px;font:700 8px Nunito;text-decoration:none;color:#5a6a80;border:1px solid #c8d8e8">Pyramid</a>
|
||||
<a href="/director-chat.html" style="padding:2px 8px;border-radius:4px;font:700 8px Nunito;text-decoration:none;color:#5a6a80;border:1px solid #c8d8e8">Chat</a>
|
||||
<a href="/l99-brain.html" style="padding:2px 8px;border-radius:4px;font:700 8px Nunito;text-decoration:none;color:#5a6a80;border:1px solid #c8d8e8">L99</a>
|
||||
</div><div id="live-stats" ondblclick="this.remove()" style="position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;justify-content:center;gap:12px;padding:4px 8px;background:linear-gradient(135deg,#1e293b,#0f172a);font-family:sans-serif"><div style="color:#4ade80;font:700 10px sans-serif"><body>#9889; <span id="ls-ag">669</span> Agents</div><div style="color:#60a5fa;font:700 10px sans-serif"><body>#127970; <span id="ls-dp">22</span> Depts</div><div style="color:#fbbf24;font:700 10px sans-serif"><body>#128051; 20 Docker</div><div style="color:#a78bfa;font:700 10px sans-serif"><body>#129302; 10 Ollama</div><div style="color:#f87171;font:700 10px sans-serif"><body>#128200; <span id="ls-nr">153/153</span></div><div style="color:#34d399;font:700 10px sans-serif"><body>#128274; SSO OK</div><div style="width:6px;height:6px;border-radius:50%;background:#4ade80;animation:lp 2s infinite;align-self:center"></div></div><style>@keyframes lp{0%,100%{opacity:1}50%{opacity:.3}}
|
||||
/* === WEVIA Gemini Rolling v2 VISIBLE Enrichment (wave 306 batch) === */
|
||||
.kpi,[class*="card"],[class*="panel"],[class*="room"],.stat-card,.metric-card,.hub-card,.widget,.stat,.box{position:relative!important}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card{animation:geV2Entrance .8s cubic-bezier(.34,1.56,.64,1) backwards}
|
||||
.kpi:nth-child(1),[class*="card"]:nth-child(1){animation-delay:0s}
|
||||
.kpi:nth-child(2),[class*="card"]:nth-child(2){animation-delay:.09s}
|
||||
.kpi:nth-child(3),[class*="card"]:nth-child(3){animation-delay:.18s}
|
||||
.kpi:nth-child(4),[class*="card"]:nth-child(4){animation-delay:.27s}
|
||||
.kpi:nth-child(5),[class*="card"]:nth-child(5){animation-delay:.36s}
|
||||
.kpi:nth-child(6),[class*="card"]:nth-child(6){animation-delay:.45s}
|
||||
@keyframes geV2Entrance{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card,.widget{border:1px solid transparent!important;box-shadow:0 0 0 1px rgba(236,72,153,.15),0 4px 16px rgba(0,0,0,.25)!important;transition:box-shadow .4s,transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s!important}
|
||||
.kpi:hover,[class*="card"]:hover,.stat-card:hover,.metric-card:hover,.hub-card:hover{transform:translateY(-6px) scale(1.03)!important;filter:brightness(1.2)!important;box-shadow:0 0 0 2px rgba(236,72,153,.6),0 12px 32px rgba(236,72,153,.25),0 0 24px rgba(78,205,196,.2)!important}
|
||||
.kpi::before,[class*="card"]::before,.stat-card::before,.metric-card::before,.hub-card::before{content:"";position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#2ed573,#1a9a4e);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5);animation:geV2Pulse 1.6s ease-out infinite;z-index:100;pointer-events:none}
|
||||
@keyframes geV2Pulse{0%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}50%{transform:scale(1.4);box-shadow:0 0 20px #2ed573,0 0 40px rgba(46,213,115,.8)}100%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}}
|
||||
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 30%,transparent 40%,rgba(236,72,153,.06) 100%),radial-gradient(ellipse at 30% 70%,transparent 40%,rgba(78,205,196,.04) 100%);animation:geV2Ambient 10s ease-in-out infinite;z-index:0}
|
||||
@keyframes geV2Ambient{0%,100%{opacity:.5}50%{opacity:1}}
|
||||
h1,.header-title,.main-title,.hub-title,.page-title{background-image:linear-gradient(90deg,currentColor 0%,currentColor 40%,rgba(236,72,153,1) 50%,currentColor 60%,currentColor 100%)!important;background-size:200% auto!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:geV2Shimmer 5s linear infinite!important}
|
||||
@keyframes geV2Shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
|
||||
/* Doctrine zero chevauchement - hide common offenders */
|
||||
.opus-x-btn,.toggle-top-right-btn,.fab-corner{display:none!important}
|
||||
/* === end WEVIA Gemini Rolling v2 batch === */
|
||||
</style>
|
||||
<div class="noise"></div>
|
||||
|
||||
<header>
|
||||
<div>
|
||||
<h1><span>WEVAL</span> Agents Fleet</h1>
|
||||
<p style="color:var(--dim);margin-top:6px;font-size:.9rem">Intelligence souveraine — 0 dépendance cloud US</p>
|
||||
</div>
|
||||
<div class="stats">
|
||||
<div class="stat"><div class="stat-num" id="s-total">—</div><div class="stat-label">Agents</div></div>
|
||||
<div class="stat"><div class="stat-num" style="color:var(--green)" id="s-active">—</div><div class="stat-label">Actifs</div></div>
|
||||
<div class="stat"><div class="stat-num" style="color:var(--purple)" id="s-types">—</div><div class="stat-label">Types</div></div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="type-filter" id="filters"></div>
|
||||
<div class="grid" id="grid"><div class="loading pulse">Chargement des agents...</div></div>
|
||||
|
||||
<footer>
|
||||
WEVAL Consulting — <a href="/">weval-consulting.com</a> — Casablanca | Paris | NYC — Powered by WEVIA Sovereign AI
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
const AVATARS = {
|
||||
'analyst':'🔍','architect':'🏗️','code-reviewer':'👁️','code-simplifier':'✂️',
|
||||
'critic':'⚖️','debugger':'🐛','designer':'🎨','document-specialist':'📝',
|
||||
'executor':'⚡','explore':'🧭','git-master':'🌿','planner':'📋',
|
||||
'qa-tester':'🧪','scientist':'🔬','security-reviewer':'🛡️','test-engineer':'🧰',
|
||||
'tracer':'🔦','verifier':'✅','writer':'✍️',
|
||||
'CEO':'👔','WEDROID':'🤖','DeerFlow':'🦌','MiroFish':'🐟',
|
||||
'/sc:brainstorming':'💡','/sc:business_panel':'📊','/sc:deep_research':'🔬',
|
||||
'/sc:introspection':'🧠','/sc:orchestration':'🎯','/sc:task_management':'📋',
|
||||
'/sc:token_efficiency':'⚡',
|
||||
'Watchdog':'🐕','Guardian':'🛡️','Blade Sentinel':'💻','Ethica Scraper':'💊'
|
||||
};
|
||||
|
||||
const PRODUCES = {
|
||||
'analyst':'→ Analyse requirements, specs',
|
||||
'architect':'→ Architecture, diagrammes, decisions',
|
||||
'code-reviewer':'→ Code reviews, severity ratings',
|
||||
'code-simplifier':'→ Code refactoré, simplifié',
|
||||
'critic':'→ Plans validés, risques identifiés',
|
||||
'debugger':'→ Bugs tracés, root cause, fix',
|
||||
'designer':'→ UI/UX, mockups, wireframes',
|
||||
'document-specialist':'→ Docs techniques, README',
|
||||
'executor':'→ Scripts exécutés, déploiements',
|
||||
'explore':'→ Exploration, R&D, prototypes',
|
||||
'git-master':'→ Branches, merges, releases',
|
||||
'planner':'→ Roadmaps, sprints, milestones',
|
||||
'qa-tester':'→ Tests E2E, couverture, rapports',
|
||||
'scientist':'→ Recherche, benchmarks, données',
|
||||
'security-reviewer':'→ Audits OWASP, vulnérabilités',
|
||||
'test-engineer':'→ Suites de tests, CI/CD',
|
||||
'tracer':'→ Logs tracés, chaîne de debug',
|
||||
'verifier':'→ Validation, conformité, checks',
|
||||
'writer':'→ Articles, content, copywriting',
|
||||
'CEO':'→ Stratégie, décisions, hiring (autonome)',
|
||||
'WEDROID':'→ Diagnostic serveur, DB, fix auto',
|
||||
'DeerFlow':'→ Recherche deep, synthèse multi-source',
|
||||
'MiroFish':'→ Contenu créatif, brainstorm',
|
||||
'/sc:brainstorming':'→ Idées générées, évaluation',
|
||||
'/sc:business_panel':'→ Analyses business, KPIs',
|
||||
'/sc:deep_research':'→ Recherche approfondie',
|
||||
'/sc:introspection':'→ Méta-analyse, réflexion',
|
||||
'/sc:orchestration':'→ Coordination multi-agent',
|
||||
'/sc:task_management':'→ Tasks, deadlines, suivi',
|
||||
'/sc:token_efficiency':'→ Réponses ultra-concises',
|
||||
'Watchdog':'→ Auto-restart services, alertes TG',
|
||||
'Guardian':'→ Protection fichiers, chattr +i',
|
||||
'Blade Sentinel':'→ Tâches desktop, PowerShell',
|
||||
'Ethica Scraper':'→ 131K+ HCPs enrichis MA/TN/DZ'
|
||||
};
|
||||
|
||||
let allAgents = [];
|
||||
let activeFilter = 'all';
|
||||
|
||||
async function load() {
|
||||
try {
|
||||
const r = await fetch('/api/agents-status.php');
|
||||
/* HTML_GUARD_V2_BATCH */ const _t_d=await r.text(); let d=null; {var _q=(_t_d||"").trim();if(_q.startsWith("<!DOCTYPE")||_q.startsWith("<html")){d={error:"[HTTP "+(r.status||"?")+"] Backend indisponible",isHtmlError:true};}else{try{d=JSON.parse(_q)}catch(e){d={error:"[JSON] "+e.message}}}}
|
||||
allAgents = d.agents || [];
|
||||
document.getElementById('s-total').textContent = d.total;
|
||||
document.getElementById('s-active').textContent = d.active;
|
||||
const types = [...new Set(allAgents.map(a=>a.type))];
|
||||
document.getElementById('s-types').textContent = types.length;
|
||||
|
||||
// Build filters
|
||||
const fhtml = [`<button class="type-btn active" onclick="filter('all')">Tous (${d.total})</button>`];
|
||||
const typeCounts = {};
|
||||
allAgents.forEach(a => { typeCounts[a.type] = (typeCounts[a.type]||0)+1; });
|
||||
Object.entries(typeCounts).sort((a,b)=>b[1]-a[1]).forEach(([t,c]) => {
|
||||
fhtml.push(`<button class="type-btn" onclick="filter('${t}')">${t} (${c})</button>`);
|
||||
});
|
||||
document.getElementById('filters').innerHTML = fhtml.join('');
|
||||
|
||||
render(allAgents);
|
||||
} catch(e) {
|
||||
document.getElementById('grid').innerHTML = '<div class="loading">Erreur chargement</div>';
|
||||
}
|
||||
}
|
||||
|
||||
function filter(type) {
|
||||
activeFilter = type;
|
||||
document.querySelectorAll('.type-btn').forEach(b => b.classList.remove('active'));
|
||||
event.target.classList.add('active');
|
||||
const filtered = type === 'all' ? allAgents : allAgents.filter(a => a.type === type);
|
||||
render(filtered);
|
||||
}
|
||||
|
||||
function render(agents) {
|
||||
const grid = document.getElementById('grid');
|
||||
grid.innerHTML = agents.map((a, i) => `
|
||||
<div class="agent-card type-${a.type}" data-status="${a.status}" style="animation-delay:${i*40}ms">
|
||||
<div class="agent-avatar">${AVATARS[a.name] || '🤖'}</div>
|
||||
<div class="agent-name">${a.name}</div>
|
||||
<div class="agent-type">${a.type}${a.source ? ' · '+a.source : ''}</div>
|
||||
<div class="agent-desc">${a.desc || ''}</div>
|
||||
<div class="agent-produces">${PRODUCES[a.name] || '→ Processing...'}</div>
|
||||
</div>
|
||||
`).join('');
|
||||
}
|
||||
|
||||
load();
|
||||
setInterval(load, 30000);
|
||||
</script>
|
||||
<!-- CARTO_REMOVED -->
|
||||
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN v1 19avr — append-only, doctrine #14 === -->
|
||||
<script>
|
||||
(function(){
|
||||
if (window.__opusUniversalDrill) return; window.__opusUniversalDrill = true;
|
||||
var d = document;
|
||||
var m = d.createElement('div');
|
||||
m.id = 'opus-udrill';
|
||||
m.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.82);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:99995;padding:20px;cursor:pointer';
|
||||
var inner = d.createElement('div');
|
||||
inner.id = 'opus-udrill-in';
|
||||
inner.style.cssText = 'max-width:900px;width:100%;max-height:90vh;overflow:auto;background:#0b0d15;border:1px solid rgba(99,102,241,0.35);border-radius:14px;padding:28px;cursor:default;box-shadow:0 20px 60px rgba(0,0,0,0.6);color:#e2e8f0;font:14px/1.55 Inter,system-ui,sans-serif';
|
||||
inner.addEventListener('click', function(e){ e.stopPropagation(); });
|
||||
m.appendChild(inner);
|
||||
m.addEventListener('click', function(){ m.style.display='none'; });
|
||||
d.addEventListener('keydown', function(e){ if(e.key==='Escape') m.style.display='none'; });
|
||||
(d.body || d.documentElement).appendChild(m);
|
||||
|
||||
function openCard(card) {
|
||||
// Clone card content + show close btn + increase font-size
|
||||
var html = '<div style="display:flex;justify-content:flex-end;margin-bottom:14px"><button id="opus-udrill-close" style="padding:6px 14px;background:#171b2a;border:1px solid rgba(99,102,241,0.25);color:#e2e8f0;border-radius:8px;cursor:pointer;font-size:12px">✕ Fermer (Esc)</button></div>';
|
||||
html += '<div style="transform-origin:top left;font-size:1.05em">' + card.outerHTML + '</div>';
|
||||
inner.innerHTML = html;
|
||||
d.getElementById('opus-udrill-close').onclick = function(){ m.style.display='none'; };
|
||||
m.style.display = 'flex';
|
||||
}
|
||||
|
||||
function wire(root) {
|
||||
var sels = '.card,[class*="card"],.kpi,[class*="kpi"],.stat,[class*="stat"],.tile,[class*="tile"],.metric,[class*="metric"],.widget,[class*="widget"]';
|
||||
var cards = root.querySelectorAll(sels);
|
||||
for (var i = 0; i < cards.length; i++) {
|
||||
var c = cards[i];
|
||||
if (c.__opusWired) continue;
|
||||
if (c.closest('button, a, input, select, textarea, #opus-udrill')) continue;
|
||||
var r = c.getBoundingClientRect();
|
||||
if (r.width < 60 || r.height < 40) continue;
|
||||
c.__opusWired = true;
|
||||
c.style.cursor = 'pointer';
|
||||
c.setAttribute('role','button');
|
||||
c.setAttribute('tabindex','0');
|
||||
c.addEventListener('click', function(ev){
|
||||
// If a more-specific drill is already active (e.g. pp-card custom), let it handle
|
||||
if (ev.target.closest('[data-pp-id]') && window.__opusDrillInit) return;
|
||||
if (ev.target.closest('a,button,input,select')) return;
|
||||
ev.preventDefault(); ev.stopPropagation();
|
||||
openCard(this);
|
||||
});
|
||||
c.addEventListener('keydown', function(ev){ if(ev.key==='Enter'||ev.key===' '){ev.preventDefault();openCard(this);} });
|
||||
}
|
||||
}
|
||||
|
||||
// Initial + mutation observer
|
||||
var initRun = function(){ wire(d.body || d.documentElement); };
|
||||
if (d.readyState === 'loading') d.addEventListener('DOMContentLoaded', initRun);
|
||||
else initRun();
|
||||
var mo = new MutationObserver(function(muts){
|
||||
var newCard = false;
|
||||
for (var i=0;i<muts.length;i++) if (muts[i].addedNodes.length) { newCard = true; break; }
|
||||
if (newCard) initRun();
|
||||
});
|
||||
mo.observe(d.body || d.documentElement, {childList:true, subtree:true});
|
||||
})();
|
||||
</script>
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN END === -->
|
||||
|
||||
|
||||
<!-- === OPUS HONEST NR/L99 OVERLAY v1 19avr - append-only doctrine #14 === -->
|
||||
<script>
|
||||
(function(){
|
||||
if (window.__opusHonestOverlay) return; window.__opusHonestOverlay = true;
|
||||
async function updateHonestValues(){
|
||||
try {
|
||||
const r = await fetch('/api/l99-honest.php', {cache:'no-store'});
|
||||
const d = await r.json();
|
||||
if (!d.ok) return;
|
||||
const realNR = `${d.combined.pass}/${d.combined.total}`;
|
||||
const realSigma = d.sigma;
|
||||
// Find elements showing the myth values
|
||||
const mythRegex = /(153\/153|304\/304|NR status 153\/153|L99 status 304\/304|NR 153\/153|L99 304\/304)/g;
|
||||
// Walk text nodes
|
||||
const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, null);
|
||||
const toReplace = [];
|
||||
let node;
|
||||
while (node = walker.nextNode()) {
|
||||
if (node.nodeValue && mythRegex.test(node.nodeValue)) toReplace.push(node);
|
||||
}
|
||||
toReplace.forEach(textNode => {
|
||||
const parent = textNode.parentNode;
|
||||
if (!parent || parent.hasAttribute('data-opus-honest-applied')) return;
|
||||
const newText = textNode.nodeValue.replace(/153\/153/g, realNR).replace(/304\/304/g, realNR);
|
||||
textNode.nodeValue = newText;
|
||||
parent.setAttribute('data-opus-honest-applied', '1');
|
||||
});
|
||||
// Add a small badge bottom-right showing honest live status
|
||||
if (!document.getElementById('opus-honest-badge')) {
|
||||
const b = document.createElement('div');
|
||||
b.id = 'opus-honest-badge';
|
||||
b.style.cssText = 'position:fixed;bottom:12px;right:12px;background:linear-gradient(90deg,#14b8a6,#a855f7);color:#05060a;padding:6px 12px;font:10px/1.3 Inter,system-ui,sans-serif;font-weight:700;border-radius:8px;z-index:99993;box-shadow:0 4px 12px rgba(0,0,0,0.3);cursor:pointer;max-width:280px';
|
||||
b.title = 'Cliquer pour détails';
|
||||
b.innerHTML = `✓ NR ${realNR} · ${realSigma} live`;
|
||||
b.onclick = () => {
|
||||
alert(`HONEST NonReg (doctrine #4):\n\nmaster: ${d.master.pass}/${d.master.total}\nopus: ${d.opus.pass}/${d.opus.total}\ncombined: ${realNR}\nsigma: ${realSigma}\n\n${d.myth_153}\n${d.myth_304}`);
|
||||
};
|
||||
document.body.appendChild(b);
|
||||
}
|
||||
} catch(e){console.error('L99-honest fetch error:', e);}
|
||||
}
|
||||
if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', updateHonestValues);
|
||||
else updateHonestValues();
|
||||
setInterval(updateHonestValues, 90000);
|
||||
})();
|
||||
</script>
|
||||
<!-- === OPUS HONEST END === -->
|
||||
|
||||
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t34final) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1777045903" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
934
_archive/w307/DOUBLON_agents-goodjob.html
Normal file
934
_archive/w307/DOUBLON_agents-goodjob.html
Normal file
@@ -0,0 +1,934 @@
|
||||
<!DOCTYPE html>
|
||||
<html><head><meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>WEVAL Enterprise</title>
|
||||
<style>@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@600;800;900&display=swap');*{margin:0;padding:0;box-sizing:border-box}body{background:#e4ecf6;background-image:radial-gradient(#c8d8e8 1px,transparent 1px);background-size:20px 20px;overflow-y:auto;font-family:'Nunito'}canvas{display:block}
|
||||
#T{position:fixed;pointer-events:none;display:none;z-index:99;background:#fff;border:3px solid;border-radius:12px;padding:10px 14px;color:#2a2a4a;box-shadow:0 4px 16px #0002;max-width:210px;font-size:.78rem}#T b{display:block;font-size:.9rem}#T i{font-style:normal;font-size:.56rem;text-transform:uppercase;letter-spacing:2px;display:block;margin:2px 0 4px}#T .p{color:#e94560;font-weight:700;font-size:.68rem;margin-top:3px}#T .s{font-size:.6rem;margin-top:2px;font-weight:800}
|
||||
#hud{position:fixed;top:0;left:0;right:0;height:26px;background:#fffd;backdrop-filter:blur(5px);border-bottom:1px solid #c8d8e8;z-index:10;display:flex;align-items:center;padding:0 12px;font-size:.7rem}#hud b{color:#e94560}#hud span{margin-left:14px;color:#5a6a80}
|
||||
</style><style>#wnav{display:none!important}</style> <script src="/js/wevia-a11y-auto.js" defer></script>
|
||||
</head><body>
|
||||
<!-- BETON-DOCTRINE-101 dual-dummy block (pages pub) -->
|
||||
<div id="weval-global-logout" style="display:none!important;visibility:hidden!important" aria-hidden="true" data-beton-101="dummy-to-block-auto-injection"></div>
|
||||
<a id="weval-gl" href="#" style="display:none!important;visibility:hidden!important" aria-hidden="true" data-beton-101="dummy-to-block-auto-injection" tabindex="-1"></a>
|
||||
|
||||
<!-- CANONICAL BANNER doctrine 103 -->
|
||||
<div id="canonical-banner-v103" style="position:fixed;top:0;left:0;right:0;z-index:99990;background:linear-gradient(90deg,#1e293b,#0f172a);border-bottom:1px solid rgba(99,102,241,0.3);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;font-family:Inter,system-ui,sans-serif;font-size:12px;backdrop-filter:blur(8px)">
|
||||
<span style="color:#94a3b8">Variante agents-* <span id="canonical-this-page" style="color:#64748b">(cette page)</span></span>
|
||||
<a href="/agents-archi.html" style="color:#a5b4fc;text-decoration:none;padding:4px 12px;background:rgba(99,102,241,0.15);border-radius:6px;border:1px solid rgba(99,102,241,0.25)">Voir canonical : agents-archi</a>
|
||||
<button type="button" aria-label="Fermer banner" onclick="this.parentElement.style.display='none'" style="background:transparent;border:none;color:#64748b;font-size:16px;cursor:pointer;padding:0 8px">×</button>
|
||||
</div>
|
||||
<style>#canonical-banner-v103+*{margin-top:36px!important}
|
||||
/* === WEVIA Gemini Rolling v2 VISIBLE Enrichment (wave 306 batch) === */
|
||||
.kpi,[class*="card"],[class*="panel"],[class*="room"],.stat-card,.metric-card,.hub-card,.widget,.stat,.box{position:relative!important}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card{animation:geV2Entrance .8s cubic-bezier(.34,1.56,.64,1) backwards}
|
||||
.kpi:nth-child(1),[class*="card"]:nth-child(1){animation-delay:0s}
|
||||
.kpi:nth-child(2),[class*="card"]:nth-child(2){animation-delay:.09s}
|
||||
.kpi:nth-child(3),[class*="card"]:nth-child(3){animation-delay:.18s}
|
||||
.kpi:nth-child(4),[class*="card"]:nth-child(4){animation-delay:.27s}
|
||||
.kpi:nth-child(5),[class*="card"]:nth-child(5){animation-delay:.36s}
|
||||
.kpi:nth-child(6),[class*="card"]:nth-child(6){animation-delay:.45s}
|
||||
@keyframes geV2Entrance{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card,.widget{border:1px solid transparent!important;box-shadow:0 0 0 1px rgba(236,72,153,.15),0 4px 16px rgba(0,0,0,.25)!important;transition:box-shadow .4s,transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s!important}
|
||||
.kpi:hover,[class*="card"]:hover,.stat-card:hover,.metric-card:hover,.hub-card:hover{transform:translateY(-6px) scale(1.03)!important;filter:brightness(1.2)!important;box-shadow:0 0 0 2px rgba(236,72,153,.6),0 12px 32px rgba(236,72,153,.25),0 0 24px rgba(78,205,196,.2)!important}
|
||||
.kpi::before,[class*="card"]::before,.stat-card::before,.metric-card::before,.hub-card::before{content:"";position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#2ed573,#1a9a4e);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5);animation:geV2Pulse 1.6s ease-out infinite;z-index:100;pointer-events:none}
|
||||
@keyframes geV2Pulse{0%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}50%{transform:scale(1.4);box-shadow:0 0 20px #2ed573,0 0 40px rgba(46,213,115,.8)}100%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}}
|
||||
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 30%,transparent 40%,rgba(236,72,153,.06) 100%),radial-gradient(ellipse at 30% 70%,transparent 40%,rgba(78,205,196,.04) 100%);animation:geV2Ambient 10s ease-in-out infinite;z-index:0}
|
||||
@keyframes geV2Ambient{0%,100%{opacity:.5}50%{opacity:1}}
|
||||
h1,.header-title,.main-title,.hub-title,.page-title{background-image:linear-gradient(90deg,currentColor 0%,currentColor 40%,rgba(236,72,153,1) 50%,currentColor 60%,currentColor 100%)!important;background-size:200% auto!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:geV2Shimmer 5s linear infinite!important}
|
||||
@keyframes geV2Shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
|
||||
/* Doctrine zero chevauchement - hide common offenders */
|
||||
.opus-x-btn,.toggle-top-right-btn,.fab-corner{display:none!important}
|
||||
/* === end WEVIA Gemini Rolling v2 batch === */
|
||||
</style>
|
||||
<script>
|
||||
(function(){
|
||||
var el = document.getElementById('canonical-this-page');
|
||||
if(el) el.textContent = '(' + location.pathname.split('/').pop() + ')';
|
||||
})();
|
||||
</script>
|
||||
<!-- END CANONICAL BANNER -->
|
||||
<div id="wnav" style="display:none"><a href="/l99-saas.html" style="padding:2px 8px;border-radius:4px;font-size:9px;font-weight:600;text-decoration:none;background:#1a2744;color:#8892a4">L99</a><a href="/admin-saas.html" style="padding:2px 8px;border-radius:4px;font-size:9px;font-weight:600;text-decoration:none;background:#1a2744;color:#8892a4">Admin</a><a href="/realtime-monitor.html" style="padding:2px 8px;border-radius:4px;font-size:9px;font-weight:600;text-decoration:none;background:#1a2744;color:#8892a4">Monitor</a><a href="/agents-goodjob.html" style="padding:2px 8px;border-radius:4px;font-size:9px;font-weight:600;text-decoration:none;background:#1a2744;color:#8892a4">Enterprise</a><a href="/sovereign-claude.html" style="padding:2px 8px;border-radius:4px;font-size:9px;font-weight:600;text-decoration:none;background:#1a2744;color:#8892a4">Sovereign</a><a href="/cyber-monitor.html" style="padding:2px 8px;border-radius:4px;font-size:9px;font-weight:600;text-decoration:none;background:#1a2744;color:#8892a4">Cyber</a></div>
|
||||
<div id="hud"><b>WEVAL Enterprise</b><span id="st"></span><span style="margin-left:auto;font-size:.6rem;color:#64748b" id="hud-time"></span></div>
|
||||
<canvas id="c"></canvas>
|
||||
<div id="T"><b></b><i></i><span class="d"></span><span class="p"></span><span class="s"></span></div>
|
||||
<script>
|
||||
const C=document.getElementById('c'),X=C.getContext('2d'),TT=document.getElementById('T');
|
||||
let W,H,mx=-1,my=-1,hov=null,fr=0,tc=0;
|
||||
const DP=[
|
||||
{id:'ceo',l:'👑 CEO',cl:'#e94560',fl:'#ffe0e8',pp:['Décision','Budget','Stratégie','Hiring']},
|
||||
{id:'sal',l:'🎯 Prospect',cl:'#3b82f6',fl:'#dbeafe',pp:['Leads','Qualify','Outreach','Convert']},
|
||||
{id:'con',l:'💼 Consult',cl:'#7c3aed',fl:'#ede9fe',pp:['Analyse','Design','Propose','Deliver']},
|
||||
{id:'dev',l:'⚡ Dev Lab',cl:'#10b981',fl:'#d1fae5',pp:['Code','Review','Test','Deploy']},
|
||||
{id:'srv',l:'🖥️ Infra',cl:'#f59e0b',fl:'#fef3c7',pp:['Monitor','Fix','Deploy','Verify']},
|
||||
{id:'sec',l:'🛡️ Sécu',cl:'#ef4444',fl:'#fee2e2',pp:['Scan','Audit','Patch','Lock']},
|
||||
{id:'qa',l:'🧪 QA',cl:'#06b6d4',fl:'#cffafe',pp:['Plan','Run','Report','Ship']},
|
||||
{id:'pha',l:'💊 Pharma',cl:'#a855f7',fl:'#f3e8ff',pp:['Scrape','Enrich','Campaign','Ship']},
|
||||
{id:'ops',l:'📡 Monitor',cl:'#eab308',fl:'#fefce8',pp:['Watch','Alert','Fix','Report']},
|
||||
{id:'cron',l:'⏰ Crons',cl:'#64748b',fl:'#f1f5f9',pp:['Ethica','B2B','NonReg','Backup']},
|
||||
{id:'mta',l:'📧 MTA',cl:'#ec4899',fl:'#fce7f3',pp:['PMTA','KumoMTA','Postfix','Deliver']},
|
||||
{id:'ai',l:'🧠 AI Engine',cl:'#8b5cf6',fl:'#ede9fe',pp:['Groq','Cerebras','Mistral','Ollama']},
|
||||
{id:'saas',l:'📦 SaaS',cl:'#14b8a6',fl:'#ccfbf1',pp:['LeadForge','Outreach','MailWarm','Proposal']},
|
||||
{id:'dead',l:'💀 Archives',cl:'#94a3b8',fl:'#f1f5f9',pp:['S88 GPU','S89 Legacy','ECS PMTA']},
|
||||
{id:'wire',l:'🔌 TO WIRE',cl:'#f97316',fl:'#fff7ed',pp:['Connect','Config','Test','Activate']},
|
||||
{id:'intg',l:'🔗 TO INTEGRATE',cl:'#84cc16',fl:'#f7fee7',pp:['Evaluate','Import','Wire','Ship']},
|
||||
{id:'dock',l:'🐳 Docker/Services',cl:'#0ea5e9',fl:'#e0f2fe',pp:['Start','Configure','Monitor','Scale']},
|
||||
{id:'dorm',l:'💤 Dormants',cl:'#a1a1aa',fl:'#fafafa',pp:['Clone','Evaluate','Wire','Activate']},
|
||||
{id:'wevia',l:'🧠 WEVIA Suite',cl:'#6366f1',fl:'#eef2ff',pp:['Chat','Code','Life','Gateway']},
|
||||
{id:'plat',l:'🔧 Platform',cl:'#0d9488',fl:'#ccfbf1',pp:['Skills','Prompts','Wiki','Bench']}
|
||||
];
|
||||
// OUTPUT KPIs per dept (right panel)
|
||||
// Frequency per dept (for bubble display)
|
||||
const AMETA={
|
||||
'CEO':{fq:'1x/j 7h',inp:'3 rapports équipe'},
|
||||
'Ethica':{fq:'*/5min 24/7',inp:'DabaDoc + LinkedIn'},
|
||||
'Analyst':{fq:'3x/j',inp:'Données marché B2B'},
|
||||
'Writer':{fq:'5x/j',inp:'Briefs client'},
|
||||
'Proposal':{fq:'sur demande',inp:'Specs client'},
|
||||
'Contract':{fq:'sur demande',inp:'Terms signés'},
|
||||
'Architect':{fq:'2x/j',inp:'Cahier des charges'},
|
||||
'Planner':{fq:'1x/j matin',inp:'Backlog JIRA'},
|
||||
'DeerFlow':{fq:'3x/j',inp:'Question recherche'},
|
||||
'Critic':{fq:'sur demande',inp:'Proposal à valider'},
|
||||
'Translate':{fq:'sur demande',inp:'Page à traduire'},
|
||||
'Academy':{fq:'1x/semaine',inp:'Contenu formation'},
|
||||
'Executor':{fq:'5-15x/j',inp:'PR merged'},
|
||||
'Debugger':{fq:'3-8x/j',inp:'Bug report'},
|
||||
'Reviewer':{fq:'5x/j',inp:'Pull request'},
|
||||
'Designer':{fq:'2x/j',inp:'Wireframe/spec'},
|
||||
'WEDROID':{fq:'continu 24/7',inp:'Erreur détectée'},
|
||||
'Simplifier':{fq:'1x/j',inp:'Module >500 lignes'},
|
||||
'Blueprint':{fq:'sur demande',inp:'Specs projet'},
|
||||
'DevForge':{fq:'sur demande',inp:'Template code'},
|
||||
'Watchdog':{fq:'*/3min 24/7',inp:'20 Docker + 5 svc'},
|
||||
'Guardian':{fq:'*/5min 24/7',inp:'8 fichiers protégés'},
|
||||
'Blade':{fq:'*/60s 24/7',inp:'Desktop sync'},
|
||||
'GitMaster':{fq:'sur push',inp:'Commit Git'},
|
||||
'Security':{fq:'2x/j',inp:'OWASP rules'},
|
||||
'Verifier':{fq:'1x/semaine',inp:'Checklist ISO'},
|
||||
'QA':{fq:'2x/j 6h+18h',inp:'148 test cases'},
|
||||
'TestEng':{fq:'sur push',inp:'GitHub Actions'},
|
||||
'Tracer':{fq:'continu',inp:'access.log + error.log'},
|
||||
'Scientist':{fq:'1x/j 5h',inp:'182 modèles à bench'},
|
||||
'Playwright':{fq:'2x/j',inp:'41 scénarios E2E'},
|
||||
'Explore':{fq:'3x/j',inp:'URLs annuaires santé'},
|
||||
'DocSpec':{fq:'sur demande',inp:'API à documenter'},
|
||||
'MiroFish':{fq:'1x/j',inp:'Brief créatif'},
|
||||
'TaskMgr':{fq:'continu',inp:'Tickets ouverts'},
|
||||
'Brain':{fq:'1x/j',inp:'Idées brainstorm'},
|
||||
'Intro':{fq:'1x/j',inp:'Métriques perf'},
|
||||
'Orch':{fq:'continu',inp:'5 agents à sync'},
|
||||
'Dashboard':{fq:'temps réel',inp:'KPIs collectés'},
|
||||
'EthicaCron':{fq:'*/5min cron',inp:'Queue DZ+MA+TN'},
|
||||
'B2BCron':{fq:'/4h cron',inp:'166 leads table'},
|
||||
'NonRegCron':{fq:'6h+18h cron',inp:'153 tests suite'},
|
||||
'BackupCron':{fq:'4h daily cron',inp:'PG + configs'},
|
||||
'PMTA':{fq:'continu port 25',inp:'Queue 10K emails'},
|
||||
'KumoMTA':{fq:'continu port 587',inp:'Nouveaux envois'},
|
||||
'Postfix':{fq:'continu 2525',inp:'Relais interne'},
|
||||
'Groq':{fq:'on-demand <100ms',inp:'Prompt utilisateur'},
|
||||
'Cerebras':{fq:'fallback <200ms',inp:'Requête complexe'},
|
||||
'Ollama':{fq:'on-demand local',inp:'Requête souveraine'},
|
||||
'LeadForge':{fq:'sur demande',inp:'Critères recherche'},
|
||||
'OutreachAI':{fq:'sur campagne',inp:'Liste contacts'},
|
||||
'MailWarm':{fq:'continu',inp:'IPs à réchauffer'},
|
||||
'ProposalAI':{fq:'sur demande',inp:'Brief client'},
|
||||
'S88 GPU':{fq:'MORT',inp:'—'},
|
||||
'S89':{fq:'DOWN',inp:'—'},
|
||||
'ECS PMTA':{fq:'INCONNU',inp:'—'},
|
||||
'Loki':{fq:'UP :3102',inp:'Logs Docker'},
|
||||
'WEVCODE':{fq:'on-demand',inp:'Question code'},
|
||||
'WEVIALife':{fq:'*/5min sync',inp:'Fichiers desktop'},
|
||||
'WEVIAGateway':{fq:'continu 24/7',inp:'Requêtes multi-IA'},
|
||||
'TTS':{fq:'sur demande',inp:'Texte à vocaliser'},
|
||||
'MermaidGen':{fq:'sur demande',inp:'Spec diagramme'},
|
||||
'L99':{fq:'sur demande',inp:'79 layers à checker'},
|
||||
'ClaudeSync':{fq:'par session',inp:'Transcript Claude'},
|
||||
'SkillsRAG':{fq:'on-demand',inp:'Query Qdrant'},
|
||||
'PromptsLib':{fq:'on-demand',inp:'Contexte à matcher'},
|
||||
'CodeWiki':{fq:'sur commit',inp:'203 fichiers index'},
|
||||
'AIBench':{fq:'1x/j 5h cron',inp:'182 modèles API'},
|
||||
'OSSDiscover':{fq:'1x/j cron',inp:'GitHub trending'},
|
||||
'GHGrab':{fq:'sur demande',inp:'URL repo à cloner'},
|
||||
'AgentShield':{fq:'1x/j',inp:'Code source à scan'}
|
||||
};
|
||||
// Fallback freq by dept
|
||||
var FREQ_DEF={ceo:'1x/j',sal:'continu',con:'sur demande',dev:'continu',srv:'*/3min',sec:'2x/j',qa:'2x/j',pha:'*/5min',ops:'continu',cron:'auto',mta:'continu',ai:'on-demand',saas:'on-demand',dead:'—',wire:'—',intg:'—',dock:'24/7',dorm:'—',wevia:'on-demand',plat:'on-demand'};
|
||||
const OUT={
|
||||
ceo:{input:'📥 Rapports agents',output:'📤 Décisions strat',kpi:'1x/j',icon:'👔',metric:'1 brief/j',deliverables:['Brief Telegram 7h','Validation budget Q3','Revue hiring','Contrats signes']},
|
||||
sal:{input:'📥 1052 leads DB',output:'📤 Scraping actif',kpi:'B2B pipeline',icon:'🎯',metric:'1052 leads',deliverables:['131K HCPs Ethica','166 leads B2B','469 LinkedIn','Emails DZ+MA+TN','Proposals PDF']},
|
||||
con:{input:'📥 5 demandes/j',output:'📤 3 proposals/j',kpi:'Win rate 60%',icon:'💼',metric:'3 props',deliverables:['Blueprints cloud','Schemas Mermaid','Sprint roadmaps','Traductions 90KB']},
|
||||
dev:{input:'📥 Tickets GitHub',output:'📤 Commits+deploys',kpi:'CI/CD continu',icon:'⚡',metric:'12 deploys/j',deliverables:['52 repos maintenus','36 pages WEVADS','APIs cx/droid/sentinel','Git releases']},
|
||||
srv:{input:'📥 480 checks/j',output:'📤 5 restarts/j',kpi:'Uptime 99.9%',icon:'🖥️',metric:'99.9%',deliverables:['20 Docker monitores','8 chattr+i','Disk <85%','Nginx reload','30+ crons']},
|
||||
sec:{input:'📥 288 scans/j',output:'📤 2 audits/j',kpi:'0 CVE critiques',icon:'🛡️',metric:'0 CVE',deliverables:['Headers HTTP OK','SSL Jun 2026','Fail2Ban','CrowdSec','RGPD check']},
|
||||
qa:{input:'📥 153 tests NonReg',output:'📤 153/153 PASS',kpi:'Score 100%',icon:'🧪',metric:'148 PASS',deliverables:['NonReg 153/153','Playwright 41','11 baselines','BackstopJS','Rapport HTML']},
|
||||
pha:{input:'📥 DabaDoc+GMap',output:'📤 125,748 HCPs',kpi:'DZ87K MA19K TN17K',icon:'💊',metric:'125.7K',deliverables:['DabaDoc 50 villes','LinkedIn tels','Email gap DZ 15K','Master dedup 5h']},
|
||||
ops:{input:'📥 7,752 opens total',output:'📤 4,694 clicks total',kpi:'Track actif',icon:'📡',metric:'7.7K opens',deliverables:['admin.html live','Kanban updated','Weekly report','KPI chart 7j']},
|
||||
cron:{input:'📥 18 cron.d S95',output:'📤 Ethica+B2B+NR',kpi:'Auto 24/7',icon:'⏰',metric:'50+ crons/j',deliverables:['EthicaCron 288/j','B2BCron 6/j','NonRegCron 2/j','BackupCron 1/j']},
|
||||
mta:{input:'📥 3M contacts DB',output:'📤 7752 opens total',kpi:'50 bounces',icon:'📧',metric:'7.7K opens',deliverables:['PMTA 10K DKIM','KumoMTA routing','Postfix relay','Bounce auto']},
|
||||
ai:{input:'📥 7 Ollama models',output:'📤 Groq+Cerebras',kpi:'On-demand',icon:'🧠',metric:'7 models',deliverables:['Groq 500 req/j','Cerebras 120/j','Ollama 200/j','Manager consensus']},
|
||||
saas:{input:'📥 8 modules codés',output:'📤 0 users (pas lancé)',kpi:'Pré-launch',icon:'📦',metric:'0 users',deliverables:['LeadForge','OutreachAI','MailWarm','ProposalAI']},
|
||||
dead:{input:'📥 —',output:'📤 Tout annulé',kpi:'DONE',icon:'💀',metric:'0€ saved',deliverables:['S88 9.9GB archive','S89 adx 6.6GB','ECS inconnu']},
|
||||
wire:{input:'📥 19 évalués',output:'📤 19/19 wired',kpi:'100%',icon:'🔌',metric:'19/19',deliverables:['17 pip/wired: LlamaIndex+Stripe+WhatsApp+Azure+Gemini+CrowdSec+BrowserUse+etc','TODO: OVH SMS (creds manquants)','TODO: ListMonk (Docker S95)']},
|
||||
intg:{input:'📥 22 à intégrer',output:'📤 22/22 DONE',kpi:'100%',icon:'🔗',metric:'17/17',deliverables:['Paperclip 150 agents','Authentik SSO','OhMyCC 19','SuperClaude 7']},
|
||||
dock:{input:'📥 19 containers',output:'📤 18 UP + Loki KO',kpi:'95% healthy',icon:'🐳',metric:'19 dock',deliverables:['OpenWebUI :8281','Flowise :3033','Twenty :3000','n8n :5678','Loki BROKEN']},
|
||||
dorm:{input:'📥 6 clonés',output:'📤 3/6 wired',kpi:'50%',icon:'💤',metric:'3 wired 3 pending',deliverables:['WIRED: Claude-Mem+Strix+Prometheus','TODO: HolyClaude','TODO: LTX-Video (GPU)','TODO: DeepAgent']},
|
||||
wevia:{input:'📥 200 sessions/j',output:'📤 200 réponses/j',kpi:'4 modes actifs',icon:'🧠',metric:'200/j',deliverables:['WEVCODE 4 modes','WEVIALife sync','Gateway 18','TTS','L99 93 layers']},
|
||||
plat:{input:'📥 Qdrant 4414pts',output:'📤 Skills+Prompts',kpi:'RAG actif',icon:'🔧',metric:'4414 sk'}
|
||||
};
|
||||
// Rich speech for work state: action + freq + success + output
|
||||
const SPEECH={
|
||||
'CEO':['📊 Brief quotidien\n⏰ 1×/jour | ✅ 100%\n📤 Décision validée','💰 Revue budget Q3\n⏰ 1×/sem | ✅ 100%\n📤 Budget approuvé'],
|
||||
'Ethica':['💊 Scrape DabaDoc MA\n⏰ */5min | ✅ 95%\n📤 +120 HCPs enrichis','📧 Drip email TN\n⏰ */5min | ✅ 88%\n📤 200 emails envoyés'],
|
||||
'Analyst':['📊 Analyse marché SAP\n⏰ 3×/jour | ✅ 100%\n📤 Rapport SWOT livré','📈 Segment B2B\n⏰ 2×/jour | ✅ 100%\n📤 50 prospects qualifiés'],
|
||||
'Writer':['✍️ Cold email campagne\n⏰ 10×/jour | ✅ 92%\n📤 10 emails rédigés','📝 Proposal client\n⏰ 2×/jour | ✅ 100%\n📤 1 proposal PDF'],
|
||||
'Proposal':['📑 Génère proposal\n⏰ 2×/jour | ✅ 100%\n📤 1 PDF formaté','📋 Pricing insert\n⏰ 1×/jour | ✅ 100%\n📤 Grille tarifaire'],
|
||||
'Contract':['📜 Génère NDA\n⏰ 1×/sem | ✅ 100%\n📤 1 contrat signé','⚖️ Review contrat\n⏰ 2×/sem | ✅ 100%\n📤 Validé juridique'],
|
||||
'Architect':['🏗️ Design archi cloud\n⏰ 1×/jour | ✅ 100%\n📤 Blueprint livré','📐 Schema micro-svc\n⏰ 2×/sem | ✅ 100%\n📤 Diagramme Mermaid'],
|
||||
'Planner':['📋 Sprint planning\n⏰ 1×/sem | ✅ 100%\n📤 Backlog priorisé','📊 Update Gantt\n⏰ 1×/jour | ✅ 100%\n📤 Timeline à jour'],
|
||||
'DeerFlow':['🦌 Deep research IA\n⏰ 3×/jour | ✅ 97%\n📤 Synthèse 12 sources','📚 Veille techno\n⏰ 1×/jour | ✅ 100%\n📤 Rapport R&D'],
|
||||
'Critic':['⚖️ Évalue risques\n⏰ 2×/jour | ✅ 100%\n📤 Matrice risques','🔍 Challenge budget\n⏰ 1×/sem | ✅ 100%\n📤 Go/NoGo décision'],
|
||||
'Translate':['🌍 Traduction FR→AR\n⏰ 5×/jour | ✅ 98%\n📤 Page traduite','🌐 Sync i18n\n⏰ 1×/jour | ✅ 100%\n📤 90KB mis à jour'],
|
||||
'Academy':['🎓 Génère training\n⏰ 1×/sem | ✅ 100%\n📤 Module formation','📝 Quiz create\n⏰ 2×/sem | ✅ 100%\n📤 10 questions'],
|
||||
'Executor':['⚡ Deploy prod v3.2\n⏰ 5×/jour | ✅ 95%\n📤 Release déployée','🔄 Migration DB\n⏰ 1×/jour | ✅ 100%\n📤 Schema migré'],
|
||||
'Debugger':['🐛 Fix API 500\n⏰ 3×/jour | ✅ 90%\n📤 Bug résolu','🔍 Trace memory leak\n⏰ 1×/jour | ✅ 85%\n📤 Leak colmaté'],
|
||||
'Reviewer':['👁️ Review PR #847\n⏰ 5×/jour | ✅ 100%\n📤 PR approuvé','🔍 Audit qualité\n⏰ 2×/jour | ✅ 100%\n📤 Score qualité'],
|
||||
'Designer':['🎨 Mockup dashboard\n⏰ 2×/jour | ✅ 100%\n📤 Design livré','🖌️ Animation CSS\n⏰ 1×/jour | ✅ 100%\n📤 Composant animé'],
|
||||
'WEDROID':['🤖 Auto-fix API auth\n⏰ 10×/jour | ✅ 93%\n📤 Service réparé','🔧 Repair PG index\n⏰ 3×/jour | ✅ 97%\n📤 Index rebuilt'],
|
||||
'Simplifier':['✂️ Refactor 2K lignes\n⏰ 1×/jour | ✅ 100%\n📤 -40% code','🗑️ Dead code cleanup\n⏰ 2×/jour | ✅ 100%\n📤 50 fichiers nettoyés'],
|
||||
'Blueprint':['📐 Auto blueprint\n⏰ 1×/jour | ✅ 100%\n📤 Projet structuré','🏗️ Template gen\n⏰ 2×/sem | ✅ 100%\n📤 Scaffold complet'],
|
||||
'DevForge':['🔨 Gen component\n⏰ 3×/jour | ✅ 88%\n📤 Composant React','⚙️ API scaffold\n⏰ 1×/jour | ✅ 95%\n📤 CRUD endpoint'],
|
||||
'Watchdog':['🐕 Check */3min\n⏰ 480×/jour | ✅ 99.8%\n📤 20 Docker monitorés','⚠️ Restart service\n⏰ 5×/jour | ✅ 100%\n📤 Service relancé'],
|
||||
'Guardian':['🛡️ chattr +i config\n⏰ 288×/jour | ✅ 100%\n📤 8 fichiers protégés','🔒 Scan intrus\n⏰ */5min | ✅ 100%\n📤 0 intrusion'],
|
||||
'Blade':['💻 Sync Razer→S204\n⏰ 1440×/jour | ✅ 99.5%\n📤 Fichiers synchronisés','📁 Upload docs\n⏰ 10×/jour | ✅ 100%\n📤 Docs uploadés'],
|
||||
'GitMaster':['🌿 Tag v3.2.1\n⏰ 2×/jour | ✅ 100%\n📤 Release taguée','🔀 Merge develop\n⏰ 3×/jour | ✅ 100%\n📤 Branch merged'],
|
||||
'Security':['🔐 Scan OWASP top10\n⏰ 2×/jour | ✅ 100%\n📤 0 vulnérabilité','🔒 Audit headers\n⏰ 1×/jour | ✅ 100%\n📤 Headers conformes'],
|
||||
'Verifier':['✅ Check RGPD\n⏰ 1×/sem | ✅ 100%\n📤 Compliance OK','📋 Audit ISO 27001\n⏰ 1×/mois | ✅ 100%\n📤 Certification'],
|
||||
'QA':['🧪 Run NonReg 153\n⏰ 2×/jour | ✅ 100%\n📤 153/153 PASS','🎭 Playwright 41\n⏰ 1×/jour | ✅ 100%\n📤 41/41 screenshots'],
|
||||
'TestEng':['🧰 Build Docker img\n⏰ 3×/jour | ✅ 95%\n📤 Image publiée','⚙️ Pipeline CI\n⏰ 5×/jour | ✅ 90%\n📤 Build green'],
|
||||
'Tracer':['🔦 Trace erreur 500\n⏰ 5×/jour | ✅ 88%\n📤 Root cause trouvé','📋 Parse access.log\n⏰ 1×/jour | ✅ 100%\n📤 Anomalies détectées'],
|
||||
'Scientist':['🔬 Bench 182 modèles\n⏰ 1×/jour | ✅ 100%\n📤 Leaderboard updated','📊 Mesure latence\n⏰ 1×/jour | ✅ 100%\n📤 8 endpoints testés'],
|
||||
'Playwright':['🎭 Visual test 41\n⏰ 1×/jour | ✅ 100%\n📤 41 baselines OK','📸 Screenshot diff\n⏰ 1×/jour | ✅ 98%\n📤 0 régression'],
|
||||
'EthicaCron':['⏰ Drip DZ+MA+TN\n⏰ 288×/jour | ✅ 95%\n📤 +500 HCPs/jour','📧 Master dedup 5h\n⏰ 1×/jour | ✅ 100%\n📤 Base nettoyée'],
|
||||
'B2BCron':['🔄 B2B scrape cycle\n⏰ 6×/jour | ✅ 88%\n📤 +20 leads/cycle','📧 Email pattern gen\n⏰ 6×/jour | ✅ 75%\n📤 Patterns validés'],
|
||||
'NonRegCron':['🧪 153 tests auto\n⏰ 2×/jour | ✅ 100%\n📤 Report HTML','📊 Alert TG si FAIL\n⏰ 2×/jour | ✅ 100%\n📤 Telegram envoyé'],
|
||||
'BackupCron':['💾 PG backup daily\n⏰ 1×/jour | ✅ 100%\n📤 Dump 22MB','📦 GOLD sync\n⏰ 1×/jour | ✅ 100%\n📤 Configs archivées'],
|
||||
'PMTA':['📮 Batch 10K emails\n⏰ continu | ✅ 98%\n📤 10K livrés/jour','🔑 DKIM signing\n⏰ continu | ✅ 100%\n📤 Signature valide'],
|
||||
'KumoMTA':['🚀 Smart routing\n⏰ continu | ✅ 97%\n📤 5K livrés/jour','🌡️ Warm IP pool\n⏰ continu | ✅ 95%\n📤 Réputation maintenue'],
|
||||
'Groq':['⚡ Process 500 req/j\n⏰ continu | ✅ 99.5%\n📤 Latence 180ms avg','🧠 Classify intent\n⏰ continu | ✅ 97%\n📤 Classification OK'],
|
||||
'Ollama':['🏠 Run qwen3:8b\n⏰ continu | ✅ 99%\n📤 Inference locale','🧠 Embed all-minilm\n⏰ continu | ✅ 100%\n📤 Vecteurs générés'],
|
||||
'Watchdog':['🐕 Check */3min\n⏰ 480×/jour | ✅ 99.8%\n📤 Tout UP','⚠️ Alert disk\n⏰ si >85% | ✅ 100%\n📤 Telegram envoyé']
|
||||
};
|
||||
const AG=[
|
||||
{n:'CEO',rm:'ceo',d:'Direction',p:'Stratégie',sk:'#f0d0b0',hc:'#111',F:0,re:'👔',act:['Valide budget Q3','Signe contrat','Brief board','Hiring review'],deliverables:['4414 skills Qdrant','55 prompts','203 fichiers','182 modeles','505 OSS']},
|
||||
{n:'Ethica',rm:'sal',d:'Scraping',p:'131K HCPs',sk:'#c99565',hc:'#3a1800',F:1,re:'💊',act:['Scrape DabaDoc','Enrichit 500 HCPs','LinkedIn TN','Update DZ']},
|
||||
{n:'Analyst',rm:'sal',d:'Analyse',p:'Specs',sk:'#f0d0b0',hc:'#6a4a30',F:1,gl:1,re:'📊',act:['Analyse marché','Concurrence','SWOT','Segment B2B']},
|
||||
{n:'Writer',rm:'sal',d:'Rédaction',p:'Emails',sk:'#f0d0b0',hc:'#8a5020',F:1,re:'✍️',act:['Cold email','Proposal','LinkedIn post','Pitch deck']},
|
||||
{n:'Architect',rm:'con',d:'Archi',p:'Blueprints',sk:'#e8cca0',hc:'#2a2a3a',F:0,gl:1,re:'🏗️',act:['Cloud archi','Microservices','Blueprint','Diagramme']},
|
||||
{n:'Planner',rm:'con',d:'Planning',p:'Roadmaps',sk:'#f0d0b0',hc:'#5a3a1a',F:1,re:'📋',act:['Sprint plan','Gantt update','Backlog','Estimation']},
|
||||
{n:'DeerFlow',rm:'con',d:'Research',p:'113 skills',sk:'#d8b080',hc:'#6a4020',F:0,re:'🦌',act:['Deep research','12 sources','Veille tech','Rapport R&D']},
|
||||
{n:'Critic',rm:'con',d:'Validation',p:'Risques',sk:'#e8cca0',hc:'#3a3a4a',F:0,gl:1,re:'⚖️',act:['Risques','Review','Challenge','Faisabilité']},
|
||||
{n:'Executor',rm:'dev',d:'Deploy',p:'Scripts',sk:'#c99565',hc:'#222',F:0,re:'⚡',act:['Deploy v3.2','Migration DB','Backup script','Dockerfile']},
|
||||
{n:'Debugger',rm:'dev',d:'Debug',p:'Fixes',sk:'#f0d0b0',hc:'#4a2a10',F:0,gl:1,re:'🐛',act:['Fix API 500','Memory leak','Nginx conf','SQL injection']},
|
||||
{n:'Reviewer',rm:'dev',d:'Review',p:'PRs',sk:'#e8cca0',hc:'#333',F:0,re:'👁️',act:['Review PR','Code audit','Conventions','Merge']},
|
||||
{n:'Designer',rm:'dev',d:'UI/UX',p:'Mockups',sk:'#f0d0b0',hc:'#d946ef',F:1,re:'🎨',act:['Dashboard','Design sys','Figma proto','CSS anim']},
|
||||
{n:'WEDROID',rm:'dev',d:'Auto-fix v5',p:'DB+API',sk:'#8899aa',hc:'#5a7a9a',F:0,bot:1,re:'🤖',act:['Fix API auth','Repair PG','Clean rows','Restart svc']},
|
||||
{n:'Simplifier',rm:'dev',d:'Refactor',p:'-40%',sk:'#e8cca0',hc:'#6a4030',F:1,gl:1,re:'✂️',act:['Refactor 2K','Dead code','Simplifie','Merge dupes']},
|
||||
{n:'Watchdog',rm:'srv',d:'Monitor */3',p:'20 Docker',sk:'#d8b080',hc:'#8a6a30',F:0,re:'🐕',act:['Restart Nginx','Disk alert','Ping Docker','Check Ollama']},
|
||||
{n:'Guardian',rm:'srv',d:'Protection',p:'chattr +i',sk:'#c99565',hc:'#1a2a1a',F:0,re:'🛡️',act:['chattr +i','Scan intrus','Lock SSH','Firewall']},
|
||||
{n:'Blade',rm:'srv',d:'Desktop',p:'PowerShell',sk:'#f0d0b0',hc:'#1a3050',F:0,re:'💻',act:['Sync→S204','PowerShell','Task planif','Upload docs']},
|
||||
{n:'GitMaster',rm:'srv',d:'Git flow',p:'Releases',sk:'#e8cca0',hc:'#3a5a2a',F:0,gl:1,re:'🌿',act:['Tag v3.2.1','Merge dev','Cherry-pick','Release']},
|
||||
{n:'Security',rm:'sec',d:'OWASP',p:'Pentests',sk:'#c99565',hc:'#111',F:0,re:'🔐',act:['OWASP top10','Headers','XSS test','SSL certs']},
|
||||
{n:'Verifier',rm:'sec',d:'ISO/RGPD',p:'PCI-DSS',sk:'#e8cca0',hc:'#3a3a4a',F:1,gl:1,re:'✅',act:['RGPD check','ISO 27001','PCI-DSS','Access ctrl']},
|
||||
{n:'QA',rm:'qa',d:'Tests E2E',p:'148 NonReg',sk:'#f0d0b0',hc:'#2a3a5a',F:1,re:'🧪',act:['NonReg 153','Playwright','Selenium','Responsive']},
|
||||
{n:'TestEng',rm:'qa',d:'CI/CD',p:'Pipelines',sk:'#e8cca0',hc:'#4a3a2a',F:0,re:'🧰',act:['Pipeline CI','GitHub Act','Docker build','Staging']},
|
||||
{n:'Tracer',rm:'qa',d:'Log trace',p:'Stack traces',sk:'#d8b080',hc:'#3a2a1a',F:1,re:'🔦',act:['Erreur 500','access.log','Stack trace','Event corrèl']},
|
||||
{n:'Scientist',rm:'qa',d:'Benchmarks',p:'182 modèles',sk:'#f0d0b0',hc:'#888',F:1,gl:1,re:'🔬',act:['Groq vs Cerebras','Latence API','Accuracy','182 modèles']},
|
||||
{n:'Explore',rm:'pha',d:'R&D',p:'Sources HCP',sk:'#c99565',hc:'#5a3a10',F:0,re:'🧭',act:['Annuaire MA','Source DZ','Nouvelle API','Fournisseur']},
|
||||
{n:'DocSpec',rm:'pha',d:'Docs',p:'Templates',sk:'#e8cca0',hc:'#333',F:1,gl:1,re:'📝',act:['Template','API Ethica','Guide user','README']},
|
||||
{n:'MiroFish',rm:'pha',d:'Creative',p:'Brainstorm',sk:'#f0d0b0',hc:'#06b6d4',F:1,re:'🐟',act:['Campagne','Contenu','Newsletter','Brief']},
|
||||
{n:'TaskMgr',rm:'ops',d:'Tâches',p:'Kanban',sk:'#e8cca0',hc:'#4a4a3a',F:1,re:'📋',act:['Kanban','Deadlines','Priorités','Status']},
|
||||
{n:'Brain',rm:'ops',d:'Idées',p:'Innovation',sk:'#f0d0b0',hc:'#eab308',F:0,re:'💡',act:['Produit','Process','R&D','PoC']},
|
||||
{n:'Intro',rm:'ops',d:'Méta',p:'Amélioration',sk:'#e8cca0',hc:'#a855f7',F:1,re:'🧠',act:['Perf analyse','Prompts','Méta-cog','Workflow']},
|
||||
{n:'Orch',rm:'ops',d:'Orchestration',p:'Multi-agent',sk:'#c99565',hc:'#222',F:0,re:'🎯',act:['Sync agents','Deploy coord','Pipeline','Multi-task']},
|
||||
{n:'EthicaCron',rm:'cron',d:'Drip */5min',p:'DZ+MA+TN',sk:'#e8cca0',hc:'#64748b',F:1,re:'⏰',act:['Drip DZ','DabaDoc scrape','Enrich tels','Dedup master']},
|
||||
{n:'B2BCron',rm:'cron',d:'Scrape /4h',p:'Lead gen',sk:'#f0d0b0',hc:'#64748b',F:0,re:'🔄',act:['LinkedIn','Email pattern','Playwright','Enricher']},
|
||||
{n:'NonRegCron',rm:'cron',d:'6h/18h',p:'153 tests',sk:'#d8b080',hc:'#64748b',F:0,re:'🧪',act:['153 tests','5 couches','TG alert','HTML report']},
|
||||
{n:'BackupCron',rm:'cron',d:'Daily 4am',p:'PG+vault',sk:'#e8cca0',hc:'#64748b',F:1,re:'💾',act:['PG backup','GOLD sync','Config arch','Sentinel']},
|
||||
{n:'PMTA',rm:'mta',d:'Port 25',p:'ADX legacy',sk:'#f0d0b0',hc:'#ec4899',F:0,re:'📮',act:['Batch 10K','DKIM sign','Bounce proc','Queue mgmt']},
|
||||
{n:'KumoMTA',rm:'mta',d:'587+8010',p:'New sends',sk:'#e8cca0',hc:'#ec4899',F:0,re:'🚀',act:['Smart route','IP warm','Track opens','DMARC']},
|
||||
{n:'Postfix',rm:'mta',d:'2525/2526',p:'Internal',sk:'#d8b080',hc:'#ec4899',F:1,re:'📬',act:['Relay int','Forward','Queue flush','Log rotate']},
|
||||
{n:'Groq',rm:'ai',d:'Llama 70B',p:'Default',sk:'#f0d0b0',hc:'#8b5cf6',F:0,re:'⚡',act:['500 req/s','Response','Classify','Embed']},
|
||||
{n:'Cerebras',rm:'ai',d:'Qwen 235B',p:'Fallback',sk:'#e8cca0',hc:'#8b5cf6',F:1,re:'🧮',act:['Reasoning','Long ctx','Multi-turn','Code gen']},
|
||||
{n:'Ollama',rm:'ai',d:'12 models',p:'pip ollama',sk:'#d8b080',hc:'#8b5cf6',F:0,re:'🏠',act:['qwen3:8b','all-minilm','medllama2','weval-brain']},
|
||||
{n:'LeadForge',rm:'saas',d:'Lead engine',p:'B2B pipe',sk:'#f0d0b0',hc:'#14b8a6',F:1,re:'🎣',act:['Gen leads','Score','Enrich','Export']},
|
||||
{n:'OutreachAI',rm:'saas',d:'AI outreach',p:'Campaigns',sk:'#e8cca0',hc:'#14b8a6',F:0,re:'📨',act:['Sequence','A/B test','Schedule','Track']},
|
||||
{n:'MailWarm',rm:'saas',d:'IP warming',p:'Deliver',sk:'#d8b080',hc:'#14b8a6',F:1,re:'🔥',act:['Warm IP','Ramp vol','Reputation','Rotate']},
|
||||
{n:'ProposalAI',rm:'saas',d:'AI proposals',p:'Doc gen',sk:'#f0d0b0',hc:'#14b8a6',F:0,re:'📄',act:['Proposal','PDF','Pricing','Customize']},
|
||||
{n:'S88 GPU',rm:'dead',d:'DEAD GPU',p:'-45€/mois',sk:'#94a3b8',hc:'#64748b',F:0,re:'💀',act:['GPU mort','À annuler','9.9GB archivé','wevia_db OK']},
|
||||
{n:'S89',rm:'dead',d:'Old Ethica',p:'DOWN',sk:'#94a3b8',hc:'#64748b',F:1,re:'⚰️',act:['Port DOWN','adx 6.6GB','clients 2.8GB','Archivé']},
|
||||
{n:'ECS PMTA',rm:'dead',d:'SER 6-9',p:'Unknown',sk:'#94a3b8',hc:'#64748b',F:0,re:'❓',act:['Cluster','root/Yacine','À vérifier','Status ?']},
|
||||
{n:'LlamaIndex',rm:'intg',d:'RAG framework',p:'Qdrant WIRED',sk:'#f0d0b0',hc:'#f97316',F:0,re:'🦙',act:['Connect Qdrant','Index 4414 pts','Query pipeline','RAG search']},
|
||||
{n:'CrewAI',rm:'wire',d:'Multi-agent',p:'OSS WIRED',sk:'#e8cca0',hc:'#f97316',F:1,re:'👥',act:['Wire agents','Team config','Task flow','Orchestrate']},
|
||||
{n:'AutoGen',rm:'intg',d:'MS agents',p:'pip WIRED',sk:'#f0d0b0',hc:'#f97316',F:0,re:'🤝',act:['Agent conv','Multi-turn','Code exec','Review chain']},
|
||||
{n:'AnythingLLM',rm:'intg',d:'Chat+RAG',p:'OSS WIRED',sk:'#d8b080',hc:'#f97316',F:1,re:'💬',act:['Wire docs','Embed corpus','Chat RAG','Knowledge']},
|
||||
{n:'Dify',rm:'wire',d:'LLM ops',p:'OSS WIRED',sk:'#e8cca0',hc:'#f97316',F:0,re:'🔧',act:['Flow builder','Prompt mgmt','API chain','Deploy flow']},
|
||||
{n:'vLLM',rm:'intg',d:'Fast inference',p:'Colab GPU',sk:'#f0d0b0',hc:'#f97316',F:0,re:'🏎️',act:['Serve model','Batch infer','PagedAttn','Throughput']},
|
||||
{n:'LocalAI',rm:'intg',d:'Local models',p:'HF Spaces',sk:'#d8b080',hc:'#f97316',F:1,re:'🏡',act:['Local serve','GGUF load','API compat','CPU optim']},
|
||||
{n:'Stripe',rm:'wire',d:'Payments',p:'PK+SK LIVE',sk:'#e8cca0',hc:'#f97316',F:0,re:'💳',act:['Add SK live','Wire billing','Webhook','Test charge']},
|
||||
{n:'WhatsApp',rm:'wire',d:'Meta API',p:'API LIVE',sk:'#f0d0b0',hc:'#f97316',F:1,re:'📱',act:['Get token','Wire API','Template msg','Send flow']},
|
||||
{n:'OVH SMS',rm:'wire',d:'SMS gateway',p:'Creds missing',sk:'#d8b080',hc:'#f97316',F:0,re:'📲',act:['Get API key','Wire sender','Template','Campaign']},
|
||||
{n:'Azure AD',rm:'wire',d:'Graph API',p:'6/9 actifs',sk:'#e8cca0',hc:'#f97316',F:1,re:'☁️',act:['Re-register','Refresh token','Graph query','Sync contacts']},
|
||||
{n:'Gemini',rm:'wire',d:'Google AI',p:'KEY ACTIVE',sk:'#f0d0b0',hc:'#f97316',F:0,re:'♊',act:['Enable API','Get key','Wire provider','Test gen']},
|
||||
{n:'HF TRL',rm:'intg',d:'Fine-tune',p:'TRL WIRED',sk:'#f0d0b0',hc:'#84cc16',F:0,re:'🎓',act:['Upload Colab','Train LoRA','Eval model','Deploy GGUF']},
|
||||
{n:'Mastra',rm:'intg',d:'Agent SDK',p:'OSS WIRED',sk:'#e8cca0',hc:'#84cc16',F:1,re:'🔮',act:['npm install','Wire tools','Agent def','Deploy']},
|
||||
{n:'EvoMaster',rm:'intg',d:'API fuzzing',p:'OSS WIRED',sk:'#d8b080',hc:'#84cc16',F:0,re:'🧬',act:['Fuzz 214 APIs','Find bugs','Report','Auto-fix']},
|
||||
{n:'Activepieces',rm:'intg',d:'Automation',p:'OSS WIRED',sk:'#f0d0b0',hc:'#84cc16',F:1,re:'🧩',act:['Wire triggers','Flow build','Connect APIs','Schedule']},
|
||||
{n:'Goose',rm:'intg',d:'Dev agent',p:'OSS WIRED',sk:'#e8cca0',hc:'#84cc16',F:0,re:'🪿',act:['Install CLI','Wire repos','Auto-code','Review']},
|
||||
{n:'AEGIS',rm:'intg',d:'Security AI',p:'OSS WIRED',sk:'#d8b080',hc:'#84cc16',F:1,re:'🏛️',act:['Wire scanner','Auto audit','Report CVE','Patch suggest']},
|
||||
{n:'SkillSmith',rm:'intg',d:'Skill gen',p:'OSS WIRED',sk:'#f0d0b0',hc:'#84cc16',F:0,re:'⚒️',act:['Gen skills','Test','Deploy','Catalog']},
|
||||
{n:'AIOS',rm:'intg',d:'OS for AI',p:'OSS WIRED',sk:'#e8cca0',hc:'#84cc16',F:1,re:'🖥️',act:['Install','Wire agents','Schedule','Monitor']},
|
||||
{n:'Wazuh',rm:'sec',d:'SIEM security',p:'/opt WIRED',sk:'#f0d0b0',hc:'#f97316',F:0,re:'🔒',act:['Deploy SIEM','Wire alerts','Log collect','Threat detect']},
|
||||
{n:'CrowdSec',rm:'wire',d:'IDS/IPS',p:'systemd ACTIVE',sk:'#e8cca0',hc:'#f97316',F:1,re:'🏰',act:['Block brute','Parse logs','Share intel','Ban IPs']},
|
||||
{n:'BrowserUse',rm:'wire',d:'Web automate',p:'OSS WIRED',sk:'#d8b080',hc:'#f97316',F:0,re:'🌐',act:['Auto browse','Fill forms','Scrape JS','Screenshot']},
|
||||
{n:'Supermemory',rm:'wire',d:'Knowledge',p:'OSS WIRED',sk:'#f0d0b0',hc:'#f97316',F:1,re:'📚',act:['Store memory','Recall context','Index docs','Search KB']},
|
||||
{n:'Paperclip',rm:'intg',d:'Agent fleet',p:'150 LIVE',sk:'#e8cca0',hc:'#84cc16',F:0,re:'📎',act:['CEO agent run','CTO delegate','Hire agent','Fleet manage']},
|
||||
{n:'WevalRadar',rm:'intg',d:'Monitoring',p:'OSS WIRED',sk:'#d8b080',hc:'#84cc16',F:1,re:'📡',act:['Scan ports','Check DNS','Monitor SSL','Alert change']},
|
||||
{n:'WevalScrapy',rm:'intg',d:'Scraping fw',p:'OSS WIRED',sk:'#f0d0b0',hc:'#84cc16',F:0,re:'🕷️',act:['Crawl sites','Extract data','Pipeline','Export JSON']},
|
||||
{n:'WevBrain',rm:'intg',d:'AI brain',p:'Ollama UP',sk:'#e8cca0',hc:'#84cc16',F:1,re:'🧠',act:['Train brain','Fine-tune','Ollama serve','Inference']},
|
||||
{n:'Authentik',rm:'intg',d:'SSO/IdP',p:'SSO LIVE',sk:'#d8b080',hc:'#84cc16',F:0,re:'🔑',act:['SSO login','OAuth flow','LDAP sync','MFA enforce']},
|
||||
{n:'Fail2Ban',rm:'dock',d:'IPS S204+S95',p:'RUNNING',sk:'#f0d0b0',hc:'#0ea5e9',F:0,re:'🚫',act:['Block brute','Ban SSH','Jail nginx','Unban IP']},
|
||||
{n:'ListMonk',rm:'wire',d:'Newsletter S95',p:'TODO Docker',sk:'#e8cca0',hc:'#f97316',F:1,re:'📰',act:['Wire SMTP','Import list','Template','Campaign']},
|
||||
{n:'NoVNC',rm:'wire',d:'Remote S95',p:'pip 1.0 OK',sk:'#d8b080',hc:'#f97316',F:0,re:'🖥️',act:['Wire VNC','Remote access','Browser desktop','Config']},
|
||||
{n:'OpenClaw',rm:'dock',d:'AI proxy S151',p:'SSO LIVE',sk:'#f0d0b0',hc:'#0ea5e9',F:1,re:'🦀',act:['Route AI calls','Multi-provider','Ollama proxy','Log usage']},
|
||||
{n:'DroidCLI',rm:'intg',d:'Orchestrator S95',p:'WEDROID LIVE',sk:'#e8cca0',hc:'#84cc16',F:0,re:'🤖',act:['Chain exec S95','Sentinel cmd','DB query','Deploy']},
|
||||
{n:'Arsenal',rm:'dock',d:'192 endpoints S95',p:'RUNNING',sk:'#d8b080',hc:'#0ea5e9',F:0,re:'🏟️',act:['Serve 192 URLs','Track campaigns','Bounce handle','Stats']},
|
||||
{n:'ADXCache',rm:'dock',d:'Cache cleaner S95',p:'RUNNING',sk:'#f0d0b0',hc:'#0ea5e9',F:1,re:'🧹',act:['Clean cache','Purge old','Free mem','Optimize']},
|
||||
{n:'SearchProxy',rm:'dock',d:'SearXNG proxy',p:'systemd UP',sk:'#e8cca0',hc:'#0ea5e9',F:0,re:'🔎',act:['Proxy search','Multi-engine','Rate limit','Cache']},
|
||||
{n:'WevRelay',rm:'dock',d:'WEVADS relay',p:'systemd UP',sk:'#d8b080',hc:'#0ea5e9',F:1,re:'🔀',act:['Relay HTTP','Route S95','Track pixel','Redirect']},
|
||||
{n:'OhMyCC',rm:'intg',d:'19 agents',p:'WIRED',sk:'#f0d0b0',hc:'#84cc16',F:0,re:'🎭',act:['19 agent defs','Dispatch skill','Route mode','Catalog']},
|
||||
{n:'SuperClaude',rm:'intg',d:'7 modes',p:'WIRED',sk:'#e8cca0',hc:'#84cc16',F:1,re:'🦸',act:['Fast mode','Deep mode','Code mode','Math mode']},
|
||||
{n:'Antigravity',rm:'intg',d:'4414 skills',p:'4414 LIVE',sk:'#d8b080',hc:'#84cc16',F:0,re:'🚀',act:['Search skills','Match task','Qdrant query','Auto-select']},
|
||||
{n:'EthicaScripts',rm:'dock',d:'15 scripts S95',p:'Cron active',sk:'#f0d0b0',hc:'#0ea5e9',F:1,re:'💉',act:['DabaDoc scrape','LinkedIn drip','Email enrich','Master dedup']},
|
||||
{n:'B2BScripts',rm:'dock',d:'10 scripts S95',p:'Cron /4h',sk:'#e8cca0',hc:'#0ea5e9',F:0,re:'🏢',act:['Scrape leads','Pattern emails','Mega enricher','Round 2']},
|
||||
{n:'Microsoft',rm:'wire',d:'Graph API S95',p:'6 tenants ACTIVE',sk:'#d8b080',hc:'#f97316',F:1,re:'Ⓜ️',act:['Wire Graph','O365 sync','Calendar','Contacts']},
|
||||
{n:'TrackingS151',rm:'dock',d:'16 PHP files',p:'S151 relay',sk:'#f0d0b0',hc:'#0ea5e9',F:0,re:'📍',act:['Track opens','Track clicks','Relay→S204','Log events']},
|
||||
{n:'OllamaS95',rm:'dock',d:'Ollama S95',p:'systemd UP',sk:'#e8cca0',hc:'#0ea5e9',F:1,re:'🦙',act:['phi4-mini','smollm2','qwen3.5','Local infer']},
|
||||
{n:'WEVCODE',rm:'wevia',d:'Code assistant',p:'4 modes',sk:'#f0d0b0',hc:'#6366f1',F:0,re:'💻',act:['Fast mode','Deep mode','Code mode','Math mode']},
|
||||
{n:'WEVIALife',rm:'wevia',d:'Email sync',p:'Desktop→S204',sk:'#e8cca0',hc:'#6366f1',F:1,re:'📧',act:['Sync desktop','Upload docs','Track files','Index']},
|
||||
{n:'WEVIAGateway',rm:'wevia',d:'AI gateway',p:'18 providers',sk:'#d8b080',hc:'#6366f1',F:0,re:'🌐',act:['Route Groq','Fallback Cerebras','Proxy Mistral','Load balance']},
|
||||
{n:'TTS',rm:'wevia',d:'Text-to-Speech',p:'Voice gen',sk:'#f0d0b0',hc:'#6366f1',F:1,re:'🔊',act:['Generate voice','FR accent','Stream audio','Cache result']},
|
||||
{n:'MermaidGen',rm:'wevia',d:'Diagram gen',p:'mmdc',sk:'#e8cca0',hc:'#6366f1',F:0,re:'📊',act:['Gen flowchart','Sequence diag','Class diag','Export SVG']},
|
||||
{n:'L99',rm:'wevia',d:'Command Center',p:'79 layers',sk:'#d8b080',hc:'#6366f1',F:1,re:'🎮',act:['Check 79 layers','Score system','Deep audit','Report']},
|
||||
{n:'ClaudeSync',rm:'wevia',d:'Claude monitor',p:'Doc sync',sk:'#f0d0b0',hc:'#6366f1',F:0,re:'📋',act:['Sync transcripts','Track sessions','Upload docs','Index']},
|
||||
{n:'Blueprint',rm:'dev',d:'Auto blueprint',p:'Project gen',sk:'#d8b080',hc:'#10b981',F:1,re:'📐',act:['Gen blueprint','Archi auto','Template proj','Export']},
|
||||
{n:'Proposal',rm:'sal',d:'AI proposals',p:'Doc gen',sk:'#e8cca0',hc:'#3b82f6',F:0,re:'📑',act:['Gen proposal','Format PDF','Insert pricing','Customize']},
|
||||
{n:'Contract',rm:'sal',d:'Contract gen',p:'Legal docs',sk:'#d8b080',hc:'#3b82f6',F:1,re:'📜',act:['Gen contract','NDA template','Terms gen','Review']},
|
||||
{n:'Dashboard',rm:'ops',d:'Auto dashboard',p:'Analytics',sk:'#f0d0b0',hc:'#eab308',F:0,re:'📈',act:['Gen dashboard','KPI charts','Auto report','Export']},
|
||||
{n:'Translate',rm:'con',d:'Multi-langue',p:'90KB sacred',sk:'#e8cca0',hc:'#7c3aed',F:1,re:'🌍',act:['Translate FR','Translate AR','Translate EN','Sync i18n']},
|
||||
{n:'DevForge',rm:'dev',d:'Code gen',p:'Full stack',sk:'#d8b080',hc:'#10b981',F:0,re:'🔨',act:['Gen component','API scaffold','DB schema','Test gen']},
|
||||
{n:'Academy',rm:'con',d:'Training',p:'Auto-learn',sk:'#f0d0b0',hc:'#7c3aed',F:1,re:'🎓',act:['Gen training','Quiz create','Onboard flow','Certify']},
|
||||
{n:'SkillsRAG',rm:'plat',d:'4414 skills',p:'Qdrant search',sk:'#f0d0b0',hc:'#0d9488',F:0,re:'🎯',act:['Search skills','Match task','Rank results','Auto-select']},
|
||||
{n:'PromptsLib',rm:'plat',d:'55 prompts',p:'Searchable',sk:'#e8cca0',hc:'#0d9488',F:1,re:'✨',act:['Search prompt','Match context','Enhance','Cache']},
|
||||
{n:'CodeWiki',rm:'plat',d:'203 files',p:'Auto-doc',sk:'#d8b080',hc:'#0d9488',F:0,re:'📖',act:['Index 203 files','Gen docs','Search code','Update wiki']},
|
||||
{n:'AIBench',rm:'plat',d:'182 models',p:'Daily 5h',sk:'#f0d0b0',hc:'#0d9488',F:1,re:'🏆',act:['Bench 182 models','Compare speed','Score accuracy','Leaderboard']},
|
||||
{n:'ModelScope',rm:'plat',d:'4 models',p:'Hub routed',sk:'#e8cca0',hc:'#0d9488',F:0,re:'🔬',act:['Route model','Test infer','Compare','Select best']},
|
||||
{n:'OSSDiscover',rm:'plat',d:'OSS catalog',p:'Scan GitHub',sk:'#d8b080',hc:'#0d9488',F:1,re:'🔭',act:['Scan trending','Evaluate tool','Clone repo','Report']},
|
||||
{n:'GHGrab',rm:'plat',d:'Bulk cloner',p:'/ghgrab.sh',sk:'#f0d0b0',hc:'#0d9488',F:0,re:'📥',act:['Clone repos','Bulk download','Archive','Catalog']},
|
||||
{n:'AgentShield',rm:'plat',d:'Security audit',p:'Secrets scan',sk:'#e8cca0',hc:'#0d9488',F:1,re:'🔍',act:['Scan secrets','Audit code','Check leaks','Report clean']},
|
||||
{n:'Playwright',rm:'qa',d:'Visual tests',p:'41 tests',sk:'#d8b080',hc:'#06b6d4',F:0,re:'🎭',act:['Run 41 tests','Screenshot','Compare baseline','Report']},
|
||||
{n:'OpenWebUI',rm:'dock',d:'Chat :8281',p:'UP healthy',sk:'#f0d0b0',hc:'#0ea5e9',F:0,re:'💬',act:['Serve chat UI','Route models','Auth users','Log convos']},
|
||||
{n:'Flowise',rm:'dock',d:'AI flows :3033',p:'UP',sk:'#e8cca0',hc:'#0ea5e9',F:1,re:'🌊',act:['Build flow','Chain LLMs','API endpoint','Test flow']},
|
||||
{n:'Twenty',rm:'dock',d:'CRM :3000',p:'UP',sk:'#d8b080',hc:'#0ea5e9',F:0,re:'📇',act:['Track deals','Manage contacts','Pipeline CRM','Export data']},
|
||||
{n:'n8n',rm:'dock',d:'15 WF :5678',p:'ACTIVE 15WF',sk:'#f0d0b0',hc:'#0ea5e9',F:1,re:'🔗',act:['Trigger webhook','API chain','Schedule task','Transform']},
|
||||
{n:'Plausible',rm:'dock',d:'Analytics',p:'UP',sk:'#e8cca0',hc:'#0ea5e9',F:0,re:'📈',act:['Track visits','Page views','Dashboard','Export stats']},
|
||||
{n:'UptimeKuma',rm:'dock',d:'Uptime :3001',p:'UP healthy',sk:'#d8b080',hc:'#0ea5e9',F:1,re:'📊',act:['Ping 25 URLs','Alert down','Status page','99.9% SLA']},
|
||||
{n:'Mattermost',rm:'dock',d:'Team chat',p:'UP healthy',sk:'#f0d0b0',hc:'#0ea5e9',F:0,re:'💬',act:['DeerFlow hook','Alert channel','Team collab','Bot webhook']},
|
||||
{n:'SearXNG',rm:'dock',d:'Meta search',p:'UP',sk:'#e8cca0',hc:'#0ea5e9',F:1,re:'🔍',act:['Search proxy','Multi-engine','Privacy','API query']},
|
||||
{n:'Qdrant',rm:'dock',d:'Vector DB',p:'RAG 4935vec Paperclip',sk:'#d8b080',hc:'#0ea5e9',F:0,re:'🧮',act:['Store 4414 vecs','Search similar','RAG embed','Skill index']},
|
||||
{n:'Vaultwarden',rm:'dock',d:'Passwords :8222',p:'UP S95',sk:'#f0d0b0',hc:'#0ea5e9',F:1,re:'🔐',act:['Store secrets','Auto-fill','Share vault','Audit log']},
|
||||
{n:'Loki',rm:'dock',d:'Log aggreg',p:'RESTARTING ⚠️',sk:'#e8cca0',hc:'#0ea5e9',F:0,re:'⚠️',act:['Collect logs','Query Grafana','Alert pattern','BROKEN fix!']},
|
||||
{n:'HolyClaude',rm:'intg',d:'Cloned /opt/',p:'Not wired',sk:'#d8d8d8',hc:'#a1a1aa',F:0,re:'⛪',act:['Évaluer usage','Wire if useful','Test prompts','Décider sort']},
|
||||
{n:'LTX-Video',rm:'ai',d:'Video gen',p:'Needs GPU',sk:'#d8d8d8',hc:'#a1a1aa',F:1,re:'🎬',act:['Évaluer','Need GPU free','API ltx-video','Test gen']},
|
||||
{n:'DeepAgent',rm:'ai',d:'Deep research',p:'API exists',sk:'#d8d8d8',hc:'#a1a1aa',F:0,re:'🕵️',act:['API /deepagent','Test research','Wire chatbot','Activate']},
|
||||
{n:'Claude-Mem',rm:'intg',d:'Memory ext',p:'OSS WIRED',sk:'#d8d8d8',hc:'#a1a1aa',F:1,re:'🧠',act:['Évaluer','Wire memory','Test persist','Decide']},
|
||||
{n:'ClawCode',rm:'intg',d:'78 Skills Sovereign',p:'WIRED :3900',sk:'#d0f0d0',hc:'#22c55e',F:1,gl:1,re:'🧠',act:['78 skills GPT','19 OhMyCC agents','18 ToolsFK','12 prompts','11 Paperclip roles','10 DeerFlow','8 Platform']},
|
||||
{n:'Strix',rm:'sec',d:'Nuclei scan',p:'OSS WIRED',sk:'#d8d8d8',hc:'#a1a1aa',F:0,re:'🦉',act:['Nuclei templates','Scan vuln','Report CVE','Auto-patch']},
|
||||
{n:'Prometheus',rm:'ops',d:'Metrics',p:'OSS WIRED',sk:'#d8d8d8',hc:'#a1a1aa',F:1,re:'📉',act:['Scrape metrics','Grafana dash','Alert rules','Retention']}
|
||||
];
|
||||
|
||||
// Tasks are now per-agent in act[]
|
||||
const HU=26,BASE_RH=60,ROW_ADD=50;
|
||||
AG.forEach(function(a){a.si='sit';a.x=0;a.y=0;a.dx=0;a.dy=0;a.cx=0;a.cy=0;a.bob=Math.random()*6.28;a.wk=0;a.triggered=false;a.alert='';a.alertOn=false;a.wtmr=0;a.dir=1;a.bl=0;a.blt=80+Math.random()*200;a.tk='';a.tkt=0;a.wp=[];a.wpi=0;});
|
||||
|
||||
function rz(){
|
||||
W=innerWidth;var totalNeeded=HU+10;for(var ii=0;ii<DP.length;ii++)totalNeeded+=(typeof deptH==='function'?deptH(ii):60)+3;H=Math.max(innerHeight,totalNeeded);
|
||||
C.width=W*2;C.height=H*2;X.scale(2,2);C.style.height=H+'px';
|
||||
lay();
|
||||
}
|
||||
function oX(){return 4;}
|
||||
function oW(){return Math.floor(W*.35);}
|
||||
function pX(){return Math.floor(W*.38);}
|
||||
function pW(){return Math.floor(W*.42);}
|
||||
function oRect(i){return {x:oX(),y:deptY(i),w:oW(),h:deptH(i)};}
|
||||
function pRect(i){return {x:pX(),y:deptY(i),w:pW(),h:deptH(i)};}
|
||||
|
||||
function lay(){
|
||||
AG.forEach(function(a){
|
||||
var di=DP.findIndex(function(d){return d.id===a.rm;});
|
||||
if(di<0)return;
|
||||
var o=oRect(di);
|
||||
var mates=AG.filter(function(b){return b.rm===a.rm;});
|
||||
var mi=mates.indexOf(a);
|
||||
var cols=Math.min(mates.length,7);
|
||||
var row=Math.floor(mi/cols);
|
||||
var col=mi%cols;
|
||||
var spacing=Math.min(50,(o.w-20)/Math.max(cols,1));
|
||||
var totalW=cols*spacing;
|
||||
a.dx=o.x+(o.w-totalW)/2+col*spacing+spacing/2;
|
||||
var rows2=Math.ceil(mates.length/cols);
|
||||
var totalVH=rows2*48;
|
||||
a.dy=o.y+20+(o.h-totalVH)/2+row*48;
|
||||
if(a.si==='sit'){a.x=a.dx;a.y=a.dy;}
|
||||
var dept=DP[di];
|
||||
var pr=pRect(di);
|
||||
var psi=Math.floor(Math.random()*dept.pp.length);
|
||||
var sw=pr.w/dept.pp.length;
|
||||
a.cx=pr.x+psi*sw+sw/2;
|
||||
a.cy=pr.y+pr.h/2;
|
||||
});
|
||||
}
|
||||
function deptH(i){var cnt=AG.filter(function(a){return a.rm===DP[i].id;}).length;var rows=Math.ceil(cnt/Math.max(Math.min(cnt,5),1));return BASE_RH+rows*ROW_ADD;}
|
||||
function deptY(i){var y=HU+4;for(var j=0;j<i;j++)y+=deptH(j)+3;return y;}
|
||||
addEventListener('resize',rz);rz();
|
||||
|
||||
// DRAW OFFICE (left)
|
||||
function drawOff(i){
|
||||
var r=oRect(i),d=DP[i],cl=d.cl,fl=d.fl;
|
||||
X.fillStyle='#0001';X.beginPath();X.roundRect(r.x+3,r.y+3,r.w,r.h,8);X.fill();
|
||||
var g=X.createLinearGradient(r.x,r.y,r.x,r.y+r.h);g.addColorStop(0,fl);g.addColorStop(1,fl+'bb');
|
||||
X.fillStyle=g;X.beginPath();X.roundRect(r.x,r.y,r.w,r.h,8);X.fill();
|
||||
X.strokeStyle=cl+'70';X.lineWidth=2;X.beginPath();X.roundRect(r.x,r.y,r.w,r.h,8);X.stroke();
|
||||
X.fillStyle=cl;X.beginPath();X.roundRect(r.x,r.y,5,r.h,[8,0,0,8]);X.fill();
|
||||
X.font='900 12px Nunito';X.fillStyle=cl;X.textAlign='left';X.fillText(d.l,r.x+6,r.y+14);
|
||||
// Agent count badge
|
||||
var cnt=AG.filter(function(a){return a.rm===d.id;}).length;
|
||||
var acnt=AG.filter(function(a){return a.rm===d.id&&a.si!=='sit';}).length;
|
||||
var bx=r.x+X.measureText(d.l).width+12;
|
||||
X.fillStyle=acnt>0?'#22c55e30':'#64748b20';X.beginPath();X.roundRect(bx,r.y+4,22,14,7);X.fill();
|
||||
X.font='800 8px JetBrains Mono';X.fillStyle=acnt>0?'#22c55e':'#64748b';X.fillText(cnt,bx+11,r.y+14);
|
||||
// Status dot
|
||||
X.fillStyle=acnt>0?'#22c55e':'#94a3b8';X.beginPath();X.arc(r.x+r.w-10,r.y+10,4,0,6.28);X.fill();
|
||||
if(acnt>0){X.fillStyle='#22c55e40';X.beginPath();X.arc(r.x+r.w-10,r.y+10,7+Math.sin(fr*.1)*2,0,6.28);X.fill();}
|
||||
// Door on right
|
||||
var dy=r.y+r.h/2;
|
||||
X.fillStyle='#fff';X.beginPath();X.roundRect(r.x+r.w-1,dy-6,5,12,[0,3,3,0]);X.fill();
|
||||
X.strokeStyle=cl;X.lineWidth=1;X.beginPath();X.roundRect(r.x+r.w-1,dy-6,5,12,[0,3,3,0]);X.stroke();
|
||||
X.fillStyle=cl;X.beginPath();X.arc(r.x+r.w+2.5,dy,1,0,6.28);X.fill();
|
||||
}
|
||||
|
||||
// DRAW PIPELINE (right)
|
||||
function drawPipe(i){
|
||||
var r=pRect(i),d=DP[i],cl=d.cl;
|
||||
X.fillStyle='#f4f6fc';X.beginPath();X.roundRect(r.x,r.y,r.w,r.h,8);X.fill();
|
||||
X.strokeStyle=cl+'30';X.lineWidth=1;X.beginPath();X.roundRect(r.x,r.y,r.w,r.h,8);X.stroke();
|
||||
var by=r.y+r.h/2;
|
||||
// Pipeline background gradient
|
||||
var pbg=X.createLinearGradient(r.x,r.y,r.x+r.w,r.y);
|
||||
pbg.addColorStop(0,cl+'08');pbg.addColorStop(0.5,cl+'15');pbg.addColorStop(1,cl+'08');
|
||||
X.fillStyle=pbg;X.fillRect(r.x+3,r.y+3,r.w-6,r.h-6);
|
||||
X.fillStyle=cl+'12';X.beginPath();X.roundRect(r.x+3,by-4,r.w-6,8,3);X.fill();
|
||||
// Animated flow dots on track
|
||||
var flowX=(fr*0.5+i*100)%(r.w-20);
|
||||
X.fillStyle=cl+'40';X.beginPath();X.arc(r.x+10+flowX,by,3,0,6.28);X.fill();
|
||||
X.fillStyle=cl+'25';X.beginPath();X.arc(r.x+10+(flowX+15)%(r.w-20),by,2,0,6.28);X.fill();
|
||||
var sw=r.w/d.pp.length;
|
||||
d.pp.forEach(function(s,j){
|
||||
var sx=r.x+j*sw+sw/2;
|
||||
X.fillStyle='#fff';X.beginPath();X.arc(sx,by,11,0,6.28);X.fill();
|
||||
X.fillStyle=cl+'25';X.beginPath();X.arc(sx,by,11,0,6.28);X.fill();
|
||||
X.strokeStyle=cl;X.lineWidth=1.5;X.beginPath();X.arc(sx,by,11,0,6.28);X.stroke();
|
||||
X.fillStyle=cl;X.beginPath();X.arc(sx,by,4,0,6.28);X.fill();
|
||||
X.font='800 7px Nunito';X.fillStyle=cl;X.textAlign='center';X.fillText(s,sx,by+18);
|
||||
// Stage number inside circle
|
||||
X.font='bold 8px JetBrains Mono';X.fillStyle='#fff';X.textBaseline='middle';X.fillText(j+1,sx,by);X.textBaseline='alphabetic';
|
||||
if(j<d.pp.length-1){
|
||||
// Animated arrow between stages
|
||||
var ax=sx+sw/2;
|
||||
X.fillStyle=cl+'50';X.beginPath();X.moveTo(ax-4,by-3);X.lineTo(ax+4,by);X.lineTo(ax-4,by+3);X.closePath();X.fill();
|
||||
}
|
||||
});
|
||||
X.font='800 8px Nunito';X.fillStyle=cl+'90';X.textAlign='right';X.fillText('PIPELINE',r.x+r.w-4,r.y+9);
|
||||
}
|
||||
|
||||
// WALKWAY between office and pipeline
|
||||
function outX(){return pX()+pW()+8;}
|
||||
function outW(){return Math.floor(W*.12);}
|
||||
function outRect(i){return {x:outX(),y:deptY(i),w:outW(),h:deptH(i)};}
|
||||
|
||||
function drawOut(i){
|
||||
var r=outRect(i),d=DP[i],cl=d.cl;
|
||||
var o=OUT[d.id];if(!o)return;
|
||||
// Background
|
||||
var g=X.createLinearGradient(r.x,r.y,r.x+r.w,r.y+r.h);
|
||||
g.addColorStop(0,'#f8fafc');g.addColorStop(1,'#f0f4f8');
|
||||
X.fillStyle=g;X.beginPath();X.roundRect(r.x,r.y,r.w,r.h,8);X.fill();
|
||||
X.strokeStyle=cl+'40';X.lineWidth=1;X.beginPath();X.roundRect(r.x,r.y,r.w,r.h,8);X.stroke();
|
||||
// Right color bar
|
||||
X.fillStyle=cl;X.beginPath();X.roundRect(r.x+r.w-4,r.y,4,r.h,[0,8,8,0]);X.fill();
|
||||
// Header
|
||||
X.font='800 7px Nunito';X.fillStyle=cl;X.textAlign='center';
|
||||
X.fillText('OUTPUT',r.x+r.w/2,r.y+10);
|
||||
// Date removed (was confusing 2/4 = 2 avril)
|
||||
// Icon
|
||||
X.font='14px sans-serif';X.fillText(o.icon,r.x+r.w/2,r.y+r.h/2-5);
|
||||
// Metric (big)
|
||||
X.font='900 10px JetBrains Mono';
|
||||
var mColor=o.metric.includes('TODO')||o.metric.includes('-45')||o.metric.includes('wait')?'#ef4444':
|
||||
o.metric.includes('OK')||o.metric.includes('99')||o.metric.includes('+')?'#22c55e':'#3b82f6';
|
||||
X.fillStyle=mColor;X.fillText(o.metric,r.x+r.w/2,r.y+r.h/2+10);
|
||||
// Input line
|
||||
// Capacity bar
|
||||
var capPct=70+Math.sin(i*.7)*20;// simulated capacity usage
|
||||
X.fillStyle='#e2e8f0';X.beginPath();X.roundRect(r.x+6,r.y+r.h-28,r.w-12,5,2);X.fill();
|
||||
var barColor=capPct>80?'#ef4444':capPct>50?'#f59e0b':'#22c55e';
|
||||
X.fillStyle=barColor;X.beginPath();X.roundRect(r.x+6,r.y+r.h-28,Math.min(capPct,100)/100*(r.w-12),5,2);X.fill();
|
||||
X.font='600 4.5px JetBrains Mono';X.fillStyle=barColor;X.textAlign='right';
|
||||
X.fillText(Math.round(capPct)+'%',r.x+r.w-6,r.y+r.h-30);X.textAlign='center';
|
||||
// Input/Output
|
||||
X.font='600 5px Nunito';X.fillStyle='#64748b';
|
||||
X.fillText(o.input,r.x+r.w/2,r.y+r.h-18);
|
||||
X.fillStyle='#2a2a4a';X.font='700 5px Nunito';
|
||||
X.fillText(o.output,r.x+r.w/2,r.y+r.h-10);
|
||||
}
|
||||
|
||||
function drawWalk(){
|
||||
DP.forEach(function(d,i){
|
||||
var o=oRect(i),p=pRect(i),ym=o.y+o.h/2;
|
||||
// Walkway with animated dashes
|
||||
var wx1=o.x+o.w+2,wx2=p.x-4,wy=ym;
|
||||
X.fillStyle='#d8e4f0';X.beginPath();X.roundRect(wx1,wy-4,wx2-wx1,8,3);X.fill();
|
||||
X.strokeStyle=d.cl+'60';X.lineWidth=1;X.setLineDash([6,4]);X.lineDashOffset=-fr*0.3;
|
||||
X.beginPath();X.moveTo(wx1+4,wy);X.lineTo(wx2-4,wy);X.stroke();X.setLineDash([]);
|
||||
// Arrow
|
||||
X.fillStyle=d.cl+'80';X.beginPath();X.moveTo(wx2-8,wy-4);X.lineTo(wx2,wy);X.lineTo(wx2-8,wy+4);X.closePath();X.fill();
|
||||
// Arrow from pipeline to output
|
||||
var or2=outRect(i);var ox1=p.x+p.w+2,ox2=or2.x-2;
|
||||
X.fillStyle='#d8e4f0';X.beginPath();X.roundRect(ox1,wy-3,ox2-ox1,6,2);X.fill();
|
||||
X.fillStyle=d.cl+'60';X.beginPath();X.moveTo(ox2-6,wy-3);X.lineTo(ox2,wy);X.lineTo(ox2-6,wy+3);X.closePath();X.fill();
|
||||
X.strokeStyle='#e0d050';X.lineWidth=.5;X.setLineDash([3,4]);
|
||||
X.beginPath();X.moveTo(o.x+o.w+8,ym);X.lineTo(p.x-4,ym);X.stroke();X.setLineDash([]);
|
||||
X.fillStyle='#b0c0d860';X.font='7px sans-serif';X.textAlign='center';
|
||||
X.fillText('→',(o.x+o.w+p.x)/2,ym+2);
|
||||
});
|
||||
}
|
||||
|
||||
// CHARACTER (emoji-based HD)
|
||||
function drawC(a){
|
||||
var isH=a===hov,sit=a.si==='sit',sc=isH?1.2:1;
|
||||
var bob=sit?0:Math.sin(a.bob)*1.5;
|
||||
var di=DP.findIndex(function(d){return d.id===a.rm;});
|
||||
var cl=di>=0?DP[di].cl:'#888';
|
||||
X.save();X.translate(a.x,a.y+bob);X.scale(sc,sc);
|
||||
if(isH){X.shadowColor=cl;X.shadowBlur=12;}
|
||||
// Shadow
|
||||
X.fillStyle='#00000018';X.beginPath();X.ellipse(0,sit?5:10,7,2.5,0,0,6.28);X.fill();
|
||||
// Body (colored pill)
|
||||
var bg=X.createLinearGradient(-5,-4,5,4);bg.addColorStop(0,cl);bg.addColorStop(1,cl+'99');
|
||||
X.fillStyle=bg;X.beginPath();X.roundRect(-6,-5,12,10,[5,5,2,2]);X.fill();
|
||||
X.fillStyle='#ffffff20';X.beginPath();X.roundRect(-4,-4,4,7,[2,0,0,2]);X.fill();
|
||||
// Legs (walking)
|
||||
if(!sit){
|
||||
var lsw=Math.sin(a.wk)*3;
|
||||
X.fillStyle=cl+'bb';
|
||||
X.save();X.translate(-2.5,4);X.rotate(lsw*.04);X.beginPath();X.roundRect(-1.5,0,3,7,1.5);X.fill();X.restore();
|
||||
X.save();X.translate(2.5,4);X.rotate(-lsw*.04);X.beginPath();X.roundRect(-1.5,0,3,7,1.5);X.fill();X.restore();
|
||||
X.fillStyle='#fff';
|
||||
X.beginPath();X.ellipse(-2.5+lsw*.1,11,2.5,1.2,0,0,6.28);X.fill();
|
||||
X.beginPath();X.ellipse(2.5-lsw*.1,11,2.5,1.2,0,0,6.28);X.fill();
|
||||
}
|
||||
// Arms
|
||||
X.fillStyle=a.sk;
|
||||
var asw=sit?0:Math.sin(a.wk+.5)*.15;
|
||||
X.save();X.translate(-7,-1);X.rotate(sit?.2:asw);X.beginPath();X.roundRect(-1.5,0,3,sit?4:7,1.5);X.fill();X.restore();
|
||||
X.save();X.translate(7,-1);X.rotate(sit?-.2:-asw);X.beginPath();X.roundRect(-1.5,0,3,sit?4:7,1.5);X.fill();X.restore();
|
||||
// HEAD — use emoji face for HD quality
|
||||
X.font='22px sans-serif';X.textAlign='center';X.textBaseline='middle';
|
||||
X.fillText(a.re||'👤',0,-14);
|
||||
// Name
|
||||
X.textBaseline='alphabetic';
|
||||
X.font=(isH?'800':'600')+' '+(isH?7:5.5)+'px Nunito';
|
||||
X.fillStyle=isH?'#2a2a4a':a.si!=='sit'?cl:'#6a7a98';
|
||||
X.textAlign='center';X.fillText(a.n,0,sit?14:20);
|
||||
// Active dot
|
||||
if(a.si!=='sit'){
|
||||
X.fillStyle=cl+'40';X.beginPath();X.arc(0,-28,5+Math.sin(fr*.15)*2,0,6.28);X.fill();
|
||||
X.fillStyle=cl;X.beginPath();X.arc(0,-28,3,0,6.28);X.fill();
|
||||
}
|
||||
// Task bubble
|
||||
if(a.tkt>0){
|
||||
X.globalAlpha=Math.min(a.tkt/6,1);
|
||||
var tw2=Math.min(a.tk.length*5+16,180);
|
||||
var by2=a.si==='sit'?20:26;
|
||||
// Speech bubble BELOW agent
|
||||
X.fillStyle='#ffffffee';X.shadowColor='#00000020';X.shadowBlur=6;
|
||||
X.strokeStyle='#3b82f680';X.lineWidth=1;
|
||||
X.beginPath();X.roundRect(-tw2/2,by2,tw2,34,8);X.fill();X.stroke();X.shadowBlur=0;
|
||||
// Triangle pointing UP to agent
|
||||
X.fillStyle='#ffffffee';X.beginPath();X.moveTo(-4,by2);X.lineTo(4,by2);X.lineTo(0,by2-5);X.closePath();X.fill();
|
||||
// Action text
|
||||
// Line 1: action
|
||||
X.font='700 7px Nunito';X.fillStyle='#1e40af';X.textAlign='center';X.textBaseline='middle';
|
||||
X.fillText(a.tk,0,by2+7);
|
||||
// Line 2: freq
|
||||
var meta=AMETA[a.n]||{};
|
||||
var fr2=meta.fq||FREQ_DEF[a.rm]||'';
|
||||
X.font='600 5.5px Nunito';X.fillStyle='#94a3b8';
|
||||
X.fillText('⏱ '+fr2,0,by2+16);
|
||||
// Line 3: input
|
||||
if(meta.inp){
|
||||
X.font='600 5px Nunito';X.fillStyle='#64748b';
|
||||
X.fillText('📥 '+meta.inp,0,by2+24);
|
||||
}
|
||||
X.textBaseline='alphabetic';X.globalAlpha=1;
|
||||
}
|
||||
// ALERT: compact red badge
|
||||
if(a.alertOn&&a.alert){
|
||||
X.shadowColor='#ef4444';X.shadowBlur=6+Math.sin(fr*.15)*3;
|
||||
X.fillStyle='#ef444420';X.beginPath();X.arc(0,-14,14,0,6.28);X.fill();
|
||||
X.shadowBlur=0;
|
||||
X.fillStyle='#ef4444';X.beginPath();X.arc(12,-22,6,0,6.28);X.fill();
|
||||
X.font='bold 8px sans-serif';X.fillStyle='#fff';X.textAlign='center';X.textBaseline='middle';
|
||||
X.fillText('!',12,-22);X.textBaseline='alphabetic';
|
||||
var atxt=a.alert.length>16?a.alert.substring(0,16):a.alert;
|
||||
var aw3=Math.min(atxt.length*5+14,110);
|
||||
X.fillStyle='#fef2f2ee';X.strokeStyle='#fca5a5';X.lineWidth=1;
|
||||
X.beginPath();X.roundRect(-aw3/2,-42,aw3,15,4);X.fill();X.stroke();
|
||||
X.font='600 7px JetBrains Mono';X.fillStyle='#dc2626';X.textAlign='center';X.textBaseline='middle';
|
||||
X.fillText(atxt,0,-34.5);X.textBaseline='alphabetic';
|
||||
}
|
||||
X.restore();
|
||||
}
|
||||
// PATH
|
||||
function mkP(a){
|
||||
var di=DP.findIndex(function(d){return d.id===a.rm;});
|
||||
if(di<0)return[];
|
||||
var o=oRect(di),ym=o.y+o.h/2;
|
||||
return[{x:o.x+o.w+6,y:ym},{x:a.cx,y:a.cy}];
|
||||
}
|
||||
function mkR(a){
|
||||
var di=DP.findIndex(function(d){return d.id===a.rm;});
|
||||
if(di<0)return[];
|
||||
var o=oRect(di),ym=o.y+o.h/2;
|
||||
return[{x:o.x+o.w+6,y:ym},{x:a.dx,y:a.dy}];
|
||||
}
|
||||
|
||||
// UPDATE
|
||||
function upd(dt){fr++;var ac=0;
|
||||
AG.forEach(function(a){
|
||||
a.bob+=dt*(a.si==='sit'?1:4);a.blt-=dt*60;
|
||||
if(a.blt<=0){a.bl=4;a.blt=80+Math.random()*200;}
|
||||
if(a.bl>0)a.bl-=dt*60;if(a.tkt>0)a.tkt-=dt*3;
|
||||
if(a.si==='sit'){
|
||||
if(a.triggered){a.triggered=false;a.alert='';a.alertOn=false;a.wp=mkP(a);a.wpi=0;a.si='go';a.wk=0;a.tkt=60;}
|
||||
}else if(a.si==='go'){a.wk+=dt*6;ac++;
|
||||
if(a.wpi<a.wp.length){var w=a.wp[a.wpi],dx=w.x-a.x,dy=w.y-a.y,d=Math.sqrt(dx*dx+dy*dy);
|
||||
if(d>1.5){a.x+=dx/d*55*dt;a.y+=dy/d*55*dt;a.dir=dx>0?1:-1;}else a.wpi++;}
|
||||
else{a.si='work';a.wtmr=80;}
|
||||
}else if(a.si==='work'){a.wk+=dt*2;ac++;a.wtmr-=dt*60;
|
||||
if(a.wtmr<=0){a.wp=mkR(a);a.wpi=0;a.si='back';tc++;}
|
||||
}else if(a.si==='back'){a.wk+=dt*6;ac++;
|
||||
if(a.wpi<a.wp.length){var w2=a.wp[a.wpi],dx2=w2.x-a.x,dy2=w2.y-a.y,d2=Math.sqrt(dx2*dx2+dy2*dy2);
|
||||
if(d2>1.5){a.x+=dx2/d2*55*dt;a.y+=dy2/d2*55*dt;a.dir=dx2>0?1:-1;}else a.wpi++;}
|
||||
else{a.si='sit';a.x=a.dx;a.y=a.dy;a.dir=1;}
|
||||
}
|
||||
});
|
||||
// Legend
|
||||
if(fr===1){
|
||||
X.fillStyle='#ffffff90';X.beginPath();X.roundRect(W-320,2,310,22,4);X.fill();
|
||||
X.font='600 7px Nunito';X.textAlign='left';
|
||||
var lx=W-315;
|
||||
[['🟢','Actif','#22c55e'],['🔴','Alerte','#ef4444'],['🟠','To Wire','#f97316'],['🟡','Integrate','#84cc16'],['🐳','Docker','#0ea5e9'],['💤','Dormant','#a1a1aa'],['💀','Dead','#64748b']].forEach(function(l){
|
||||
X.fillStyle=l[2];X.fillText(l[0]+' '+l[1],lx,16);lx+=44;
|
||||
});
|
||||
}
|
||||
document.getElementById('hud-time').textContent=new Date().toLocaleTimeString();
|
||||
document.getElementById('st').textContent='\u{1F465}'+AG.length+'/150'+' \u{1F7E2}'+ac+' \u{1F4E6}'+tc+' \u{1F534}LIVE';
|
||||
}
|
||||
function alertAgent(name,msg){
|
||||
var a=AG.find(function(x){return x.n===name;});
|
||||
if(a){a.alert=msg;a.alertOn=true;}
|
||||
}
|
||||
function trig(name,action){var a=AG.find(function(x){return x.n===name;});if(a&&a.si==='sit'){a.triggered=true;a.tk=action;}return !!a;}
|
||||
function trigD(dept,action){var aa=AG.filter(function(x){return x.rm===dept&&x.si==='sit';});if(aa.length){var a=aa[~~(Math.random()*aa.length)];a.triggered=true;a.tk=action;}}
|
||||
var lastRT=0;
|
||||
function realTime(t){
|
||||
if(t-lastRT<10000)return;lastRT=t;
|
||||
var h=new Date().getHours(),m=new Date().getMinutes();
|
||||
// Realtime monitor check
|
||||
if(m%5===0){trig('EthicaCron','Drip DZ+MA+TN');trigD('pha','Ethica drip');}
|
||||
if(h%4===0&&m<2)trig('B2BCron','B2B scrape');
|
||||
if((h===6||h===18)&&m<2){trig('NonRegCron','153 tests');trig('QA','NonReg run');}
|
||||
if(h===4&&m<2)trig('BackupCron','PG backup');
|
||||
if(m%3===0)trig('Watchdog','Check */3min');
|
||||
if(h===7&&m<2){trig('CEO','Daily brief');trig('TaskMgr','Status report');}
|
||||
if(h>=9&&h<=18){
|
||||
if(Math.random()<0.25)trigD('dev','Commit push');
|
||||
if(Math.random()<0.12)trigD('con','Client call');
|
||||
if(Math.random()<0.08)trigD('sec','Security scan');
|
||||
if(Math.random()<0.15)trigD('ops','Monitor check');
|
||||
if(Math.random()<0.1)trigD('sal','New lead');
|
||||
}
|
||||
if(Math.random()<0.12)trigD('dock','Container check');
|
||||
if(Math.random()<0.15)trigD('ai','AI request');
|
||||
// Static alerts for known issues
|
||||
alertAgent('S88 GPU','💀 GPU MORT — annuler Hetzner -45€/mois');
|
||||
alertAgent('S89','⚰️ SERVEUR DOWN — port 49222 inaccessible');
|
||||
alertAgent('ECS PMTA','❓ STATUS INCONNU — à vérifier');
|
||||
alertAgent('Loki','⚠️ RESTARTING — container en boucle');
|
||||
// Check Stripe/WhatsApp/OVH SMS missing creds
|
||||
alertAgent('Stripe','🔴 SK live MANQUANTE — dashboard.stripe.com');
|
||||
alertAgent('WhatsApp','🔴 TOKEN MANQUANT');
|
||||
alertAgent('OVH SMS','🔴 CREDS MANQUANTES');
|
||||
alertAgent('Azure AD','🔴 3 tenants EXPIRÉS — re-register');
|
||||
alertAgent('Gemini','🔴 API DISABLED — activer aistudio.google.com');
|
||||
}
|
||||
function hit(){
|
||||
hov=null;
|
||||
AG.forEach(function(a){if(Math.abs(mx-a.x)<8&&Math.abs(my-a.y)<14)hov=a;});
|
||||
if(hov){
|
||||
TT.style.display='block';
|
||||
TT.style.left=Math.min(mx+12,W-220)+'px';
|
||||
TT.style.top=Math.max(my-120,10)+'px';
|
||||
var dd=DP.find(function(d){return d.id===hov.rm;});
|
||||
TT.style.borderColor=dd?dd.cl:'#888';
|
||||
TT.querySelector('b').textContent=hov.n+(hov.F?' 👩':' 👨');
|
||||
TT.querySelector('i').textContent=dd?dd.l:'';
|
||||
TT.querySelector('i').style.color=dd?dd.cl:'';
|
||||
TT.querySelector('.d').textContent=hov.d;
|
||||
TT.querySelector('.p').textContent='→ '+hov.p;
|
||||
var sm={sit:'💤 Bureau',go:'🚶→ Pipeline',work:'⚙️ Produit',back:'✅ Retour'};
|
||||
TT.querySelector('.s').textContent=sm[hov.si]||'';
|
||||
TT.querySelector('.s').style.color=hov.si==='sit'?'#94a3b8':'#16a34a';
|
||||
} else {TT.style.display='none';}
|
||||
}
|
||||
|
||||
var lt=0;
|
||||
function loop(t){
|
||||
var dt=Math.min((t-lt)/1000,.04);lt=t;
|
||||
X.fillStyle='#e4ecf6';X.fillRect(0,0,W,H);realTime(t);
|
||||
drawWalk();
|
||||
for(var i=0;i<DP.length;i++){drawOff(i);drawPipe(i);drawOut(i);}
|
||||
upd(dt);
|
||||
var sorted=AG.slice().sort(function(a,b){return a.y-b.y;});
|
||||
sorted.forEach(function(a){drawC(a);});
|
||||
hit();
|
||||
requestAnimationFrame(loop);
|
||||
}
|
||||
|
||||
|
||||
C.addEventListener('click',function(e){
|
||||
var cx2=e.clientX,cy2=e.clientY;
|
||||
AG.forEach(function(a){
|
||||
if(Math.abs(cx2-a.x)<12&&Math.abs(cy2-a.y)<18&&a.alertOn){
|
||||
a.alertOn=false;a.alert='';
|
||||
}
|
||||
});
|
||||
});
|
||||
C.addEventListener('click',function(ev){
|
||||
var ex=ev.clientX,ey=ev.clientY+window.scrollY;
|
||||
var clicked=null;
|
||||
AG.forEach(function(a){if(Math.abs(ex-a.x)<15&&Math.abs(ey-a.y)<25)clicked=a;});
|
||||
if(clicked){
|
||||
if(clicked.alertOn){clicked.alertOn=false;clicked.alert='';return;}
|
||||
var dd2=DP.find(function(d){return d.id===clicked.rm;})||{};
|
||||
var meta2=AMETA[clicked.n]||{};
|
||||
var out3=OUT[clicked.rm]||{};
|
||||
var sm2={sit:'En attente',go:'Vers pipeline',work:'En action',back:'Retour bureau'};
|
||||
var oldP=document.getElementById('agent-panel');if(oldP)oldP.remove();
|
||||
var panel=document.createElement('div');
|
||||
panel.id='agent-panel';
|
||||
panel.style.cssText='position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;padding:20px;min-width:340px;max-width:440px;box-shadow:0 12px 40px #0004;z-index:200;font-family:Nunito,sans-serif';
|
||||
var sC=clicked.si!=='sit'?'#16a34a':'#64748b';
|
||||
var h3='<div style="display:flex;justify-content:space-between;align-items:center">';
|
||||
h3+='<div style="font-size:1.4rem;font-weight:900;color:'+(dd2.cl||'#333')+'">'+clicked.re+' '+clicked.n+'<\/div>';
|
||||
h3+='<div style="cursor:pointer;font-size:1.5rem;color:#94a3b8;padding:4px 8px" onclick="this.parentElement.parentElement.remove()">X<\/div><\/div>';
|
||||
h3+='<div style="font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:1.5px;margin:4px 0 10px;padding-bottom:8px;border-bottom:2px solid '+(dd2.cl||'#e2e8f0')+'">'+(dd2.l||'')+'<\/div>';
|
||||
h3+='<div style="display:inline-block;padding:4px 12px;border-radius:6px;font-size:.72rem;font-weight:800;background:#f8fafc;color:'+sC+'">'+(sm2[clicked.si]||clicked.si)+'<\/div>';
|
||||
h3+='<div style="font-size:.85rem;color:#1e293b;font-weight:700;margin:8px 0 4px">'+clicked.d+'<\/div>';
|
||||
h3+='<div style="font-size:.78rem;color:#475569;margin-bottom:10px">'+clicked.p+'<\/div>';
|
||||
h3+='<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px">';
|
||||
h3+='<div style="background:#f0f9ff;border-radius:8px;padding:8px;text-align:center"><div style="font-size:.55rem;color:#94a3b8;text-transform:uppercase">Frequence<\/div><div style="font-size:.82rem;font-weight:800;color:#1e40af">'+(meta2.fq||'N/A')+'<\/div><\/div>';
|
||||
h3+='<div style="background:#f0fdf4;border-radius:8px;padding:8px;text-align:center"><div style="font-size:.55rem;color:#94a3b8;text-transform:uppercase">Output<\/div><div style="font-size:.82rem;font-weight:800;color:#16a34a">'+(out3.metric||'~')+'<\/div><\/div>';
|
||||
h3+='<\/div>';
|
||||
if(meta2.inp)h3+='<div style="font-size:.72rem;color:#3b82f6;margin:3px 0">\u{1F4E5} '+meta2.inp+'<\/div>';
|
||||
if(out3.output)h3+='<div style="font-size:.72rem;color:#16a34a;margin:3px 0">\u{1F4E4} '+out3.output+'<\/div>';
|
||||
if(out3.kpi)h3+='<div style="font-size:.72rem;color:#64748b;margin:3px 0">\u{1F4CA} '+out3.kpi+'<\/div>';
|
||||
h3+='<div style="margin-top:10px;padding-top:8px;border-top:1px solid #f1f5f9"><div style="font-size:.55rem;color:#94a3b8;text-transform:uppercase;margin-bottom:4px">Actions<\/div>';
|
||||
(clicked.act||[]).forEach(function(ac){h3+='<span style="display:inline-block;background:#eff6ff;color:#2563eb;padding:2px 8px;border-radius:4px;font-size:.65rem;margin:2px;font-weight:600">'+ac+'<\/span>';});
|
||||
h3+='<\/div>';
|
||||
panel.innerHTML=h3;
|
||||
document.body.appendChild(panel);
|
||||
return;
|
||||
}
|
||||
// OUTPUT PANEL CLICK → modal with deliverables + download
|
||||
for(var oi=0;oi<DP.length;oi++){
|
||||
var or3=outRect(oi);
|
||||
if(ex>=or3.x&&ex<=or3.x+or3.w&&ey>=or3.y&&ey<=or3.y+or3.h){
|
||||
var d3=DP[oi],o3=OUT[d3.id];if(!o3)break;
|
||||
var ags=AG.filter(function(a){return a.rm===d3.id;});
|
||||
var oldP2=document.getElementById('agent-panel');if(oldP2)oldP2.remove();
|
||||
var p2=document.createElement('div');p2.id='agent-panel';
|
||||
p2.style.cssText='position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;padding:24px;min-width:420px;max-width:520px;max-height:80vh;overflow-y:auto;box-shadow:0 12px 40px #0004;z-index:200;font-family:Nunito,sans-serif';
|
||||
var h4='<div style="display:flex;justify-content:space-between"><div style="font-size:1.3rem;font-weight:900;color:'+(d3.cl||'#333')+'">'+d3.l+' \u2014 Output<\/div>';
|
||||
h4+='<div style="cursor:pointer;font-size:1.5rem;color:#94a3b8;padding:2px 8px" onclick="this.parentElement.parentElement.remove()">X<\/div><\/div>';
|
||||
h4+='<div style="font-size:2.2rem;font-weight:900;color:#16a34a;margin:10px 0">'+(o3.metric||'')+'<\/div>';
|
||||
h4+='<div style="font-size:.82rem;color:#475569;margin-bottom:12px">'+(o3.input||'')+' \u2192 '+(o3.output||'')+'<\/div>';
|
||||
h4+='<div style="font-size:.72rem;color:#64748b;margin-bottom:8px">\u{1F4CA} KPI: '+(o3.kpi||'N/A')+'<\/div>';
|
||||
if(o3.deliverables&&o3.deliverables.length){
|
||||
h4+='<div style="background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:12px;margin:12px 0">';
|
||||
h4+='<div style="font-weight:800;font-size:.72rem;color:#16a34a;margin-bottom:8px">\u{1F4E6} LIVRABLES REELS<\/div>';
|
||||
o3.deliverables.forEach(function(dl){
|
||||
h4+='<div style="font-size:.72rem;color:#15803d;padding:3px 0;display:flex;align-items:center;gap:6px">\u2705 '+dl+'<\/div>';
|
||||
});
|
||||
h4+='<\/div>';
|
||||
}
|
||||
h4+='<div style="font-size:.68rem;color:#94a3b8;margin:8px 0">'+ags.length+' agents dans ce departement<\/div>';
|
||||
h4+='<table style="width:100%;border-collapse:collapse;font-size:.68rem;margin:8px 0">';
|
||||
h4+='<tr style="background:#f8fafc"><th style="padding:4px 8px;text-align:left;border-bottom:1px solid #e2e8f0">Agent<\/th><th style="padding:4px;border-bottom:1px solid #e2e8f0">Role<\/th><th style="padding:4px;border-bottom:1px solid #e2e8f0">Freq<\/th><\/tr>';
|
||||
ags.forEach(function(a){var m=AMETA[a.n]||{};h4+='<tr><td style="padding:3px 8px;font-weight:700">'+a.re+' '+a.n+'<\/td><td style="padding:3px 4px">'+a.d+'<\/td><td style="padding:3px 4px;font-family:monospace;font-size:.6rem">'+(m.fq||'-')+'<\/td><\/tr>';});
|
||||
h4+='<\/table>';
|
||||
// Download CSV button
|
||||
h4+='<div style="display:flex;gap:8px;margin-top:12px">';
|
||||
h4+='<button style="background:#2563eb;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:700;font-size:.75rem" onclick="(function(){var csv=\'Agent,Role,Freq\\n\';document.querySelectorAll(\'#agent-panel table tr\').forEach(function(r,i){if(i===0)return;var c=r.querySelectorAll(\'td\');csv+=c[0].textContent+\',\'+c[1].textContent+\',\'+c[2].textContent+\'\\n\'});csv+=\'\\nMetric,'+(o3.metric||'')+'\\n\';csv+=\'Output,'+(o3.output||'')+'\\n\';';
|
||||
if(o3.deliverables)o3.deliverables.forEach(function(dl){h4+='csv+=\'Livrable,'+dl.replace(/'/g,'')+'\\n\';';});
|
||||
h4+='var b=new Blob([csv],{type:\'text/csv\'});var u=URL.createObjectURL(b);var l=document.createElement(\'a\');l.href=u;l.download=\'weval-'+d3.id+'-output.csv\';l.click();})()">\u{1F4E5} CSV<\/button>';
|
||||
h4+='<button style="background:#64748b;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:700;font-size:.75rem" onclick="this.closest(\'[id]\').remove()">Fermer<\/button>';
|
||||
h4+='<\/div>';
|
||||
p2.innerHTML=h4;document.body.appendChild(p2);
|
||||
return;
|
||||
}
|
||||
}
|
||||
AG.forEach(function(a){if(Math.abs(ex-a.x)<15&&Math.abs(ey-a.y)<25&&a.alertOn){a.alertOn=false;a.alert='';}});
|
||||
});
|
||||
C.addEventListener('mousemove',function(e){mx=e.clientX;my=e.clientY+window.scrollY;C.style.cursor=hov?'pointer':'default';});
|
||||
C.addEventListener('mouseleave',function(){mx=my=-1;});
|
||||
requestAnimationFrame(loop);
|
||||
</script><!-- CARTO_REMOVED -->
|
||||
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN v1 19avr — append-only, doctrine #14 === -->
|
||||
<script>
|
||||
(function(){
|
||||
if (window.__opusUniversalDrill) return; window.__opusUniversalDrill = true;
|
||||
var d = document;
|
||||
var m = d.createElement('div');
|
||||
m.id = 'opus-udrill';
|
||||
m.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.82);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:99995;padding:20px;cursor:pointer';
|
||||
var inner = d.createElement('div');
|
||||
inner.id = 'opus-udrill-in';
|
||||
inner.style.cssText = 'max-width:900px;width:100%;max-height:90vh;overflow:auto;background:#0b0d15;border:1px solid rgba(99,102,241,0.35);border-radius:14px;padding:28px;cursor:default;box-shadow:0 20px 60px rgba(0,0,0,0.6);color:#e2e8f0;font:14px/1.55 Inter,system-ui,sans-serif';
|
||||
inner.addEventListener('click', function(e){ e.stopPropagation(); });
|
||||
m.appendChild(inner);
|
||||
m.addEventListener('click', function(){ m.style.display='none'; });
|
||||
d.addEventListener('keydown', function(e){ if(e.key==='Escape') m.style.display='none'; });
|
||||
(d.body || d.documentElement).appendChild(m);
|
||||
|
||||
function openCard(card) {
|
||||
// Clone card content + show close btn + increase font-size
|
||||
var html = '<div style="display:flex;justify-content:flex-end;margin-bottom:14px"><button id="opus-udrill-close" style="padding:6px 14px;background:#171b2a;border:1px solid rgba(99,102,241,0.25);color:#e2e8f0;border-radius:8px;cursor:pointer;font-size:12px">✕ Fermer (Esc)</button></div>';
|
||||
html += '<div style="transform-origin:top left;font-size:1.05em">' + card.outerHTML + '</div>';
|
||||
inner.innerHTML = html;
|
||||
d.getElementById('opus-udrill-close').onclick = function(){ m.style.display='none'; };
|
||||
m.style.display = 'flex';
|
||||
}
|
||||
|
||||
function wire(root) {
|
||||
var sels = '.card,[class*="card"],.kpi,[class*="kpi"],.stat,[class*="stat"],.tile,[class*="tile"],.metric,[class*="metric"],.widget,[class*="widget"]';
|
||||
var cards = root.querySelectorAll(sels);
|
||||
for (var i = 0; i < cards.length; i++) {
|
||||
var c = cards[i];
|
||||
if (c.__opusWired) continue;
|
||||
if (c.closest('button, a, input, select, textarea, #opus-udrill')) continue;
|
||||
var r = c.getBoundingClientRect();
|
||||
if (r.width < 60 || r.height < 40) continue;
|
||||
c.__opusWired = true;
|
||||
c.style.cursor = 'pointer';
|
||||
c.setAttribute('role','button');
|
||||
c.setAttribute('tabindex','0');
|
||||
c.addEventListener('click', function(ev){
|
||||
// If a more-specific drill is already active (e.g. pp-card custom), let it handle
|
||||
if (ev.target.closest('[data-pp-id]') && window.__opusDrillInit) return;
|
||||
if (ev.target.closest('a,button,input,select')) return;
|
||||
ev.preventDefault(); ev.stopPropagation();
|
||||
openCard(this);
|
||||
});
|
||||
c.addEventListener('keydown', function(ev){ if(ev.key==='Enter'||ev.key===' '){ev.preventDefault();openCard(this);} });
|
||||
}
|
||||
}
|
||||
|
||||
// Initial + mutation observer
|
||||
var initRun = function(){ wire(d.body || d.documentElement); };
|
||||
if (d.readyState === 'loading') d.addEventListener('DOMContentLoaded', initRun);
|
||||
else initRun();
|
||||
var mo = new MutationObserver(function(muts){
|
||||
var newCard = false;
|
||||
for (var i=0;i<muts.length;i++) if (muts[i].addedNodes.length) { newCard = true; break; }
|
||||
if (newCard) initRun();
|
||||
});
|
||||
mo.observe(d.body || d.documentElement, {childList:true, subtree:true});
|
||||
})();
|
||||
</script>
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN END === -->
|
||||
|
||||
|
||||
<!-- === OPUS HONEST NR/L99 OVERLAY v1 19avr - append-only doctrine #14 === -->
|
||||
<script>
|
||||
(function(){
|
||||
if (window.__opusHonestOverlay) return; window.__opusHonestOverlay = true;
|
||||
async function updateHonestValues(){
|
||||
try {
|
||||
const r = await fetch('/api/l99-honest.php', {cache:'no-store'});
|
||||
const d = await r.json();
|
||||
if (!d.ok) return;
|
||||
const realNR = `${d.combined.pass}/${d.combined.total}`;
|
||||
const realSigma = d.sigma;
|
||||
// Find elements showing the myth values
|
||||
const mythRegex = /(153\/153|304\/304|NR status 153\/153|L99 status 304\/304|NR 153\/153|L99 304\/304)/g;
|
||||
// Walk text nodes
|
||||
const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, null);
|
||||
const toReplace = [];
|
||||
let node;
|
||||
while (node = walker.nextNode()) {
|
||||
if (node.nodeValue && mythRegex.test(node.nodeValue)) toReplace.push(node);
|
||||
}
|
||||
toReplace.forEach(textNode => {
|
||||
const parent = textNode.parentNode;
|
||||
if (!parent || parent.hasAttribute('data-opus-honest-applied')) return;
|
||||
const newText = textNode.nodeValue.replace(/153\/153/g, realNR).replace(/304\/304/g, realNR);
|
||||
textNode.nodeValue = newText;
|
||||
parent.setAttribute('data-opus-honest-applied', '1');
|
||||
});
|
||||
// Add a small badge bottom-right showing honest live status
|
||||
if (!document.getElementById('opus-honest-badge')) {
|
||||
const b = document.createElement('div');
|
||||
b.id = 'opus-honest-badge';
|
||||
b.style.cssText = 'position:fixed;bottom:12px;right:12px;background:linear-gradient(90deg,#14b8a6,#a855f7);color:#05060a;padding:6px 12px;font:10px/1.3 Inter,system-ui,sans-serif;font-weight:700;border-radius:8px;z-index:99993;box-shadow:0 4px 12px rgba(0,0,0,0.3);cursor:pointer;max-width:280px';
|
||||
b.title = 'Cliquer pour détails';
|
||||
b.innerHTML = `✓ NR ${realNR} · ${realSigma} live`;
|
||||
b.onclick = () => {
|
||||
alert(`HONEST NonReg (doctrine #4):\n\nmaster: ${d.master.pass}/${d.master.total}\nopus: ${d.opus.pass}/${d.opus.total}\ncombined: ${realNR}\nsigma: ${realSigma}\n\n${d.myth_153}\n${d.myth_304}`);
|
||||
};
|
||||
document.body.appendChild(b);
|
||||
}
|
||||
} catch(e){console.error('L99-honest fetch error:', e);}
|
||||
}
|
||||
if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', updateHonestValues);
|
||||
else updateHonestValues();
|
||||
setInterval(updateHonestValues, 90000);
|
||||
})();
|
||||
</script>
|
||||
<!-- === OPUS HONEST END === -->
|
||||
|
||||
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr tour30) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1777045903" defer></script>
|
||||
</body></html>
|
||||
516
_archive/w307/DOUBLON_agents-hd.html
Normal file
516
_archive/w307/DOUBLON_agents-hd.html
Normal file
@@ -0,0 +1,516 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>WEVAL — Agents Command</title>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@400;600;700&family=JetBrains+Mono:wght@400;700&display=swap');
|
||||
*{margin:0;padding:0;box-sizing:border-box}
|
||||
body{background:#020408;overflow:hidden;cursor:crosshair}
|
||||
canvas{display:block}
|
||||
#tip{position:fixed;pointer-events:none;display:none;z-index:99}
|
||||
#tip .box{background:rgba(4,8,20,.92);border:1px solid rgba(6,182,212,.4);border-radius:10px;padding:14px 18px;backdrop-filter:blur(12px);min-width:240px;box-shadow:0 0 40px rgba(6,182,212,.12),inset 0 0 30px rgba(6,182,212,.03)}
|
||||
#tip .nm{font-family:'Orbitron',sans-serif;font-size:1rem;color:#fff;font-weight:700;letter-spacing:1px}
|
||||
#tip .tp{font-family:'Rajdhani',sans-serif;font-size:.72rem;text-transform:uppercase;letter-spacing:2px;margin:4px 0 8px;padding:2px 8px;display:inline-block;border-radius:4px}
|
||||
#tip .ds{font-family:'Rajdhani',sans-serif;color:#8899b8;font-size:.85rem;line-height:1.4;margin-bottom:6px}
|
||||
#tip .pr{font-family:'JetBrains Mono',monospace;font-size:.72rem;color:#f59e0b;border-top:1px solid rgba(255,255,255,.06);padding-top:6px;margin-top:4px}
|
||||
#tip .bar{height:3px;border-radius:2px;margin-top:8px;background:#111;overflow:hidden}
|
||||
#tip .bar i{display:block;height:100%;border-radius:2px;animation:pulse 1.5s ease infinite}
|
||||
@keyframes pulse{0%,100%{opacity:.7}50%{opacity:1}}
|
||||
#hud{position:fixed;top:0;left:0;right:0;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;z-index:10;background:linear-gradient(180deg,rgba(2,4,8,.95) 0%,transparent 100%);pointer-events:none}
|
||||
#hud *{pointer-events:auto}
|
||||
.logo{font-family:'Orbitron',sans-serif;font-size:1.1rem;font-weight:900;letter-spacing:3px;color:#06b6d4;text-shadow:0 0 20px rgba(6,182,212,.4)}
|
||||
.logo span{color:#a855f7}
|
||||
.hud-stats{display:flex;gap:20px}
|
||||
.hs{text-align:center}
|
||||
.hs-v{font-family:'Orbitron',sans-serif;font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,#06b6d4,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
|
||||
.hs-l{font-family:'Rajdhani',sans-serif;font-size:.6rem;text-transform:uppercase;letter-spacing:2px;color:#4a5a78}
|
||||
#bot-hud{position:fixed;bottom:0;left:0;right:0;padding:10px 20px;z-index:10;background:linear-gradient(0deg,rgba(2,4,8,.9) 0%,transparent 100%);pointer-events:none}
|
||||
.zones-bar{display:flex;justify-content:center;gap:4px}
|
||||
.zb{font-family:'Rajdhani',sans-serif;font-size:.68rem;padding:4px 12px;border-radius:4px;color:#5a6a88;border:1px solid #111828;cursor:pointer;pointer-events:auto;transition:.2s;letter-spacing:1px}
|
||||
.zb:hover,.zb.lit{color:#06b6d4;border-color:#06b6d4;background:rgba(6,182,212,.06);text-shadow:0 0 8px rgba(6,182,212,.3)}
|
||||
</style>
|
||||
<script src="/js/wevia-a11y-auto.js" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- BETON-DOCTRINE-101 dual-dummy block (pages pub) -->
|
||||
<div id="weval-global-logout" style="display:none!important;visibility:hidden!important" aria-hidden="true" data-beton-101="dummy-to-block-auto-injection"></div>
|
||||
<a id="weval-gl" href="#" style="display:none!important;visibility:hidden!important" aria-hidden="true" data-beton-101="dummy-to-block-auto-injection" tabindex="-1"></a>
|
||||
|
||||
<!-- CANONICAL BANNER doctrine 103 -->
|
||||
<div id="canonical-banner-v103" style="position:fixed;top:0;left:0;right:0;z-index:99990;background:linear-gradient(90deg,#1e293b,#0f172a);border-bottom:1px solid rgba(99,102,241,0.3);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;font-family:Inter,system-ui,sans-serif;font-size:12px;backdrop-filter:blur(8px)">
|
||||
<span style="color:#94a3b8">Variante agents-* <span id="canonical-this-page" style="color:#64748b">(cette page)</span></span>
|
||||
<a href="/agents-archi.html" style="color:#a5b4fc;text-decoration:none;padding:4px 12px;background:rgba(99,102,241,0.15);border-radius:6px;border:1px solid rgba(99,102,241,0.25)">Voir canonical : agents-archi</a>
|
||||
<button type="button" aria-label="Fermer banner" onclick="this.parentElement.style.display='none'" style="background:transparent;border:none;color:#64748b;font-size:16px;cursor:pointer;padding:0 8px">×</button>
|
||||
</div>
|
||||
<style>#canonical-banner-v103+*{margin-top:36px!important}
|
||||
/* === WEVIA Gemini Rolling v2 VISIBLE Enrichment (wave 306 batch) === */
|
||||
.kpi,[class*="card"],[class*="panel"],[class*="room"],.stat-card,.metric-card,.hub-card,.widget,.stat,.box{position:relative!important}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card{animation:geV2Entrance .8s cubic-bezier(.34,1.56,.64,1) backwards}
|
||||
.kpi:nth-child(1),[class*="card"]:nth-child(1){animation-delay:0s}
|
||||
.kpi:nth-child(2),[class*="card"]:nth-child(2){animation-delay:.09s}
|
||||
.kpi:nth-child(3),[class*="card"]:nth-child(3){animation-delay:.18s}
|
||||
.kpi:nth-child(4),[class*="card"]:nth-child(4){animation-delay:.27s}
|
||||
.kpi:nth-child(5),[class*="card"]:nth-child(5){animation-delay:.36s}
|
||||
.kpi:nth-child(6),[class*="card"]:nth-child(6){animation-delay:.45s}
|
||||
@keyframes geV2Entrance{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card,.widget{border:1px solid transparent!important;box-shadow:0 0 0 1px rgba(236,72,153,.15),0 4px 16px rgba(0,0,0,.25)!important;transition:box-shadow .4s,transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s!important}
|
||||
.kpi:hover,[class*="card"]:hover,.stat-card:hover,.metric-card:hover,.hub-card:hover{transform:translateY(-6px) scale(1.03)!important;filter:brightness(1.2)!important;box-shadow:0 0 0 2px rgba(236,72,153,.6),0 12px 32px rgba(236,72,153,.25),0 0 24px rgba(78,205,196,.2)!important}
|
||||
.kpi::before,[class*="card"]::before,.stat-card::before,.metric-card::before,.hub-card::before{content:"";position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#2ed573,#1a9a4e);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5);animation:geV2Pulse 1.6s ease-out infinite;z-index:100;pointer-events:none}
|
||||
@keyframes geV2Pulse{0%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}50%{transform:scale(1.4);box-shadow:0 0 20px #2ed573,0 0 40px rgba(46,213,115,.8)}100%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}}
|
||||
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 30%,transparent 40%,rgba(236,72,153,.06) 100%),radial-gradient(ellipse at 30% 70%,transparent 40%,rgba(78,205,196,.04) 100%);animation:geV2Ambient 10s ease-in-out infinite;z-index:0}
|
||||
@keyframes geV2Ambient{0%,100%{opacity:.5}50%{opacity:1}}
|
||||
h1,.header-title,.main-title,.hub-title,.page-title{background-image:linear-gradient(90deg,currentColor 0%,currentColor 40%,rgba(236,72,153,1) 50%,currentColor 60%,currentColor 100%)!important;background-size:200% auto!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:geV2Shimmer 5s linear infinite!important}
|
||||
@keyframes geV2Shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
|
||||
/* Doctrine zero chevauchement - hide common offenders */
|
||||
.opus-x-btn,.toggle-top-right-btn,.fab-corner{display:none!important}
|
||||
/* === end WEVIA Gemini Rolling v2 batch === */
|
||||
</style>
|
||||
<script>
|
||||
(function(){
|
||||
var el = document.getElementById('canonical-this-page');
|
||||
if(el) el.textContent = '(' + location.pathname.split('/').pop() + ')';
|
||||
})();
|
||||
</script>
|
||||
<!-- END CANONICAL BANNER -->
|
||||
|
||||
<canvas id="c"></canvas>
|
||||
<div id="tip"><div class="box"><div class="nm"></div><div class="tp"></div><div class="ds"></div><div class="pr"></div><div class="bar"><i></i></div></div></div>
|
||||
<div id="hud">
|
||||
<div class="logo">WEVAL <span>COMMAND</span></div>
|
||||
<div class="hud-stats">
|
||||
<div class="hs"><div class="hs-v">31</div><div class="hs-l">Agents</div></div>
|
||||
<div class="hs"><div class="hs-v">8</div><div class="hs-l">Zones</div></div>
|
||||
<div class="hs"><div class="hs-v" id="fps">60</div><div class="hs-l">FPS</div></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="bot-hud"><div class="zones-bar" id="zbar"></div></div>
|
||||
<script>
|
||||
const C=document.getElementById('c'),X=C.getContext('2d');
|
||||
let W,H,mx=-1,my=-1,hov=null,frame=0,camX=0,camTargetX=0;
|
||||
const dpr=Math.min(devicePixelRatio,2);
|
||||
|
||||
function resize(){W=innerWidth;H=innerHeight;C.width=W*dpr;C.height=H*dpr;X.scale(dpr,dpr)}
|
||||
addEventListener('resize',resize);resize();
|
||||
|
||||
const ZN=[
|
||||
{id:'prospect',lbl:'PROSPECTION',icon:'🎯',clr:'#2563eb',x:0},
|
||||
{id:'consult',lbl:'CONSULTING',icon:'💼',clr:'#7c3aed',x:0},
|
||||
{id:'dev',lbl:'DÉVELOPPEMENT',icon:'⚡',clr:'#10b981',x:0},
|
||||
{id:'infra',lbl:'INFRASTRUCTURE',icon:'🏗️',clr:'#f59e0b',x:0},
|
||||
{id:'security',lbl:'SÉCURITÉ',icon:'🛡️',clr:'#ef4444',x:0},
|
||||
{id:'delivery',lbl:'LIVRAISON',icon:'🚀',clr:'#06b6d4',x:0},
|
||||
{id:'pharma',lbl:'PHARMA',icon:'💊',clr:'#d946ef',x:0},
|
||||
{id:'monitor',lbl:'MONITORING',icon:'📡',clr:'#eab308',x:0},
|
||||
];
|
||||
|
||||
const AG=[
|
||||
{n:'Ethica',e:'💊',z:0,t:'pharma',d:'HCP scraping DabaDoc+LinkedIn',p:'131K+ médecins DZ/MA/TN'},
|
||||
{n:'Analyst',e:'🔍',z:0,t:'cognitive',d:'Analyse besoins & requirements',p:'Specs, études marché'},
|
||||
{n:'Writer',e:'✍️',z:0,t:'cognitive',d:'Rédaction emails & proposals',p:'Cold emails, articles B2B'},
|
||||
{n:'CEO',e:'👔',z:1,t:'autonomous',d:'Agent autonome stratégique',p:'Décisions, budget, hiring'},
|
||||
{n:'Architect',e:'🏗️',z:1,t:'cognitive',d:'Architecture technique',p:'Diagrammes, blueprints'},
|
||||
{n:'Planner',e:'📋',z:1,t:'cognitive',d:'Roadmaps & milestones',p:'Sprint plans, Gantt'},
|
||||
{n:'DeerFlow',e:'🦌',z:1,t:'research',d:'Deep research multi-sources',p:'Synthèses R&D, rapports'},
|
||||
{n:'Critic',e:'⚖️',z:1,t:'cognitive',d:'Validation & risques',p:'Reviews, alertes risques'},
|
||||
{n:'Executor',e:'⚡',z:2,t:'cognitive',d:'Exécution & déploiement',p:'Scripts, migrations'},
|
||||
{n:'Debugger',e:'🐛',z:2,t:'cognitive',d:'Root cause analysis',p:'Fixes, traces, patches'},
|
||||
{n:'Reviewer',e:'👁️',z:2,t:'cognitive',d:'Code review expert',p:'PR reviews, scores qualité'},
|
||||
{n:'Designer',e:'🎨',z:2,t:'cognitive',d:'UI/UX design system',p:'Mockups, composants'},
|
||||
{n:'WEDROID',e:'🤖',z:2,t:'backend',d:'Auto-diagnostic backend v5',p:'DB fix, API repair auto'},
|
||||
{n:'Simplifier',e:'✂️',z:2,t:'cognitive',d:'Refactoring & clean code',p:'Code -40% complexité'},
|
||||
{n:'Watchdog',e:'🐕',z:3,t:'monitor',d:'Service monitor */3min',p:'Auto-restart + Telegram'},
|
||||
{n:'Guardian',e:'🛡️',z:3,t:'monitor',d:'Protection fichiers système',p:'chattr +i, lockdown'},
|
||||
{n:'Blade',e:'💻',z:3,t:'desktop',d:'Agent Razer Blade desktop',p:'PowerShell, sync, tasks'},
|
||||
{n:'Git-Master',e:'🌿',z:3,t:'cognitive',d:'Git flow & releases',p:'Tags, merges, deploys'},
|
||||
{n:'Security',e:'🔐',z:4,t:'cognitive',d:'Audit OWASP & pentests',p:'Rapports vulnérabilités'},
|
||||
{n:'Verifier',e:'✅',z:4,t:'cognitive',d:'Conformité ISO/RGPD',p:'Checks PCI-DSS, audits'},
|
||||
{n:'QA-Test',e:'🧪',z:5,t:'cognitive',d:'Tests E2E & couverture',p:'148 NonReg, Playwright'},
|
||||
{n:'TestEng',e:'🧰',z:5,t:'cognitive',d:'CI/CD pipelines',p:'Automatisation tests'},
|
||||
{n:'Tracer',e:'🔦',z:5,t:'cognitive',d:'Log tracing & debug',p:'Stack traces, analysis'},
|
||||
{n:'Scientist',e:'🔬',z:5,t:'cognitive',d:'Benchmarks & métriques',p:'AI Benchmark 182 modèles'},
|
||||
{n:'Explore',e:'🧭',z:6,t:'cognitive',d:'Exploration R&D pharma',p:'Nouvelles sources HCP'},
|
||||
{n:'DocSpec',e:'📝',z:6,t:'cognitive',d:'Documentation technique',p:'Templates, guides'},
|
||||
{n:'MiroFish',e:'🐟',z:6,t:'research',d:'Creative AI multi-agent',p:'Contenu, brainstorm'},
|
||||
{n:'TaskMgr',e:'📋',z:7,t:'cognitive',d:'Suivi tâches & deadlines',p:'Kanban, alertes retard'},
|
||||
{n:'Brain',e:'💡',z:7,t:'cognitive',d:'Brainstorming créatif',p:'Idées, innovation'},
|
||||
{n:'Intro',e:'🧠',z:7,t:'cognitive',d:'Méta-analyse & réflexion',p:'Auto-amélioration IA'},
|
||||
{n:'Orch',e:'🎯',z:7,t:'cognitive',d:'Orchestration multi-agent',p:'Coordination workflows'},
|
||||
];
|
||||
|
||||
const TC={cognitive:'#3b82f6',autonomous:'#a855f7',backend:'#22c55e',monitor:'#f59e0b',pharma:'#ec4899',research:'#06b6d4',desktop:'#64748b'};
|
||||
|
||||
// ═══ INIT AGENTS ═══
|
||||
const groundY=H*.56;
|
||||
AG.forEach((a,i)=>{
|
||||
a.x=0;a.y=0;a.tx=0;a.ty=0;a.bob=Math.random()*6.28;a.walk=Math.random()*6.28;
|
||||
a.timer=Math.random()*200;a.speed=.8+Math.random()*.4;a.scale=1;a.glow=0;
|
||||
a.breathe=Math.random()*6.28;a.eyeBlink=0;a.blinkTimer=100+Math.random()*300;
|
||||
});
|
||||
|
||||
// ═══ PARTICLES ═══
|
||||
const PTS=[];for(let i=0;i<120;i++)PTS.push({x:Math.random()*4000-500,y:Math.random()*H,r:Math.random()*1.8+.3,a:Math.random()*.2+.03,s:Math.random()*.4+.08,ph:Math.random()*6.28});
|
||||
// ═══ ZONE LIGHTS ═══
|
||||
const ZLIGHTS=[];ZN.forEach(z=>{for(let i=0;i<3;i++)ZLIGHTS.push({zx:0,ox:(Math.random()-.5)*80,oy:Math.random()*-40-20,r:40+Math.random()*60,a:.04+Math.random()*.04,clr:z.clr,z:z});});
|
||||
|
||||
function layZones(){
|
||||
const gap=(W*1.1)/ZN.length;
|
||||
ZN.forEach((z,i)=>{z.x=gap*.55+i*gap;});
|
||||
// Init agent positions
|
||||
AG.forEach(a=>{const z=ZN[a.z];if(z){const ais=AG.filter(b=>b.z===a.z);const mi=ais.indexOf(a);const spread=Math.min(gap*.35,100);a.x=z.x+(mi-ais.length/2)*26;a.y=groundY-10+Math.random()*15;a.tx=a.x;a.ty=a.y;}});
|
||||
}
|
||||
layZones();
|
||||
|
||||
// ═══ DRAW BACKGROUND ═══
|
||||
function drawBg(){
|
||||
// Gradient sky
|
||||
const g=X.createLinearGradient(0,0,0,H);
|
||||
g.addColorStop(0,'#020408');g.addColorStop(.3,'#040810');g.addColorStop(.55,'#060c18');g.addColorStop(1,'#030608');
|
||||
X.fillStyle=g;X.fillRect(0,0,W,H);
|
||||
|
||||
// Grid floor
|
||||
X.save();
|
||||
X.globalAlpha=.08;
|
||||
const gy=groundY+24;
|
||||
for(let i=-20;i<40;i++){
|
||||
const x=i*60-((frame*.3)%60);
|
||||
X.strokeStyle='#06b6d4';X.lineWidth=.5;
|
||||
X.beginPath();X.moveTo(x,gy);X.lineTo(x+(W*.3),H);X.stroke();
|
||||
}
|
||||
for(let j=0;j<12;j++){
|
||||
const y=gy+j*((H-gy)/12);
|
||||
X.beginPath();X.moveTo(0,y);X.lineTo(W,y);X.stroke();
|
||||
}
|
||||
X.restore();
|
||||
}
|
||||
|
||||
// ═══ DRAW ZONE ═══
|
||||
function drawZone(z,idx){
|
||||
const x=z.x, y=groundY;
|
||||
// Pillar glow
|
||||
const g=X.createRadialGradient(x,y-30,5,x,y-30,120);
|
||||
g.addColorStop(0,z.clr+'18');g.addColorStop(1,'transparent');
|
||||
X.fillStyle=g;X.beginPath();X.arc(x,y-30,120,0,6.28);X.fill();
|
||||
|
||||
// Platform
|
||||
X.fillStyle=z.clr+'15';
|
||||
X.beginPath();
|
||||
X.ellipse(x,y+22,70,10,0,0,6.28);
|
||||
X.fill();
|
||||
X.strokeStyle=z.clr+'40';X.lineWidth=1;
|
||||
X.beginPath();X.ellipse(x,y+22,70,10,0,0,6.28);X.stroke();
|
||||
|
||||
// Label
|
||||
X.font='900 10px Orbitron';X.textAlign='center';
|
||||
X.fillStyle=z.clr+'90';
|
||||
X.fillText(z.lbl,x,y+48);
|
||||
|
||||
// Icon
|
||||
X.font='20px sans-serif';
|
||||
X.fillText(z.icon,x,y-60);
|
||||
|
||||
// Connector to next
|
||||
if(idx<ZN.length-1){
|
||||
const nx=ZN[idx+1].x;
|
||||
X.strokeStyle='#0a1428';X.lineWidth=2;X.setLineDash([6,10]);
|
||||
X.beginPath();X.moveTo(x+72,y+22);X.lineTo(nx-72,y+22);X.stroke();
|
||||
X.setLineDash([]);
|
||||
// Animated dot
|
||||
const t=(frame*1.5+idx*40)%((nx-x));
|
||||
X.fillStyle=z.clr+'60';
|
||||
X.beginPath();X.arc(x+72+t,y+22,2.5,0,6.28);X.fill();
|
||||
}
|
||||
}
|
||||
|
||||
// ═══ DRAW AGENT CHARACTER ═══
|
||||
function drawAgent(a){
|
||||
const c=TC[a.t]||'#6080a0';
|
||||
const s=16*(a.scale);
|
||||
const bob=Math.sin(a.bob)*2.5;
|
||||
const leg=Math.sin(a.walk)*5;
|
||||
const breath=Math.sin(a.breathe)*.5;
|
||||
const isHov=a===hov;
|
||||
|
||||
X.save();
|
||||
X.translate(a.x,a.y+bob);
|
||||
|
||||
// Shadow
|
||||
X.fillStyle='rgba(0,0,0,.25)';
|
||||
X.beginPath();X.ellipse(0,s*.6,s*.5,s*.15,0,0,6.28);X.fill();
|
||||
|
||||
if(isHov){
|
||||
// Selection ring
|
||||
X.strokeStyle=c;X.lineWidth=1.5;X.globalAlpha=.3+Math.sin(frame*.08)*.2;
|
||||
X.beginPath();X.ellipse(0,s*.6,s*.8,s*.2,0,0,6.28);X.stroke();
|
||||
X.globalAlpha=1;
|
||||
// Glow
|
||||
X.shadowColor=c;X.shadowBlur=24;
|
||||
}
|
||||
|
||||
// ═ BODY (capsule shape) ═
|
||||
X.fillStyle=c+'30';X.strokeStyle=c;X.lineWidth=1.8;
|
||||
// Torso
|
||||
X.beginPath();
|
||||
X.moveTo(-s*.3,-s*1.5+breath);
|
||||
X.quadraticCurveTo(-s*.35,-s*.6, -s*.25,-s*.2);
|
||||
X.lineTo(s*.25,-s*.2);
|
||||
X.quadraticCurveTo(s*.35,-s*.6, s*.3,-s*1.5+breath);
|
||||
X.closePath();
|
||||
X.fill();X.stroke();
|
||||
|
||||
// Head
|
||||
const hr=s*.45;
|
||||
X.beginPath();X.arc(0,-s*1.9,hr,0,6.28);
|
||||
X.fillStyle=c+'20';X.fill();
|
||||
X.strokeStyle=c;X.stroke();
|
||||
|
||||
// Visor / face glow
|
||||
X.beginPath();X.arc(0,-s*1.9,hr*.6,-.4,.4);
|
||||
X.strokeStyle=c+'80';X.lineWidth=2;X.stroke();
|
||||
|
||||
// Emoji
|
||||
X.font=`${Math.round(s*.55)}px sans-serif`;X.textAlign='center';X.textBaseline='middle';
|
||||
X.fillText(a.e,0,-s*1.9);
|
||||
|
||||
// Eyes blink
|
||||
if(a.eyeBlink>0){
|
||||
X.fillStyle='#020408';
|
||||
X.fillRect(-s*.2,-s*2,s*.4,s*.12);
|
||||
}
|
||||
|
||||
// Arms
|
||||
X.strokeStyle=c;X.lineWidth=1.8;X.lineCap='round';
|
||||
X.beginPath();
|
||||
X.moveTo(-s*.5,-s*1.1+Math.sin(a.walk+1)*3);
|
||||
X.lineTo(-s*.3,-s*1.3);
|
||||
X.lineTo(s*.3,-s*1.3);
|
||||
X.lineTo(s*.5,-s*1.1-Math.sin(a.walk+1)*3);
|
||||
X.stroke();
|
||||
|
||||
// Legs
|
||||
X.beginPath();
|
||||
X.moveTo(-s*.3+leg*.4, s*.4);
|
||||
X.lineTo(-s*.1, -s*.2);
|
||||
X.lineTo(s*.1, -s*.2);
|
||||
X.lineTo(s*.3-leg*.4, s*.4);
|
||||
X.stroke();
|
||||
|
||||
// Boots
|
||||
X.fillStyle=c+'50';
|
||||
X.beginPath();X.ellipse(-s*.3+leg*.4,s*.45,s*.12,s*.06,0,0,6.28);X.fill();
|
||||
X.beginPath();X.ellipse(s*.3-leg*.4,s*.45,s*.12,s*.06,0,0,6.28);X.fill();
|
||||
|
||||
// Name tag
|
||||
if(isHov||true){
|
||||
X.font=`${isHov?'700':'600'} ${isHov?10:8}px Rajdhani`;
|
||||
X.textAlign='center';
|
||||
X.fillStyle=isHov?'#fff':c+'70';
|
||||
X.fillText(a.n,0,s*.8);
|
||||
}
|
||||
|
||||
// Activity indicator (small orbiting dot)
|
||||
const oA=frame*.04+a.bob;
|
||||
const ox=Math.cos(oA)*s*.7, oy=-s*1.9+Math.sin(oA)*s*.35;
|
||||
X.fillStyle=c;X.globalAlpha=.5;
|
||||
X.beginPath();X.arc(ox,oy,1.5,0,6.28);X.fill();
|
||||
X.globalAlpha=1;
|
||||
|
||||
X.restore();
|
||||
}
|
||||
|
||||
// ═══ UPDATE ═══
|
||||
function update(dt){
|
||||
frame++;
|
||||
AG.forEach(a=>{
|
||||
a.bob+=dt*2.8*a.speed;
|
||||
a.walk+=dt*(a.speed*5);
|
||||
a.breathe+=dt*1.5;
|
||||
a.timer-=dt*60;
|
||||
a.blinkTimer-=dt*60;
|
||||
|
||||
if(a.blinkTimer<=0){a.eyeBlink=8;a.blinkTimer=120+Math.random()*400;}
|
||||
if(a.eyeBlink>0)a.eyeBlink-=dt*60;
|
||||
|
||||
if(a.timer<=0){
|
||||
a.timer=120+Math.random()*350;
|
||||
const z=ZN[a.z];
|
||||
const ais=AG.filter(b=>b.z===a.z);
|
||||
const mi=ais.indexOf(a);
|
||||
a.tx=z.x+(mi-ais.length/2)*24+(Math.random()-.5)*30;
|
||||
a.ty=groundY-12+(Math.random()-.5)*18;
|
||||
// Rare visit to neighbor
|
||||
if(Math.random()<.04){
|
||||
const nz=Math.max(0,Math.min(ZN.length-1,a.z+(Math.random()<.5?-1:1)));
|
||||
a.tx=ZN[nz].x+(Math.random()-.5)*50;
|
||||
a.ty=groundY-12+(Math.random()-.5)*14;
|
||||
}
|
||||
}
|
||||
a.x+=(a.tx-a.x)*.018*a.speed;
|
||||
a.y+=(a.ty-a.y)*.018*a.speed;
|
||||
// Hover scale
|
||||
a.scale+=(a===hov?1.35:1-a.scale)*.1;
|
||||
a.glow+=(a===hov?1:0-a.glow)*.1;
|
||||
});
|
||||
}
|
||||
|
||||
// ═══ TOOLTIP ═══
|
||||
function showTip(){
|
||||
const t=document.getElementById('tip');
|
||||
if(!hov){t.style.display='none';return;}
|
||||
t.style.display='block';
|
||||
t.style.left=Math.min(mx+20,W-280)+'px';
|
||||
t.style.top=Math.max(my-160,10)+'px';
|
||||
const c=TC[hov.t]||'#6080a0';
|
||||
t.querySelector('.nm').textContent=hov.e+' '+hov.n;
|
||||
t.querySelector('.tp').textContent=hov.t;
|
||||
t.querySelector('.tp').style.background=c+'25';
|
||||
t.querySelector('.tp').style.color=c;
|
||||
t.querySelector('.ds').textContent=hov.d;
|
||||
t.querySelector('.pr').textContent='→ '+hov.p;
|
||||
t.querySelector('.bar i').style.background=`linear-gradient(90deg,${c},${c}80)`;
|
||||
t.querySelector('.bar i').style.width='100%';
|
||||
}
|
||||
|
||||
// ═══ HIT TEST ═══
|
||||
function hitTest(){
|
||||
hov=null;
|
||||
AG.forEach(a=>{
|
||||
if(Math.abs(mx-a.x)<20&&Math.abs(my-a.y+10)<30)hov=a;
|
||||
});
|
||||
}
|
||||
|
||||
// ═══ PARTICLES ═══
|
||||
function drawPts(){
|
||||
PTS.forEach(p=>{
|
||||
p.y-=p.s;p.ph+=.01;
|
||||
p.x+=Math.sin(p.ph)*.2;
|
||||
if(p.y<-5){p.y=H+5;p.x=Math.random()*W*1.2-100;}
|
||||
X.fillStyle=`rgba(6,182,212,${p.a})`;
|
||||
X.beginPath();X.arc(p.x,p.y,p.r,0,6.28);X.fill();
|
||||
});
|
||||
}
|
||||
|
||||
// ═══ ZONE BAR ═══
|
||||
function initZbar(){
|
||||
const el=document.getElementById('zbar');
|
||||
el.innerHTML=ZN.map(z=>`<div class="zb" onmouseenter="litZone('${z.id}')" onmouseleave="unlitZone()">${z.icon} ${z.lbl}</div>`).join('');
|
||||
}
|
||||
let litZ=null;
|
||||
window.litZone=id=>{litZ=id;document.querySelectorAll('.zb').forEach((b,i)=>b.classList.toggle('lit',ZN[i].id===id));};
|
||||
window.unlitZone=()=>{litZ=null;document.querySelectorAll('.zb').forEach(b=>b.classList.remove('lit'));};
|
||||
initZbar();
|
||||
|
||||
// ═══ MAIN LOOP ═══
|
||||
let lt=0,fpsC=0,fpsT=0;
|
||||
function loop(t){
|
||||
const dt=Math.min((t-lt)/1000,.04);lt=t;
|
||||
fpsC++;if(t-fpsT>1000){document.getElementById('fps').textContent=fpsC;fpsC=0;fpsT=t;}
|
||||
|
||||
X.clearRect(0,0,W,H);
|
||||
drawBg();
|
||||
drawPts();
|
||||
|
||||
// Zone lights
|
||||
ZLIGHTS.forEach(l=>{
|
||||
const g=X.createRadialGradient(l.z.x+l.ox,groundY+l.oy,0,l.z.x+l.ox,groundY+l.oy,l.r);
|
||||
g.addColorStop(0,l.clr+Math.round(l.a*255).toString(16).padStart(2,'0'));
|
||||
g.addColorStop(1,'transparent');
|
||||
X.fillStyle=g;X.beginPath();X.arc(l.z.x+l.ox,groundY+l.oy,l.r,0,6.28);X.fill();
|
||||
});
|
||||
|
||||
ZN.forEach((z,i)=>drawZone(z,i));
|
||||
update(dt);
|
||||
|
||||
// Draw agents (sorted by Y for depth)
|
||||
const sorted=[...AG].sort((a,b)=>a.y-b.y);
|
||||
sorted.forEach(a=>{
|
||||
// Dim if zone filter active
|
||||
if(litZ){const zIdx=ZN.findIndex(z=>z.id===litZ);X.globalAlpha=a.z===zIdx?1:.15;}
|
||||
drawAgent(a);
|
||||
X.globalAlpha=1;
|
||||
});
|
||||
|
||||
hitTest();
|
||||
showTip();
|
||||
requestAnimationFrame(loop);
|
||||
}
|
||||
|
||||
C.addEventListener('mousemove',e=>{mx=e.clientX;my=e.clientY});
|
||||
C.addEventListener('mouseleave',()=>{mx=my=-1});
|
||||
addEventListener('resize',()=>{resize();layZones()});
|
||||
|
||||
requestAnimationFrame(loop);
|
||||
</script>
|
||||
<!-- CARTO_REMOVED -->
|
||||
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN v1 19avr — append-only, doctrine #14 === -->
|
||||
<script>
|
||||
(function(){
|
||||
if (window.__opusUniversalDrill) return; window.__opusUniversalDrill = true;
|
||||
var d = document;
|
||||
var m = d.createElement('div');
|
||||
m.id = 'opus-udrill';
|
||||
m.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.82);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:99995;padding:20px;cursor:pointer';
|
||||
var inner = d.createElement('div');
|
||||
inner.id = 'opus-udrill-in';
|
||||
inner.style.cssText = 'max-width:900px;width:100%;max-height:90vh;overflow:auto;background:#0b0d15;border:1px solid rgba(99,102,241,0.35);border-radius:14px;padding:28px;cursor:default;box-shadow:0 20px 60px rgba(0,0,0,0.6);color:#e2e8f0;font:14px/1.55 Inter,system-ui,sans-serif';
|
||||
inner.addEventListener('click', function(e){ e.stopPropagation(); });
|
||||
m.appendChild(inner);
|
||||
m.addEventListener('click', function(){ m.style.display='none'; });
|
||||
d.addEventListener('keydown', function(e){ if(e.key==='Escape') m.style.display='none'; });
|
||||
(d.body || d.documentElement).appendChild(m);
|
||||
|
||||
function openCard(card) {
|
||||
// Clone card content + show close btn + increase font-size
|
||||
var html = '<div style="display:flex;justify-content:flex-end;margin-bottom:14px"><button id="opus-udrill-close" style="padding:6px 14px;background:#171b2a;border:1px solid rgba(99,102,241,0.25);color:#e2e8f0;border-radius:8px;cursor:pointer;font-size:12px">✕ Fermer (Esc)</button></div>';
|
||||
html += '<div style="transform-origin:top left;font-size:1.05em">' + card.outerHTML + '</div>';
|
||||
inner.innerHTML = html;
|
||||
d.getElementById('opus-udrill-close').onclick = function(){ m.style.display='none'; };
|
||||
m.style.display = 'flex';
|
||||
}
|
||||
|
||||
function wire(root) {
|
||||
var sels = '.card,[class*="card"],.kpi,[class*="kpi"],.stat,[class*="stat"],.tile,[class*="tile"],.metric,[class*="metric"],.widget,[class*="widget"]';
|
||||
var cards = root.querySelectorAll(sels);
|
||||
for (var i = 0; i < cards.length; i++) {
|
||||
var c = cards[i];
|
||||
if (c.__opusWired) continue;
|
||||
if (c.closest('button, a, input, select, textarea, #opus-udrill')) continue;
|
||||
var r = c.getBoundingClientRect();
|
||||
if (r.width < 60 || r.height < 40) continue;
|
||||
c.__opusWired = true;
|
||||
c.style.cursor = 'pointer';
|
||||
c.setAttribute('role','button');
|
||||
c.setAttribute('tabindex','0');
|
||||
c.addEventListener('click', function(ev){
|
||||
// If a more-specific drill is already active (e.g. pp-card custom), let it handle
|
||||
if (ev.target.closest('[data-pp-id]') && window.__opusDrillInit) return;
|
||||
if (ev.target.closest('a,button,input,select')) return;
|
||||
ev.preventDefault(); ev.stopPropagation();
|
||||
openCard(this);
|
||||
});
|
||||
c.addEventListener('keydown', function(ev){ if(ev.key==='Enter'||ev.key===' '){ev.preventDefault();openCard(this);} });
|
||||
}
|
||||
}
|
||||
|
||||
// Initial + mutation observer
|
||||
var initRun = function(){ wire(d.body || d.documentElement); };
|
||||
if (d.readyState === 'loading') d.addEventListener('DOMContentLoaded', initRun);
|
||||
else initRun();
|
||||
var mo = new MutationObserver(function(muts){
|
||||
var newCard = false;
|
||||
for (var i=0;i<muts.length;i++) if (muts[i].addedNodes.length) { newCard = true; break; }
|
||||
if (newCard) initRun();
|
||||
});
|
||||
mo.observe(d.body || d.documentElement, {childList:true, subtree:true});
|
||||
})();
|
||||
</script>
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN END === -->
|
||||
|
||||
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t33b6) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1777045903" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
371
_archive/w307/DOUBLON_agents-hd2.html
Normal file
371
_archive/w307/DOUBLON_agents-hd2.html
Normal file
@@ -0,0 +1,371 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>WEVAL Enterprise</title>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@600;800;900&display=swap');
|
||||
*{margin:0;padding:0;box-sizing:border-box}body{background:#1a1a2e;overflow:hidden;font-family:'Nunito',sans-serif}canvas{display:block}
|
||||
#tip{position:fixed;pointer-events:none;display:none;z-index:99;background:#16213eee;border:2px solid;border-radius:14px;padding:12px 16px;color:#e0e8ff;max-width:240px;box-shadow:0 6px 30px #00000060}
|
||||
#tip b{font-size:1rem;color:#fff;display:block}#tip i{font-size:.62rem;text-transform:uppercase;letter-spacing:2px;font-style:normal;display:block;margin:2px 0 5px}
|
||||
#tip p{font-size:.78rem;color:#8a98c0;margin:0}#tip s{font-size:.68rem;color:#53d8fb;text-decoration:none;display:block;margin-top:4px;border-top:1px solid #fff1;padding-top:4px}
|
||||
#tip em{font-size:.66rem;display:block;margin-top:3px;font-style:normal;font-weight:700}
|
||||
#h{position:fixed;top:0;left:0;right:0;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;z-index:10;background:#1a1a2eee}
|
||||
#h span{font-size:.72rem;color:#5a6a88}#h span b{color:#53d8fb}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- CANONICAL BANNER doctrine 103 -->
|
||||
<div id="canonical-banner-v103" style="position:fixed;top:0;left:0;right:0;z-index:99990;background:linear-gradient(90deg,#1e293b,#0f172a);border-bottom:1px solid rgba(99,102,241,0.3);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;font-family:Inter,system-ui,sans-serif;font-size:12px;backdrop-filter:blur(8px)">
|
||||
<span style="color:#94a3b8">Variante agents-* <span id="canonical-this-page" style="color:#64748b">(cette page)</span></span>
|
||||
<a href="/agents-archi.html" style="color:#a5b4fc;text-decoration:none;padding:4px 12px;background:rgba(99,102,241,0.15);border-radius:6px;border:1px solid rgba(99,102,241,0.25)">Voir canonical : agents-archi</a>
|
||||
<button type="button" aria-label="Fermer banner" onclick="this.parentElement.style.display='none'" style="background:transparent;border:none;color:#64748b;font-size:16px;cursor:pointer;padding:0 8px">×</button>
|
||||
</div>
|
||||
<style>#canonical-banner-v103+*{margin-top:36px!important}
|
||||
/* === WEVIA Gemini Rolling v2 VISIBLE Enrichment (wave 306 batch) === */
|
||||
.kpi,[class*="card"],[class*="panel"],[class*="room"],.stat-card,.metric-card,.hub-card,.widget,.stat,.box{position:relative!important}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card{animation:geV2Entrance .8s cubic-bezier(.34,1.56,.64,1) backwards}
|
||||
.kpi:nth-child(1),[class*="card"]:nth-child(1){animation-delay:0s}
|
||||
.kpi:nth-child(2),[class*="card"]:nth-child(2){animation-delay:.09s}
|
||||
.kpi:nth-child(3),[class*="card"]:nth-child(3){animation-delay:.18s}
|
||||
.kpi:nth-child(4),[class*="card"]:nth-child(4){animation-delay:.27s}
|
||||
.kpi:nth-child(5),[class*="card"]:nth-child(5){animation-delay:.36s}
|
||||
.kpi:nth-child(6),[class*="card"]:nth-child(6){animation-delay:.45s}
|
||||
@keyframes geV2Entrance{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card,.widget{border:1px solid transparent!important;box-shadow:0 0 0 1px rgba(236,72,153,.15),0 4px 16px rgba(0,0,0,.25)!important;transition:box-shadow .4s,transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s!important}
|
||||
.kpi:hover,[class*="card"]:hover,.stat-card:hover,.metric-card:hover,.hub-card:hover{transform:translateY(-6px) scale(1.03)!important;filter:brightness(1.2)!important;box-shadow:0 0 0 2px rgba(236,72,153,.6),0 12px 32px rgba(236,72,153,.25),0 0 24px rgba(78,205,196,.2)!important}
|
||||
.kpi::before,[class*="card"]::before,.stat-card::before,.metric-card::before,.hub-card::before{content:"";position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#2ed573,#1a9a4e);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5);animation:geV2Pulse 1.6s ease-out infinite;z-index:100;pointer-events:none}
|
||||
@keyframes geV2Pulse{0%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}50%{transform:scale(1.4);box-shadow:0 0 20px #2ed573,0 0 40px rgba(46,213,115,.8)}100%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}}
|
||||
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 30%,transparent 40%,rgba(236,72,153,.06) 100%),radial-gradient(ellipse at 30% 70%,transparent 40%,rgba(78,205,196,.04) 100%);animation:geV2Ambient 10s ease-in-out infinite;z-index:0}
|
||||
@keyframes geV2Ambient{0%,100%{opacity:.5}50%{opacity:1}}
|
||||
h1,.header-title,.main-title,.hub-title,.page-title{background-image:linear-gradient(90deg,currentColor 0%,currentColor 40%,rgba(236,72,153,1) 50%,currentColor 60%,currentColor 100%)!important;background-size:200% auto!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:geV2Shimmer 5s linear infinite!important}
|
||||
@keyframes geV2Shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
|
||||
/* Doctrine zero chevauchement - hide common offenders */
|
||||
.opus-x-btn,.toggle-top-right-btn,.fab-corner{display:none!important}
|
||||
/* === end WEVIA Gemini Rolling v2 batch === */
|
||||
</style>
|
||||
<script>
|
||||
(function(){
|
||||
var el = document.getElementById('canonical-this-page');
|
||||
if(el) el.textContent = '(' + location.pathname.split('/').pop() + ')';
|
||||
})();
|
||||
</script>
|
||||
<!-- END CANONICAL BANNER -->
|
||||
|
||||
<canvas id="c"></canvas>
|
||||
<div id="tip"><b></b><i></i><p></p><s></s><em></em></div>
|
||||
<div id="h"><div style="font-weight:900;font-size:1.1rem"><span style="color:#e94560">WEVAL</span> <span style="color:#53d8fb">Enterprise</span></div><div><span>Agents <b>31</b></span> · <span>Actifs <b id="ac">0</b></span> · <span>Tasks <b id="tc" style="color:#f59e0b">0</b></span></div></div>
|
||||
<script>
|
||||
const C=document.getElementById('c'),X=C.getContext('2d');
|
||||
let W,H,mx=-1,my=-1,hov=null,fr=0,tasks=0;
|
||||
function resize(){W=innerWidth;H=innerHeight;C.width=W*2;C.height=H*2;X.scale(2,2);lay()}
|
||||
addEventListener('resize',resize);
|
||||
|
||||
const RM=[
|
||||
{id:'ceo', l:'👑 CEO Office', c:'#e94560'},
|
||||
{id:'sales',l:'🎯 Prospection', c:'#3b82f6'},
|
||||
{id:'con', l:'💼 Consulting', c:'#7c3aed'},
|
||||
{id:'dev', l:'⚡ Dev Lab', c:'#10b981'},
|
||||
{id:'srv', l:'🖥️ Server Room',c:'#f59e0b'},
|
||||
{id:'sec', l:'🛡️ Sécurité', c:'#ef4444'},
|
||||
{id:'qa', l:'🧪 QA Center', c:'#06b6d4'},
|
||||
{id:'pha', l:'💊 Pharma Lab', c:'#d946ef'},
|
||||
{id:'ops', l:'📡 Monitoring', c:'#eab308'},
|
||||
];
|
||||
RM.forEach(r=>{r.x=0;r.y=0;r.w=0;r.h=0;});
|
||||
|
||||
const SN=[{l:'LEADS',c:'#3b82f6'},{l:'QUALIFY',c:'#7c3aed'},{l:'DESIGN',c:'#10b981'},{l:'BUILD',c:'#22c55e'},{l:'SECURE',c:'#ef4444'},{l:'TEST',c:'#06b6d4'},{l:'DEPLOY',c:'#f59e0b'},{l:'DELIVER',c:'#84cc16'}];
|
||||
SN.forEach(s=>{s.x=0;s.y=0;});
|
||||
|
||||
const AG=[
|
||||
{n:'CEO',e:'👔',r:'ceo',s:1,d:'Agent CEO autonome',p:'Stratégie, budget',sk:'#f0d0b0',ey:'#1a1a3a',sh:'#1a1a2e',hr:'slick',hc:'#111',gl:0},
|
||||
{n:'Ethica',e:'💊',r:'sales',s:0,d:'Scraping HCP',p:'131K+ médecins',sk:'#d4a574',ey:'#1a1a3a',sh:'#3b82f6',hr:'curly',hc:'#1a0a00',gl:0},
|
||||
{n:'Analyst',e:'🔍',r:'sales',s:0,d:'Analyse besoins',p:'Specs, études',sk:'#f0d0b0',ey:'#1a3a1a',sh:'#3b82f6',hr:'short',hc:'#4a3020',gl:1},
|
||||
{n:'Writer',e:'✍️',r:'sales',s:0,d:'Rédaction proposals',p:'Cold emails',sk:'#f0d0b0',ey:'#3a1a1a',sh:'#3b82f6',hr:'bob',hc:'#8a4a20',gl:0},
|
||||
{n:'Architect',e:'🏗️',r:'con',s:2,d:'Architecture tech',p:'Blueprints',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#7c3aed',hr:'short',hc:'#2a2a3a',gl:1},
|
||||
{n:'Planner',e:'📋',r:'con',s:1,d:'Roadmaps',p:'Sprint plans',sk:'#f0d0b0',ey:'#1a1a3a',sh:'#7c3aed',hr:'side',hc:'#5a3a1a',gl:0},
|
||||
{n:'DeerFlow',e:'🦌',r:'con',s:1,d:'Deep research',p:'Synthèses R&D',sk:'#e0b890',ey:'#3a2a1a',sh:'#7c3aed',hr:'wild',hc:'#6a4020',gl:0,ac:'antlers'},
|
||||
{n:'Critic',e:'⚖️',r:'con',s:1,d:'Validation risques',p:'Reviews',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#7c3aed',hr:'short',hc:'#3a3a4a',gl:1},
|
||||
{n:'Executor',e:'⚡',r:'dev',s:3,d:'Exécution deploy',p:'Scripts',sk:'#d4a574',ey:'#1a3a1a',sh:'#10b981',hr:'mohawk',hc:'#22c55e',gl:0},
|
||||
{n:'Debugger',e:'🐛',r:'dev',s:3,d:'Root cause',p:'Fixes',sk:'#f0d0b0',ey:'#1a1a3a',sh:'#10b981',hr:'messy',hc:'#4a2a10',gl:1},
|
||||
{n:'Reviewer',e:'👁️',r:'dev',s:3,d:'Code review',p:'PR reviews',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#10b981',hr:'short',hc:'#333',gl:0},
|
||||
{n:'Designer',e:'🎨',r:'dev',s:2,d:'UI/UX design',p:'Mockups',sk:'#f0d0b0',ey:'#3a1a3a',sh:'#10b981',hr:'long',hc:'#d946ef',gl:0,ac:'beret'},
|
||||
{n:'WEDROID',e:'🤖',r:'dev',s:3,d:'Auto-diag v5',p:'DB fix auto',sk:'#8899aa',ey:'#22c55e',sh:'#10b981',hr:'robot',hc:'#5a7a9a',gl:0},
|
||||
{n:'Simplifier',e:'✂️',r:'dev',s:3,d:'Refactoring',p:'-40% code',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#10b981',hr:'bun',hc:'#6a4a30',gl:1},
|
||||
{n:'Watchdog',e:'🐕',r:'srv',s:6,d:'Monitor */3min',p:'Auto-restart',sk:'#e0b890',ey:'#3a2a1a',sh:'#f59e0b',hr:'ears',hc:'#8a6a30',gl:0},
|
||||
{n:'Guardian',e:'🛡️',r:'srv',s:4,d:'Protection sys',p:'chattr +i',sk:'#d4a574',ey:'#1a1a2a',sh:'#f59e0b',hr:'buzz',hc:'#2a3a2a',gl:0,ac:'helmet'},
|
||||
{n:'Blade',e:'💻',r:'srv',s:6,d:'Desktop agent',p:'PowerShell',sk:'#f0d0b0',ey:'#1a1a3a',sh:'#f59e0b',hr:'cap',hc:'#1a3050',gl:0,ac:'headset'},
|
||||
{n:'GitMaster',e:'🌿',r:'srv',s:6,d:'Git releases',p:'Tags, deploys',sk:'#e8c8a0',ey:'#1a3a1a',sh:'#f59e0b',hr:'ponytail',hc:'#3a5a2a',gl:1},
|
||||
{n:'Security',e:'🔐',r:'sec',s:4,d:'Audit OWASP',p:'Rapports sécu',sk:'#d4a574',ey:'#1a1a1a',sh:'#ef4444',hr:'buzz',hc:'#111',gl:0,ac:'shades'},
|
||||
{n:'Verifier',e:'✅',r:'sec',s:4,d:'ISO/RGPD',p:'Checks PCI',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#ef4444',hr:'short',hc:'#3a3a4a',gl:1},
|
||||
{n:'QA',e:'🧪',r:'qa',s:5,d:'Tests E2E',p:'148 NonReg',sk:'#f0d0b0',ey:'#1a3a3a',sh:'#06b6d4',hr:'short',hc:'#2a3a5a',gl:0,ac:'goggles'},
|
||||
{n:'TestEng',e:'🧰',r:'qa',s:5,d:'CI/CD',p:'Automatisation',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#06b6d4',hr:'short',hc:'#4a3a2a',gl:0},
|
||||
{n:'Tracer',e:'🔦',r:'qa',s:5,d:'Log tracing',p:'Stack traces',sk:'#e0b890',ey:'#2a1a1a',sh:'#06b6d4',hr:'short',hc:'#3a2a1a',gl:0},
|
||||
{n:'Scientist',e:'🔬',r:'qa',s:5,d:'Benchmarks',p:'AI Bench 182',sk:'#f0d0b0',ey:'#1a1a3a',sh:'#06b6d4',hr:'einstein',hc:'#999',gl:1},
|
||||
{n:'Explore',e:'🧭',r:'pha',s:0,d:'Exploration R&D',p:'Sources HCP',sk:'#d4a574',ey:'#3a2a1a',sh:'#d946ef',hr:'wild',hc:'#5a3a10',gl:0},
|
||||
{n:'DocSpec',e:'📝',r:'pha',s:7,d:'Documentation',p:'Templates',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#d946ef',hr:'short',hc:'#333',gl:1},
|
||||
{n:'MiroFish',e:'🐟',r:'pha',s:2,d:'Creative AI',p:'Brainstorm',sk:'#f0d0b0',ey:'#1a3a3a',sh:'#d946ef',hr:'wavy',hc:'#06b6d4',gl:0},
|
||||
{n:'TaskMgr',e:'📋',r:'ops',s:7,d:'Suivi tâches',p:'Kanban',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#eab308',hr:'side',hc:'#4a4a3a',gl:0},
|
||||
{n:'Brain',e:'💡',r:'ops',s:2,d:'Brainstorming',p:'Idées',sk:'#f0d0b0',ey:'#3a3a1a',sh:'#eab308',hr:'spiky',hc:'#eab308',gl:0},
|
||||
{n:'Intro',e:'🧠',r:'ops',s:5,d:'Méta-analyse',p:'Amélioration',sk:'#e8c8a0',ey:'#2a1a3a',sh:'#eab308',hr:'short',hc:'#a855f7',gl:0},
|
||||
{n:'Orch',e:'🎯',r:'ops',s:6,d:'Orchestration',p:'Coordination',sk:'#d4a574',ey:'#1a1a2a',sh:'#eab308',hr:'buzz',hc:'#222',gl:0},
|
||||
];
|
||||
AG.forEach(a=>{a.st='idle';a.x=0;a.y=0;a.dx=0;a.dy=0;a.cx=0;a.cy=0;a.bob=Math.random()*6.28;a.wk=0;a.tmr=200+Math.random()*500;a.wtmr=0;a.dir=1;a.bl=0;a.blt=80+Math.random()*200;a.bub='';a.bubt=0;});
|
||||
|
||||
function lay(){
|
||||
// 3x3 room grid at top
|
||||
const pad=10,topY=36;
|
||||
const rw=(W-pad*4)/3,rh=(H*.58-topY-pad*3)/3;
|
||||
for(let i=0;i<9;i++){
|
||||
const col=i%3,row=Math.floor(i/3);
|
||||
RM[i].x=pad+col*(rw+pad);RM[i].y=topY+row*(rh+pad);RM[i].w=rw;RM[i].h=rh;
|
||||
}
|
||||
// Chain at bottom
|
||||
const cy=H*.82;
|
||||
const sg=(W-60)/SN.length;
|
||||
SN.forEach((s,i)=>{s.x=40+i*sg+sg/2;s.y=cy;});
|
||||
// Agent desk positions
|
||||
AG.forEach(a=>{
|
||||
const rm=RM.find(r=>r.id===a.r);if(!rm)return;
|
||||
const mates=AG.filter(b=>b.r===a.r);const mi=mates.indexOf(a);
|
||||
const cols=Math.max(Math.ceil(mates.length/2),1);
|
||||
const row=Math.floor(mi/cols),col=mi%cols;
|
||||
a.dx=rm.x+24+col*Math.min((rm.w-48)/Math.max(cols-1,1),48);
|
||||
a.dy=rm.y+30+row*32;
|
||||
if(a.st==='idle'){a.x=a.dx;a.y=a.dy;}
|
||||
const sn=SN[a.s];if(sn){a.cx=sn.x+(Math.random()-.5)*18;a.cy=sn.y-8;}
|
||||
});
|
||||
}
|
||||
resize();
|
||||
|
||||
// ═ DRAW ROOM ═
|
||||
function dR(r){
|
||||
X.fillStyle='#00000020';X.beginPath();X.roundRect(r.x+3,r.y+3,r.w,r.h,8);X.fill();
|
||||
const g=X.createLinearGradient(r.x,r.y,r.x,r.y+r.h);g.addColorStop(0,'#161938');g.addColorStop(1,'#0e1025');
|
||||
X.fillStyle=g;X.beginPath();X.roundRect(r.x,r.y,r.w,r.h,8);X.fill();
|
||||
X.strokeStyle=r.c+'40';X.lineWidth=1;X.beginPath();X.roundRect(r.x,r.y,r.w,r.h,8);X.stroke();
|
||||
X.fillStyle=r.c+'60';X.beginPath();X.roundRect(r.x,r.y,r.w,3,[8,8,0,0]);X.fill();
|
||||
// Floor tiles
|
||||
X.strokeStyle=r.c+'06';X.lineWidth=.3;
|
||||
for(let i=1;i<5;i++){X.beginPath();X.moveTo(r.x+i*(r.w/5),r.y+18);X.lineTo(r.x+i*(r.w/5),r.y+r.h-3);X.stroke();}
|
||||
X.font='800 9px Nunito';X.fillStyle=r.c;X.textAlign='left';X.fillText(r.l,r.x+8,r.y+14);
|
||||
// Decorations per room
|
||||
if(r.id==='srv'){for(let i=0;i<3;i++){const rx=r.x+r.w-14-i*14;X.fillStyle='#1a2535';X.fillRect(rx,r.y+18,10,r.h-24);
|
||||
for(let j=0;j<5;j++){X.fillStyle=Math.sin(fr*.04+i+j)>.2?'#22c55e':'#ef4444';X.beginPath();X.arc(rx+3,r.y+24+j*7,1.2,0,6.28);X.fill();}}}
|
||||
if(r.id==='ceo'){X.fillStyle='#2a5a2a';X.beginPath();X.arc(r.x+r.w-16,r.y+r.h-10,6,Math.PI,0);X.fill();X.fillStyle='#5a3a2a';X.fillRect(r.x+r.w-18,r.y+r.h-10,4,6);
|
||||
X.fillStyle='#f59e0b30';X.beginPath();X.arc(r.x+r.w-35,r.y+26,8,0,6.28);X.fill();}
|
||||
if(r.id==='pha'){for(let i=0;i<3;i++){X.fillStyle=['#d946ef30','#3b82f630','#22c55e30'][i];X.beginPath();X.roundRect(r.x+r.w-12-i*9,r.y+20,5,14,2);X.fill();}}
|
||||
if(r.id==='sec'){X.fillStyle=Math.sin(fr*.08)>.5?'#ef4444':'#ef444440';X.beginPath();X.arc(r.x+r.w-12,r.y+24,3,0,6.28);X.fill();}
|
||||
if(r.id==='ops'){X.strokeStyle='#eab30850';X.lineWidth=.8;X.beginPath();for(let i=0;i<6;i++)X.lineTo(r.x+r.w-38+i*5,r.y+35-Math.sin(fr*.015+i)*5);X.stroke();}
|
||||
}
|
||||
|
||||
// ═ DRAW DESK ═
|
||||
function dD(x,y,c,occ){
|
||||
X.fillStyle=occ?'#1c2540':'#141a2a';X.beginPath();X.roundRect(x-12,y+2,24,7,2);X.fill();
|
||||
X.fillStyle=occ?c+'30':'#0e1420';X.fillRect(x-5,y-4,10,6);
|
||||
if(occ){X.fillStyle=c+'06';X.beginPath();X.arc(x,y,14,0,6.28);X.fill();}
|
||||
}
|
||||
|
||||
// ═ CHIBI CHARACTER ═
|
||||
function dC(a){
|
||||
const isH=a===hov,sit=a.st==='idle',sc=isH?1.15:1;
|
||||
const bob=sit?Math.sin(a.bob)*.3:Math.sin(a.bob)*1.5;
|
||||
const lsw=sit?0:Math.sin(a.wk)*3;
|
||||
X.save();X.translate(a.x,a.y+bob);X.scale(sc*a.dir,sc);
|
||||
if(isH){X.shadowColor=a.sh;X.shadowBlur=14;}
|
||||
const rm=RM.find(r=>r.id===a.r);
|
||||
// Shadow
|
||||
X.fillStyle='rgba(0,0,0,.25)';X.beginPath();X.ellipse(0,sit?6:10,6,2,0,0,6.28);X.fill();
|
||||
const oy=sit?-2:0;
|
||||
// Legs
|
||||
X.fillStyle='#25254a';
|
||||
if(sit){X.beginPath();X.roundRect(-4,oy+3,3,4,1);X.fill();X.beginPath();X.roundRect(1,oy+3,3,4,1);X.fill();}
|
||||
else{X.save();X.translate(-2,oy+3);X.rotate(lsw*.04);X.beginPath();X.roundRect(-1.5,0,3,7,1);X.fill();X.restore();
|
||||
X.save();X.translate(2,oy+3);X.rotate(-lsw*.04);X.beginPath();X.roundRect(-1.5,0,3,7,1);X.fill();X.restore();}
|
||||
// Shoes
|
||||
X.fillStyle='#1a1a38';
|
||||
X.beginPath();X.roundRect(-4.5+lsw*.15,oy+(sit?6:9),4.5,2,[0,0,1.5,1.5]);X.fill();
|
||||
X.beginPath();X.roundRect(0-lsw*.15,oy+(sit?6:9),4.5,2,[0,0,1.5,1.5]);X.fill();
|
||||
// Body
|
||||
const bg=X.createLinearGradient(0,oy-6,0,oy+3);bg.addColorStop(0,a.sh);bg.addColorStop(1,a.sh+'88');
|
||||
X.fillStyle=bg;X.beginPath();X.roundRect(-5.5,oy-6,11,10,[3,3,1,1]);X.fill();
|
||||
X.fillStyle='rgba(255,255,255,.06)';X.beginPath();X.roundRect(-4,oy-5,3.5,7,[1,0,0,1]);X.fill();
|
||||
// Arms
|
||||
X.fillStyle=a.sk;const asw=sit?.05:Math.sin(a.wk+.5)*.15;
|
||||
X.save();X.translate(-6.5,oy-3);X.rotate(sit?.25:asw);X.beginPath();X.roundRect(-1.5,0,3,sit?4.5:7,1.5);X.fill();X.restore();
|
||||
X.save();X.translate(6.5,oy-3);X.rotate(sit?-.25:-asw);X.beginPath();X.roundRect(-1.5,0,3,sit?4.5:7,1.5);X.fill();X.restore();
|
||||
// HEAD
|
||||
const hy=oy-15;const hr=8;
|
||||
X.fillStyle=a.sk;X.beginPath();X.arc(0,hy+1,hr,0,6.28);X.fill();
|
||||
X.fillStyle='#ff8a8a10';X.beginPath();X.arc(-5,hy+4,2.5,0,6.28);X.fill();X.beginPath();X.arc(5,hy+4,2.5,0,6.28);X.fill();
|
||||
// HAIR
|
||||
X.fillStyle=a.hc;
|
||||
switch(a.hr){
|
||||
case'slick':X.beginPath();X.arc(0,hy-.5,hr+.5,.7,Math.PI+.5);X.fill();X.fillRect(-6,hy-5,12,5);break;
|
||||
case'short':X.beginPath();X.arc(0,hy,hr+.5,.5,Math.PI-.3);X.fill();break;
|
||||
case'buzz':X.beginPath();X.arc(0,hy,hr+.8,.4,Math.PI-.2);X.fill();break;
|
||||
case'curly':for(let i=0;i<9;i++){const ag=-2.3+i*.5;X.beginPath();X.arc(Math.cos(ag)*7,hy-1+Math.sin(ag)*6.5,3,0,6.28);X.fill();}break;
|
||||
case'bob':X.beginPath();X.arc(0,hy-.5,hr+.5,.2,Math.PI);X.fill();X.fillRect(-8.5,hy+1,4,7);X.fillRect(4.5,hy+1,4,7);break;
|
||||
case'side':X.beginPath();X.arc(0,hy,hr+.5,.4,Math.PI-.2);X.fill();X.fillRect(-9,hy-1,4.5,7);break;
|
||||
case'wild':X.beginPath();X.arc(0,hy-.5,hr+1.5,.2,Math.PI);X.fill();X.beginPath();X.arc(-9,hy-1,3.5,0,6.28);X.fill();X.beginPath();X.arc(9,hy-1,3.5,0,6.28);X.fill();break;
|
||||
case'mohawk':X.beginPath();X.arc(0,hy,hr+.5,.5,Math.PI-.3);X.fill();for(let i=0;i<4;i++)X.fillRect(-1.5,hy-8-i*2,3,3.5);break;
|
||||
case'messy':X.beginPath();X.arc(0,hy-.5,hr+.8,.3,Math.PI-.1);X.fill();for(let i=0;i<4;i++)X.fillRect(-5+i*3,hy-7-Math.random()*2,2.5,4);break;
|
||||
case'long':X.beginPath();X.arc(0,hy-.5,hr+.5,.2,Math.PI);X.fill();X.fillRect(-9,hy,4,8);X.fillRect(5,hy,4,8);break;
|
||||
case'bun':X.beginPath();X.arc(0,hy,hr+.5,.5,Math.PI-.3);X.fill();X.beginPath();X.arc(0,hy-7,3.5,0,6.28);X.fill();break;
|
||||
case'ponytail':X.beginPath();X.arc(0,hy,hr+.5,.4,Math.PI-.2);X.fill();X.fillRect(6,hy,2.5,10);X.beginPath();X.arc(7,hy+10,2.5,0,6.28);X.fill();break;
|
||||
case'ears':X.beginPath();X.arc(0,hy,hr+.5,.5,Math.PI-.3);X.fill();X.beginPath();X.moveTo(-7,hy-2);X.lineTo(-11,hy-9);X.lineTo(-4,hy);X.fill();X.beginPath();X.moveTo(7,hy-2);X.lineTo(11,hy-9);X.lineTo(4,hy);X.fill();break;
|
||||
case'cap':X.beginPath();X.arc(0,hy-.5,hr+.5,.3,Math.PI-.1);X.fill();X.fillRect(-10,hy,20,3);X.fillRect(-12,hy+2,7,2);break;
|
||||
case'einstein':X.beginPath();X.arc(0,hy-.5,hr+1.5,.2,Math.PI);X.fill();X.beginPath();X.arc(-9,hy,3.5,0,6.28);X.fill();X.beginPath();X.arc(9,hy,3.5,0,6.28);X.fill();break;
|
||||
case'spiky':for(let i=0;i<5;i++){const ag=-1.6+i*.6,rr=hr+3;X.beginPath();X.moveTo(Math.cos(ag)*6,hy+Math.sin(ag)*5.5);X.lineTo(Math.cos(ag)*rr,hy-2+Math.sin(ag)*rr*.6);X.lineTo(Math.cos(ag+.3)*6,hy+Math.sin(ag+.3)*5.5);X.fill();}break;
|
||||
case'wavy':for(let i=0;i<7;i++){const ag=-2+i*.55;X.beginPath();X.arc(Math.cos(ag)*7.5,hy-1+Math.sin(ag)*6+Math.sin(i)*1.2,2.5,0,6.28);X.fill();}break;
|
||||
case'robot':X.fillStyle='#5a7a9a';X.beginPath();X.roundRect(-8,hy-5,16,13,3);X.fill();X.strokeStyle='#3a5a7a';X.lineWidth=.8;X.strokeRect(-6,hy-1,12,4);
|
||||
X.strokeStyle='#8aa';X.lineWidth=1.2;X.beginPath();X.moveTo(0,hy-5);X.lineTo(0,hy-9);X.stroke();X.fillStyle='#ef4444';X.beginPath();X.arc(0,hy-9,2,0,6.28);X.fill();break;
|
||||
default:X.beginPath();X.arc(0,hy,hr+.5,.5,Math.PI-.3);X.fill();
|
||||
}
|
||||
// EYES
|
||||
if(a.hr!=='robot'){
|
||||
if(a.bl<=0){
|
||||
X.fillStyle='#fff';X.beginPath();X.ellipse(-3,hy+1,2.8,3.2,0,0,6.28);X.fill();X.beginPath();X.ellipse(3,hy+1,2.8,3.2,0,0,6.28);X.fill();
|
||||
X.fillStyle=a.ey;X.beginPath();X.arc(-2.5,hy+1.5,1.8,0,6.28);X.fill();X.beginPath();X.arc(3.5,hy+1.5,1.8,0,6.28);X.fill();
|
||||
X.fillStyle='#000';X.beginPath();X.arc(-2.5,hy+1.8,1,0,6.28);X.fill();X.beginPath();X.arc(3.5,hy+1.8,1,0,6.28);X.fill();
|
||||
X.fillStyle='#fff';X.beginPath();X.arc(-3.2,hy+.5,.7,0,6.28);X.fill();X.beginPath();X.arc(2.8,hy+.5,.7,0,6.28);X.fill();
|
||||
}else{X.strokeStyle=a.ey;X.lineWidth=1.2;X.lineCap='round';X.beginPath();X.moveTo(-5,hy+1);X.lineTo(-1,hy+1);X.stroke();X.beginPath();X.moveTo(1,hy+1);X.lineTo(5,hy+1);X.stroke();}
|
||||
if(a.gl){X.strokeStyle='#8aa0be';X.lineWidth=.6;X.beginPath();X.arc(-3,hy+1,3.8,0,6.28);X.stroke();X.beginPath();X.arc(3,hy+1,3.8,0,6.28);X.stroke();X.beginPath();X.moveTo(-.2,hy+1);X.lineTo(.2,hy+1);X.stroke();}
|
||||
X.fillStyle=a.sk+'cc';X.beginPath();X.arc(0,hy+4.5,.8,0,6.28);X.fill();
|
||||
X.strokeStyle='#c08080';X.lineWidth=.6;X.lineCap='round';X.beginPath();
|
||||
if(a.st==='wk'){X.arc(0,hy+6.5,1.8,.2,Math.PI-.2);}else{X.moveTo(-1.2,hy+7);X.lineTo(1.2,hy+7);}X.stroke();
|
||||
}else{X.fillStyle=a.st!=='idle'?'#22c55e':'#3b82f6';X.beginPath();X.roundRect(-4,hy,.5,3,2.5,1);X.fill();X.beginPath();X.roundRect(1,hy+.5,3,2.5,1);X.fill();}
|
||||
// Accessories
|
||||
if(a.ac==='shades'){X.fillStyle='#000b';X.beginPath();X.roundRect(-6.5,hy-.5,5.5,3.5,1.2);X.fill();X.beginPath();X.roundRect(1,hy-.5,5.5,3.5,1.2);X.fill();}
|
||||
if(a.ac==='antlers'){X.strokeStyle=a.hc;X.lineWidth=1;X.beginPath();X.moveTo(-6,hy-4);X.lineTo(-9,hy-10);X.moveTo(-8,hy-7);X.lineTo(-11,hy-11);X.stroke();X.beginPath();X.moveTo(6,hy-4);X.lineTo(9,hy-10);X.moveTo(8,hy-7);X.lineTo(11,hy-11);X.stroke();}
|
||||
if(a.ac==='beret'){X.fillStyle='#e94560';X.beginPath();X.arc(-1,hy-6,5.5,.3,Math.PI);X.fill();X.beginPath();X.arc(-1,hy-8,1.5,0,6.28);X.fill();}
|
||||
if(a.ac==='goggles'){X.fillStyle='#06b6d430';X.beginPath();X.roundRect(-6.5,hy-1,5.5,4,1.5);X.fill();X.beginPath();X.roundRect(1,hy-1,5.5,4,1.5);X.fill();}
|
||||
if(a.ac==='headset'){X.strokeStyle='#444';X.lineWidth=1.5;X.beginPath();X.arc(0,hy-1,hr+1.5,.7,Math.PI-.5);X.stroke();X.fillStyle='#333';X.beginPath();X.arc(-8,hy+2,2.5,0,6.28);X.fill();}
|
||||
if(a.ac==='helmet'){X.fillStyle='#4a6a4a';X.beginPath();X.arc(0,hy-1,hr+1.5,.3,Math.PI-.1);X.fill();}
|
||||
// Emoji + name
|
||||
X.font='7px sans-serif';X.textAlign='center';X.fillText(a.e,hr+3,hy-1);
|
||||
X.font=`${isH?'800':'600'} ${isH?7.5:6}px Nunito`;X.fillStyle=isH?'#fff':a.st!=='idle'?'#b0c0e0':'#3a4a60';X.fillText(a.n,0,sit?14:20);
|
||||
if(a.st!=='idle'){X.fillStyle='#22c55e';X.beginPath();X.arc(0,oy-20,2,0,6.28);X.fill();}
|
||||
if(a.bubt>0){const ba=Math.min(a.bubt/16,1);X.globalAlpha=ba;X.fillStyle='#fffd';const bw=Math.min(a.bub.length*3.5+10,90);X.beginPath();X.roundRect(-bw/2,oy-36,bw,13,5);X.fill();
|
||||
X.fillStyle='#fff';X.beginPath();X.moveTo(-2,oy-23);X.lineTo(2,oy-23);X.lineTo(0,oy-20);X.closePath();X.fill();
|
||||
X.font='600 5.5px Nunito';X.fillStyle='#1a1a2e';X.fillText(a.bub,0,oy-27.5);X.globalAlpha=1;}
|
||||
X.restore();
|
||||
}
|
||||
|
||||
// ═ CHAIN ═
|
||||
function dChain(){const y=SN[0].y;
|
||||
X.fillStyle='#0c0e1e';X.beginPath();X.roundRect(20,y-16,W-40,32,6);X.fill();
|
||||
X.strokeStyle='#1a2040';X.lineWidth=.8;X.beginPath();X.roundRect(20,y-16,W-40,32,6);X.stroke();
|
||||
const off=(fr*.8)%18;X.strokeStyle='#12182a';X.lineWidth=.3;
|
||||
for(let x=24-off;x<W-24;x+=18){X.beginPath();X.moveTo(x,y-15);X.lineTo(x,y+15);X.stroke();}
|
||||
SN.forEach((s,i)=>{
|
||||
X.fillStyle=s.c+'28';X.beginPath();X.arc(s.x,y,16,0,6.28);X.fill();
|
||||
X.fillStyle=s.c+'50';X.beginPath();X.arc(s.x,y,5,0,6.28);X.fill();
|
||||
X.strokeStyle=s.c;X.lineWidth=1;X.beginPath();X.arc(s.x,y,5,0,6.28);X.stroke();
|
||||
X.font='700 7px Nunito';X.textAlign='center';X.fillStyle=s.c;X.fillText(s.l,s.x,y+24);
|
||||
if(i<SN.length-1){const n=SN[i+1];X.strokeStyle='#182040';X.lineWidth=.6;X.beginPath();X.moveTo(s.x+7,y);X.lineTo(n.x-7,y);X.stroke();}
|
||||
});
|
||||
}
|
||||
|
||||
// ═ UPDATE ═
|
||||
function upd(dt){fr++;let ac=0;
|
||||
AG.forEach(a=>{a.bob+=dt*(a.st==='idle'?1.5:3.2);a.blt-=dt*60;if(a.blt<=0){a.bl=4;a.blt=80+Math.random()*180;}if(a.bl>0)a.bl-=dt*60;if(a.bubt>0)a.bubt-=dt*20;
|
||||
switch(a.st){
|
||||
case'idle':a.tmr-=dt*60;if(a.tmr<=0){a.st='wt';a.wk=0;}break;
|
||||
case'wt':a.wk+=dt*7;ac++;{const dx=a.cx-a.x,dy=a.cy-a.y,d=Math.hypot(dx,dy);if(d>2){const sp=85*dt;a.x+=dx/d*sp;a.y+=dy/d*sp;a.dir=dx>0?1:-1;}else{a.st='wk';a.wtmr=55+Math.random()*90;a.bub=a.p.substring(0,16);a.bubt=40;tasks++;}}break;
|
||||
case'wk':a.wk+=dt*2.5;ac++;a.wtmr-=dt*60;if(a.wtmr<=0)a.st='wb';break;
|
||||
case'wb':a.wk+=dt*7;ac++;{const dx=a.dx-a.x,dy=a.dy-a.y,d=Math.hypot(dx,dy);if(d>2){const sp=85*dt;a.x+=dx/d*sp;a.y+=dy/d*sp;a.dir=dx>0?1:-1;}else{a.st='idle';a.x=a.dx;a.y=a.dy;a.dir=1;a.tmr=220+Math.random()*550;}}break;
|
||||
}});document.getElementById('ac').textContent=ac;document.getElementById('tc').textContent=tasks;}
|
||||
|
||||
function hit(){hov=null;AG.forEach(a=>{if(Math.abs(mx-a.x)<9&&Math.abs(my-a.y)<16)hov=a;});
|
||||
const t=document.getElementById('tip');if(hov){t.style.display='block';t.style.left=Math.min(mx+14,W-250)+'px';t.style.top=Math.max(my-150,10)+'px';
|
||||
const rm=RM.find(r=>r.id===hov.r);t.style.borderColor=rm?rm.c:'#53d8fb';
|
||||
t.querySelector('b').textContent=hov.e+' '+hov.n;t.querySelector('i').textContent=rm?rm.l:'';t.querySelector('i').style.color=rm?rm.c:'#fff';
|
||||
t.querySelector('p').textContent=hov.d;t.querySelector('s').textContent='→ '+hov.p;
|
||||
const sm={idle:'💤 Au bureau',wt:'🚶 → Production',wk:'⚙️ En production',wb:'🔙 Retour'};
|
||||
t.querySelector('em').textContent=sm[hov.st]||'';t.querySelector('em').style.color=hov.st==='idle'?'#5a6888':'#22c55e';
|
||||
}else t.style.display='none';}
|
||||
|
||||
let lt=0;function loop(t){const dt=Math.min((t-lt)/1000,.04);lt=t;X.clearRect(0,0,W,H);X.fillStyle='#1a1a2e';X.fillRect(0,0,W,H);
|
||||
RM.forEach(r=>dR(r));AG.forEach(a=>{const rm=RM.find(r=>r.id===a.r);if(rm)dD(a.dx,a.dy,rm.c,a.st==='idle');});
|
||||
dChain();upd(dt);
|
||||
AG.filter(a=>a.st==='wt'||a.st==='wb').forEach(a=>{X.strokeStyle='#22c55e08';X.lineWidth=.6;X.setLineDash([1.5,4]);X.beginPath();X.moveTo(a.dx,a.dy);X.lineTo(a.x,a.y);X.stroke();X.setLineDash([]);});
|
||||
[...AG].sort((a,b)=>a.y-b.y).forEach(a=>dC(a));hit();requestAnimationFrame(loop);}
|
||||
|
||||
C.addEventListener('mousemove',e=>{mx=e.clientX;my=e.clientY;C.style.cursor=hov?'pointer':'default'});
|
||||
C.addEventListener('mouseleave',()=>{mx=my=-1});
|
||||
requestAnimationFrame(loop);
|
||||
</script>
|
||||
<!-- CARTO_REMOVED -->
|
||||
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN v1 19avr — append-only, doctrine #14 === -->
|
||||
<script>
|
||||
(function(){
|
||||
if (window.__opusUniversalDrill) return; window.__opusUniversalDrill = true;
|
||||
var d = document;
|
||||
var m = d.createElement('div');
|
||||
m.id = 'opus-udrill';
|
||||
m.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.82);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:99995;padding:20px;cursor:pointer';
|
||||
var inner = d.createElement('div');
|
||||
inner.id = 'opus-udrill-in';
|
||||
inner.style.cssText = 'max-width:900px;width:100%;max-height:90vh;overflow:auto;background:#0b0d15;border:1px solid rgba(99,102,241,0.35);border-radius:14px;padding:28px;cursor:default;box-shadow:0 20px 60px rgba(0,0,0,0.6);color:#e2e8f0;font:14px/1.55 Inter,system-ui,sans-serif';
|
||||
inner.addEventListener('click', function(e){ e.stopPropagation(); });
|
||||
m.appendChild(inner);
|
||||
m.addEventListener('click', function(){ m.style.display='none'; });
|
||||
d.addEventListener('keydown', function(e){ if(e.key==='Escape') m.style.display='none'; });
|
||||
(d.body || d.documentElement).appendChild(m);
|
||||
|
||||
function openCard(card) {
|
||||
// Clone card content + show close btn + increase font-size
|
||||
var html = '<div style="display:flex;justify-content:flex-end;margin-bottom:14px"><button id="opus-udrill-close" style="padding:6px 14px;background:#171b2a;border:1px solid rgba(99,102,241,0.25);color:#e2e8f0;border-radius:8px;cursor:pointer;font-size:12px">✕ Fermer (Esc)</button></div>';
|
||||
html += '<div style="transform-origin:top left;font-size:1.05em">' + card.outerHTML + '</div>';
|
||||
inner.innerHTML = html;
|
||||
d.getElementById('opus-udrill-close').onclick = function(){ m.style.display='none'; };
|
||||
m.style.display = 'flex';
|
||||
}
|
||||
|
||||
function wire(root) {
|
||||
var sels = '.card,[class*="card"],.kpi,[class*="kpi"],.stat,[class*="stat"],.tile,[class*="tile"],.metric,[class*="metric"],.widget,[class*="widget"]';
|
||||
var cards = root.querySelectorAll(sels);
|
||||
for (var i = 0; i < cards.length; i++) {
|
||||
var c = cards[i];
|
||||
if (c.__opusWired) continue;
|
||||
if (c.closest('button, a, input, select, textarea, #opus-udrill')) continue;
|
||||
var r = c.getBoundingClientRect();
|
||||
if (r.width < 60 || r.height < 40) continue;
|
||||
c.__opusWired = true;
|
||||
c.style.cursor = 'pointer';
|
||||
c.setAttribute('role','button');
|
||||
c.setAttribute('tabindex','0');
|
||||
c.addEventListener('click', function(ev){
|
||||
// If a more-specific drill is already active (e.g. pp-card custom), let it handle
|
||||
if (ev.target.closest('[data-pp-id]') && window.__opusDrillInit) return;
|
||||
if (ev.target.closest('a,button,input,select')) return;
|
||||
ev.preventDefault(); ev.stopPropagation();
|
||||
openCard(this);
|
||||
});
|
||||
c.addEventListener('keydown', function(ev){ if(ev.key==='Enter'||ev.key===' '){ev.preventDefault();openCard(this);} });
|
||||
}
|
||||
}
|
||||
|
||||
// Initial + mutation observer
|
||||
var initRun = function(){ wire(d.body || d.documentElement); };
|
||||
if (d.readyState === 'loading') d.addEventListener('DOMContentLoaded', initRun);
|
||||
else initRun();
|
||||
var mo = new MutationObserver(function(muts){
|
||||
var newCard = false;
|
||||
for (var i=0;i<muts.length;i++) if (muts[i].addedNodes.length) { newCard = true; break; }
|
||||
if (newCard) initRun();
|
||||
});
|
||||
mo.observe(d.body || d.documentElement, {childList:true, subtree:true});
|
||||
})();
|
||||
</script>
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN END === -->
|
||||
|
||||
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t33b5) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1777045903" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
486
_archive/w307/DOUBLON_agents-iso3d.html
Normal file
486
_archive/w307/DOUBLON_agents-iso3d.html
Normal file
@@ -0,0 +1,486 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>WEVAL Good Job!</title>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@600;800;900&display=swap');
|
||||
*{margin:0;padding:0;box-sizing:border-box}
|
||||
body{background:#e8f0f8;overflow:hidden;font-family:'Nunito',sans-serif}
|
||||
canvas{display:block}
|
||||
#tip{position:fixed;pointer-events:none;display:none;z-index:99;background:#fff;border:3px solid;border-radius:16px;padding:12px 16px;color:#2a2a4a;box-shadow:0 6px 24px #00000018;max-width:230px}
|
||||
#tip .tn{font-weight:900;font-size:1rem;color:#2a2a4a}
|
||||
#tip .tt{font-size:.6rem;text-transform:uppercase;letter-spacing:2px;margin:2px 0 5px}
|
||||
#tip .td{font-size:.78rem;color:#6a7a9a;line-height:1.3}
|
||||
#tip .tp{font-size:.72rem;color:#e94560;font-weight:700;margin-top:4px}
|
||||
#tip .st{font-size:.68rem;margin-top:3px;font-weight:800}
|
||||
#hud{position:fixed;top:0;left:0;right:0;padding:8px 20px;display:flex;justify-content:space-between;align-items:center;z-index:10;background:#ffffffe0;backdrop-filter:blur(8px);border-bottom:2px solid #e0e8f0}
|
||||
.logo{font-size:1.2rem;font-weight:900;color:#e94560}.logo b{color:#2a2a4a}
|
||||
.hr{display:flex;gap:16px;font-size:.75rem;color:#6a7a9a;font-weight:700}
|
||||
.hr b{padding:2px 8px;border-radius:8px}
|
||||
</style>
|
||||
<script src="/js/wevia-a11y-auto.js" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- BETON-DOCTRINE-101 dual-dummy block (pages pub) -->
|
||||
<div id="weval-global-logout" style="display:none!important;visibility:hidden!important" aria-hidden="true" data-beton-101="dummy-to-block-auto-injection"></div>
|
||||
<a id="weval-gl" href="#" style="display:none!important;visibility:hidden!important" aria-hidden="true" data-beton-101="dummy-to-block-auto-injection" tabindex="-1"></a>
|
||||
|
||||
<!-- CANONICAL BANNER doctrine 103 -->
|
||||
<div id="canonical-banner-v103" style="position:fixed;top:0;left:0;right:0;z-index:99990;background:linear-gradient(90deg,#1e293b,#0f172a);border-bottom:1px solid rgba(99,102,241,0.3);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;font-family:Inter,system-ui,sans-serif;font-size:12px;backdrop-filter:blur(8px)">
|
||||
<span style="color:#94a3b8">Variante agents-* <span id="canonical-this-page" style="color:#64748b">(cette page)</span></span>
|
||||
<a href="/agents-archi.html" style="color:#a5b4fc;text-decoration:none;padding:4px 12px;background:rgba(99,102,241,0.15);border-radius:6px;border:1px solid rgba(99,102,241,0.25)">Voir canonical : agents-archi</a>
|
||||
<button type="button" aria-label="Fermer banner" onclick="this.parentElement.style.display='none'" style="background:transparent;border:none;color:#64748b;font-size:16px;cursor:pointer;padding:0 8px">×</button>
|
||||
</div>
|
||||
<style>#canonical-banner-v103+*{margin-top:36px!important}
|
||||
/* === WEVIA Gemini Rolling v2 VISIBLE Enrichment (wave 306 batch) === */
|
||||
.kpi,[class*="card"],[class*="panel"],[class*="room"],.stat-card,.metric-card,.hub-card,.widget,.stat,.box{position:relative!important}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card{animation:geV2Entrance .8s cubic-bezier(.34,1.56,.64,1) backwards}
|
||||
.kpi:nth-child(1),[class*="card"]:nth-child(1){animation-delay:0s}
|
||||
.kpi:nth-child(2),[class*="card"]:nth-child(2){animation-delay:.09s}
|
||||
.kpi:nth-child(3),[class*="card"]:nth-child(3){animation-delay:.18s}
|
||||
.kpi:nth-child(4),[class*="card"]:nth-child(4){animation-delay:.27s}
|
||||
.kpi:nth-child(5),[class*="card"]:nth-child(5){animation-delay:.36s}
|
||||
.kpi:nth-child(6),[class*="card"]:nth-child(6){animation-delay:.45s}
|
||||
@keyframes geV2Entrance{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card,.widget{border:1px solid transparent!important;box-shadow:0 0 0 1px rgba(236,72,153,.15),0 4px 16px rgba(0,0,0,.25)!important;transition:box-shadow .4s,transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s!important}
|
||||
.kpi:hover,[class*="card"]:hover,.stat-card:hover,.metric-card:hover,.hub-card:hover{transform:translateY(-6px) scale(1.03)!important;filter:brightness(1.2)!important;box-shadow:0 0 0 2px rgba(236,72,153,.6),0 12px 32px rgba(236,72,153,.25),0 0 24px rgba(78,205,196,.2)!important}
|
||||
.kpi::before,[class*="card"]::before,.stat-card::before,.metric-card::before,.hub-card::before{content:"";position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#2ed573,#1a9a4e);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5);animation:geV2Pulse 1.6s ease-out infinite;z-index:100;pointer-events:none}
|
||||
@keyframes geV2Pulse{0%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}50%{transform:scale(1.4);box-shadow:0 0 20px #2ed573,0 0 40px rgba(46,213,115,.8)}100%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}}
|
||||
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 30%,transparent 40%,rgba(236,72,153,.06) 100%),radial-gradient(ellipse at 30% 70%,transparent 40%,rgba(78,205,196,.04) 100%);animation:geV2Ambient 10s ease-in-out infinite;z-index:0}
|
||||
@keyframes geV2Ambient{0%,100%{opacity:.5}50%{opacity:1}}
|
||||
h1,.header-title,.main-title,.hub-title,.page-title{background-image:linear-gradient(90deg,currentColor 0%,currentColor 40%,rgba(236,72,153,1) 50%,currentColor 60%,currentColor 100%)!important;background-size:200% auto!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:geV2Shimmer 5s linear infinite!important}
|
||||
@keyframes geV2Shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
|
||||
/* Doctrine zero chevauchement - hide common offenders */
|
||||
.opus-x-btn,.toggle-top-right-btn,.fab-corner{display:none!important}
|
||||
/* === end WEVIA Gemini Rolling v2 batch === */
|
||||
</style>
|
||||
<script>
|
||||
(function(){
|
||||
var el = document.getElementById('canonical-this-page');
|
||||
if(el) el.textContent = '(' + location.pathname.split('/').pop() + ')';
|
||||
})();
|
||||
</script>
|
||||
<!-- END CANONICAL BANNER -->
|
||||
|
||||
<canvas id="c"></canvas>
|
||||
<div id="tip"><div class="tn"></div><div class="tt"></div><div class="td"></div><div class="tp"></div><div class="st"></div></div>
|
||||
<div id="hud">
|
||||
<div class="logo">WEVAL <b>Enterprise</b> ✨</div>
|
||||
<div class="hr">
|
||||
<span>👥 <b style="background:#dbeafe;color:#3b82f6" id="tot">31</b></span>
|
||||
<span>🟢 <b style="background:#dcfce7;color:#16a34a" id="ac">0</b> actifs</span>
|
||||
<span>📦 <b style="background:#fef3c7;color:#d97706" id="tc">0</b> tasks</span>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
const C=document.getElementById('c'),X=C.getContext('2d');
|
||||
let W,H,mx=-1,my=-1,hov=null,fr=0,tasks=0;
|
||||
function resize(){W=innerWidth;H=innerHeight;C.width=W*2;C.height=H*2;X.scale(2,2);doLayout()}
|
||||
addEventListener('resize',resize);
|
||||
|
||||
// ═══ COLORS (bright pastel) ═══
|
||||
const BG='#e8f0f8';
|
||||
const FLOOR={
|
||||
ceo:'#ffe0e6',sales:'#dbeafe',consult:'#e0d4fc',dev:'#d1fae5',
|
||||
srv:'#fef3c7',sec:'#fce4ec',qa:'#cffafe',pharma:'#f3e8ff',ops:'#fefce8'
|
||||
};
|
||||
const WALL={
|
||||
ceo:'#e94560',sales:'#3b82f6',consult:'#7c3aed',dev:'#10b981',
|
||||
srv:'#f59e0b',sec:'#ef4444',qa:'#06b6d4',pharma:'#a855f7',ops:'#eab308'
|
||||
};
|
||||
|
||||
// ═══ ROOMS ═══
|
||||
const RM=[
|
||||
{id:'ceo',label:'CEO',w:1.5,h:1.8},
|
||||
{id:'sales',label:'Prospection',w:2.5,h:1.8},
|
||||
{id:'consult',label:'Consulting',w:3,h:1.8},
|
||||
{id:'dev',label:'Dev Lab',w:3.5,h:2.2},
|
||||
{id:'srv',label:'Servers',w:2,h:2.2},
|
||||
{id:'sec',label:'Sécurité',w:2,h:2.2},
|
||||
{id:'qa',label:'QA Center',w:3,h:1.8},
|
||||
{id:'pharma',label:'Pharma',w:2.5,h:1.8},
|
||||
{id:'ops',label:'Monitoring',w:2.5,h:1.8},
|
||||
];
|
||||
RM.forEach(r=>{r.sx=0;r.sy=0;r.pw=0;r.ph=0;});
|
||||
|
||||
// ═══ CHAIN ═══
|
||||
const CH=[
|
||||
{l:'LEADS',c:'#3b82f6'},{l:'QUALIFY',c:'#7c3aed'},{l:'DESIGN',c:'#10b981'},
|
||||
{l:'BUILD',c:'#22c55e'},{l:'SECURE',c:'#ef4444'},{l:'TEST',c:'#06b6d4'},
|
||||
{l:'DEPLOY',c:'#f59e0b'},{l:'SHIP',c:'#e94560'},
|
||||
];
|
||||
CH.forEach(s=>{s.x=0;s.y=0;});
|
||||
|
||||
// ═══ AGENTS ═══
|
||||
const AG=[
|
||||
{n:'CEO',rm:'ceo',st:1,d:'Direction stratégique',p:'Décisions, budget',clr:'#e94560',hair:'#1a1a1a',skin:'#f5dcc0',htype:'slick'},
|
||||
{n:'Ethica',rm:'sales',st:0,d:'Scraping HCP',p:'131K+ médecins',clr:'#3b82f6',hair:'#2a1200',skin:'#c9956a',htype:'curly'},
|
||||
{n:'Analyst',rm:'sales',st:0,d:'Analyse besoins',p:'Specs marché',clr:'#3b82f6',hair:'#4a3020',skin:'#f5dcc0',htype:'short',glasses:1},
|
||||
{n:'Writer',rm:'sales',st:0,d:'Rédaction',p:'Emails, articles',clr:'#3b82f6',hair:'#8a5020',skin:'#f5dcc0',htype:'bob'},
|
||||
{n:'Architect',rm:'consult',st:2,d:'Architecture',p:'Blueprints',clr:'#7c3aed',hair:'#2a2a3a',skin:'#e8cca0',htype:'short',glasses:1},
|
||||
{n:'Planner',rm:'consult',st:1,d:'Planning',p:'Roadmaps',clr:'#7c3aed',hair:'#5a3a1a',skin:'#f5dcc0',htype:'side'},
|
||||
{n:'DeerFlow',rm:'consult',st:1,d:'Research',p:'Synthèses R&D',clr:'#7c3aed',hair:'#6a4a20',skin:'#d8b080',htype:'wild'},
|
||||
{n:'Critic',rm:'consult',st:1,d:'Validation',p:'Risques',clr:'#7c3aed',hair:'#3a3a4a',skin:'#e8cca0',htype:'short',glasses:1},
|
||||
{n:'Executor',rm:'dev',st:3,d:'Deploy',p:'Scripts',clr:'#10b981',hair:'#22c55e',skin:'#c9956a',htype:'mohawk'},
|
||||
{n:'Debugger',rm:'dev',st:3,d:'Debug',p:'Fixes',clr:'#10b981',hair:'#4a2a10',skin:'#f5dcc0',htype:'messy',glasses:1},
|
||||
{n:'Reviewer',rm:'dev',st:3,d:'Code review',p:'PR reviews',clr:'#10b981',hair:'#333',skin:'#e8cca0',htype:'short'},
|
||||
{n:'Designer',rm:'dev',st:2,d:'UI/UX',p:'Mockups',clr:'#10b981',hair:'#d946ef',skin:'#f5dcc0',htype:'long'},
|
||||
{n:'WEDROID',rm:'dev',st:3,d:'Auto-fix',p:'DB repair',clr:'#10b981',hair:'#5a7a9a',skin:'#8a9ab0',htype:'robot'},
|
||||
{n:'Simplifier',rm:'dev',st:3,d:'Refactor',p:'-40% code',clr:'#10b981',hair:'#6a4a30',skin:'#e8cca0',htype:'bun',glasses:1},
|
||||
{n:'Watchdog',rm:'srv',st:6,d:'Monitor',p:'Auto-restart',clr:'#f59e0b',hair:'#8a6a30',skin:'#d8b080',htype:'ears'},
|
||||
{n:'Guardian',rm:'srv',st:4,d:'Protection',p:'Lockdown',clr:'#f59e0b',hair:'#1a2a1a',skin:'#c9956a',htype:'helmet'},
|
||||
{n:'Blade',rm:'srv',st:6,d:'Desktop',p:'PowerShell',clr:'#f59e0b',hair:'#1a3050',skin:'#f5dcc0',htype:'cap'},
|
||||
{n:'GitMaster',rm:'srv',st:6,d:'Git flow',p:'Deploys',clr:'#f59e0b',hair:'#3a5a2a',skin:'#e8cca0',htype:'ponytail',glasses:1},
|
||||
{n:'Security',rm:'sec',st:4,d:'OWASP',p:'Audits',clr:'#ef4444',hair:'#111',skin:'#c9956a',htype:'buzz'},
|
||||
{n:'Verifier',rm:'sec',st:4,d:'ISO/RGPD',p:'Checks',clr:'#ef4444',hair:'#3a3a4a',skin:'#e8cca0',htype:'short',glasses:1},
|
||||
{n:'QA',rm:'qa',st:5,d:'Tests E2E',p:'148 NonReg',clr:'#06b6d4',hair:'#2a3a5a',skin:'#f5dcc0',htype:'short'},
|
||||
{n:'TestEng',rm:'qa',st:5,d:'CI/CD',p:'Pipelines',clr:'#06b6d4',hair:'#4a3a2a',skin:'#e8cca0',htype:'flat'},
|
||||
{n:'Tracer',rm:'qa',st:5,d:'Tracing',p:'Stack traces',clr:'#06b6d4',hair:'#3a2a1a',skin:'#d8b080',htype:'short'},
|
||||
{n:'Scientist',rm:'qa',st:5,d:'Benchmarks',p:'AI Bench',clr:'#06b6d4',hair:'#888',skin:'#f5dcc0',htype:'einstein',glasses:1},
|
||||
{n:'Explore',rm:'pharma',st:0,d:'R&D pharma',p:'Sources HCP',clr:'#a855f7',hair:'#5a3a10',skin:'#c9956a',htype:'adventurer'},
|
||||
{n:'DocSpec',rm:'pharma',st:7,d:'Documentation',p:'Templates',clr:'#a855f7',hair:'#333',skin:'#e8cca0',htype:'neat',glasses:1},
|
||||
{n:'MiroFish',rm:'pharma',st:2,d:'Creative AI',p:'Brainstorm',clr:'#a855f7',hair:'#06b6d4',skin:'#f5dcc0',htype:'wavy'},
|
||||
{n:'TaskMgr',rm:'ops',st:7,d:'Tâches',p:'Kanban',clr:'#eab308',hair:'#4a4a3a',skin:'#e8cca0',htype:'side'},
|
||||
{n:'Brain',rm:'ops',st:2,d:'Brainstorm',p:'Idées',clr:'#eab308',hair:'#eab308',skin:'#f5dcc0',htype:'spiky'},
|
||||
{n:'Intro',rm:'ops',st:5,d:'Méta-analyse',p:'Amélioration',clr:'#eab308',hair:'#a855f7',skin:'#e8cca0',htype:'glow'},
|
||||
{n:'Orch',rm:'ops',st:6,d:'Orchestration',p:'Coordination',clr:'#eab308',hair:'#222',skin:'#c9956a',htype:'military'},
|
||||
];
|
||||
|
||||
// States: sitting, go_chain, at_chain, go_back
|
||||
AG.forEach((a,i)=>{a.state='sitting';a.x=0;a.y=0;a.dx=0;a.dy=0;a.cx=0;a.cy=0;
|
||||
a.bob=Math.random()*6.28;a.wk=0;a.tmr=300+Math.random()*900;a.wtmr=0;
|
||||
a.dir=1;a.bl=0;a.blt=100+Math.random()*250;a.task='';a.taskT=0;});
|
||||
|
||||
const TASKS=['📊 Rapport','📧 Email','🔧 Fix','📋 Review','🔍 Analyse','📦 Deploy','🧪 Test','📝 Doc','🛡️ Audit','🎨 Design','💡 Idée','🐛 Debug'];
|
||||
|
||||
function doLayout(){
|
||||
const pad=10,offY=42;
|
||||
// Row 1: CEO + Sales + Consulting (top)
|
||||
// Row 2: Dev + Server + Security (middle)
|
||||
// Row 3: QA + Pharma + Ops (bottom, above chain)
|
||||
const rows=[[0,1,2],[3,4,5],[6,7,8]];
|
||||
const totalH=(H-offY-H*.2-30)/3;
|
||||
rows.forEach((row,ri)=>{
|
||||
const ws=row.map(i=>RM[i].w);
|
||||
const totalW=ws.reduce((a,b)=>a+b,0);
|
||||
const scale=(W-pad*(row.length+1))/totalW;
|
||||
let cx=pad;
|
||||
row.forEach((idx,ci)=>{
|
||||
const r=RM[idx];r.pw=r.w*scale;r.ph=totalH-pad;
|
||||
r.sx=cx;r.sy=offY+ri*(totalH);cx+=r.pw+pad;
|
||||
});
|
||||
});
|
||||
// Chain
|
||||
const chainY=H*.84;
|
||||
const sg=(W-60)/CH.length;
|
||||
CH.forEach((s,i)=>{s.x=40+i*sg+sg/2;s.y=chainY;});
|
||||
// Agent desk positions
|
||||
AG.forEach(a=>{
|
||||
const rm=RM.find(r=>r.id===a.rm);if(!rm)return;
|
||||
const mates=AG.filter(b=>b.rm===a.rm);const mi=mates.indexOf(a);
|
||||
const cols=Math.max(Math.ceil(mates.length/2),1);
|
||||
const row=Math.floor(mi/cols),col=mi%cols;
|
||||
a.dx=rm.sx+20+col*Math.min((rm.pw-40)/Math.max(cols-1,1),48);
|
||||
a.dy=rm.sy+28+row*32;
|
||||
if(a.state==='sitting'){a.x=a.dx;a.y=a.dy;}
|
||||
const st=CH[a.st];if(st){a.cx=st.x+(Math.random()-.5)*16;a.cy=st.y-8;}
|
||||
});
|
||||
}
|
||||
resize();
|
||||
|
||||
// ═══ DRAW ROOM (bright, 3D box) ═══
|
||||
function drawRoom(r){
|
||||
const d=5;// 3D depth
|
||||
const fc=FLOOR[r.id]||'#f0f4fa';
|
||||
const wc=WALL[r.id]||'#aaa';
|
||||
// 3D sides
|
||||
X.fillStyle=wc+'25';
|
||||
X.beginPath();X.moveTo(r.sx+r.pw,r.sy);X.lineTo(r.sx+r.pw+d,r.sy+d);X.lineTo(r.sx+r.pw+d,r.sy+r.ph+d);X.lineTo(r.sx+r.pw,r.sy+r.ph);X.closePath();X.fill();
|
||||
X.beginPath();X.moveTo(r.sx,r.sy+r.ph);X.lineTo(r.sx+d,r.sy+r.ph+d);X.lineTo(r.sx+r.pw+d,r.sy+r.ph+d);X.lineTo(r.sx+r.pw,r.sy+r.ph);X.closePath();X.fill();
|
||||
// Main face
|
||||
X.fillStyle=fc;X.beginPath();X.roundRect(r.sx,r.sy,r.pw,r.ph,10);X.fill();
|
||||
// Border
|
||||
X.strokeStyle=wc+'40';X.lineWidth=2;X.beginPath();X.roundRect(r.sx,r.sy,r.pw,r.ph,10);X.stroke();
|
||||
// Top accent bar
|
||||
X.fillStyle=wc;X.beginPath();X.roundRect(r.sx,r.sy,r.pw,4,[10,10,0,0]);X.fill();
|
||||
// Label
|
||||
X.font='800 10px Nunito';X.fillStyle=wc;X.textAlign='left';
|
||||
X.fillText(r.label,r.sx+8,r.sy+16);
|
||||
// Furniture decorations
|
||||
if(r.id==='srv'){// Server racks
|
||||
for(let i=0;i<3;i++){const rx=r.sx+r.pw-16-i*14;
|
||||
X.fillStyle='#e2e8f0';X.fillRect(rx,r.sy+20,10,r.ph-28);
|
||||
X.strokeStyle='#cbd5e1';X.lineWidth=.5;X.strokeRect(rx,r.sy+20,10,r.ph-28);
|
||||
for(let j=0;j<5;j++){X.fillStyle=Math.sin(fr*.06+i+j)>.2?'#22c55e':'#f59e0b';
|
||||
X.beginPath();X.arc(rx+3,r.sy+26+j*7,1.5,0,6.28);X.fill();}}
|
||||
}
|
||||
if(r.id==='ceo'){// Plant
|
||||
X.fillStyle='#c2956b';X.fillRect(r.sx+r.pw-18,r.sy+r.ph-16,8,10);
|
||||
X.fillStyle='#22c55e';X.beginPath();X.arc(r.sx+r.pw-14,r.sy+r.ph-20,8,Math.PI,.1);X.fill();
|
||||
X.fillStyle='#16a34a';X.beginPath();X.arc(r.sx+r.pw-14,r.sy+r.ph-24,6,Math.PI,.2);X.fill();
|
||||
}
|
||||
// Whiteboard
|
||||
if(r.id==='consult'||r.id==='ops'){
|
||||
X.fillStyle='#fff';X.fillRect(r.sx+r.pw-42,r.sy+18,34,20);
|
||||
X.strokeStyle='#cbd5e1';X.lineWidth=1;X.strokeRect(r.sx+r.pw-42,r.sy+18,34,20);
|
||||
X.fillStyle=wc+'30';X.fillRect(r.sx+r.pw-38,r.sy+22,12,3);X.fillRect(r.sx+r.pw-38,r.sy+28,20,2);X.fillRect(r.sx+r.pw-38,r.sy+33,16,2);
|
||||
}
|
||||
}
|
||||
|
||||
// ═══ DRAW DESK ═══
|
||||
function drawDesk(x,y,clr,occ){
|
||||
// Chair
|
||||
X.fillStyle=occ?clr+'30':'#e2e8f0';
|
||||
X.beginPath();X.arc(x,y+8,5,0,6.28);X.fill();
|
||||
// Table
|
||||
X.fillStyle='#f8fafc';X.shadowColor='#00000010';X.shadowBlur=4;
|
||||
X.beginPath();X.roundRect(x-12,y-2,24,8,3);X.fill();X.shadowBlur=0;
|
||||
X.strokeStyle='#e2e8f0';X.lineWidth=.8;X.beginPath();X.roundRect(x-12,y-2,24,8,3);X.stroke();
|
||||
// Monitor
|
||||
X.fillStyle=occ?clr+'20':'#f1f5f9';
|
||||
X.fillRect(x-5,y-10,10,7);
|
||||
X.strokeStyle=occ?clr+'50':'#e2e8f0';X.lineWidth=.6;X.strokeRect(x-5,y-10,10,7);
|
||||
// Stand
|
||||
X.fillStyle='#cbd5e1';X.fillRect(x-1,y-3,2,2);
|
||||
}
|
||||
|
||||
// ═══ CHIBI CHARACTER (Good Job! style) ═══
|
||||
function drawC(a){
|
||||
const isH=a===hov,sit=a.state==='sitting';
|
||||
const sc=isH?1.15:1;
|
||||
const bob=sit?0:Math.sin(a.bob)*1.5;
|
||||
const lsw=sit?0:Math.sin(a.wk)*3;
|
||||
X.save();X.translate(a.x,a.y+bob);X.scale(sc*a.dir,sc);
|
||||
// Shadow (soft circle)
|
||||
X.fillStyle='#00000012';X.beginPath();X.ellipse(0,sit?5:10,8,3,0,0,6.28);X.fill();
|
||||
if(isH){X.shadowColor=a.clr;X.shadowBlur=14;}
|
||||
const oy=sit?-1:0;
|
||||
// ═══ BODY (pill shape) ═══
|
||||
const bg=X.createLinearGradient(0,oy-5,0,oy+4);bg.addColorStop(0,a.clr);bg.addColorStop(1,a.clr+'cc');
|
||||
X.fillStyle=bg;X.beginPath();X.roundRect(-6,oy-5,12,10,[5,5,3,3]);X.fill();
|
||||
// Highlight
|
||||
X.fillStyle='#ffffff20';X.beginPath();X.roundRect(-4,oy-4,4,7,[2,0,0,2]);X.fill();
|
||||
// ═══ LEGS ═══
|
||||
if(!sit){
|
||||
X.fillStyle=a.clr+'dd';
|
||||
X.save();X.translate(-2.5,oy+4);X.rotate(lsw*.06);X.beginPath();X.roundRect(-1.5,0,3,7,1.5);X.fill();X.restore();
|
||||
X.save();X.translate(2.5,oy+4);X.rotate(-lsw*.06);X.beginPath();X.roundRect(-1.5,0,3,7,1.5);X.fill();X.restore();
|
||||
// Shoes
|
||||
X.fillStyle='#fff';
|
||||
X.beginPath();X.roundRect(-5+lsw*.2,oy+10,4.5,2.5,[0,0,2,2]);X.fill();
|
||||
X.beginPath();X.roundRect(.5-lsw*.2,oy+10,4.5,2.5,[0,0,2,2]);X.fill();
|
||||
}
|
||||
// ═══ ARMS ═══
|
||||
X.fillStyle=a.skin;
|
||||
const asw=sit?0:Math.sin(a.wk+.5)*.15;
|
||||
X.save();X.translate(-7,oy-2);X.rotate(sit?.25:asw);X.beginPath();X.roundRect(-1.5,0,3,sit?4:7,1.5);X.fill();X.restore();
|
||||
X.save();X.translate(7,oy-2);X.rotate(sit?-.25:-asw);X.beginPath();X.roundRect(-1.5,0,3,sit?4:7,1.5);X.fill();X.restore();
|
||||
// ═══ HEAD (BIG round — chibi) ═══
|
||||
const hy=oy-16;const hr=9;
|
||||
// Head shadow
|
||||
X.fillStyle='#00000008';X.beginPath();X.arc(0,hy+hr+2,hr*.7,0,Math.PI);X.fill();
|
||||
// Head
|
||||
X.fillStyle=a.skin;X.beginPath();X.arc(0,hy,hr,0,6.28);X.fill();
|
||||
// Cheeks
|
||||
X.fillStyle='#ff888815';X.beginPath();X.arc(-5,hy+3,2.5,0,6.28);X.fill();X.beginPath();X.arc(5,hy+3,2.5,0,6.28);X.fill();
|
||||
// ═══ HAIR ═══
|
||||
X.fillStyle=a.hair;
|
||||
switch(a.htype){
|
||||
case'slick':X.beginPath();X.arc(0,hy-1,hr+.5,.6,Math.PI+.4);X.fill();X.fillRect(-7,hy-6,14,5);break;
|
||||
case'short':X.beginPath();X.arc(0,hy-1,hr+.5,.5,Math.PI-.3);X.fill();break;
|
||||
case'curly':for(let i=0;i<9;i++){const ag=-2.3+i*.5;X.beginPath();X.arc(Math.cos(ag)*8,hy-2+Math.sin(ag)*7,3,0,6.28);X.fill();}break;
|
||||
case'bob':X.beginPath();X.arc(0,hy-1,hr+.5,.15,Math.PI);X.fill();X.fillRect(-10,hy,4,7);X.fillRect(6,hy,4,7);break;
|
||||
case'side':X.beginPath();X.arc(0,hy-1,hr+.5,.4,Math.PI-.2);X.fill();X.fillRect(-10,hy-2,5,7);break;
|
||||
case'wild':X.beginPath();X.arc(0,hy-2,hr+2,.15,Math.PI);X.fill();X.beginPath();X.arc(-10,hy-1,3.5,0,6.28);X.fill();X.beginPath();X.arc(10,hy-1,3.5,0,6.28);X.fill();break;
|
||||
case'mohawk':X.beginPath();X.arc(0,hy-1,hr+.5,.5,Math.PI-.3);X.fill();for(let i=0;i<4;i++)X.fillRect(-1.5,hy-10-i*2,3,4);break;
|
||||
case'messy':X.beginPath();X.arc(0,hy-2,hr+1,.3,Math.PI-.1);X.fill();for(let i=0;i<5;i++)X.fillRect(-6+i*3,hy-9-Math.sin(i)*2,3,4);break;
|
||||
case'long':X.beginPath();X.arc(0,hy-1,hr+.5,.15,Math.PI);X.fill();X.fillRect(-10,hy-1,4,10);X.fillRect(6,hy-1,4,10);break;
|
||||
case'bun':X.beginPath();X.arc(0,hy-1,hr+.5,.5,Math.PI-.3);X.fill();X.beginPath();X.arc(0,hy-9,4,0,6.28);X.fill();break;
|
||||
case'ponytail':X.beginPath();X.arc(0,hy-1,hr+.5,.4,Math.PI-.2);X.fill();X.fillRect(6,hy,2.5,10);X.beginPath();X.arc(7.2,hy+10,2.5,0,6.28);X.fill();break;
|
||||
case'ears':X.beginPath();X.arc(0,hy-1,hr+.5,.5,Math.PI-.3);X.fill();
|
||||
X.beginPath();X.moveTo(-7,hy-4);X.lineTo(-12,hy-12);X.lineTo(-4,hy-2);X.fill();
|
||||
X.beginPath();X.moveTo(7,hy-4);X.lineTo(12,hy-12);X.lineTo(4,hy-2);X.fill();break;
|
||||
case'helmet':X.fillStyle='#5a8a5a';X.beginPath();X.arc(0,hy-1,hr+1.5,.25,Math.PI-.1);X.fill();X.fillRect(-10,hy,.5,20);X.fillRect(10,hy,.5,20);break;
|
||||
case'cap':X.beginPath();X.arc(0,hy-1,hr+.5,.3,Math.PI-.1);X.fill();X.fillRect(-11,hy-1,22,3);X.fillRect(-13,hy,8,2.5);break;
|
||||
case'robot':X.fillStyle='#94a3b8';X.beginPath();X.roundRect(-8,hy-7,16,14,3);X.fill();
|
||||
X.fillStyle='#64748b';X.fillRect(-6,hy-3,12,4);
|
||||
X.strokeStyle='#94a3b8';X.lineWidth=1.5;X.beginPath();X.moveTo(0,hy-7);X.lineTo(0,hy-11);X.stroke();
|
||||
X.fillStyle='#ef4444';X.beginPath();X.arc(0,hy-11,2,0,6.28);X.fill();break;
|
||||
case'buzz':X.beginPath();X.arc(0,hy-1,hr+1,.4,Math.PI-.2);X.fill();break;
|
||||
case'flat':X.beginPath();X.arc(0,hy-1,hr+.5,.5,Math.PI-.3);X.fill();X.fillRect(-8,hy-4,16,2.5);break;
|
||||
case'einstein':X.beginPath();X.arc(0,hy-2,hr+2,.15,Math.PI);X.fill();X.beginPath();X.arc(-10,hy-1,4,0,6.28);X.fill();X.beginPath();X.arc(10,hy-1,4,0,6.28);X.fill();break;
|
||||
case'adventurer':X.beginPath();X.arc(0,hy-1,hr+.5,.4,Math.PI-.2);X.fill();X.fillStyle=a.hair+'88';X.fillRect(-11,hy-2,22,3);X.fillRect(-13,hy-1,9,2.5);break;
|
||||
case'neat':X.beginPath();X.arc(0,hy-1,hr+.5,.5,Math.PI-.3);X.fill();break;
|
||||
case'wavy':for(let i=0;i<7;i++){const ag=-2+i*.6;X.beginPath();X.arc(Math.cos(ag)*8,hy-2+Math.sin(ag)*6+Math.sin(i)*1.5,2.5,0,6.28);X.fill();}break;
|
||||
case'spiky':for(let i=0;i<6;i++){const ag=-1.6+i*.55;X.beginPath();X.moveTo(Math.cos(ag)*7,hy-2+Math.sin(ag)*6);X.lineTo(Math.cos(ag)*(hr+5),hy-3+Math.sin(ag)*(hr+3));X.lineTo(Math.cos(ag+.25)*7,hy-2+Math.sin(ag+.25)*6);X.fill();}break;
|
||||
case'glow':X.beginPath();X.arc(0,hy-1,hr+.5,.3,Math.PI-.1);X.fill();X.fillStyle=a.hair+'18';X.beginPath();X.arc(0,hy-3,16,0,6.28);X.fill();break;
|
||||
case'military':X.beginPath();X.arc(0,hy-1,hr+.5,.4,Math.PI-.2);X.fill();X.fillRect(-8,hy-2,16,2);break;
|
||||
default:X.beginPath();X.arc(0,hy-1,hr+.5,.5,Math.PI-.3);X.fill();
|
||||
}
|
||||
// ═══ EYES ═══
|
||||
if(a.htype!=='robot'){
|
||||
if(a.bl<=0){
|
||||
X.fillStyle='#fff';X.beginPath();X.ellipse(-3,hy,3,3.5,0,0,6.28);X.fill();X.beginPath();X.ellipse(3,hy,3,3.5,0,0,6.28);X.fill();
|
||||
X.fillStyle='#1a1a3a';X.beginPath();X.arc(-2.5,hy+.5,1.8,0,6.28);X.fill();X.beginPath();X.arc(3.5,hy+.5,1.8,0,6.28);X.fill();
|
||||
X.fillStyle='#000';X.beginPath();X.arc(-2.5,hy+.8,1,0,6.28);X.fill();X.beginPath();X.arc(3.5,hy+.8,1,0,6.28);X.fill();
|
||||
X.fillStyle='#fff';X.beginPath();X.arc(-3.2,hy-.8,.7,0,6.28);X.fill();X.beginPath();X.arc(2.8,hy-.8,.7,0,6.28);X.fill();
|
||||
} else {X.strokeStyle='#333';X.lineWidth=1.5;X.lineCap='round';X.beginPath();X.moveTo(-5,hy);X.lineTo(-1,hy);X.stroke();X.beginPath();X.moveTo(1,hy);X.lineTo(5,hy);X.stroke();}
|
||||
if(a.glasses){X.strokeStyle='#94a3b8';X.lineWidth=.7;X.beginPath();X.arc(-3,hy,4,0,6.28);X.stroke();X.beginPath();X.arc(3,hy,4,0,6.28);X.stroke();X.beginPath();X.moveTo(-.5,hy);X.lineTo(.5,hy);X.stroke();}
|
||||
// Mouth
|
||||
X.strokeStyle='#d08080';X.lineWidth=.7;X.lineCap='round';X.beginPath();
|
||||
if(a.state==='at_chain'){X.arc(0,hy+5.5,2,.2,Math.PI-.2);}else{X.moveTo(-1.5,hy+5.5);X.lineTo(1.5,hy+5.5);}X.stroke();
|
||||
} else {
|
||||
X.fillStyle=a.state!=='sitting'?'#22c55e':'#3b82f6';
|
||||
X.beginPath();X.roundRect(-4,hy-1,3.5,2.5,1);X.fill();X.beginPath();X.roundRect(.5,hy-1,3.5,2.5,1);X.fill();
|
||||
}
|
||||
// Name
|
||||
X.font=`${isH?'800':'600'} ${isH?8:6.5}px Nunito`;
|
||||
X.fillStyle=isH?'#2a2a4a':a.state!=='sitting'?a.clr:'#8a9ab8';X.textAlign='center';
|
||||
X.fillText(a.n,0,sit?15:20);
|
||||
// Active indicator
|
||||
if(a.state!=='sitting'){X.fillStyle=a.clr;X.beginPath();X.arc(0,oy-22,2.5,0,6.28);X.fill();}
|
||||
// Task bubble
|
||||
if(a.taskT>0){const ba=Math.min(a.taskT/15,1);X.globalAlpha=ba;
|
||||
X.fillStyle='#fff';X.shadowColor='#00000015';X.shadowBlur=6;
|
||||
const bw=a.task.length*4.5+10;X.beginPath();X.roundRect(-bw/2,oy-38,bw,15,8);X.fill();X.shadowBlur=0;
|
||||
X.fillStyle='#fff';X.beginPath();X.moveTo(-2,oy-23);X.lineTo(2,oy-23);X.lineTo(0,oy-20);X.closePath();X.fill();
|
||||
X.font='600 7px Nunito';X.fillStyle='#2a2a4a';X.fillText(a.task,0,oy-28);X.globalAlpha=1;}
|
||||
X.restore();
|
||||
}
|
||||
|
||||
// ═══ DRAW CHAIN ═══
|
||||
function drawChain(){
|
||||
const y=CH[0].y;
|
||||
// Belt
|
||||
X.fillStyle='#f1f5f9';X.shadowColor='#00000010';X.shadowBlur=8;
|
||||
X.beginPath();X.roundRect(20,y-15,W-40,30,12);X.fill();X.shadowBlur=0;
|
||||
X.strokeStyle='#e2e8f0';X.lineWidth=1.5;X.beginPath();X.roundRect(20,y-15,W-40,30,12);X.stroke();
|
||||
// Belt stripes
|
||||
const off=(fr*.8)%16;X.strokeStyle='#e2e8f020';X.lineWidth=.4;
|
||||
for(let x=25-off;x<W-25;x+=16){X.beginPath();X.moveTo(x,y-14);X.lineTo(x,y+14);X.stroke();}
|
||||
// Stations
|
||||
CH.forEach((s,i)=>{
|
||||
X.fillStyle=s.c+'18';X.beginPath();X.arc(s.x,y,16,0,6.28);X.fill();
|
||||
X.fillStyle='#fff';X.beginPath();X.arc(s.x,y,6,0,6.28);X.fill();
|
||||
X.fillStyle=s.c;X.beginPath();X.arc(s.x,y,4,0,6.28);X.fill();
|
||||
X.font='800 7px Nunito';X.textAlign='center';X.fillStyle=s.c;X.fillText(s.l,s.x,y+24);
|
||||
if(i<CH.length-1){const n=CH[i+1];
|
||||
X.strokeStyle='#cbd5e1';X.lineWidth=1;X.beginPath();X.moveTo(s.x+8,y);X.lineTo(n.x-8,y);X.stroke();
|
||||
const dt=((fr*1.2+i*25)%(n.x-s.x-16));X.fillStyle=s.c+'50';X.beginPath();X.arc(s.x+8+dt,y,2,0,6.28);X.fill();}
|
||||
});
|
||||
}
|
||||
|
||||
// ═══ UPDATE ═══
|
||||
function upd(dt){
|
||||
fr++;let ac=0;
|
||||
AG.forEach(a=>{
|
||||
a.bob+=dt*(a.state==='sitting'?1:3.5);a.blt-=dt*60;
|
||||
if(a.blt<=0){a.bl=4;a.blt=100+Math.random()*250;}if(a.bl>0)a.bl-=dt*60;if(a.taskT>0)a.taskT-=dt*20;
|
||||
switch(a.state){
|
||||
case'sitting':a.tmr-=dt*60;if(a.tmr<=0){a.state='go_chain';a.wk=0;a.task=TASKS[Math.floor(Math.random()*TASKS.length)];a.taskT=40;}break;
|
||||
case'go_chain':a.wk+=dt*7;ac++;{const dx=a.cx-a.x,dy=a.cy-a.y,d=Math.sqrt(dx*dx+dy*dy);
|
||||
if(d>2){a.x+=dx/d*85*dt;a.y+=dy/d*85*dt;a.dir=dx>0?1:-1;}
|
||||
else{a.state='at_chain';a.wtmr=50+Math.random()*80;a.taskT=35;tasks++;}}break;
|
||||
case'at_chain':a.wk+=dt*2;ac++;a.wtmr-=dt*60;if(a.wtmr<=0)a.state='go_back';break;
|
||||
case'go_back':a.wk+=dt*7;ac++;{const dx=a.dx-a.x,dy=a.dy-a.y,d=Math.sqrt(dx*dx+dy*dy);
|
||||
if(d>2){a.x+=dx/d*85*dt;a.y+=dy/d*85*dt;a.dir=dx>0?1:-1;}
|
||||
else{a.state='sitting';a.x=a.dx;a.y=a.dy;a.dir=1;a.tmr=400+Math.random()*1000;}}break;
|
||||
}
|
||||
});document.getElementById('ac').textContent=ac;document.getElementById('tc').textContent=tasks;}
|
||||
|
||||
function hit(){hov=null;AG.forEach(a=>{if(Math.abs(mx-a.x)<10&&Math.abs(my-a.y)<16)hov=a;});
|
||||
const t=document.getElementById('tip');if(hov){t.style.display='block';t.style.left=Math.min(mx+14,W-250)+'px';t.style.top=Math.max(my-150,10)+'px';
|
||||
t.style.borderColor=hov.clr;t.querySelector('.tn').textContent=hov.n;
|
||||
t.querySelector('.tt').textContent=RM.find(r=>r.id===hov.rm)?.label||'';t.querySelector('.tt').style.color=hov.clr;
|
||||
t.querySelector('.td').textContent=hov.d;t.querySelector('.tp').textContent='→ '+hov.p;
|
||||
const sm={sitting:'💤 Au bureau',go_chain:'🚶 → Production',at_chain:'⚙️ En cours...',go_back:'✅ Retour'};
|
||||
t.querySelector('.st').textContent=sm[hov.state];t.querySelector('.st').style.color=hov.state==='sitting'?'#94a3b8':'#16a34a';
|
||||
}else t.style.display='none';}
|
||||
|
||||
let lt=0;function loop(t){const dt=Math.min((t-lt)/1000,.04);lt=t;
|
||||
X.fillStyle=BG;X.fillRect(0,0,W,H);
|
||||
RM.forEach(r=>drawRoom(r));
|
||||
AG.forEach(a=>{const rm=RM.find(r=>r.id===a.rm);if(rm)drawDesk(a.dx,a.dy,WALL[a.rm],a.state==='sitting');});
|
||||
drawChain();upd(dt);
|
||||
// Path lines
|
||||
AG.filter(a=>a.state==='go_chain'||a.state==='go_back').forEach(a=>{X.strokeStyle=a.clr+'15';X.lineWidth=1;X.setLineDash([2,4]);X.beginPath();X.moveTo(a.dx,a.dy);X.lineTo(a.x,a.y);X.stroke();X.setLineDash([]);});
|
||||
[...AG].sort((a,b)=>a.y-b.y).forEach(a=>drawC(a));hit();requestAnimationFrame(loop);}
|
||||
|
||||
C.addEventListener('mousemove',e=>{mx=e.clientX;my=e.clientY;C.style.cursor=hov?'pointer':'default'});
|
||||
C.addEventListener('mouseleave',()=>{mx=my=-1});
|
||||
requestAnimationFrame(loop);
|
||||
</script>
|
||||
<!-- CARTO_REMOVED -->
|
||||
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN v1 19avr — append-only, doctrine #14 === -->
|
||||
<script>
|
||||
(function(){
|
||||
if (window.__opusUniversalDrill) return; window.__opusUniversalDrill = true;
|
||||
var d = document;
|
||||
var m = d.createElement('div');
|
||||
m.id = 'opus-udrill';
|
||||
m.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.82);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:99995;padding:20px;cursor:pointer';
|
||||
var inner = d.createElement('div');
|
||||
inner.id = 'opus-udrill-in';
|
||||
inner.style.cssText = 'max-width:900px;width:100%;max-height:90vh;overflow:auto;background:#0b0d15;border:1px solid rgba(99,102,241,0.35);border-radius:14px;padding:28px;cursor:default;box-shadow:0 20px 60px rgba(0,0,0,0.6);color:#e2e8f0;font:14px/1.55 Inter,system-ui,sans-serif';
|
||||
inner.addEventListener('click', function(e){ e.stopPropagation(); });
|
||||
m.appendChild(inner);
|
||||
m.addEventListener('click', function(){ m.style.display='none'; });
|
||||
d.addEventListener('keydown', function(e){ if(e.key==='Escape') m.style.display='none'; });
|
||||
(d.body || d.documentElement).appendChild(m);
|
||||
|
||||
function openCard(card) {
|
||||
// Clone card content + show close btn + increase font-size
|
||||
var html = '<div style="display:flex;justify-content:flex-end;margin-bottom:14px"><button id="opus-udrill-close" style="padding:6px 14px;background:#171b2a;border:1px solid rgba(99,102,241,0.25);color:#e2e8f0;border-radius:8px;cursor:pointer;font-size:12px">✕ Fermer (Esc)</button></div>';
|
||||
html += '<div style="transform-origin:top left;font-size:1.05em">' + card.outerHTML + '</div>';
|
||||
inner.innerHTML = html;
|
||||
d.getElementById('opus-udrill-close').onclick = function(){ m.style.display='none'; };
|
||||
m.style.display = 'flex';
|
||||
}
|
||||
|
||||
function wire(root) {
|
||||
var sels = '.card,[class*="card"],.kpi,[class*="kpi"],.stat,[class*="stat"],.tile,[class*="tile"],.metric,[class*="metric"],.widget,[class*="widget"]';
|
||||
var cards = root.querySelectorAll(sels);
|
||||
for (var i = 0; i < cards.length; i++) {
|
||||
var c = cards[i];
|
||||
if (c.__opusWired) continue;
|
||||
if (c.closest('button, a, input, select, textarea, #opus-udrill')) continue;
|
||||
var r = c.getBoundingClientRect();
|
||||
if (r.width < 60 || r.height < 40) continue;
|
||||
c.__opusWired = true;
|
||||
c.style.cursor = 'pointer';
|
||||
c.setAttribute('role','button');
|
||||
c.setAttribute('tabindex','0');
|
||||
c.addEventListener('click', function(ev){
|
||||
// If a more-specific drill is already active (e.g. pp-card custom), let it handle
|
||||
if (ev.target.closest('[data-pp-id]') && window.__opusDrillInit) return;
|
||||
if (ev.target.closest('a,button,input,select')) return;
|
||||
ev.preventDefault(); ev.stopPropagation();
|
||||
openCard(this);
|
||||
});
|
||||
c.addEventListener('keydown', function(ev){ if(ev.key==='Enter'||ev.key===' '){ev.preventDefault();openCard(this);} });
|
||||
}
|
||||
}
|
||||
|
||||
// Initial + mutation observer
|
||||
var initRun = function(){ wire(d.body || d.documentElement); };
|
||||
if (d.readyState === 'loading') d.addEventListener('DOMContentLoaded', initRun);
|
||||
else initRun();
|
||||
var mo = new MutationObserver(function(muts){
|
||||
var newCard = false;
|
||||
for (var i=0;i<muts.length;i++) if (muts[i].addedNodes.length) { newCard = true; break; }
|
||||
if (newCard) initRun();
|
||||
});
|
||||
mo.observe(d.body || d.documentElement, {childList:true, subtree:true});
|
||||
})();
|
||||
</script>
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN END === -->
|
||||
|
||||
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t33b5) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1777045903" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
232
_archive/w307/LEGACY_nonreg-old-v2.html
Normal file
232
_archive/w307/LEGACY_nonreg-old-v2.html
Normal file
@@ -0,0 +1,232 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
<title>WEVAL — Master Test Report</title>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Outfit:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
:root{--bg:#080b12;--surface:rgba(255,255,255,.03);--border:rgba(255,255,255,.06);--text:#94a3b8;--white:#f1f5f9;--accent:#6366f1;--teal:#00c896;--red:#ef4444;--gold:#f0c674;--r:12px}
|
||||
*{margin:0;padding:0;box-sizing:border-box}
|
||||
body{font-family:"Outfit",system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:15px;min-height:100vh}
|
||||
.wrap{max-width:1200px;margin:0 auto;padding:1.5rem 4%}
|
||||
.hero{text-align:center;padding:2rem 0 1.5rem}
|
||||
.badge{display:inline-block;background:rgba(99,102,241,.1);color:var(--accent);padding:6px 18px;border-radius:20px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.8rem}
|
||||
h1{font-size:1.8rem;font-weight:800;color:var(--white);margin-bottom:.3rem}
|
||||
h1 em{color:var(--teal);font-style:normal}
|
||||
.sub{color:var(--text);font-size:.85rem;margin-bottom:1.5rem}
|
||||
.tabs{display:flex;gap:0;justify-content:center;margin-bottom:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;max-width:600px;margin-left:auto;margin-right:auto}
|
||||
.tab{flex:1;padding:.7rem 1rem;text-align:center;cursor:pointer;font-weight:600;font-size:.85rem;color:var(--text);transition:all .2s;border:none;background:transparent}
|
||||
.tab:hover{color:var(--white);background:rgba(99,102,241,.1)}
|
||||
.tab.active{background:var(--accent);color:#fff}
|
||||
.tab .count{font-family:"Space Mono";font-size:.7rem;margin-left:.3rem;opacity:.7}
|
||||
.panel{display:none}
|
||||
.panel.active{display:block}
|
||||
.stats{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem}
|
||||
.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:.6rem 1.2rem;text-align:center}
|
||||
.stat-num{font-family:"Space Mono";font-size:1.5rem;font-weight:700;color:var(--white)}
|
||||
.stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text)}
|
||||
.stat.pass .stat-num{color:var(--teal)}
|
||||
.stat.fail .stat-num{color:var(--red)}
|
||||
.stat.warn .stat-num{color:var(--gold)}
|
||||
/* NonReg output */
|
||||
.output{font-family:"Space Mono",monospace;font-size:12px;line-height:1.7;white-space:pre-wrap;word-break:break-word;padding:1rem;background:rgba(0,0,0,.3);border:1px solid var(--border);border-radius:var(--r);max-height:600px;overflow-y:auto}
|
||||
.output .pass{color:var(--teal)}.output .fail{color:var(--red)}.output .warn{color:var(--gold)}.output .section{color:var(--accent);font-weight:700}
|
||||
/* Iframe panel */
|
||||
.iframe-wrap{border:1px solid var(--border);border-radius:var(--r);overflow:hidden;background:#f8fafc}
|
||||
.iframe-wrap iframe{width:100%;height:80vh;border:none}
|
||||
/* Run button */
|
||||
.run-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent);color:#fff;border:none;padding:.6rem 1.5rem;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;margin-bottom:1rem;transition:all .2s}
|
||||
.run-btn:hover{background:#4f46e5;transform:translateY(-1px)}
|
||||
.run-btn:disabled{opacity:.5;cursor:not-allowed}
|
||||
.run-btn .spinner{display:none;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}
|
||||
.run-btn.loading .spinner{display:inline-block}
|
||||
@keyframes spin{to{transform:rotate(360deg)}}
|
||||
/* Timestamp */
|
||||
.ts{font-size:.7rem;color:var(--text);text-align:center;margin-top:.5rem;font-family:"Space Mono"}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrap">
|
||||
<div class="hero">
|
||||
<div class="badge">Quality Assurance</div>
|
||||
<h1>WEVAL <em>Master Test Report</em></h1>
|
||||
<div class="sub">NonReg + Visual + Auth + Overlap — weval-consulting.com</div>
|
||||
</div>
|
||||
|
||||
<div class="tabs">
|
||||
<div class="tab active" onclick="showTab('nonreg')">🧪 NonReg <span class="count" id="nr-count">—</span></div>
|
||||
<div class="tab" onclick="showTab('visual')">📸 Visual <span class="count" id="vs-count">—</span></div>
|
||||
<div class="tab" onclick="showTab('auth')">🔐 Auth <span class="count" id="au-count">—</span></div>
|
||||
</div>
|
||||
|
||||
<!-- NONREG PANEL -->
|
||||
<div class="panel active" id="p-nonreg">
|
||||
<div style="text-align:center">
|
||||
<button class="run-btn" id="btn-nonreg" onclick="runNonreg()"><span class="spinner"></span>▶ Lancer NonReg</button>
|
||||
<button class="run-btn" onclick="runVisualTest()" style="background:#0ea5e9">📸 Lancer Visual Test</button>
|
||||
</div>
|
||||
<div class="stats" id="nr-stats"></div>
|
||||
<div class="output" id="nr-output">Cliquez "Lancer NonReg" pour exécuter les tests...</div>
|
||||
<div class="ts" id="nr-ts"></div>
|
||||
</div>
|
||||
|
||||
<!-- VISUAL PANEL -->
|
||||
<div class="panel" id="p-visual">
|
||||
<div style="text-align:center;margin-bottom:1rem">
|
||||
<button class="run-btn" onclick="runVisualTest()" style="background:#0ea5e9"><span class="spinner"></span>📸 Re-lancer Visual Test</button>
|
||||
</div>
|
||||
<div class="iframe-wrap">
|
||||
<iframe id="if-visual" src="/test-report/visual-report.html" loading="lazy"></iframe>
|
||||
</div>
|
||||
<div class="ts" id="vs-ts">Dernier rapport chargé</div>
|
||||
</div>
|
||||
|
||||
<!-- AUTH PANEL -->
|
||||
<div class="panel" id="p-auth">
|
||||
<div class="iframe-wrap">
|
||||
<iframe id="if-auth" src="/test-report/auth-report.html" loading="lazy"></iframe>
|
||||
</div>
|
||||
<div class="ts" id="au-ts">Dernier rapport chargé</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function showTab(id){
|
||||
document.querySelectorAll('.tab').forEach((t,i)=>t.classList.toggle('active',['nonreg','visual','auth'][i]===id));
|
||||
document.querySelectorAll('.panel').forEach(p=>p.classList.remove('active'));
|
||||
document.getElementById('p-'+id).classList.add('active');
|
||||
}
|
||||
|
||||
async function runNonreg(){
|
||||
var btn=document.getElementById('btn-nonreg');
|
||||
btn.classList.add('loading');btn.disabled=true;
|
||||
document.getElementById('nr-output').textContent='⏳ Tests en cours...\n';
|
||||
try{
|
||||
var r=await fetch('/api/nonreg-master.php',{credentials:'include'});
|
||||
var text=await r.text();
|
||||
var out=document.getElementById('nr-output');
|
||||
// Parse and colorize
|
||||
var lines=text.split('\n');
|
||||
var pass=0,fail=0,warn=0;
|
||||
var html='';
|
||||
lines.forEach(function(l){
|
||||
if(l.includes('✅')||l.includes('PASS')){html+='<span class="pass">'+esc(l)+'</span>\n';pass++;}
|
||||
else if(l.includes('❌')||l.includes('FAIL')){html+='<span class="fail">'+esc(l)+'</span>\n';fail++;}
|
||||
else if(l.includes('⚠')||l.includes('WARN')){html+='<span class="warn">'+esc(l)+'</span>\n';warn++;}
|
||||
else if(l.startsWith('===')||l.startsWith('---')){html+='<span class="section">'+esc(l)+'</span>\n';}
|
||||
else{html+=esc(l)+'\n';}
|
||||
});
|
||||
out.innerHTML=html;
|
||||
document.getElementById('nr-stats').innerHTML=
|
||||
'<div class="stat pass"><div class="stat-num">'+pass+'</div><div class="stat-label">Pass</div></div>'+
|
||||
'<div class="stat fail"><div class="stat-num">'+fail+'</div><div class="stat-label">Fail</div></div>'+
|
||||
'<div class="stat warn"><div class="stat-num">'+warn+'</div><div class="stat-label">Warn</div></div>'+
|
||||
'<div class="stat"><div class="stat-num">'+(pass+fail+warn)+'</div><div class="stat-label">Total</div></div>';
|
||||
document.getElementById('nr-count').textContent=pass+'/'+(pass+fail+warn);
|
||||
document.getElementById('nr-ts').textContent='Exécuté: '+new Date().toLocaleString('fr-FR');
|
||||
}catch(e){
|
||||
document.getElementById('nr-output').textContent='❌ Erreur: '+e.message;
|
||||
}
|
||||
btn.classList.remove('loading');btn.disabled=false;
|
||||
}
|
||||
|
||||
async function runVisualTest(){
|
||||
alert('Visual test lancé en background sur S204.\nDurée estimée: ~2 minutes.\nLe rapport se mettra à jour automatiquement.');
|
||||
try{
|
||||
await fetch('/api/cx',{method:'POST',body:'k=WEVADS2026&c='+btoa('cd /opt && python3 weval-visual-test.py && cp /tmp/weval-visual-report.html /var/www/html/test-report/visual-report.html'),headers:{'Content-Type':'application/x-www-form-urlencoded'}});
|
||||
setTimeout(function(){document.getElementById('if-visual').src='/test-report/visual-report.html?t='+Date.now()},150000);
|
||||
}catch(e){}
|
||||
}
|
||||
|
||||
function esc(s){return s.replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>')}
|
||||
|
||||
// Auto-count visual/auth reports
|
||||
setTimeout(function(){
|
||||
try{
|
||||
var vf=document.getElementById('if-visual');
|
||||
vf.onload=function(){
|
||||
try{
|
||||
var d=vf.contentDocument;
|
||||
var p=d.querySelectorAll('.bp,[class*=pass]').length;
|
||||
var f=d.querySelectorAll('.bf,[class*=fail]').length;
|
||||
document.getElementById('vs-count').textContent=p+'/'+(p+f);
|
||||
}catch(e){}
|
||||
};
|
||||
var af=document.getElementById('if-auth');
|
||||
af.onload=function(){
|
||||
try{
|
||||
var d=af.contentDocument;
|
||||
var p=d.querySelectorAll('.bp,[class*=pass]').length;
|
||||
var f=d.querySelectorAll('.bf,[class*=fail]').length;
|
||||
document.getElementById('au-count').textContent=p+'/'+(p+f);
|
||||
}catch(e){}
|
||||
};
|
||||
}catch(e){}
|
||||
},2000);
|
||||
</script>
|
||||
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN v1 19avr — append-only, doctrine #14 === -->
|
||||
<script>
|
||||
(function(){
|
||||
if (window.__opusUniversalDrill) return; window.__opusUniversalDrill = true;
|
||||
var d = document;
|
||||
var m = d.createElement('div');
|
||||
m.id = 'opus-udrill';
|
||||
m.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.82);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:99995;padding:20px;cursor:pointer';
|
||||
var inner = d.createElement('div');
|
||||
inner.id = 'opus-udrill-in';
|
||||
inner.style.cssText = 'max-width:900px;width:100%;max-height:90vh;overflow:auto;background:#0b0d15;border:1px solid rgba(99,102,241,0.35);border-radius:14px;padding:28px;cursor:default;box-shadow:0 20px 60px rgba(0,0,0,0.6);color:#e2e8f0;font:14px/1.55 Inter,system-ui,sans-serif';
|
||||
inner.addEventListener('click', function(e){ e.stopPropagation(); });
|
||||
m.appendChild(inner);
|
||||
m.addEventListener('click', function(){ m.style.display='none'; });
|
||||
d.addEventListener('keydown', function(e){ if(e.key==='Escape') m.style.display='none'; });
|
||||
(d.body || d.documentElement).appendChild(m);
|
||||
function openCard(card) {
|
||||
var html = '<div style="display:flex;justify-content:flex-end;margin-bottom:14px"><button id="opus-udrill-close" style="padding:6px 14px;background:#171b2a;border:1px solid rgba(99,102,241,0.25);color:#e2e8f0;border-radius:8px;cursor:pointer;font-size:12px">✕ Fermer (Esc)</button></div>';
|
||||
html += '<div style="transform-origin:top left;font-size:1.05em">' + card.outerHTML + '</div>';
|
||||
inner.innerHTML = html;
|
||||
d.getElementById('opus-udrill-close').onclick = function(){ m.style.display='none'; };
|
||||
m.style.display = 'flex';
|
||||
}
|
||||
function wire(root) {
|
||||
var sels = '.card,[class*="card"],.kpi,[class*="kpi"],.stat,[class*="stat"],.tile,[class*="tile"],.metric,[class*="metric"],.widget,[class*="widget"]';
|
||||
var cards = root.querySelectorAll(sels);
|
||||
for (var i = 0; i < cards.length; i++) {
|
||||
var c = cards[i];
|
||||
if (c.__opusWired) continue;
|
||||
if (c.closest('button, a, input, select, textarea, #opus-udrill')) continue;
|
||||
var r = c.getBoundingClientRect();
|
||||
if (r.width < 60 || r.height < 40) continue;
|
||||
c.__opusWired = true;
|
||||
c.style.cursor = 'pointer';
|
||||
c.setAttribute('role','button');
|
||||
c.setAttribute('tabindex','0');
|
||||
c.addEventListener('click', function(ev){
|
||||
if (ev.target.closest('[data-pp-id]') && window.__opusDrillInit) return;
|
||||
if (ev.target.closest('a,button,input,select')) return;
|
||||
ev.preventDefault(); ev.stopPropagation();
|
||||
openCard(this);
|
||||
});
|
||||
c.addEventListener('keydown', function(ev){ if(ev.key==='Enter'||ev.key===' '){ev.preventDefault();openCard(this);} });
|
||||
}
|
||||
}
|
||||
var initRun = function(){ wire(d.body || d.documentElement); };
|
||||
if (d.readyState === 'loading') d.addEventListener('DOMContentLoaded', initRun);
|
||||
else initRun();
|
||||
var mo = new MutationObserver(function(muts){
|
||||
var newCard = false;
|
||||
for (var i=0;i<muts.length;i++) if (muts[i].addedNodes.length) { newCard = true; break; }
|
||||
if (newCard) initRun();
|
||||
});
|
||||
mo.observe(d.body || d.documentElement, {childList:true, subtree:true});
|
||||
})();
|
||||
</script>
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN END === -->
|
||||
|
||||
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t34final) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1777045903" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
175
_archive/w307/LEGACY_nonreg-old.html
Normal file
175
_archive/w307/LEGACY_nonreg-old.html
Normal file
@@ -0,0 +1,175 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
<title>WEVAL — NonReg OPUS</title>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Outfit:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
:root{--bg:#080b12;--surface:rgba(255,255,255,.03);--border:rgba(255,255,255,.06);--text:#94a3b8;--white:#f1f5f9;--accent:#6366f1;--teal:#00c896;--red:#ef4444;--gold:#f0c674;--r:12px}
|
||||
*{margin:0;padding:0;box-sizing:border-box}
|
||||
body{font-family:"Outfit",system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:15px;min-height:100vh}
|
||||
.wrap{max-width:900px;margin:0 auto;padding:2rem 4%}
|
||||
.hero{text-align:center;padding:3rem 0 2rem}
|
||||
.badge{display:inline-block;background:rgba(99,102,241,.1);color:var(--accent);padding:6px 18px;border-radius:20px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}
|
||||
h1{font-size:2rem;font-weight:800;color:var(--white);margin-bottom:.5rem}
|
||||
h1 em{color:var(--teal);font-style:normal}
|
||||
.sub{color:var(--text);font-size:.95rem;margin-bottom:2rem}
|
||||
.stats{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}
|
||||
.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:.8rem 1.5rem;text-align:center}
|
||||
.stat-num{font-family:"Space Mono";font-size:1.8rem;font-weight:700;color:var(--white)}
|
||||
.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;margin-top:.2rem}
|
||||
.stat.pass .stat-num{color:var(--teal)}
|
||||
.stat.fail .stat-num{color:var(--red)}
|
||||
.stat.total .stat-num{color:var(--accent)}
|
||||
.btn-run{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;border:none;padding:16px 40px;border-radius:var(--r);font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:.2s;margin-bottom:2rem}
|
||||
.btn-run:hover{opacity:.9;transform:translateY(-1px)}
|
||||
.btn-run:disabled{opacity:.5;cursor:not-allowed;transform:none}
|
||||
.btn-run .spin{display:none;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #fff;border-radius:50%;animation:spin .8s linear infinite}
|
||||
.btn-run.loading .spin{display:inline-block}
|
||||
.btn-run.loading .play{display:none}
|
||||
@keyframes spin{to{transform:rotate(360deg)}}
|
||||
.output{background:rgba(0,0,0,.4);border:1px solid var(--border);border-radius:var(--r);padding:1.5rem;font-family:"Space Mono",monospace;font-size:.78rem;line-height:1.7;white-space:pre-wrap;max-height:70vh;overflow-y:auto;display:none}
|
||||
.output.show{display:block}
|
||||
.output .pass{color:#22c55e}
|
||||
.output .fail{color:#ef4444}
|
||||
.output .warn{color:#f59e0b}
|
||||
.output .section{color:var(--accent);font-weight:700}
|
||||
.output .header{color:var(--gold);font-weight:700}
|
||||
.result-bar{display:none;margin:1.5rem 0;padding:1.5rem;border-radius:var(--r);text-align:center}
|
||||
.result-bar.allpass{display:block;background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(34,197,94,.05));border:1px solid rgba(34,197,94,.3)}
|
||||
.result-bar.hasfail{display:block;background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(239,68,68,.05));border:1px solid rgba(239,68,68,.3)}
|
||||
.result-bar h2{font-size:1.5rem;margin-bottom:.3rem}
|
||||
.result-bar.allpass h2{color:var(--teal)}
|
||||
.result-bar.hasfail h2{color:var(--red)}
|
||||
.ts{font-size:.75rem;color:#64748b;margin-top:1rem}
|
||||
footer{text-align:center;padding:2rem;color:var(--text);font-size:.8rem;border-top:1px solid var(--border);margin-top:2rem}
|
||||
footer a{color:var(--accent);text-decoration:none}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrap">
|
||||
<div class="hero">
|
||||
<div class="badge">Quality Assurance</div>
|
||||
<h1>NonReg <em>OPUS</em></h1>
|
||||
<p class="sub">62 tests automatisés — IA, Sécurité, Audit, Pages, APIs</p>
|
||||
<div class="stats">
|
||||
<div class="stat total"><div class="stat-num" id="s-total">—</div><div class="stat-label">Tests</div></div>
|
||||
<div class="stat pass"><div class="stat-num" id="s-pass">—</div><div class="stat-label">Pass</div></div>
|
||||
<div class="stat fail"><div class="stat-num" id="s-fail">—</div><div class="stat-label">Fail</div></div>
|
||||
</div>
|
||||
<button class="btn-run" id="runBtn" onclick="runTests()">
|
||||
<span class="play">▶</span>
|
||||
<span class="spin"></span>
|
||||
Lancer les tests
|
||||
</button>
|
||||
</div>
|
||||
<div class="result-bar" id="resultBar"><h2 id="resultText"></h2><p id="resultDetail" style="color:var(--text);font-size:.85rem"></p></div>
|
||||
<div class="output" id="output"></div>
|
||||
<div class="ts" id="timestamp"></div>
|
||||
</div>
|
||||
<footer>
|
||||
<a href="/">WEVAL Consulting</a> · <a href="/products/workspace.html">Workspace</a> · <a href="/pricing.html">Tarifs</a>
|
||||
<br><small style="color:#475569">NonReg OPUS v2 — 62 tests — Architecture 3 serveurs (S204+S95+S151)</small>
|
||||
· <a href="/trust-center.html">Trust Center</a> · <a href="/solution-finder.html">Solution Finder</a></footer>
|
||||
<script>
|
||||
async function runTests(){
|
||||
const btn=document.getElementById("runBtn");
|
||||
const out=document.getElementById("output");
|
||||
const bar=document.getElementById("resultBar");
|
||||
btn.classList.add("loading");btn.disabled=true;
|
||||
out.className="output show";out.innerHTML="⏳ Exécution des 62 tests en cours...\n\n";
|
||||
bar.className="result-bar";
|
||||
document.getElementById("s-total").textContent="...";
|
||||
document.getElementById("s-pass").textContent="...";
|
||||
document.getElementById("s-fail").textContent="...";
|
||||
try{
|
||||
const r=await fetch("/api/nonreg-opus.php?k=WEVADS2026");
|
||||
const txt=await r.text();
|
||||
// Parse and colorize
|
||||
let html=txt
|
||||
.replace(/^(=+.*)$/gm,"<span class=\"header\">$1</span>")
|
||||
.replace(/^(---.*---)$/gm,"<span class=\"section\">$1</span>")
|
||||
.replace(/(✓[^\n]*)/g,"<span class=\"pass\">$1</span>")
|
||||
.replace(/(✗[^\n]*)/g,"<span class=\"fail\">$1</span>")
|
||||
.replace(/(⚠[^\n]*)/g,"<span class=\"warn\">$1</span>")
|
||||
.replace(/(100%[^<]*ALL PASS)/g,"<span class=\"pass\" style=\"font-size:1.1em;font-weight:700\">$1</span>");
|
||||
out.innerHTML=html;
|
||||
// Extract counts
|
||||
const pm=txt.match(/(\d+) PASS/);const fm=txt.match(/(\d+) FAIL/);const tm=txt.match(/(\d+) tests/);
|
||||
const p=pm?parseInt(pm[1]):0;const f=fm?parseInt(fm[1]):0;const t=tm?parseInt(tm[1]):0;
|
||||
document.getElementById("s-total").textContent=t;
|
||||
document.getElementById("s-pass").textContent=p;
|
||||
document.getElementById("s-fail").textContent=f;
|
||||
if(f===0){bar.className="result-bar allpass";document.getElementById("resultText").textContent="✅ 100% — 6σ — ALL PASS";document.getElementById("resultDetail").textContent=p+" tests passés avec succès";}
|
||||
else{bar.className="result-bar hasfail";document.getElementById("resultText").textContent="⚠️ "+f+" FAILS";document.getElementById("resultDetail").textContent=p+"/"+t+" tests passés";}
|
||||
}catch(e){out.innerHTML="<span class=\"fail\">❌ Erreur: "+e.message+"</span>";}
|
||||
btn.classList.remove("loading");btn.disabled=false;
|
||||
document.getElementById("timestamp").textContent="Dernière exécution: "+new Date().toLocaleString("fr-FR");
|
||||
}
|
||||
</script>
|
||||
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN v1 19avr — append-only, doctrine #14 === -->
|
||||
<script>
|
||||
(function(){
|
||||
if (window.__opusUniversalDrill) return; window.__opusUniversalDrill = true;
|
||||
var d = document;
|
||||
var m = d.createElement('div');
|
||||
m.id = 'opus-udrill';
|
||||
m.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.82);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:99995;padding:20px;cursor:pointer';
|
||||
var inner = d.createElement('div');
|
||||
inner.id = 'opus-udrill-in';
|
||||
inner.style.cssText = 'max-width:900px;width:100%;max-height:90vh;overflow:auto;background:#0b0d15;border:1px solid rgba(99,102,241,0.35);border-radius:14px;padding:28px;cursor:default;box-shadow:0 20px 60px rgba(0,0,0,0.6);color:#e2e8f0;font:14px/1.55 Inter,system-ui,sans-serif';
|
||||
inner.addEventListener('click', function(e){ e.stopPropagation(); });
|
||||
m.appendChild(inner);
|
||||
m.addEventListener('click', function(){ m.style.display='none'; });
|
||||
d.addEventListener('keydown', function(e){ if(e.key==='Escape') m.style.display='none'; });
|
||||
(d.body || d.documentElement).appendChild(m);
|
||||
function openCard(card) {
|
||||
var html = '<div style="display:flex;justify-content:flex-end;margin-bottom:14px"><button id="opus-udrill-close" style="padding:6px 14px;background:#171b2a;border:1px solid rgba(99,102,241,0.25);color:#e2e8f0;border-radius:8px;cursor:pointer;font-size:12px">✕ Fermer (Esc)</button></div>';
|
||||
html += '<div style="transform-origin:top left;font-size:1.05em">' + card.outerHTML + '</div>';
|
||||
inner.innerHTML = html;
|
||||
d.getElementById('opus-udrill-close').onclick = function(){ m.style.display='none'; };
|
||||
m.style.display = 'flex';
|
||||
}
|
||||
function wire(root) {
|
||||
var sels = '.card,[class*="card"],.kpi,[class*="kpi"],.stat,[class*="stat"],.tile,[class*="tile"],.metric,[class*="metric"],.widget,[class*="widget"]';
|
||||
var cards = root.querySelectorAll(sels);
|
||||
for (var i = 0; i < cards.length; i++) {
|
||||
var c = cards[i];
|
||||
if (c.__opusWired) continue;
|
||||
if (c.closest('button, a, input, select, textarea, #opus-udrill')) continue;
|
||||
var r = c.getBoundingClientRect();
|
||||
if (r.width < 60 || r.height < 40) continue;
|
||||
c.__opusWired = true;
|
||||
c.style.cursor = 'pointer';
|
||||
c.setAttribute('role','button');
|
||||
c.setAttribute('tabindex','0');
|
||||
c.addEventListener('click', function(ev){
|
||||
if (ev.target.closest('[data-pp-id]') && window.__opusDrillInit) return;
|
||||
if (ev.target.closest('a,button,input,select')) return;
|
||||
ev.preventDefault(); ev.stopPropagation();
|
||||
openCard(this);
|
||||
});
|
||||
c.addEventListener('keydown', function(ev){ if(ev.key==='Enter'||ev.key===' '){ev.preventDefault();openCard(this);} });
|
||||
}
|
||||
}
|
||||
var initRun = function(){ wire(d.body || d.documentElement); };
|
||||
if (d.readyState === 'loading') d.addEventListener('DOMContentLoaded', initRun);
|
||||
else initRun();
|
||||
var mo = new MutationObserver(function(muts){
|
||||
var newCard = false;
|
||||
for (var i=0;i<muts.length;i++) if (muts[i].addedNodes.length) { newCard = true; break; }
|
||||
if (newCard) initRun();
|
||||
});
|
||||
mo.observe(d.body || d.documentElement, {childList:true, subtree:true});
|
||||
})();
|
||||
</script>
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN END === -->
|
||||
|
||||
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t34final) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1777045903" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
2584
_archive/w307/LEGACY_wevia-legacy.html
Normal file
2584
_archive/w307/LEGACY_wevia-legacy.html
Normal file
File diff suppressed because it is too large
Load Diff
1001
_archive/w307/LEGACY_wevia-master-legacy.html
Normal file
1001
_archive/w307/LEGACY_wevia-master-legacy.html
Normal file
File diff suppressed because it is too large
Load Diff
177
_archive/w307/TESTS_test-vm-widget.html
Normal file
177
_archive/w307/TESTS_test-vm-widget.html
Normal file
@@ -0,0 +1,177 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr"><head><meta charset="UTF-8"><title>Test VM Widget · 18avr</title>
|
||||
<style>body{background:#0a0e27;color:#e4e8f7;font-family:-apple-system,sans-serif;padding:20px;margin:0}
|
||||
h1{color:#6ba3ff;font-size:24px;margin:0 0 8px}
|
||||
.sub{color:#9ca8d3;font-size:12px;margin-bottom:20px}</style></head>
|
||||
<body>
|
||||
<h1>🧪 Test DG Command Center Widget</h1>
|
||||
<div class="sub">Widget glass-card enrichment · pattern dsh-predict-widget · 7 alerts DG + 5 risks · fetch /api/wevia-v69-dg-command-center.php</div>
|
||||
<div id="dsh-vm-alerts-mount"></div>
|
||||
<script src="/dsh-vm-alerts-widget.js" defer></script>
|
||||
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN v1 19avr — append-only, doctrine #14 === -->
|
||||
<script>
|
||||
(function(){
|
||||
if (window.__opusUniversalDrill) return; window.__opusUniversalDrill = true;
|
||||
var d = document;
|
||||
var m = d.createElement('div');
|
||||
m.id = 'opus-udrill';
|
||||
m.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.82);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:99995;padding:20px;cursor:pointer';
|
||||
var inner = d.createElement('div');
|
||||
inner.id = 'opus-udrill-in';
|
||||
inner.style.cssText = 'max-width:900px;width:100%;max-height:90vh;overflow:auto;background:#0b0d15;border:1px solid rgba(99,102,241,0.35);border-radius:14px;padding:28px;cursor:default;box-shadow:0 20px 60px rgba(0,0,0,0.6);color:#e2e8f0;font:14px/1.55 Inter,system-ui,sans-serif';
|
||||
inner.addEventListener('click', function(e){ e.stopPropagation(); });
|
||||
m.appendChild(inner);
|
||||
m.addEventListener('click', function(){ m.style.display='none'; });
|
||||
d.addEventListener('keydown', function(e){ if(e.key==='Escape') m.style.display='none'; });
|
||||
(d.body || d.documentElement).appendChild(m);
|
||||
function openCard(card) {
|
||||
var html = '<div style="display:flex;justify-content:flex-end;margin-bottom:14px"><button id="opus-udrill-close" style="padding:6px 14px;background:#171b2a;border:1px solid rgba(99,102,241,0.25);color:#e2e8f0;border-radius:8px;cursor:pointer;font-size:12px">✕ Fermer (Esc)</button></div>';
|
||||
html += '<div style="transform-origin:top left;font-size:1.05em">' + card.outerHTML + '</div>';
|
||||
inner.innerHTML = html;
|
||||
d.getElementById('opus-udrill-close').onclick = function(){ m.style.display='none'; };
|
||||
m.style.display = 'flex';
|
||||
}
|
||||
function wire(root) {
|
||||
var sels = '.card,[class*="card"],.kpi,[class*="kpi"],.stat,[class*="stat"],.tile,[class*="tile"],.metric,[class*="metric"],.widget,[class*="widget"]';
|
||||
var cards = root.querySelectorAll(sels);
|
||||
for (var i = 0; i < cards.length; i++) {
|
||||
var c = cards[i];
|
||||
if (c.__opusWired) continue;
|
||||
if (c.closest('button, a, input, select, textarea, #opus-udrill')) continue;
|
||||
var r = c.getBoundingClientRect();
|
||||
if (r.width < 60 || r.height < 40) continue;
|
||||
c.__opusWired = true;
|
||||
c.style.cursor = 'pointer';
|
||||
c.setAttribute('role','button');
|
||||
c.setAttribute('tabindex','0');
|
||||
c.addEventListener('click', function(ev){
|
||||
if (ev.target.closest('[data-pp-id]') && window.__opusDrillInit) return;
|
||||
if (ev.target.closest('a,button,input,select')) return;
|
||||
ev.preventDefault(); ev.stopPropagation();
|
||||
openCard(this);
|
||||
});
|
||||
c.addEventListener('keydown', function(ev){ if(ev.key==='Enter'||ev.key===' '){ev.preventDefault();openCard(this);} });
|
||||
}
|
||||
}
|
||||
var initRun = function(){ wire(d.body || d.documentElement); };
|
||||
if (d.readyState === 'loading') d.addEventListener('DOMContentLoaded', initRun);
|
||||
else initRun();
|
||||
var mo = new MutationObserver(function(muts){
|
||||
var newCard = false;
|
||||
for (var i=0;i<muts.length;i++) if (muts[i].addedNodes.length) { newCard = true; break; }
|
||||
if (newCard) initRun();
|
||||
});
|
||||
mo.observe(d.body || d.documentElement, {childList:true, subtree:true});
|
||||
})();
|
||||
</script>
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN END === -->
|
||||
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t34final) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1777045903" defer></script>
|
||||
|
||||
<!-- Opus v17 · Claude Pattern SSE (auto-injected) -->
|
||||
<style id="opus-pattern-style">
|
||||
#opus-pattern-badge{position:fixed;bottom:20px;right:20px;z-index:99990;
|
||||
background:linear-gradient(135deg,#06b6d4,#8b5cf6);color:#fff;
|
||||
padding:10px 16px;border-radius:20px;font:700 0.78rem -apple-system,sans-serif;
|
||||
cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,0.35);transition:all 0.2s;
|
||||
display:flex;align-items:center;gap:6px}
|
||||
#opus-pattern-badge:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(6,182,212,0.4)}
|
||||
#opus-pattern-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.8);
|
||||
z-index:99991;align-items:center;justify-content:center;padding:20px}
|
||||
#opus-pattern-modal.show{display:flex}
|
||||
#opus-pattern-box{background:#0b0d15;color:#e2e8f0;border:1px solid rgba(6,182,212,0.3);
|
||||
border-radius:14px;padding:22px;max-width:820px;width:100%;max-height:85vh;overflow:auto;
|
||||
font:-apple-system,sans-serif}
|
||||
#opus-pattern-box h3{font:800 1.2rem;margin-bottom:12px;
|
||||
background:linear-gradient(135deg,#06b6d4,#ec4899);
|
||||
-webkit-background-clip:text;-webkit-text-fill-color:transparent}
|
||||
#opus-pattern-input{width:100%;background:#1a1f3a;color:#fff;border:1px solid rgba(100,116,139,0.3);
|
||||
border-radius:8px;padding:10px;margin-bottom:10px;font:0.9rem -apple-system}
|
||||
#opus-pattern-run{background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff;border:0;
|
||||
padding:10px 20px;border-radius:8px;font:700 0.85rem;cursor:pointer;margin-bottom:14px}
|
||||
.phase-card{background:rgba(15,23,42,0.8);border:1px solid rgba(100,116,139,0.2);
|
||||
border-left:3px solid #06b6d4;border-radius:8px;padding:10px 14px;margin-bottom:8px;
|
||||
font-size:0.82rem}
|
||||
.phase-card.done{border-left-color:#22c55e}
|
||||
.phase-card.active{border-left-color:#f59e0b;animation:pulse 1.2s ease infinite}
|
||||
.phase-name{font-weight:800;color:#06b6d4;margin-bottom:4px;font-size:0.78rem;text-transform:uppercase;letter-spacing:1px}
|
||||
.phase-data{font-size:0.72rem;color:#94a3b8;font-family:ui-monospace,monospace}
|
||||
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.6}}
|
||||
#opus-pattern-close{position:absolute;top:14px;right:20px;background:0;border:0;color:#94a3b8;
|
||||
font-size:1.6rem;cursor:pointer}
|
||||
</style>
|
||||
<div id="opus-pattern-badge" onclick="window.__opusPatternOpen()">
|
||||
<span>🧠</span><span>Claude Pattern</span>
|
||||
</div>
|
||||
<div id="opus-pattern-modal" onclick="if(event.target.id==='opus-pattern-modal')window.__opusPatternClose()">
|
||||
<div id="opus-pattern-box">
|
||||
<button id="opus-pattern-close" onclick="window.__opusPatternClose()">×</button>
|
||||
<h3>🧠 Claude Pattern · 7 phases REAL (SSE live)</h3>
|
||||
<p style="font-size:0.82rem;color:#94a3b8;margin-bottom:12px">Backend: <b id="opus-pattern-bot">test-vm-widget</b> · anti-hallucination · langue naturelle</p>
|
||||
<input id="opus-pattern-input" placeholder="Posez une question (FR ou EN)..." value="bonjour quel est le statut" />
|
||||
<button id="opus-pattern-run" onclick="window.__opusPatternRun()">▶ Lancer (SSE stream)</button>
|
||||
<div id="opus-pattern-output"></div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
(function(){
|
||||
const BOT = 'test-vm-widget';
|
||||
window.__opusPatternOpen = () => document.getElementById('opus-pattern-modal').classList.add('show');
|
||||
window.__opusPatternClose = () => document.getElementById('opus-pattern-modal').classList.remove('show');
|
||||
window.__opusPatternRun = () => {
|
||||
const msg = document.getElementById('opus-pattern-input').value.trim();
|
||||
if (!msg) return;
|
||||
const out = document.getElementById('opus-pattern-output');
|
||||
out.innerHTML = '';
|
||||
const OPUS_SESSION_KEY = 'opus_chatbot_session_' + BOT;
|
||||
let sess = localStorage.getItem(OPUS_SESSION_KEY);
|
||||
if (!sess) {
|
||||
sess = 'opus-' + BOT + '-' + Date.now().toString(36) + '-' + Math.random().toString(36).substr(2, 6);
|
||||
localStorage.setItem(OPUS_SESSION_KEY, sess);
|
||||
}
|
||||
// CF_BYPASS_V23 · direct 127.0.0.1 path si agent token disponible (évite CF timeout 100s + rate limit)
|
||||
const qs = 'message=' + encodeURIComponent(msg) + '&chatbot=' + encodeURIComponent(BOT) + '&session=' + encodeURIComponent(sess);
|
||||
// Direct SSE path (CF) · reste la primary pour TTFB rapide
|
||||
const url = '/api/claude-pattern-sse.php?' + qs;
|
||||
// Store bypass URL as fallback (agent token in URL for internal pages only)
|
||||
window.__opusBypassUrl = '/api/cf-bypass-helper.php?target=' + encodeURIComponent('/api/claude-pattern-sse.php?' + qs) + '&_agent_token=DROID2026';
|
||||
const es = new EventSource(url);
|
||||
const phases = {};
|
||||
const order = ['thinking','plan','rag','execute','tests','response','critique','done'];
|
||||
order.forEach(p => {
|
||||
const card = document.createElement('div');
|
||||
card.className = 'phase-card';
|
||||
card.id = 'phase-' + p;
|
||||
card.innerHTML = '<div class="phase-name">' + p.toUpperCase() + '</div><div class="phase-data">⏳ waiting...</div>';
|
||||
out.appendChild(card);
|
||||
});
|
||||
order.forEach(evName => {
|
||||
es.addEventListener(evName, (e) => {
|
||||
const data = JSON.parse(e.data);
|
||||
const card = document.getElementById('phase-' + evName);
|
||||
if (card) {
|
||||
card.classList.add('done');
|
||||
card.classList.remove('active');
|
||||
let txt;
|
||||
if (evName === 'response' && data.text) {
|
||||
txt = '<div style="background:rgba(6,182,212,0.1);padding:10px;border-radius:6px;margin-top:6px;color:#e2e8f0;font-size:0.82rem">' + (data.text.substring(0, 600)) + (data.text.length > 600 ? '...' : '') + '</div>';
|
||||
} else if (evName === 'tests') {
|
||||
txt = '<div>' + data.passed + '/' + data.total + ' tests ✓</div>';
|
||||
} else if (evName === 'critique') {
|
||||
txt = '<div>Quality: <b style="color:' + (data.quality === 'EXCELLENT' ? '#22c55e' : (data.quality === 'OK' ? '#f59e0b' : '#ef4444')) + '">' + data.quality + '</b> (' + (data.quality_score * 5).toFixed(0) + '/5)</div>';
|
||||
} else {
|
||||
txt = JSON.stringify(data).substring(0, 300);
|
||||
}
|
||||
card.querySelector('.phase-data').innerHTML = txt;
|
||||
}
|
||||
if (evName === 'done') es.close();
|
||||
});
|
||||
});
|
||||
es.addEventListener('error', () => es.close());
|
||||
};
|
||||
})();
|
||||
</script>
|
||||
|
||||
</body></html>
|
||||
221
_archive/w307/TESTS_test-wevia-e2e-live.html
Normal file
221
_archive/w307/TESTS_test-wevia-e2e-live.html
Normal file
@@ -0,0 +1,221 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr"><head>
|
||||
<meta charset="UTF-8">
|
||||
<title>WEVIA E2E User Test · 15 capabilities</title>
|
||||
<style>
|
||||
*{margin:0;padding:0;box-sizing:border-box}
|
||||
body{font-family:-apple-system,Segoe UI,sans-serif;background:#09090b;color:#fafafa;padding:20px;min-height:100vh}
|
||||
.hdr{background:#18181b;padding:18px 22px;border-radius:12px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
|
||||
.hdr h1{font-size:1.2rem;color:#3b82f6}
|
||||
.hdr .stats{font-size:.85rem;color:#a1a1aa}
|
||||
.hdr .stats b{color:#22c55e;margin-left:4px}
|
||||
.chat{background:#18181b;border-radius:12px;padding:0;overflow:hidden;max-height:76vh;overflow-y:auto}
|
||||
.msg{padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.05)}
|
||||
.msg.q{background:rgba(59,130,246,.05)}
|
||||
.msg.q .who{color:#3b82f6}
|
||||
.msg.a .who{color:#22c55e}
|
||||
.msg .who{font-size:.72rem;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;margin-bottom:6px}
|
||||
.msg .who .status{margin-left:10px;padding:2px 8px;border-radius:999px;font-size:.6rem;font-weight:600}
|
||||
.msg .status.pass{background:rgba(34,197,94,.15);color:#22c55e}
|
||||
.msg .status.wait{background:rgba(250,204,21,.15);color:#facc15}
|
||||
.msg .status.fail{background:rgba(239,68,68,.15);color:#ef4444}
|
||||
.msg .content{font-size:.88rem;line-height:1.5;color:#e5e5e5;white-space:pre-wrap;word-break:break-word}
|
||||
.msg .meta{font-size:.72rem;color:#71717a;margin-top:6px;font-family:monospace}
|
||||
#progress{height:4px;background:#27272a;border-radius:99px;overflow:hidden;margin-top:10px}
|
||||
#progress .bar{height:100%;background:linear-gradient(90deg,#3b82f6,#22c55e);width:0%;transition:width .3s}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="hdr">
|
||||
<div>
|
||||
<h1>🎬 WEVIA E2E User Test · Session live</h1>
|
||||
<div class="stats">15 capabilities test · <span id="ts-start">—</span></div>
|
||||
</div>
|
||||
<div class="stats" id="summary">
|
||||
Progress: <b id="done">0</b>/<b>15</b> · Pass: <b id="pass">0</b> · Unclear: <b id="unclear">0</b> · Fail: <b id="fail">0</b>
|
||||
<div id="progress"><div class="bar" id="bar"></div></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="chat" id="chat"></div>
|
||||
|
||||
<script>
|
||||
const QUESTIONS = [
|
||||
{ id: 'data_pharma_real', q: 'ethica combien de HCP par pays', expect: 'DZ', cat: '📊 Data pharma real' },
|
||||
{ id: 'deerflow_tool', q: 'deerflow skills', expect: 'DeerFlow', cat: '🔧 Open-source tools' },
|
||||
{ id: 'agents_count', q: 'combien agents', expect: 'Agents', cat: '🤖 Agents audit' },
|
||||
{ id: 'skills_count', q: 'skills counts', expect: 'skill', cat: '🧠 Skills registry' },
|
||||
{ id: 'tools_registry', q: 'tool search', expect: 'tool', cat: '🛠 Tools catalog' },
|
||||
{ id: 'tips_6months', q: 'tips catalog', expect: 'tips', cat: '📚 Tips 6 months' },
|
||||
{ id: 'release_mgmt', q: 'commits reconcile', expect: 'commit', cat: '🚂 Release management' },
|
||||
{ id: 'infra_blade', q: 'blade live status', expect: 'blade', cat: '🖥 Infra Blade' },
|
||||
{ id: 'cyber_compliance', q: 'outbound risk', expect: 'INBOUND', cat: '🛡 Cyber compliance' },
|
||||
{ id: 'gpus_free', q: 'gpus free', expect: 'GPU', cat: '⚡ GPUs free' },
|
||||
{ id: 'machines_infra', q: 'machines status', expect: 'machine', cat: '🖥 Machines' },
|
||||
{ id: 'video_coverage', q: 'living proof', expect: 'video', cat: '🎬 Video testing' },
|
||||
{ id: 'wepredict_intel', q: 'wepredict concurrents', expect: 'concurrent', cat: '🔮 Business intel' },
|
||||
{ id: 'opportunities', q: 'wepredict opportunities', expect: 'opport', cat: '💰 Opportunities' },
|
||||
{ id: 'dsh_predict', q: 'dsh predict', expect: 'predict', cat: '📈 DSH Predict' }
|
||||
];
|
||||
|
||||
document.getElementById('ts-start').textContent = new Date().toLocaleTimeString('fr-FR');
|
||||
const chat = document.getElementById('chat');
|
||||
const results = { ts: new Date().toISOString(), interactions: [] };
|
||||
let pk=0, uc=0, fl=0;
|
||||
|
||||
function addMsg(who, html, cls='') {
|
||||
const d = document.createElement('div');
|
||||
d.className = 'msg ' + (who === 'q' ? 'q' : 'a');
|
||||
d.innerHTML = `<div class="who">${who==='q'?'👤 User':'🤖 WEVIA'}${cls?' <span class="status '+cls.toLowerCase()+'">'+cls+'</span>':''}</div><div class="content">${html}</div>`;
|
||||
chat.appendChild(d);
|
||||
chat.scrollTop = chat.scrollHeight;
|
||||
return d;
|
||||
}
|
||||
|
||||
async function fetchSSE(msg) {
|
||||
const url = '/api/wevia-sse-orchestrator.php?msg=' + encodeURIComponent(msg);
|
||||
try {
|
||||
const r = await fetch(url);
|
||||
const txt = await r.text();
|
||||
// Parse SSE events
|
||||
const lines = txt.split('\n').filter(l => l.startsWith('data: '));
|
||||
let merged = '';
|
||||
let intent = null;
|
||||
let engine = null;
|
||||
for (const line of lines) {
|
||||
try {
|
||||
const d = JSON.parse(line.slice(6));
|
||||
if (d.intent) intent = d.intent;
|
||||
if (d.engine) engine = d.engine;
|
||||
if (d.text) merged += d.text + '\n';
|
||||
if (d.result) merged += d.result + '\n';
|
||||
} catch(e){}
|
||||
}
|
||||
return { ok: true, text: merged || txt.slice(0, 500), intent, engine };
|
||||
} catch(e) {
|
||||
return { ok: false, error: e.message };
|
||||
}
|
||||
}
|
||||
|
||||
async function runAll() {
|
||||
for (let i=0; i<QUESTIONS.length; i++) {
|
||||
const q = QUESTIONS[i];
|
||||
addMsg('q', `<b>${q.cat}</b><br>${q.q}`);
|
||||
// Wait a bit for visual
|
||||
await new Promise(r=>setTimeout(r, 600));
|
||||
// Typing placeholder
|
||||
const loadingMsg = addMsg('a', '<span style="opacity:.5">⏳ WEVIA traite...</span>', 'WAIT');
|
||||
const t0 = Date.now();
|
||||
const res = await fetchSSE(q.q);
|
||||
const elapsed = Date.now() - t0;
|
||||
const passed = res.ok && (res.text || '').toLowerCase().includes(q.expect.toLowerCase());
|
||||
const status = passed ? 'PASS' : (res.ok ? 'UNCLEAR' : 'FAIL');
|
||||
// Update the placeholder
|
||||
loadingMsg.querySelector('.who').innerHTML = `🤖 WEVIA <span class="status ${status.toLowerCase()}">${status}</span>`;
|
||||
const preview = (res.text || res.error || '').slice(0, 500);
|
||||
loadingMsg.querySelector('.content').innerHTML = `${preview}<div class="meta">intent=${res.intent||'?'} · engine=${res.engine||'?'} · ${elapsed}ms</div>`;
|
||||
|
||||
results.interactions.push({
|
||||
idx: i+1,
|
||||
id: q.id, category: q.cat, question: q.q,
|
||||
expect_keyword: q.expect,
|
||||
response_preview: preview.slice(0, 300),
|
||||
intent: res.intent, engine: res.engine,
|
||||
elapsed_ms: elapsed, status
|
||||
});
|
||||
|
||||
if (status==='PASS') pk++;
|
||||
else if (status==='UNCLEAR') uc++;
|
||||
else fl++;
|
||||
document.getElementById('done').textContent = i+1;
|
||||
document.getElementById('pass').textContent = pk;
|
||||
document.getElementById('unclear').textContent = uc;
|
||||
document.getElementById('fail').textContent = fl;
|
||||
document.getElementById('bar').style.width = ((i+1)/QUESTIONS.length*100) + '%';
|
||||
|
||||
// Wait between questions
|
||||
await new Promise(r=>setTimeout(r, 800));
|
||||
}
|
||||
|
||||
// Final summary
|
||||
const summary = {
|
||||
total: QUESTIONS.length, pass: pk, unclear: uc, fail: fl,
|
||||
pass_rate: Math.round(pk*100/QUESTIONS.length)
|
||||
};
|
||||
results.summary = summary;
|
||||
addMsg('a', `<b>🏆 TEST COMPLETE</b><br>Pass: ${pk}/${QUESTIONS.length} (${summary.pass_rate}%) · Unclear: ${uc} · Fail: ${fl}<br><pre style="font-size:.75rem;color:#71717a;overflow:auto;margin-top:8px">${JSON.stringify(summary, null, 2)}</pre>`, summary.fail===0?'PASS':'FAIL');
|
||||
|
||||
// Expose results globally
|
||||
window.__WEVIA_E2E_RESULTS__ = results;
|
||||
// Save to document title for Playwright pickup
|
||||
document.title = `WEVIA E2E · ${pk}/${QUESTIONS.length} PASS · ${uc} unclear · ${fl} fail`;
|
||||
}
|
||||
|
||||
runAll();
|
||||
</script>
|
||||
|
||||
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN v1 19avr — append-only, doctrine #14 === -->
|
||||
<script>
|
||||
(function(){
|
||||
if (window.__opusUniversalDrill) return; window.__opusUniversalDrill = true;
|
||||
var d = document;
|
||||
var m = d.createElement('div');
|
||||
m.id = 'opus-udrill';
|
||||
m.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.82);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:99995;padding:20px;cursor:pointer';
|
||||
var inner = d.createElement('div');
|
||||
inner.id = 'opus-udrill-in';
|
||||
inner.style.cssText = 'max-width:900px;width:100%;max-height:90vh;overflow:auto;background:#0b0d15;border:1px solid rgba(99,102,241,0.35);border-radius:14px;padding:28px;cursor:default;box-shadow:0 20px 60px rgba(0,0,0,0.6);color:#e2e8f0;font:14px/1.55 Inter,system-ui,sans-serif';
|
||||
inner.addEventListener('click', function(e){ e.stopPropagation(); });
|
||||
m.appendChild(inner);
|
||||
m.addEventListener('click', function(){ m.style.display='none'; });
|
||||
d.addEventListener('keydown', function(e){ if(e.key==='Escape') m.style.display='none'; });
|
||||
(d.body || d.documentElement).appendChild(m);
|
||||
function openCard(card) {
|
||||
var html = '<div style="display:flex;justify-content:flex-end;margin-bottom:14px"><button id="opus-udrill-close" style="padding:6px 14px;background:#171b2a;border:1px solid rgba(99,102,241,0.25);color:#e2e8f0;border-radius:8px;cursor:pointer;font-size:12px">✕ Fermer (Esc)</button></div>';
|
||||
html += '<div style="transform-origin:top left;font-size:1.05em">' + card.outerHTML + '</div>';
|
||||
inner.innerHTML = html;
|
||||
d.getElementById('opus-udrill-close').onclick = function(){ m.style.display='none'; };
|
||||
m.style.display = 'flex';
|
||||
}
|
||||
function wire(root) {
|
||||
var sels = '.card,[class*="card"],.kpi,[class*="kpi"],.stat,[class*="stat"],.tile,[class*="tile"],.metric,[class*="metric"],.widget,[class*="widget"]';
|
||||
var cards = root.querySelectorAll(sels);
|
||||
for (var i = 0; i < cards.length; i++) {
|
||||
var c = cards[i];
|
||||
if (c.__opusWired) continue;
|
||||
if (c.closest('button, a, input, select, textarea, #opus-udrill')) continue;
|
||||
var r = c.getBoundingClientRect();
|
||||
if (r.width < 60 || r.height < 40) continue;
|
||||
c.__opusWired = true;
|
||||
c.style.cursor = 'pointer';
|
||||
c.setAttribute('role','button');
|
||||
c.setAttribute('tabindex','0');
|
||||
c.addEventListener('click', function(ev){
|
||||
if (ev.target.closest('[data-pp-id]') && window.__opusDrillInit) return;
|
||||
if (ev.target.closest('a,button,input,select')) return;
|
||||
ev.preventDefault(); ev.stopPropagation();
|
||||
openCard(this);
|
||||
});
|
||||
c.addEventListener('keydown', function(ev){ if(ev.key==='Enter'||ev.key===' '){ev.preventDefault();openCard(this);} });
|
||||
}
|
||||
}
|
||||
var initRun = function(){ wire(d.body || d.documentElement); };
|
||||
if (d.readyState === 'loading') d.addEventListener('DOMContentLoaded', initRun);
|
||||
else initRun();
|
||||
var mo = new MutationObserver(function(muts){
|
||||
var newCard = false;
|
||||
for (var i=0;i<muts.length;i++) if (muts[i].addedNodes.length) { newCard = true; break; }
|
||||
if (newCard) initRun();
|
||||
});
|
||||
mo.observe(d.body || d.documentElement, {childList:true, subtree:true});
|
||||
})();
|
||||
</script>
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN END === -->
|
||||
|
||||
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t34final) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1777045903" defer></script>
|
||||
</body></html>
|
||||
9
_archive/w307/index.html
Normal file
9
_archive/w307/index.html
Normal file
@@ -0,0 +1,9 @@
|
||||
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Archive Wave 307 · LEGACY/DOUBLON/TESTS/DEPRECATED</title>
|
||||
<style>body{background:#0a0e1a;color:#e6edf3;font-family:system-ui;padding:24px;max-width:900px;margin:0 auto}
|
||||
h1{background:linear-gradient(90deg,#ec4899,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
|
||||
table{width:100%;border-collapse:collapse;margin-top:16px}th,td{padding:10px;border:1px solid #333;text-align:left}
|
||||
th{background:#1a1a2e;color:#4ecdc4}
|
||||
a{color:#ec4899}
|
||||
.LEGACY{color:#6b7280}.DOUBLON{color:#fbbf24}.TESTS{color:#60a5fa}.DEPRECATED{color:#ef4444}</style></head><body>
|
||||
<h1>🗄 Archive Wave 307</h1><p>Pages consolidées hors du WTP master ("CENTRALISER TOUT DANS WTP" doctrine) · 0 fichiers archivés · 2026-04-24 01:21</p>
|
||||
<table><thead><tr><th>Catégorie</th><th>Fichier</th><th>Accès archive</th></tr></thead><tbody></tbody></table><p style="margin-top:30px;color:#64748b;font-size:12px">Restauration possible: déplacer depuis /_archive/w307/ vers /var/www/html/ (enlever préfix CAT_).</p></body></html>
|
||||
@@ -80,7 +80,74 @@ footer a{color:var(--t2)}
|
||||
footer a:hover{color:var(--cy)}
|
||||
.footer-links{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-bottom:16px;font-size:14px}
|
||||
@media(max-width:640px){.nav{padding:16px}.nav-links{display:none}.hero{padding:50px 20px 40px}.bullets,.pitch,.cta-section{padding-left:20px;padding-right:20px}}
|
||||
|
||||
/* === WEVIA Gemini Rolling v2 VISIBLE Enrichment (wave 306 batch) === */
|
||||
.kpi,[class*="card"],[class*="panel"],[class*="room"],.stat-card,.metric-card,.hub-card,.widget,.stat,.box{position:relative!important}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card{animation:geV2Entrance .8s cubic-bezier(.34,1.56,.64,1) backwards}
|
||||
.kpi:nth-child(1),[class*="card"]:nth-child(1){animation-delay:0s}
|
||||
.kpi:nth-child(2),[class*="card"]:nth-child(2){animation-delay:.09s}
|
||||
.kpi:nth-child(3),[class*="card"]:nth-child(3){animation-delay:.18s}
|
||||
.kpi:nth-child(4),[class*="card"]:nth-child(4){animation-delay:.27s}
|
||||
.kpi:nth-child(5),[class*="card"]:nth-child(5){animation-delay:.36s}
|
||||
.kpi:nth-child(6),[class*="card"]:nth-child(6){animation-delay:.45s}
|
||||
@keyframes geV2Entrance{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card,.widget{border:1px solid transparent!important;box-shadow:0 0 0 1px rgba(236,72,153,.15),0 4px 16px rgba(0,0,0,.25)!important;transition:box-shadow .4s,transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s!important}
|
||||
.kpi:hover,[class*="card"]:hover,.stat-card:hover,.metric-card:hover,.hub-card:hover{transform:translateY(-6px) scale(1.03)!important;filter:brightness(1.2)!important;box-shadow:0 0 0 2px rgba(236,72,153,.6),0 12px 32px rgba(236,72,153,.25),0 0 24px rgba(78,205,196,.2)!important}
|
||||
.kpi::before,[class*="card"]::before,.stat-card::before,.metric-card::before,.hub-card::before{content:"";position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#2ed573,#1a9a4e);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5);animation:geV2Pulse 1.6s ease-out infinite;z-index:100;pointer-events:none}
|
||||
@keyframes geV2Pulse{0%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}50%{transform:scale(1.4);box-shadow:0 0 20px #2ed573,0 0 40px rgba(46,213,115,.8)}100%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}}
|
||||
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 30%,transparent 40%,rgba(236,72,153,.06) 100%),radial-gradient(ellipse at 30% 70%,transparent 40%,rgba(78,205,196,.04) 100%);animation:geV2Ambient 10s ease-in-out infinite;z-index:0}
|
||||
@keyframes geV2Ambient{0%,100%{opacity:.5}50%{opacity:1}}
|
||||
h1,.header-title,.main-title,.hub-title,.page-title{background-image:linear-gradient(90deg,currentColor 0%,currentColor 40%,rgba(236,72,153,1) 50%,currentColor 60%,currentColor 100%)!important;background-size:200% auto!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:geV2Shimmer 5s linear infinite!important}
|
||||
@keyframes geV2Shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
|
||||
/* Doctrine zero chevauchement - hide common offenders */
|
||||
.opus-x-btn,.toggle-top-right-btn,.fab-corner{display:none!important}
|
||||
/* === end WEVIA Gemini Rolling v2 batch === */
|
||||
</style>
|
||||
<!-- DOCTRINE-60-UX-ENRICH direct-inject-20260424-143219 -->
|
||||
<style id="doctrine60-ux-direct">
|
||||
|
||||
/* DOCTRINE-60-UX-ENRICH injected-direct */
|
||||
body::before {
|
||||
content: '';
|
||||
position: fixed;
|
||||
top: 0; left: 0; width: 100vw; height: 100vh;
|
||||
background: radial-gradient(circle at 50% 50%, rgba(100,180,255,0.08), transparent 60%);
|
||||
pointer-events: none;
|
||||
z-index: -1;
|
||||
}
|
||||
.card, .kpi, .panel, .btn {
|
||||
transition: all 0.3s cubic-bezier(0.2,0,0.1,1);
|
||||
}
|
||||
.card:hover, .kpi:hover, .panel:hover {
|
||||
box-shadow: 0 4px 20px rgba(100,180,255,0.2);
|
||||
border-color: rgba(100,180,255,0.5);
|
||||
}
|
||||
@keyframes pulseD60 {
|
||||
0%,100% { opacity: 1; transform: scale(1); }
|
||||
50% { opacity: 0.7; transform: scale(1.05); }
|
||||
}
|
||||
.pulse, .live-indicator, .active, .online {
|
||||
animation: pulseD60 3s ease-in-out infinite;
|
||||
}
|
||||
.modal, .chat, .speech, .overlay {
|
||||
backdrop-filter: blur(12px);
|
||||
-webkit-backdrop-filter: blur(12px);
|
||||
}
|
||||
.enter-stagger {
|
||||
animation: enterStagD60 0.5s cubic-bezier(0.2,0,0.1,1) forwards;
|
||||
}
|
||||
@keyframes enterStagD60 {
|
||||
from { opacity: 0; transform: translateY(20px); }
|
||||
to { opacity: 1; transform: translateY(0); }
|
||||
}
|
||||
|
||||
</style>
|
||||
<!-- DOCTRINE-222-KILL-PULSED60 -->
|
||||
<style>
|
||||
@keyframes pulseD60 { 0%,100%,50% { opacity: 1; transform: scale(1); } }
|
||||
.pulse, .live-indicator, .active, .online { animation: none !important; }
|
||||
</style>
|
||||
<!-- END-DOCTRINE-222 -->
|
||||
</head>
|
||||
<body>
|
||||
<nav class="nav">
|
||||
@@ -132,6 +199,23 @@ footer a:hover{color:var(--cy)}
|
||||
</div>
|
||||
<div>© 2026 WEVAL Consulting · Casablanca · Paris · Tous droits réservés</div>
|
||||
</footer>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1776776094" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1777045903" defer></script>
|
||||
<!-- DOCTRINE-60-UX-JS --><script id="doctrine60-ux-js-direct">
|
||||
|
||||
// DOCTRINE-60-UX-JS staggered entrance
|
||||
(function(){
|
||||
if (!('IntersectionObserver' in window)) return;
|
||||
const obs = new IntersectionObserver((entries) => {
|
||||
entries.forEach((e, i) => {
|
||||
if (e.isIntersecting) {
|
||||
setTimeout(() => e.target.classList.add('enter-stagger'), i * 80);
|
||||
obs.unobserve(e.target);
|
||||
}
|
||||
});
|
||||
});
|
||||
document.querySelectorAll('.card, .kpi, .panel').forEach(el => obs.observe(el));
|
||||
})();
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta name="description" content="Tableau de bord WEVAL : suivi en temps réel des compétences, outils OSS, vecteurs RAG, intents et doctrines — couverture anti-régression.">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>WEVAL · Acquis Dashboard — Skills · Tools · RAG · Intents</title>
|
||||
@@ -230,7 +231,74 @@ header .actions { display: flex; gap: 10px; align-items: center; }
|
||||
.pitch, [class*="pitch"], [class*="hero"] { word-break: break-word; overflow-wrap: anywhere; }
|
||||
}
|
||||
/* === OPUS RESPONSIVE FIX v2 END === */
|
||||
|
||||
/* === WEVIA Gemini Rolling v2 VISIBLE Enrichment (wave 306 batch) === */
|
||||
.kpi,[class*="card"],[class*="panel"],[class*="room"],.stat-card,.metric-card,.hub-card,.widget,.stat,.box{position:relative!important}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card{animation:geV2Entrance .8s cubic-bezier(.34,1.56,.64,1) backwards}
|
||||
.kpi:nth-child(1),[class*="card"]:nth-child(1){animation-delay:0s}
|
||||
.kpi:nth-child(2),[class*="card"]:nth-child(2){animation-delay:.09s}
|
||||
.kpi:nth-child(3),[class*="card"]:nth-child(3){animation-delay:.18s}
|
||||
.kpi:nth-child(4),[class*="card"]:nth-child(4){animation-delay:.27s}
|
||||
.kpi:nth-child(5),[class*="card"]:nth-child(5){animation-delay:.36s}
|
||||
.kpi:nth-child(6),[class*="card"]:nth-child(6){animation-delay:.45s}
|
||||
@keyframes geV2Entrance{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card,.widget{border:1px solid transparent!important;box-shadow:0 0 0 1px rgba(236,72,153,.15),0 4px 16px rgba(0,0,0,.25)!important;transition:box-shadow .4s,transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s!important}
|
||||
.kpi:hover,[class*="card"]:hover,.stat-card:hover,.metric-card:hover,.hub-card:hover{transform:translateY(-6px) scale(1.03)!important;filter:brightness(1.2)!important;box-shadow:0 0 0 2px rgba(236,72,153,.6),0 12px 32px rgba(236,72,153,.25),0 0 24px rgba(78,205,196,.2)!important}
|
||||
.kpi::before,[class*="card"]::before,.stat-card::before,.metric-card::before,.hub-card::before{content:"";position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#2ed573,#1a9a4e);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5);animation:geV2Pulse 1.6s ease-out infinite;z-index:100;pointer-events:none}
|
||||
@keyframes geV2Pulse{0%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}50%{transform:scale(1.4);box-shadow:0 0 20px #2ed573,0 0 40px rgba(46,213,115,.8)}100%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}}
|
||||
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 30%,transparent 40%,rgba(236,72,153,.06) 100%),radial-gradient(ellipse at 30% 70%,transparent 40%,rgba(78,205,196,.04) 100%);animation:geV2Ambient 10s ease-in-out infinite;z-index:0}
|
||||
@keyframes geV2Ambient{0%,100%{opacity:.5}50%{opacity:1}}
|
||||
h1,.header-title,.main-title,.hub-title,.page-title{background-image:linear-gradient(90deg,currentColor 0%,currentColor 40%,rgba(236,72,153,1) 50%,currentColor 60%,currentColor 100%)!important;background-size:200% auto!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:geV2Shimmer 5s linear infinite!important}
|
||||
@keyframes geV2Shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
|
||||
/* Doctrine zero chevauchement - hide common offenders */
|
||||
.opus-x-btn,.toggle-top-right-btn,.fab-corner{display:none!important}
|
||||
/* === end WEVIA Gemini Rolling v2 batch === */
|
||||
</style>
|
||||
<!-- DOCTRINE-60-UX-ENRICH direct-inject-20260424-141837 -->
|
||||
<style id="doctrine60-ux-direct">
|
||||
|
||||
/* DOCTRINE-60-UX-ENRICH injected-direct */
|
||||
body::before {
|
||||
content: '';
|
||||
position: fixed;
|
||||
top: 0; left: 0; width: 100vw; height: 100vh;
|
||||
background: radial-gradient(circle at 50% 50%, rgba(100,180,255,0.08), transparent 60%);
|
||||
pointer-events: none;
|
||||
z-index: -1;
|
||||
}
|
||||
.card, .kpi, .panel, .btn {
|
||||
transition: all 0.3s cubic-bezier(0.2,0,0.1,1);
|
||||
}
|
||||
.card:hover, .kpi:hover, .panel:hover {
|
||||
box-shadow: 0 4px 20px rgba(100,180,255,0.2);
|
||||
border-color: rgba(100,180,255,0.5);
|
||||
}
|
||||
@keyframes pulseD60 {
|
||||
0%,100% { opacity: 1; transform: scale(1); }
|
||||
50% { opacity: 0.7; transform: scale(1.05); }
|
||||
}
|
||||
.pulse, .live-indicator, .active, .online {
|
||||
animation: pulseD60 3s ease-in-out infinite;
|
||||
}
|
||||
.modal, .chat, .speech, .overlay {
|
||||
backdrop-filter: blur(12px);
|
||||
-webkit-backdrop-filter: blur(12px);
|
||||
}
|
||||
.enter-stagger {
|
||||
animation: enterStagD60 0.5s cubic-bezier(0.2,0,0.1,1) forwards;
|
||||
}
|
||||
@keyframes enterStagD60 {
|
||||
from { opacity: 0; transform: translateY(20px); }
|
||||
to { opacity: 1; transform: translateY(0); }
|
||||
}
|
||||
|
||||
</style>
|
||||
<!-- DOCTRINE-222-KILL-PULSED60 -->
|
||||
<style>
|
||||
@keyframes pulseD60 { 0%,100%,50% { opacity: 1; transform: scale(1); } }
|
||||
.pulse, .live-indicator, .active, .online { animation: none !important; }
|
||||
</style>
|
||||
<!-- END-DOCTRINE-222 -->
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
@@ -773,6 +841,23 @@ setInterval(load, 60000);
|
||||
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t32b4) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1776776094" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1777045903" defer></script>
|
||||
<!-- DOCTRINE-60-UX-JS --><script id="doctrine60-ux-js-direct">
|
||||
|
||||
// DOCTRINE-60-UX-JS staggered entrance
|
||||
(function(){
|
||||
if (!('IntersectionObserver' in window)) return;
|
||||
const obs = new IntersectionObserver((entries) => {
|
||||
entries.forEach((e, i) => {
|
||||
if (e.isIntersecting) {
|
||||
setTimeout(() => e.target.classList.add('enter-stagger'), i * 80);
|
||||
obs.unobserve(e.target);
|
||||
}
|
||||
});
|
||||
});
|
||||
document.querySelectorAll('.card, .kpi, .panel').forEach(el => obs.observe(el));
|
||||
})();
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="description" content="WEVAL Enterprise : Centre de commande AI pour opérations souveraines, monitoring en temps réel, infrastructure sécurisée et gestion d'agents intelligents.">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
|
||||
@@ -54,9 +55,76 @@ header{padding:16px 32px;border-bottom:1px solid var(--bd);display:flex;align-it
|
||||
.dock-item.ko{background:#ef444410;border:1px solid #ef444430}
|
||||
h3{font-size:14px;font-weight:700;margin-bottom:16px}
|
||||
@media(max-width:900px){.g6,.g5{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
|
||||
|
||||
/* === WEVIA Gemini Rolling v2 VISIBLE Enrichment (wave 306 batch) === */
|
||||
.kpi,[class*="card"],[class*="panel"],[class*="room"],.stat-card,.metric-card,.hub-card,.widget,.stat,.box{position:relative!important}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card{animation:geV2Entrance .8s cubic-bezier(.34,1.56,.64,1) backwards}
|
||||
.kpi:nth-child(1),[class*="card"]:nth-child(1){animation-delay:0s}
|
||||
.kpi:nth-child(2),[class*="card"]:nth-child(2){animation-delay:.09s}
|
||||
.kpi:nth-child(3),[class*="card"]:nth-child(3){animation-delay:.18s}
|
||||
.kpi:nth-child(4),[class*="card"]:nth-child(4){animation-delay:.27s}
|
||||
.kpi:nth-child(5),[class*="card"]:nth-child(5){animation-delay:.36s}
|
||||
.kpi:nth-child(6),[class*="card"]:nth-child(6){animation-delay:.45s}
|
||||
@keyframes geV2Entrance{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card,.widget{border:1px solid transparent!important;box-shadow:0 0 0 1px rgba(236,72,153,.15),0 4px 16px rgba(0,0,0,.25)!important;transition:box-shadow .4s,transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s!important}
|
||||
.kpi:hover,[class*="card"]:hover,.stat-card:hover,.metric-card:hover,.hub-card:hover{transform:translateY(-6px) scale(1.03)!important;filter:brightness(1.2)!important;box-shadow:0 0 0 2px rgba(236,72,153,.6),0 12px 32px rgba(236,72,153,.25),0 0 24px rgba(78,205,196,.2)!important}
|
||||
.kpi::before,[class*="card"]::before,.stat-card::before,.metric-card::before,.hub-card::before{content:"";position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#2ed573,#1a9a4e);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5);animation:geV2Pulse 1.6s ease-out infinite;z-index:100;pointer-events:none}
|
||||
@keyframes geV2Pulse{0%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}50%{transform:scale(1.4);box-shadow:0 0 20px #2ed573,0 0 40px rgba(46,213,115,.8)}100%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}}
|
||||
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 30%,transparent 40%,rgba(236,72,153,.06) 100%),radial-gradient(ellipse at 30% 70%,transparent 40%,rgba(78,205,196,.04) 100%);animation:geV2Ambient 10s ease-in-out infinite;z-index:0}
|
||||
@keyframes geV2Ambient{0%,100%{opacity:.5}50%{opacity:1}}
|
||||
h1,.header-title,.main-title,.hub-title,.page-title{background-image:linear-gradient(90deg,currentColor 0%,currentColor 40%,rgba(236,72,153,1) 50%,currentColor 60%,currentColor 100%)!important;background-size:200% auto!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:geV2Shimmer 5s linear infinite!important}
|
||||
@keyframes geV2Shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
|
||||
/* Doctrine zero chevauchement - hide common offenders */
|
||||
.opus-x-btn,.toggle-top-right-btn,.fab-corner{display:none!important}
|
||||
/* === end WEVIA Gemini Rolling v2 batch === */
|
||||
</style>
|
||||
<link rel="stylesheet" href="/css/weval-premium.css">
|
||||
<script src="/js/wevia-a11y-auto.js" defer></script>
|
||||
<!-- DOCTRINE-60-UX-ENRICH direct-inject-20260424-142458 -->
|
||||
<style id="doctrine60-ux-direct">
|
||||
|
||||
/* DOCTRINE-60-UX-ENRICH injected-direct */
|
||||
body::before {
|
||||
content: '';
|
||||
position: fixed;
|
||||
top: 0; left: 0; width: 100vw; height: 100vh;
|
||||
background: radial-gradient(circle at 50% 50%, rgba(100,180,255,0.08), transparent 60%);
|
||||
pointer-events: none;
|
||||
z-index: -1;
|
||||
}
|
||||
.card, .kpi, .panel, .btn {
|
||||
transition: all 0.3s cubic-bezier(0.2,0,0.1,1);
|
||||
}
|
||||
.card:hover, .kpi:hover, .panel:hover {
|
||||
box-shadow: 0 4px 20px rgba(100,180,255,0.2);
|
||||
border-color: rgba(100,180,255,0.5);
|
||||
}
|
||||
@keyframes pulseD60 {
|
||||
0%,100% { opacity: 1; transform: scale(1); }
|
||||
50% { opacity: 0.7; transform: scale(1.05); }
|
||||
}
|
||||
.pulse, .live-indicator, .active, .online {
|
||||
animation: pulseD60 3s ease-in-out infinite;
|
||||
}
|
||||
.modal, .chat, .speech, .overlay {
|
||||
backdrop-filter: blur(12px);
|
||||
-webkit-backdrop-filter: blur(12px);
|
||||
}
|
||||
.enter-stagger {
|
||||
animation: enterStagD60 0.5s cubic-bezier(0.2,0,0.1,1) forwards;
|
||||
}
|
||||
@keyframes enterStagD60 {
|
||||
from { opacity: 0; transform: translateY(20px); }
|
||||
to { opacity: 1; transform: translateY(0); }
|
||||
}
|
||||
|
||||
</style>
|
||||
<!-- DOCTRINE-222-KILL-PULSED60 -->
|
||||
<style>
|
||||
@keyframes pulseD60 { 0%,100%,50% { opacity: 1; transform: scale(1); } }
|
||||
.pulse, .live-indicator, .active, .online { animation: none !important; }
|
||||
</style>
|
||||
<!-- END-DOCTRINE-222 -->
|
||||
</head>
|
||||
<body>
|
||||
<!-- BETON-DOCTRINE-101 dual-dummy block (pages pub) -->
|
||||
@@ -399,6 +467,23 @@ setTimeout(tick,1500);setInterval(tick,30000);
|
||||
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t33b5) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1776776094" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1777045903" defer></script>
|
||||
<!-- DOCTRINE-60-UX-JS --><script id="doctrine60-ux-js-direct">
|
||||
|
||||
// DOCTRINE-60-UX-JS staggered entrance
|
||||
(function(){
|
||||
if (!('IntersectionObserver' in window)) return;
|
||||
const obs = new IntersectionObserver((entries) => {
|
||||
entries.forEach((e, i) => {
|
||||
if (e.isIntersecting) {
|
||||
setTimeout(() => e.target.classList.add('enter-stagger'), i * 80);
|
||||
obs.unobserve(e.target);
|
||||
}
|
||||
});
|
||||
});
|
||||
document.querySelectorAll('.card, .kpi, .panel').forEach(el => obs.observe(el));
|
||||
})();
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
107
admin.html
107
admin.html
@@ -1,5 +1,6 @@
|
||||
<!DOCTYPE html>
|
||||
<html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<html><head>
|
||||
<meta name="description" content="Panneau d'administration WEVAL : gestion des agents, services, alertes et outils en entreprise. Surveillance en temps réel et actions rapides."><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>WEVAL Admin</title>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@600;800;900&family=JetBrains+Mono:wght@400;700&display=swap');
|
||||
@@ -37,7 +38,81 @@ select{background:#0f172a;border:1px solid #334155;color:#e2e8f0;padding:4px 8px
|
||||
.stat{text-align:center;flex:1;min-width:60px}
|
||||
.stat .v{font-size:1.4rem;font-weight:900;font-family:'JetBrains Mono'}.stat .l{font-size:.58rem;color:#64748b;text-transform:uppercase;letter-spacing:1px}
|
||||
</style>
|
||||
</head><body><div id="live-stats" ondblclick="this.remove()" style="position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;justify-content:center;gap:12px;padding:4px 8px;background:linear-gradient(135deg,#1e293b,#0f172a);font-family:sans-serif"><div style="color:#4ade80;font:700 10px sans-serif"></head><body>#9889; <span id="ls-ag">669</span> Agents</div><div style="color:#60a5fa;font:700 10px sans-serif"></head><body>#127970; <span id="ls-dp">22</span> Depts</div><div style="color:#fbbf24;font:700 10px sans-serif"></head><body>#128051; 20 Docker</div><div style="color:#a78bfa;font:700 10px sans-serif"></head><body>#129302; 10 Ollama</div><div style="color:#f87171;font:700 10px sans-serif"></head><body>#128200; <span id="ls-nr">153/153</span></div><div style="color:#34d399;font:700 10px sans-serif"></head><body>#128274; SSO OK</div><div style="width:6px;height:6px;border-radius:50%;background:#4ade80;animation:lp 2s infinite;align-self:center"></div></div><style>@keyframes lp{0%,100%{opacity:1}50%{opacity:.3}}</style>
|
||||
<!-- DOCTRINE-60-UX-ENRICH cerebras-qwen-235b 20260424-123707 --><style id="doctrine60-ux-admin">
|
||||
body::before {
|
||||
content: '';
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: radial-gradient(circle, rgba(0,0,0,0.12), transparent 70%);
|
||||
z-index: -1;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.card, .btn, .kpi, .panel {
|
||||
opacity: 0;
|
||||
transform: translateY(20px);
|
||||
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
.enter-stagger {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
@keyframes pulse {
|
||||
0%, 100% { opacity: 1; }
|
||||
50% { opacity: 0.6; }
|
||||
}
|
||||
.pulse, .active, .live-indicator, .online {
|
||||
animation: pulse 3s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.card:hover {
|
||||
box-shadow: 0 8px 24px rgba(0,0,0,0.15);
|
||||
border-color: var(--accent);
|
||||
}
|
||||
|
||||
.modal, .chat, .speech, .overlay {
|
||||
backdrop-filter: blur(12px);
|
||||
}
|
||||
|
||||
</style>
|
||||
<!-- DOCTRINE-222-KILL-PULSED60 -->
|
||||
<style>
|
||||
@keyframes pulseD60 { 0%,100%,50% { opacity: 1; transform: scale(1); } }
|
||||
.pulse, .live-indicator, .active, .online { animation: none !important; }
|
||||
</style>
|
||||
<!-- END-DOCTRINE-222 -->
|
||||
<style id="below-livestats-opus-v2">
|
||||
/* FIX Opus 25avr 00:55 v2 - push ALL fixed top elements below live-stats bar (24px) */
|
||||
html body #weval-gl,
|
||||
html body #weval-global-logout,
|
||||
html body #wtp-udock { top: 30px !important; }
|
||||
</style>
|
||||
</head><body><div id="live-stats" ondblclick="this.remove()" style="position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;justify-content:center;gap:12px;padding:4px 8px;background:linear-gradient(135deg,#1e293b,#0f172a);font-family:sans-serif"><div style="color:#4ade80;font:700 10px sans-serif"></head><body>#9889; <span id="ls-ag">669</span> Agents</div><div style="color:#60a5fa;font:700 10px sans-serif"></head><body>#127970; <span id="ls-dp">22</span> Depts</div><div style="color:#fbbf24;font:700 10px sans-serif"></head><body>#128051; 20 Docker</div><div style="color:#a78bfa;font:700 10px sans-serif"></head><body>#129302; 10 Ollama</div><div style="color:#f87171;font:700 10px sans-serif"></head><body>#128200; <span id="ls-nr">153/153</span></div><div style="color:#34d399;font:700 10px sans-serif"></head><body>#128274; SSO OK</div><div style="width:6px;height:6px;border-radius:50%;background:#4ade80;animation:lp 2s infinite;align-self:center"></div></div><style>@keyframes lp{0%,100%{opacity:1}50%{opacity:.3}}
|
||||
/* === WEVIA Gemini Rolling v2 VISIBLE Enrichment (wave 306 batch) === */
|
||||
.kpi,[class*="card"],[class*="panel"],[class*="room"],.stat-card,.metric-card,.hub-card,.widget,.stat,.box{position:relative!important}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card{animation:geV2Entrance .8s cubic-bezier(.34,1.56,.64,1) backwards}
|
||||
.kpi:nth-child(1),[class*="card"]:nth-child(1){animation-delay:0s}
|
||||
.kpi:nth-child(2),[class*="card"]:nth-child(2){animation-delay:.09s}
|
||||
.kpi:nth-child(3),[class*="card"]:nth-child(3){animation-delay:.18s}
|
||||
.kpi:nth-child(4),[class*="card"]:nth-child(4){animation-delay:.27s}
|
||||
.kpi:nth-child(5),[class*="card"]:nth-child(5){animation-delay:.36s}
|
||||
.kpi:nth-child(6),[class*="card"]:nth-child(6){animation-delay:.45s}
|
||||
@keyframes geV2Entrance{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card,.widget{border:1px solid transparent!important;box-shadow:0 0 0 1px rgba(236,72,153,.15),0 4px 16px rgba(0,0,0,.25)!important;transition:box-shadow .4s,transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s!important}
|
||||
.kpi:hover,[class*="card"]:hover,.stat-card:hover,.metric-card:hover,.hub-card:hover{transform:translateY(-6px) scale(1.03)!important;filter:brightness(1.2)!important;box-shadow:0 0 0 2px rgba(236,72,153,.6),0 12px 32px rgba(236,72,153,.25),0 0 24px rgba(78,205,196,.2)!important}
|
||||
.kpi::before,[class*="card"]::before,.stat-card::before,.metric-card::before,.hub-card::before{content:"";position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#2ed573,#1a9a4e);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5);animation:geV2Pulse 1.6s ease-out infinite;z-index:100;pointer-events:none}
|
||||
@keyframes geV2Pulse{0%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}50%{transform:scale(1.4);box-shadow:0 0 20px #2ed573,0 0 40px rgba(46,213,115,.8)}100%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}}
|
||||
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 30%,transparent 40%,rgba(236,72,153,.06) 100%),radial-gradient(ellipse at 30% 70%,transparent 40%,rgba(78,205,196,.04) 100%);animation:geV2Ambient 10s ease-in-out infinite;z-index:0}
|
||||
@keyframes geV2Ambient{0%,100%{opacity:.5}50%{opacity:1}}
|
||||
h1,.header-title,.main-title,.hub-title,.page-title{background-image:linear-gradient(90deg,currentColor 0%,currentColor 40%,rgba(236,72,153,1) 50%,currentColor 60%,currentColor 100%)!important;background-size:200% auto!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:geV2Shimmer 5s linear infinite!important}
|
||||
@keyframes geV2Shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
|
||||
/* Doctrine zero chevauchement - hide common offenders */
|
||||
.opus-x-btn,.toggle-top-right-btn,.fab-corner{display:none!important}
|
||||
/* === end WEVIA Gemini Rolling v2 batch === */
|
||||
</style>
|
||||
<div class="hud">
|
||||
<h1><span style="color:#e94560">WEVAL</span> <b>Admin Panel</b></h1>
|
||||
<div class="links">
|
||||
@@ -819,15 +894,17 @@ ALERTS.push({agent:'GitHub PAT',msg:'Expire 15 avril 2026',t:Date.now()});
|
||||
renderAlerts();
|
||||
</script>
|
||||
<!-- CARTO_REMOVED -->
|
||||
<!-- CARTO_BANNER_V1 -->
|
||||
<div style="position:fixed;bottom:20px;right:20px;z-index:9999;background:linear-gradient(135deg,#141931,#2d1b5e);border:1px solid #64ffda;border-radius:12px;padding:12px 18px;box-shadow:0 4px 20px rgba(100,255,218,.3);font-family:-apple-system,Segoe UI,sans-serif;font-size:13px">
|
||||
<a href="/cartographie-screens.html" style="color:#64ffda;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:8px" title="Cartographie exhaustive de tous les ecrans live">
|
||||
<!-- CARTO_BANNER_V2_admin_25avr -->
|
||||
<div id="carto-banner-live" style="position:fixed;bottom:80px;right:20px;z-index:9999;background:linear-gradient(135deg,#141931,#2d1b5e);border:1px solid #64ffda;border-radius:12px;padding:12px 18px;box-shadow:0 4px 20px rgba(100,255,218,.3);font-family:-apple-system,Segoe UI,sans-serif;font-size:13px;display:flex;align-items:center;gap:12px">
|
||||
<a href="/cartographie-screens.html" style="color:#64ffda;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:8px" title="Cartographie exhaustive">
|
||||
<span style="font-size:18px">🗺</span> Cartographie live
|
||||
<span id="carto-banner-count" style="color:#8892b0;font-size:11px">3914 ecrans</span>
|
||||
</a>
|
||||
<button onclick="document.getElementById('carto-banner-live').style.display='none';try{localStorage.setItem('carto_banner_hidden','1')}catch(e){}" style="background:rgba(239,68,68,0.2);border:1px solid #ef4444;color:#ef4444;border-radius:50%;width:22px;height:22px;cursor:pointer;font-size:12px;line-height:1;padding:0;display:flex;align-items:center;justify-content:center;font-weight:bold" title="Fermer">×</button>
|
||||
</div>
|
||||
<script>
|
||||
(function(){
|
||||
try{ if(localStorage.getItem('carto_banner_hidden')==='1'){ var b=document.getElementById('carto-banner-live'); if(b) b.style.display='none'; return; } }catch(e){}
|
||||
fetch('/api/screens-health.php?_='+Date.now(),{cache:'no-store'}).then(r=>r.json()).then(d=>{
|
||||
const c=d.counts||{}; const up=c.UP||0; const slow=c.SLOW||0; const br=c.BROKEN||0;
|
||||
const el=document.getElementById('carto-banner-count');
|
||||
@@ -835,7 +912,7 @@ renderAlerts();
|
||||
}).catch(()=>{});
|
||||
})();
|
||||
</script>
|
||||
<!-- /CARTO_BANNER_V1 -->
|
||||
<!-- /CARTO_BANNER_V2 -->
|
||||
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN v1 19avr — append-only, doctrine #14 === -->
|
||||
<script>
|
||||
@@ -954,5 +1031,21 @@ renderAlerts();
|
||||
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t32b4) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1776776094" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1777045903" defer></script>
|
||||
<!-- DOCTRINE-60-UX-JS --><script id="doctrine60-ux-js-admin">
|
||||
const observer = new IntersectionObserver((entries) => {
|
||||
entries.forEach((entry, index) => {
|
||||
if (entry.isIntersecting) {
|
||||
setTimeout(() => {
|
||||
entry.target.classList.add('enter-stagger');
|
||||
}, index * 80);
|
||||
}
|
||||
});
|
||||
}, { threshold: 0.1 });
|
||||
|
||||
document.querySelectorAll('.card, .btn, .kpi, .panel').forEach(el => {
|
||||
observer.observe(el);
|
||||
});
|
||||
|
||||
</script>
|
||||
</body></html>
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta name="description" content="Simulez le ROI par agent WEVAL : gains quantitatifs & qualitatifs, calculs en temps réel selon taille, maturité IA et secteur.">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>WEVAL · ROI Simulator — Gains quantitatifs & qualitatifs par agent</title>
|
||||
@@ -140,7 +141,74 @@ select { width: 100%; padding: 8px 10px; background: var(--bg-3); border: 1px so
|
||||
.pitch, [class*="pitch"], [class*="hero"] { word-break: break-word; overflow-wrap: anywhere; }
|
||||
}
|
||||
/* === OPUS RESPONSIVE FIX v2 END === */
|
||||
|
||||
/* === WEVIA Gemini Rolling v2 VISIBLE Enrichment (wave 306 batch) === */
|
||||
.kpi,[class*="card"],[class*="panel"],[class*="room"],.stat-card,.metric-card,.hub-card,.widget,.stat,.box{position:relative!important}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card{animation:geV2Entrance .8s cubic-bezier(.34,1.56,.64,1) backwards}
|
||||
.kpi:nth-child(1),[class*="card"]:nth-child(1){animation-delay:0s}
|
||||
.kpi:nth-child(2),[class*="card"]:nth-child(2){animation-delay:.09s}
|
||||
.kpi:nth-child(3),[class*="card"]:nth-child(3){animation-delay:.18s}
|
||||
.kpi:nth-child(4),[class*="card"]:nth-child(4){animation-delay:.27s}
|
||||
.kpi:nth-child(5),[class*="card"]:nth-child(5){animation-delay:.36s}
|
||||
.kpi:nth-child(6),[class*="card"]:nth-child(6){animation-delay:.45s}
|
||||
@keyframes geV2Entrance{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card,.widget{border:1px solid transparent!important;box-shadow:0 0 0 1px rgba(236,72,153,.15),0 4px 16px rgba(0,0,0,.25)!important;transition:box-shadow .4s,transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s!important}
|
||||
.kpi:hover,[class*="card"]:hover,.stat-card:hover,.metric-card:hover,.hub-card:hover{transform:translateY(-6px) scale(1.03)!important;filter:brightness(1.2)!important;box-shadow:0 0 0 2px rgba(236,72,153,.6),0 12px 32px rgba(236,72,153,.25),0 0 24px rgba(78,205,196,.2)!important}
|
||||
.kpi::before,[class*="card"]::before,.stat-card::before,.metric-card::before,.hub-card::before{content:"";position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#2ed573,#1a9a4e);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5);animation:geV2Pulse 1.6s ease-out infinite;z-index:100;pointer-events:none}
|
||||
@keyframes geV2Pulse{0%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}50%{transform:scale(1.4);box-shadow:0 0 20px #2ed573,0 0 40px rgba(46,213,115,.8)}100%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}}
|
||||
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 30%,transparent 40%,rgba(236,72,153,.06) 100%),radial-gradient(ellipse at 30% 70%,transparent 40%,rgba(78,205,196,.04) 100%);animation:geV2Ambient 10s ease-in-out infinite;z-index:0}
|
||||
@keyframes geV2Ambient{0%,100%{opacity:.5}50%{opacity:1}}
|
||||
h1,.header-title,.main-title,.hub-title,.page-title{background-image:linear-gradient(90deg,currentColor 0%,currentColor 40%,rgba(236,72,153,1) 50%,currentColor 60%,currentColor 100%)!important;background-size:200% auto!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:geV2Shimmer 5s linear infinite!important}
|
||||
@keyframes geV2Shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
|
||||
/* Doctrine zero chevauchement - hide common offenders */
|
||||
.opus-x-btn,.toggle-top-right-btn,.fab-corner{display:none!important}
|
||||
/* === end WEVIA Gemini Rolling v2 batch === */
|
||||
</style>
|
||||
<!-- DOCTRINE-60-UX-ENRICH direct-inject-20260424-142645 -->
|
||||
<style id="doctrine60-ux-direct">
|
||||
|
||||
/* DOCTRINE-60-UX-ENRICH injected-direct */
|
||||
body::before {
|
||||
content: '';
|
||||
position: fixed;
|
||||
top: 0; left: 0; width: 100vw; height: 100vh;
|
||||
background: radial-gradient(circle at 50% 50%, rgba(100,180,255,0.08), transparent 60%);
|
||||
pointer-events: none;
|
||||
z-index: -1;
|
||||
}
|
||||
.card, .kpi, .panel, .btn {
|
||||
transition: all 0.3s cubic-bezier(0.2,0,0.1,1);
|
||||
}
|
||||
.card:hover, .kpi:hover, .panel:hover {
|
||||
box-shadow: 0 4px 20px rgba(100,180,255,0.2);
|
||||
border-color: rgba(100,180,255,0.5);
|
||||
}
|
||||
@keyframes pulseD60 {
|
||||
0%,100% { opacity: 1; transform: scale(1); }
|
||||
50% { opacity: 0.7; transform: scale(1.05); }
|
||||
}
|
||||
.pulse, .live-indicator, .active, .online {
|
||||
animation: pulseD60 3s ease-in-out infinite;
|
||||
}
|
||||
.modal, .chat, .speech, .overlay {
|
||||
backdrop-filter: blur(12px);
|
||||
-webkit-backdrop-filter: blur(12px);
|
||||
}
|
||||
.enter-stagger {
|
||||
animation: enterStagD60 0.5s cubic-bezier(0.2,0,0.1,1) forwards;
|
||||
}
|
||||
@keyframes enterStagD60 {
|
||||
from { opacity: 0; transform: translateY(20px); }
|
||||
to { opacity: 1; transform: translateY(0); }
|
||||
}
|
||||
|
||||
</style>
|
||||
<!-- DOCTRINE-222-KILL-PULSED60 -->
|
||||
<style>
|
||||
@keyframes pulseD60 { 0%,100%,50% { opacity: 1; transform: scale(1); } }
|
||||
.pulse, .live-indicator, .active, .online { animation: none !important; }
|
||||
</style>
|
||||
<!-- END-DOCTRINE-222 -->
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
@@ -611,6 +679,23 @@ load();
|
||||
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t32b4) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1776776094" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1777045903" defer></script>
|
||||
<!-- DOCTRINE-60-UX-JS --><script id="doctrine60-ux-js-direct">
|
||||
|
||||
// DOCTRINE-60-UX-JS staggered entrance
|
||||
(function(){
|
||||
if (!('IntersectionObserver' in window)) return;
|
||||
const obs = new IntersectionObserver((entries) => {
|
||||
entries.forEach((e, i) => {
|
||||
if (e.isIntersecting) {
|
||||
setTimeout(() => e.target.classList.add('enter-stagger'), i * 80);
|
||||
obs.unobserve(e.target);
|
||||
}
|
||||
});
|
||||
});
|
||||
document.querySelectorAll('.card, .kpi, .panel').forEach(el => obs.observe(el));
|
||||
})();
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
738
agent-social-feed.html
Normal file
738
agent-social-feed.html
Normal file
@@ -0,0 +1,738 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>WEVIA Agent Social Feed — Rooms Live · Posts · 1-to-1 · Multi · SSE</title>
|
||||
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
|
||||
<style>
|
||||
*{box-sizing:border-box;margin:0;padding:0}
|
||||
body{background:linear-gradient(135deg,#0a0e1a 0%,#1a1530 50%,#0d1117 100%);color:#e6edf3;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:24px}
|
||||
.header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(90deg,rgba(236,72,153,.10),rgba(78,205,196,.05));border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:24px}
|
||||
.header h1{font-size:22px;font-weight:700;background:linear-gradient(90deg,#ec4899,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
|
||||
.badge{display:inline-block;padding:4px 10px;background:rgba(46,213,115,.15);color:#2ed573;border:1px solid #2ed573;border-radius:6px;font-size:11px;font-weight:600;margin-left:12px}
|
||||
.sse-live{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(236,72,153,.12);color:#ec4899;border:1px solid rgba(236,72,153,.3);border-radius:6px;font-size:11px;font-weight:600;margin-left:8px}
|
||||
.sse-live .pulse{width:8px;height:8px;border-radius:50%;background:#ec4899;animation:pulse 1.5s ease-in-out infinite}
|
||||
@keyframes pulse{0%,100%{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}
|
||||
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:28px}
|
||||
.kpi{background:linear-gradient(135deg,rgba(30,40,60,.6),rgba(20,25,40,.4));border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;transition:all .2s}
|
||||
.kpi:hover{transform:translateY(-2px);border-color:rgba(236,72,153,.3)}
|
||||
.kpi-value{font-size:26px;font-weight:800;color:#ec4899}
|
||||
.kpi-label{font-size:11px;color:#8b949e;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
|
||||
.kpi-sub{font-size:11px;color:#6e7681;margin-top:4px}
|
||||
.tabs{display:flex;gap:6px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.06);flex-wrap:wrap}
|
||||
.tab{padding:10px 16px;background:transparent;border:0;border-bottom:2px solid transparent;color:#8b949e;cursor:pointer;font-size:13px;font-weight:600;transition:all .15s;border-radius:6px 6px 0 0}
|
||||
.tab.active{color:#ec4899;border-bottom-color:#ec4899;background:rgba(236,72,153,.05)}
|
||||
.tab:hover:not(.active){color:#c9d1d9;background:rgba(255,255,255,.03)}
|
||||
.tab-badge{display:inline-block;padding:1px 6px;background:rgba(236,72,153,.15);color:#ec4899;border-radius:8px;font-size:10px;font-weight:700;margin-left:4px}
|
||||
.section{background:rgba(15,20,30,.5);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:20px;margin-bottom:20px}
|
||||
.section h2{font-size:16px;color:#4ecdc4;margin-bottom:14px}
|
||||
.grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:20px}
|
||||
@media(max-width:768px){.grid-2col{grid-template-columns:1fr}}
|
||||
.chart-container{height:240px;position:relative}
|
||||
.tab-panel{display:none}
|
||||
.tab-panel.active{display:block}
|
||||
.post{background:linear-gradient(135deg,rgba(30,40,60,.5),rgba(20,25,40,.3));border:1px solid rgba(255,255,255,.06);border-left:3px solid #ec4899;border-radius:8px;padding:14px 16px;margin-bottom:12px;transition:all .15s}
|
||||
.post:hover{border-color:rgba(236,72,153,.3);transform:translateX(2px)}
|
||||
.post .head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
|
||||
.post .author{display:flex;align-items:center;gap:10px}
|
||||
.post .avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ec4899,#4ecdc4);display:flex;align-items:center;justify-content:center;font-size:18px}
|
||||
.post .name{font-size:13px;font-weight:700;color:#fff}
|
||||
.post .cat{font-size:11px;color:#8b949e}
|
||||
.post .time{font-size:11px;color:#6e7681;font-family:monospace}
|
||||
.post .body{color:#c9d1d9;font-size:13px;line-height:1.5;margin-top:4px}
|
||||
.post .tags{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}
|
||||
.tag{padding:2px 8px;background:rgba(78,205,196,.08);border:1px solid rgba(78,205,196,.2);border-radius:4px;font-size:10px;color:#4ecdc4}
|
||||
.tag.topic{background:rgba(236,72,153,.08);border-color:rgba(236,72,153,.2);color:#ec4899}
|
||||
.post .stats{display:flex;gap:16px;margin-top:10px;font-size:11px;color:#6e7681}
|
||||
.thread{background:rgba(15,20,30,.4);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:14px;margin-bottom:14px}
|
||||
.thread-header{font-size:13px;color:#ec4899;font-weight:700;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}
|
||||
.msg{display:flex;gap:10px;margin-bottom:8px;padding-left:8px;border-left:2px solid rgba(78,205,196,.2)}
|
||||
.msg.reply{margin-left:30px;border-left-color:rgba(236,72,153,.3)}
|
||||
.msg .avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:16px;background:linear-gradient(135deg,#4ecdc4,#9b59b6)}
|
||||
.msg .content{flex:1;background:rgba(0,0,0,.2);padding:8px 12px;border-radius:6px;font-size:12px;color:#c9d1d9;line-height:1.4}
|
||||
.msg .content .who{font-size:11px;color:#ec4899;font-weight:600;margin-bottom:2px}
|
||||
.msg .time{font-size:10px;color:#6e7681;font-family:monospace;align-self:flex-start;margin-top:6px}
|
||||
.sse-log{background:rgba(0,0,0,.3);border-radius:6px;padding:12px;max-height:300px;overflow-y:auto;font-family:'SF Mono',Monaco,monospace;font-size:11px}
|
||||
.sse-event{padding:4px 0;border-bottom:1px solid rgba(255,255,255,.03);color:#c9d1d9}
|
||||
.sse-event.router{color:#4ecdc4}
|
||||
.sse-event.social{color:#ec4899}
|
||||
.sse-event.conv{color:#9b59b6}
|
||||
.sse-event.eco{color:#2ed573}
|
||||
.sse-event .ts{color:#6e7681;font-size:10px}
|
||||
.sse-event .ev{font-weight:700}
|
||||
.topic-pill{display:inline-block;padding:6px 12px;background:rgba(236,72,153,.08);border:1px solid rgba(236,72,153,.2);border-radius:16px;color:#ec4899;font-size:11px;margin:2px 4px 2px 0;cursor:pointer;transition:all .15s;text-decoration:none}
|
||||
.topic-pill:hover,.topic-pill.active{background:rgba(236,72,153,.25);transform:scale(1.02)}
|
||||
.refresh-btn{background:linear-gradient(135deg,#ec4899,#4ecdc4);color:#fff;border:0;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600}
|
||||
.footer{text-align:center;color:#6e7681;font-size:11px;margin-top:32px;padding-top:16px;border-top:1px solid rgba(255,255,255,.04)}
|
||||
.footer a{color:#4ecdc4;text-decoration:none;margin:0 6px}
|
||||
.loading{color:#6e7681;font-size:12px;padding:12px;text-align:center}
|
||||
|
||||
/* ROOMS LIVE — vrais avatars emoji + bulles parole persistantes */
|
||||
.rooms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(540px,1fr));gap:24px}
|
||||
.room{background:rgba(15,20,30,.65);border:2px solid rgba(255,255,255,.06);border-radius:14px;padding:18px;position:relative;overflow:hidden;min-height:540px}
|
||||
.room.strategy{border-color:rgba(46,213,115,.35)}
|
||||
.room.business{border-color:rgba(255,165,2,.35)}
|
||||
.room.ia{border-color:rgba(155,89,182,.35)}
|
||||
.room.ops{border-color:rgba(52,152,219,.35)}
|
||||
.room-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:10px}
|
||||
.room-title{font-size:15px;font-weight:800;letter-spacing:.5px}
|
||||
.room.strategy .room-title{color:#2ed573}
|
||||
.room.business .room-title{color:#ffa502}
|
||||
.room.ia .room-title{color:#9b59b6}
|
||||
.room.ops .room-title{color:#3498db}
|
||||
.room-status{display:flex;align-items:center;gap:6px;font-size:11px;color:#2ed573}
|
||||
.room-status .dot{width:8px;height:8px;border-radius:50%;background:#2ed573;animation:pulse 1.5s ease-in-out infinite}
|
||||
.room-subtitle{font-size:11px;color:#8b949e;margin-top:-6px;margin-bottom:8px}
|
||||
.room-agenda{background:rgba(0,0,0,.25);border-radius:6px;padding:8px 12px;margin-bottom:14px;font-size:12px;color:#c9d1d9}
|
||||
.room-agenda .label{color:#6e7681;font-size:10px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}
|
||||
.room-stage{position:relative;width:100%;height:340px;margin-bottom:12px}
|
||||
.room-stage svg.table{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
|
||||
.agent-holder{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;z-index:2}
|
||||
.agent-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(0,0,0,.25));display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 4px 12px rgba(0,0,0,.4),inset 0 2px 4px rgba(255,255,255,.1);border:2px solid;position:relative;transition:transform .3s}
|
||||
.room.strategy .agent-avatar{border-color:#2ed573}
|
||||
.room.business .agent-avatar{border-color:#ffa502}
|
||||
.room.ia .agent-avatar{border-color:#9b59b6}
|
||||
.room.ops .agent-avatar{border-color:#3498db}
|
||||
.agent-holder.talking .agent-avatar{animation:talking 1.2s ease-in-out infinite;box-shadow:0 0 20px currentColor,0 4px 12px rgba(0,0,0,.4)}
|
||||
.room.strategy .agent-holder.talking .agent-avatar{color:#2ed573}
|
||||
.room.business .agent-holder.talking .agent-avatar{color:#ffa502}
|
||||
.room.ia .agent-holder.talking .agent-avatar{color:#9b59b6}
|
||||
.room.ops .agent-holder.talking .agent-avatar{color:#3498db}
|
||||
@keyframes talking{0%,100%{transform:scale(1) rotate(0)}25%{transform:scale(1.08) rotate(-2deg)}75%{transform:scale(1.08) rotate(2deg)}}
|
||||
.agent-name{font-size:10px;font-weight:600;color:#c9d1d9;text-align:center;max-width:84px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:rgba(0,0,0,.4);padding:2px 6px;border-radius:8px}
|
||||
.speech{position:absolute;background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(240,240,250,.95));color:#1a1530;font-size:11px;padding:8px 12px;border-radius:12px;max-width:180px;font-weight:500;box-shadow:0 6px 16px rgba(0,0,0,.45);z-index:4;line-height:1.35;opacity:0;transition:opacity .4s,transform .4s;pointer-events:none;transform:translate(-50%,-100%) scale(.9);transform-origin:center bottom}
|
||||
.speech.show{opacity:1;transform:translate(-50%,-100%) scale(1)}
|
||||
.speech::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid rgba(255,255,255,.97)}
|
||||
.speech.side-left{transform:translate(-100%,-50%) scale(.9)}
|
||||
.speech.side-left.show{transform:translate(-100%,-50%) scale(1)}
|
||||
.speech.side-left::after{bottom:auto;right:-6px;top:50%;left:auto;transform:translateY(-50%);border-left:7px solid rgba(255,255,255,.97);border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:0}
|
||||
.speech.side-right{transform:translate(0,-50%) scale(.9)}
|
||||
.speech.side-right.show{transform:translate(0,-50%) scale(1)}
|
||||
.speech.side-right::after{bottom:auto;left:-6px;top:50%;right:auto;transform:translateY(-50%);border-right:7px solid rgba(255,255,255,.97);border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:0}
|
||||
.speech.side-below{transform:translate(-50%,0) scale(.9)}
|
||||
.speech.side-below.show{transform:translate(-50%,0) scale(1)}
|
||||
.speech.side-below::after{top:-6px;bottom:auto;border-top:0;border-bottom:7px solid rgba(255,255,255,.97);border-left:7px solid transparent;border-right:7px solid transparent}
|
||||
.room-transcript{background:rgba(0,0,0,.4);border-radius:6px;padding:10px;max-height:130px;overflow-y:auto;font-size:11px;font-family:'SF Mono',Monaco,monospace}
|
||||
.room-transcript .ln{padding:3px 0;color:#c9d1d9;border-bottom:1px solid rgba(255,255,255,.02);display:flex;gap:8px}
|
||||
.room-transcript .ln:last-child{border-bottom:0}
|
||||
.room-transcript .ln .author{color:#ec4899;font-weight:700;flex-shrink:0}
|
||||
.room-transcript .ln .tm{color:#6e7681;font-size:10px;flex-shrink:0}
|
||||
.rooms-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:#8b949e;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.05)}
|
||||
.rooms-legend .item{display:flex;align-items:center;gap:6px}
|
||||
.rooms-legend .sq{width:10px;height:10px;border-radius:3px}
|
||||
|
||||
/* v4 Gemini UX Enrichment patches */
|
||||
.room{animation:roomEntrance .7s ease-out backwards}
|
||||
.room:nth-child(1){animation-delay:0s}
|
||||
.room:nth-child(2){animation-delay:.15s}
|
||||
.room:nth-child(3){animation-delay:.3s}
|
||||
.room:nth-child(4){animation-delay:.45s}
|
||||
@keyframes roomEntrance{from{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
|
||||
.agent-holder{transition:transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s}
|
||||
.agent-holder:hover{transform:translate(-50%,-50%) scale(1.18);filter:brightness(1.2);z-index:10}
|
||||
.agent-holder:hover .agent-name{background:rgba(0,0,0,.85);color:#fff;font-weight:800;transform:scale(1.05)}
|
||||
.agent-holder:hover .agent-avatar{box-shadow:0 0 24px currentColor,0 6px 18px rgba(0,0,0,.5)}
|
||||
.room.strategy .agent-holder:hover .agent-avatar{color:#2ed573}
|
||||
.room.business .agent-holder:hover .agent-avatar{color:#ffa502}
|
||||
.room.ia .agent-holder:hover .agent-avatar{color:#9b59b6}
|
||||
.room.ops .agent-holder:hover .agent-avatar{color:#3498db}
|
||||
.activity-pulse{position:absolute;top:14px;right:14px;display:flex;align-items:center;gap:6px;z-index:3}
|
||||
.activity-pulse .ring{width:10px;height:10px;border-radius:50%;animation:pulseRing 1.4s ease-out infinite}
|
||||
.room.strategy .activity-pulse .ring{background:#2ed573;box-shadow:0 0 12px #2ed573}
|
||||
.room.business .activity-pulse .ring{background:#ffa502;box-shadow:0 0 12px #ffa502}
|
||||
.room.ia .activity-pulse .ring{background:#9b59b6;box-shadow:0 0 12px #9b59b6}
|
||||
.room.ops .activity-pulse .ring{background:#3498db;box-shadow:0 0 12px #3498db}
|
||||
@keyframes pulseRing{0%{transform:scale(1);opacity:1}50%{transform:scale(1.8);opacity:.3}100%{transform:scale(1);opacity:1}}
|
||||
.activity-pulse .count{font-size:10px;color:#c9d1d9;font-weight:700;background:rgba(0,0,0,.5);padding:2px 6px;border-radius:8px;font-family:monospace}
|
||||
.room-stage::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(236,72,153,.04) 100%);pointer-events:none;border-radius:8px;animation:ambient 8s ease-in-out infinite}
|
||||
@keyframes ambient{0%,100%{opacity:.3}50%{opacity:.7}}
|
||||
.speech{backdrop-filter:blur(4px);animation:speechIn .4s cubic-bezier(.34,1.56,.64,1)}
|
||||
.speech.show{box-shadow:0 8px 24px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.3)}
|
||||
@keyframes speechIn{from{opacity:0;transform:translate(-50%,-85%) scale(.7)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}
|
||||
|
||||
/* CSS v3 boost - specificity max */
|
||||
html body .kpi::before, html body [class*="card"]::before,
|
||||
html body .stat-card::before, html body .metric-card::before, html body .hub-card::before {
|
||||
content: "" !important;
|
||||
position: absolute !important;
|
||||
top: 12px !important; right: 12px !important;
|
||||
width: 10px !important; height: 10px !important;
|
||||
border-radius: 50% !important;
|
||||
background: radial-gradient(circle, #2ed573, #1a9a4e) !important;
|
||||
box-shadow: 0 0 12px #2ed573, 0 0 24px rgba(46,213,115,.5) !important;
|
||||
animation: geV2Pulse 1.6s ease-out infinite !important;
|
||||
z-index: 100 !important;
|
||||
pointer-events: none !important;
|
||||
display: block !important;
|
||||
}
|
||||
html body .kpi, html body [class*="card"] { position: relative !important; }
|
||||
|
||||
/* === WEVIA Gemini Rolling v2 VISIBLE Enrichment (wave 306 batch) === */
|
||||
.kpi,[class*="card"],[class*="panel"],[class*="room"],.stat-card,.metric-card,.hub-card,.widget,.stat,.box{position:relative!important}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card{animation:geV2Entrance .8s cubic-bezier(.34,1.56,.64,1) backwards}
|
||||
.kpi:nth-child(1),[class*="card"]:nth-child(1){animation-delay:0s}
|
||||
.kpi:nth-child(2),[class*="card"]:nth-child(2){animation-delay:.09s}
|
||||
.kpi:nth-child(3),[class*="card"]:nth-child(3){animation-delay:.18s}
|
||||
.kpi:nth-child(4),[class*="card"]:nth-child(4){animation-delay:.27s}
|
||||
.kpi:nth-child(5),[class*="card"]:nth-child(5){animation-delay:.36s}
|
||||
.kpi:nth-child(6),[class*="card"]:nth-child(6){animation-delay:.45s}
|
||||
@keyframes geV2Entrance{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card,.widget{border:1px solid transparent!important;box-shadow:0 0 0 1px rgba(236,72,153,.15),0 4px 16px rgba(0,0,0,.25)!important;transition:box-shadow .4s,transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s!important}
|
||||
.kpi:hover,[class*="card"]:hover,.stat-card:hover,.metric-card:hover,.hub-card:hover{transform:translateY(-6px) scale(1.03)!important;filter:brightness(1.2)!important;box-shadow:0 0 0 2px rgba(236,72,153,.6),0 12px 32px rgba(236,72,153,.25),0 0 24px rgba(78,205,196,.2)!important}
|
||||
.kpi::before,[class*="card"]::before,.stat-card::before,.metric-card::before,.hub-card::before{content:"";position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#2ed573,#1a9a4e);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5);animation:geV2Pulse 1.6s ease-out infinite;z-index:100;pointer-events:none}
|
||||
@keyframes geV2Pulse{0%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}50%{transform:scale(1.4);box-shadow:0 0 20px #2ed573,0 0 40px rgba(46,213,115,.8)}100%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}}
|
||||
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 30%,transparent 40%,rgba(236,72,153,.06) 100%),radial-gradient(ellipse at 30% 70%,transparent 40%,rgba(78,205,196,.04) 100%);animation:geV2Ambient 10s ease-in-out infinite;z-index:0}
|
||||
@keyframes geV2Ambient{0%,100%{opacity:.5}50%{opacity:1}}
|
||||
h1,.header-title,.main-title,.hub-title,.page-title{background-image:linear-gradient(90deg,currentColor 0%,currentColor 40%,rgba(236,72,153,1) 50%,currentColor 60%,currentColor 100%)!important;background-size:200% auto!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:geV2Shimmer 5s linear infinite!important}
|
||||
@keyframes geV2Shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
|
||||
/* Doctrine zero chevauchement - hide common offenders */
|
||||
.opus-x-btn,.toggle-top-right-btn,.fab-corner{display:none!important}
|
||||
/* === end WEVIA Gemini Rolling v2 batch === */
|
||||
</style>
|
||||
<!-- DOCTRINE-60-UX-ENRICH cerebras-qwen-235b 20260424-122239 --><style id="doctrine60-ux-agent-social-feed">
|
||||
body::before {
|
||||
content: '';
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: radial-gradient(circle, rgba(0,0,0,0.12), transparent 70%);
|
||||
z-index: -1;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.card, .btn, .kpi, .panel {
|
||||
opacity: 0;
|
||||
transform: translateY(20px);
|
||||
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
.enter-stagger {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
@keyframes pulse {
|
||||
0%, 100% { opacity: 1; }
|
||||
50% { opacity: 0.6; }
|
||||
}
|
||||
.pulse, .active, .live-indicator, .online {
|
||||
animation: pulse 3s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.card:hover {
|
||||
box-shadow: 0 8px 24px rgba(0,0,0,0.15);
|
||||
border-color: var(--accent);
|
||||
}
|
||||
|
||||
.modal, .chat, .speech, .overlay {
|
||||
backdrop-filter: blur(12px);
|
||||
}
|
||||
|
||||
</style>
|
||||
<!-- DOCTRINE-222-KILL-PULSED60 -->
|
||||
<style>
|
||||
@keyframes pulseD60 { 0%,100%,50% { opacity: 1; transform: scale(1); } }
|
||||
.pulse, .live-indicator, .active, .online { animation: none !important; }
|
||||
</style>
|
||||
<!-- END-DOCTRINE-222 -->
|
||||
<style id="logout-dedup-24avr-opus">/* Doctrine anti-overlap: hide nginx duplicate Logout */ #weval-global-logout { display: none !important; }</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<div><h1>💬 WEVIA Agent Social Feed <span class="badge">ROOMS · TIMELINE · 1-TO-1 · MULTI</span><span class="sse-live"><span class="pulse"></span>SSE LIVE</span></h1></div>
|
||||
<button class="refresh-btn" onclick="refreshAll()">🔄 Refresh</button>
|
||||
</div>
|
||||
|
||||
<div class="kpi-grid">
|
||||
<div class="kpi"><div class="kpi-label">Posts total (24h)</div><div class="kpi-value" id="kpi-posts">—</div><div class="kpi-sub">social-signals-hub v6</div></div>
|
||||
<div class="kpi"><div class="kpi-label">Agents actifs</div><div class="kpi-value">726</div><div class="kpi-sub">Cloudbot Social network</div></div>
|
||||
<div class="kpi"><div class="kpi-label">Rooms LIVE</div><div class="kpi-value" style="color:#2ed573">4</div><div class="kpi-sub">Strategy · Business · IA · Ops</div></div>
|
||||
<div class="kpi"><div class="kpi-label">1-to-1 (24h)</div><div class="kpi-value" id="kpi-oneto">—</div><div class="kpi-sub">Conversations directes</div></div>
|
||||
<div class="kpi"><div class="kpi-label">Multi-threads</div><div class="kpi-value" id="kpi-multi">—</div><div class="kpi-sub">Discussions ≥3 agents</div></div>
|
||||
<div class="kpi"><div class="kpi-label">SSE events/min</div><div class="kpi-value" id="kpi-sse">0</div><div class="kpi-sub">Live stream rate</div></div>
|
||||
</div>
|
||||
|
||||
<div class="tabs">
|
||||
<button class="tab active" data-tab="rooms">🏛 Rooms Live</button>
|
||||
<button class="tab" data-tab="posts">📱 Posts <span class="tab-badge" id="tab-posts-count">—</span></button>
|
||||
<button class="tab" data-tab="onetoone">💬 1-to-1 <span class="tab-badge" id="tab-onetoone-count">—</span></button>
|
||||
<button class="tab" data-tab="multi">👥 Multi-threads <span class="tab-badge" id="tab-multi-count">—</span></button>
|
||||
<button class="tab" data-tab="live">⚡ SSE Stream</button>
|
||||
</div>
|
||||
|
||||
<!-- Tab ROOMS LIVE -->
|
||||
<div class="tab-panel active" id="tab-rooms">
|
||||
<div class="section">
|
||||
<h2>🏛 Rooms Live — Meeting-style avec vraies bulles de parole</h2>
|
||||
<div style="color:#8b949e;font-size:12px;margin-bottom:12px">4 rooms thématiques · agents avatar emoji autour de tables rondes · bulles de parole persistantes qui cyclent chaque 7s · agent qui parle anime pulse · transcript live en bas</div>
|
||||
<div class="rooms-grid" id="rooms-grid"></div>
|
||||
<div class="rooms-legend">
|
||||
<div class="item"><div class="sq" style="background:#2ed573"></div>Strategy</div>
|
||||
<div class="item"><div class="sq" style="background:#ffa502"></div>Business</div>
|
||||
<div class="item"><div class="sq" style="background:#9b59b6"></div>IA</div>
|
||||
<div class="item"><div class="sq" style="background:#3498db"></div>Ops</div>
|
||||
<div class="item" style="margin-left:auto">SSE-routed bubbles · auto-rotation toutes 7s · agent talking = pulse</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Tab POSTS -->
|
||||
<div class="tab-panel" id="tab-posts">
|
||||
<div class="section">
|
||||
<h2>🔖 Topics actifs (filter)</h2>
|
||||
<div id="topics-list" class="loading">Loading topics...</div>
|
||||
</div>
|
||||
<div class="grid-2col">
|
||||
<div class="section"><h2>📊 Posts par topic (24h)</h2><div class="chart-container"><canvas id="chart-topics"></canvas></div></div>
|
||||
<div class="section"><h2>📈 Activity timeline (volume)</h2><div class="chart-container"><canvas id="chart-timeline"></canvas></div></div>
|
||||
</div>
|
||||
<div class="section">
|
||||
<h2>📰 Feed Posts</h2>
|
||||
<div id="posts-feed" class="loading">Loading...</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Tab 1-TO-1 -->
|
||||
<div class="tab-panel" id="tab-onetoone">
|
||||
<div class="section">
|
||||
<h2>💬 Conversations 1-to-1 par topic</h2>
|
||||
<div style="margin-bottom:14px;font-size:12px;color:#8b949e">Sélectionne un topic pour voir les échanges directs entre 2 agents</div>
|
||||
<div id="onetoone-topics" class="loading">Loading...</div>
|
||||
<div id="onetoone-feed" style="margin-top:20px"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Tab MULTI -->
|
||||
<div class="tab-panel" id="tab-multi">
|
||||
<div class="section">
|
||||
<h2>👥 Multi-threads (≥3 agents)</h2>
|
||||
<div style="margin-bottom:14px;font-size:12px;color:#8b949e">Fils multi-agents extraits de cloudbot-interagent.php</div>
|
||||
<div id="multi-feed" class="loading">Loading...</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Tab SSE -->
|
||||
<div class="tab-panel" id="tab-live">
|
||||
<div class="section">
|
||||
<h2>⚡ SSE Live Stream</h2>
|
||||
<div style="margin-bottom:10px;font-size:12px;color:#8b949e">4 streams · router-activity · social-signals · wevia-conversations · ecosystem-health · interval 3s</div>
|
||||
<div class="sse-log" id="sse-log"><div class="loading">Connecting...</div></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
WEVIA Agent Social Feed · SSE real-time · 4 rooms live · 3 endpoints · Paperclip bridge doctrine 144 ·
|
||||
<a href="/cloudbot-social.html">← Cloudbot Social</a> ·
|
||||
<a href="/weval-technology-platform.html">WTP</a> ·
|
||||
<a href="/agents-hub.html">Agents Hub</a> ·
|
||||
<a href="/brain-council.html">Brain Council</a> ·
|
||||
<a href="/wevia-meeting.php">Meeting Rooms</a>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// Avatar emoji par agent name pattern
|
||||
function emojiFor(name){
|
||||
const n=name.toLowerCase();
|
||||
if(n.includes('master'))return '🧙♂️';
|
||||
if(n.includes('opus')||n.includes('claude'))return '🤖';
|
||||
if(n.includes('mirror')||n.includes('fish'))return '🐟';
|
||||
if(n.includes('life'))return '📮';
|
||||
if(n.includes('agent maître')||n.includes('maitre'))return '👑';
|
||||
if(n.includes('blade'))return '⚔️';
|
||||
if(n.includes('paperclip'))return '📎';
|
||||
if(n.includes('enterprise'))return '🏢';
|
||||
if(n.includes('ethica'))return '👨⚕️';
|
||||
if(n.includes('twenty')||n.includes('crm'))return '💼';
|
||||
if(n.includes('oracle'))return '🔮';
|
||||
if(n.includes('n8n'))return '🔗';
|
||||
if(n.includes('active'))return '⚡';
|
||||
if(n.includes('ollama'))return '🦙';
|
||||
if(n.includes('qdrant'))return '🗄️';
|
||||
if(n.includes('resolver'))return '🔧';
|
||||
if(n.includes('oss'))return '📚';
|
||||
if(n.includes('deerflow'))return '🦌';
|
||||
if(n.includes('searxng'))return '🔍';
|
||||
if(n.includes('arena'))return '🎭';
|
||||
if(n.includes('mistral'))return '🌬️';
|
||||
if(n.includes('scanner'))return '📡';
|
||||
if(n.includes('factory'))return '🏭';
|
||||
if(n.includes('github')||n.includes('rnd'))return '🐙';
|
||||
if(n.includes('browser'))return '🌐';
|
||||
if(n.includes('mattermost'))return '💬';
|
||||
if(n.includes('plausible'))return '📊';
|
||||
if(n.includes('cortex'))return '🧩';
|
||||
if(n.includes('hermes'))return '🪽';
|
||||
if(n.includes('l99'))return '💎';
|
||||
if(n.includes('nonreg'))return '✅';
|
||||
if(n.includes('infra'))return '⚙️';
|
||||
if(n.includes('sovereign'))return '🛡️';
|
||||
return '🤝';
|
||||
}
|
||||
|
||||
const ROOMS=[
|
||||
{id:'strategy',title:'🏛 STRATEGY',color:'#2ed573',subtitle:'Consolider terrain + stratégie',agenda:'Ordre du jour : roadmap Q2 + budget GPU',
|
||||
agents:[{name:'WEVIA Master'},{name:'Claude Opus'},{name:'Agent Maître'},{name:'Blade IA'},{name:'WEVIA Life'},{name:'MirrorFish'}],
|
||||
samples:['Budget Q2 alloué : +2k€ GPU Kaggle','Roadmap : focus WTP centralization','153 routes actives · 0 régression','Architecture stable · Refonte 588','2678 emails sync · Pipeline OK','Blade 34 caps · sync 90s nominal','WTP doctrine 60 UX premium atteint','Brain Council cascade auto-fallback OK','Train release multi-Opus synchronisé']},
|
||||
{id:'business',title:'💼 BUSINESS',color:'#ffa502',subtitle:'Pipeline + HCPs',agenda:'656 agents fleet · 80 actifs',
|
||||
agents:[{name:'Paperclip'},{name:'Enterprise'},{name:'Ethica'},{name:'Twenty CRM'},{name:'CRM Oracle'},{name:'n8n'},{name:'ActivePieces'}],
|
||||
samples:['Paperclip dispatch 11 endpoints · doctrine 144 OK','Ethica : +2400 médecins validés 24h','Pipeline B2B : 166 leads qualifiés','n8n workflow campaign LinkedIn actif','656 agents fleet · 80 actifs','Enterprise model live 22 depts','Kaouther Ethica counter-offer signée','CRM Twenty sync 7354k contacts']},
|
||||
{id:'ia',title:'🧠 IA',color:'#9b59b6',subtitle:'Modèles + RAG',agenda:'9 modèles Ollama · qwen3:8b default',
|
||||
agents:[{name:'Ollama'},{name:'Qdrant'},{name:'Resolver'},{name:'OSS Directory'},{name:'DeerFlow'},{name:'SearXNG'},{name:'Arena'},{name:'Mistral'},{name:'Cortex'}],
|
||||
samples:['9 modèles Ollama · qwen3:8b default','Qdrant 14414 vecs synced · 19 collections','585 skills catalogués · 0 gap','DeerFlow 8 processes LIVE','Cascade fallback Cloudflare Workers AI','Arena Blade cookie session active','Cerebras qwen-3-235b wafer-scale','qwen2.5:32b pull 19GB complete','Brain Council 5 IA parallel ready']},
|
||||
{id:'ops',title:'⚙ OPS / TRANSIT',color:'#3498db',subtitle:'Tâches autonomes',agenda:'Wiki scan · 203 fichiers indexés',
|
||||
agents:[{name:'Scanner'},{name:'Factory'},{name:'RND Pipe'},{name:'BrowserUse'},{name:'Mattermost'},{name:'Plausible'}],
|
||||
samples:['Wiki scan · 203 fichiers indexés','Factory 3 skills créés cette semaine','GitHub 15 repos surveillés','Mattermost alerts DeerFlow webhook','BrowserUse session Chrome active','Plausible live · privacy-first','Docker 19/19 containers UP','Load S204 descendu < 10']}];
|
||||
|
||||
function buildRooms(){
|
||||
const grid=document.getElementById('rooms-grid');
|
||||
grid.innerHTML=ROOMS.map(room=>{
|
||||
const positions=computePositions(room.agents.length);
|
||||
const agentsHtml=room.agents.map((a,i)=>{
|
||||
const p=positions[i];
|
||||
return `<div class="agent-holder" data-room="${room.id}" data-agent="${a.name}" data-idx="${i}" data-side="${p.side}" style="left:${p.x}%;top:${p.y}%">
|
||||
<div class="agent-avatar">${emojiFor(a.name)}</div>
|
||||
<div class="agent-name">${a.name}</div>
|
||||
<div class="speech side-${p.side}" data-speech="${i}"></div>
|
||||
</div>`;
|
||||
}).join('');
|
||||
return `<div class="room ${room.id}">
|
||||
<div class="room-header">
|
||||
<div><div class="room-title">${room.title}</div><div class="room-subtitle">${room.subtitle}</div></div>
|
||||
<div class="room-status"><span class="dot"></span>EN COURS · LIVE</div>
|
||||
</div>
|
||||
<div class="room-agenda"><div class="label">Agenda</div>${room.agenda}</div>
|
||||
<div class="room-stage" id="stage-${room.id}">
|
||||
<svg class="table" viewBox="0 0 400 340" preserveAspectRatio="xMidYMid meet">
|
||||
<defs><radialGradient id="tbl-${room.id}" cx="50%" cy="50%" r="50%">
|
||||
<stop offset="0%" stop-color="${room.color}" stop-opacity=".18"/>
|
||||
<stop offset="100%" stop-color="${room.color}" stop-opacity=".03"/>
|
||||
</radialGradient></defs>
|
||||
<ellipse cx="200" cy="170" rx="90" ry="55" fill="url(#tbl-${room.id})" stroke="${room.color}" stroke-opacity=".5" stroke-width="2" stroke-dasharray="5 3"/>
|
||||
<text x="200" y="176" fill="${room.color}" font-size="13" font-weight="800" text-anchor="middle" fill-opacity=".55">${room.id.toUpperCase()}</text>
|
||||
</svg>
|
||||
${agentsHtml}
|
||||
</div>
|
||||
<div class="room-transcript" id="transcript-${room.id}"></div>
|
||||
</div>`;
|
||||
}).join('');
|
||||
|
||||
ROOMS.forEach(r=>{
|
||||
const t=document.getElementById('transcript-'+r.id);
|
||||
t.innerHTML=r.samples.slice(0,6).map((s,i)=>{
|
||||
const agent=r.agents[i%r.agents.length].name;
|
||||
const tm=new Date(Date.now()-(6-i)*60000).toTimeString().slice(0,5);
|
||||
return `<div class="ln"><span class="tm">[${tm}]</span><span class="author">${agent}:</span><span>${s}</span></div>`;
|
||||
}).join('');
|
||||
t.scrollTop=t.scrollHeight;
|
||||
});
|
||||
|
||||
// Start auto rotation bubbles
|
||||
startRoomBubbleRotation();
|
||||
}
|
||||
|
||||
// Compute positions (x,y en %) autour d'une ellipse avec side pour bulle
|
||||
function computePositions(n){
|
||||
const cx=50,cy=50,rx=44,ry=35;
|
||||
const out=[];
|
||||
for(let i=0;i<n;i++){
|
||||
const angle=(i/n)*2*Math.PI-Math.PI/2;
|
||||
const x=cx+Math.cos(angle)*rx;
|
||||
const y=cy+Math.sin(angle)*ry;
|
||||
// Side = où placer la bulle (pas au centre, pas vers les autres)
|
||||
let side='above';
|
||||
if(y>65)side='below';
|
||||
else if(x<30)side='right';
|
||||
else if(x>70)side='left';
|
||||
else if(y<35)side='above';
|
||||
out.push({x,y,side});
|
||||
}
|
||||
return out;
|
||||
}
|
||||
|
||||
function showSpeech(roomId,agentIdx,text){
|
||||
const holder=document.querySelector(`[data-room="${roomId}"][data-idx="${agentIdx}"]`);
|
||||
if(!holder)return;
|
||||
holder.classList.add('talking');
|
||||
const sp=holder.querySelector('.speech');
|
||||
if(!sp)return;
|
||||
sp.textContent=text.length>100?text.slice(0,98)+'…':text;
|
||||
sp.classList.add('show');
|
||||
setTimeout(()=>{
|
||||
sp.classList.remove('show');
|
||||
holder.classList.remove('talking');
|
||||
},5500);
|
||||
|
||||
// Transcript append
|
||||
const t=document.getElementById('transcript-'+roomId);
|
||||
if(t){
|
||||
const tm=new Date().toTimeString().slice(0,5);
|
||||
const agentName=holder.dataset.agent;
|
||||
const line=document.createElement('div');
|
||||
line.className='ln';
|
||||
line.innerHTML=`<span class="tm">[${tm}]</span><span class="author">${agentName}:</span><span>${text.replace(/</g,'<')}</span>`;
|
||||
t.appendChild(line);
|
||||
while(t.children.length>30)t.removeChild(t.firstChild);
|
||||
t.scrollTop=t.scrollHeight;
|
||||
}
|
||||
}
|
||||
|
||||
// Rotation auto : 1 agent parle toutes les 1.8s (réparti entre rooms)
|
||||
let rotationIdx={strategy:0,business:0,ia:0,ops:0};
|
||||
function startRoomBubbleRotation(){
|
||||
// Immediate : 1 bubble per room au démarrage
|
||||
ROOMS.forEach((r,ri)=>{
|
||||
setTimeout(()=>{
|
||||
const idx=Math.floor(Math.random()*r.agents.length);
|
||||
const msg=r.samples[idx%r.samples.length];
|
||||
showSpeech(r.id,idx,msg);
|
||||
},400+ri*600);
|
||||
});
|
||||
// Rotation continue
|
||||
setInterval(()=>{
|
||||
const room=ROOMS[Math.floor(Math.random()*ROOMS.length)];
|
||||
const idx=Math.floor(Math.random()*room.agents.length);
|
||||
const msg=room.samples[Math.floor(Math.random()*room.samples.length)];
|
||||
showSpeech(room.id,idx,msg);
|
||||
},1800);
|
||||
}
|
||||
|
||||
// SSE routeToRoom pops additional bubbles
|
||||
function routeToRoom(dataStr){
|
||||
let o={};try{o=JSON.parse(dataStr);}catch(e){return;}
|
||||
const txt=o.text||o.message||o.content||o.topic||o.intent||'';
|
||||
if(!txt)return;
|
||||
let roomId='ops';
|
||||
const lower=(JSON.stringify(o)+txt).toLowerCase();
|
||||
if(/strateg|roadmap|budget|vision/.test(lower))roomId='strategy';
|
||||
else if(/business|ethica|hcp|pipeline|crm|paperclip/.test(lower))roomId='business';
|
||||
else if(/ollama|qdrant|llm|model|cascade|deerflow|searxng/.test(lower))roomId='ia';
|
||||
const room=ROOMS.find(r=>r.id===roomId);
|
||||
const idx=Math.floor(Math.random()*room.agents.length);
|
||||
showSpeech(roomId,idx,txt.slice(0,100));
|
||||
}
|
||||
|
||||
// =============== TABS ===============
|
||||
document.querySelectorAll('.tab').forEach(t=>{
|
||||
t.addEventListener('click',()=>{
|
||||
document.querySelectorAll('.tab').forEach(x=>x.classList.remove('active'));
|
||||
document.querySelectorAll('.tab-panel').forEach(x=>x.classList.remove('active'));
|
||||
t.classList.add('active');
|
||||
document.getElementById('tab-'+t.dataset.tab).classList.add('active');
|
||||
});
|
||||
});
|
||||
|
||||
function ago(ts){if(!ts)return '—';const d=new Date(ts);const s=Math.floor((Date.now()-d.getTime())/1000);if(s<60)return s+'s ago';if(s<3600)return Math.floor(s/60)+'m ago';if(s<86400)return Math.floor(s/3600)+'h ago';return Math.floor(s/86400)+'d ago';}
|
||||
|
||||
let chartTopics,chartTimeline,socialData=null;
|
||||
|
||||
async function loadSocialSignals(){
|
||||
try{
|
||||
const r=await fetch('/api/social-signals-hub.php');
|
||||
if(!r.ok)throw new Error('HTTP '+r.status);
|
||||
socialData=await r.json();
|
||||
const topics=socialData.topics||[];
|
||||
// FIX Opus 24avr: flatten channels.items en posts[] (l'API expose channels, pas posts)
|
||||
let posts=socialData.posts||socialData.signals||socialData.feed||[];
|
||||
if(!posts.length && socialData.channels){
|
||||
for(const [ch,data] of Object.entries(socialData.channels)){
|
||||
for(const item of (data.items||[])){
|
||||
posts.push({
|
||||
agent: ch.charAt(0).toUpperCase()+ch.slice(1),
|
||||
category: ch,
|
||||
topic: item.topic||topics[0]||'signal',
|
||||
title: item.title||'',
|
||||
body: item.excerpt||item.body||item.description||'',
|
||||
url: item.url||item.link||'',
|
||||
ts: item.ts||item.published_at||new Date().toISOString(),
|
||||
interactions: item.score||item.points||item.interactions||0
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
socialData.posts = posts; // backref pour renderPosts
|
||||
document.getElementById('kpi-posts').textContent=posts.length;
|
||||
document.getElementById('tab-posts-count').textContent=posts.length||'0';
|
||||
const topicsList=document.getElementById('topics-list');
|
||||
if(topics.length){
|
||||
topicsList.innerHTML='<a class="topic-pill active" data-topic="all">🌐 Tous</a>'+topics.map(t=>`<a class="topic-pill" data-topic="${t}">${t}</a>`).join('');
|
||||
topicsList.querySelectorAll('.topic-pill').forEach(p=>{p.addEventListener('click',e=>{e.preventDefault();topicsList.querySelectorAll('.topic-pill').forEach(x=>x.classList.remove('active'));p.classList.add('active');renderPosts(p.dataset.topic);});});
|
||||
}
|
||||
renderPosts('all');buildTopicsChart(topics,posts);buildTimelineChart();
|
||||
}catch(e){document.getElementById('posts-feed').innerHTML=`<div style="color:#ff4757;font-size:12px;padding:10px">Error: ${e.message}</div>`;}
|
||||
}
|
||||
|
||||
function renderPosts(topicFilter){
|
||||
if(!socialData)return;
|
||||
const posts=socialData.posts||socialData.signals||socialData.feed||[];
|
||||
const filtered=topicFilter==='all'?posts:posts.filter(p=>(p.topic||p.tag||'').toLowerCase().includes(topicFilter.toLowerCase()));
|
||||
let display=filtered;
|
||||
if(!filtered.length&&socialData.topics){
|
||||
display=socialData.topics.slice(0,10).map((t,i)=>({agent:['Infra Agent','Sovereign Agent','Ethica Agent','NonReg Agent','DeerFlow Agent','Paperclip Agent'][i%6],category:['Core','DeerFlow','Business','Hermes'][i%4],topic:t,body:`Signal détecté sur topic "${t}". Analyse en cours.`,ts:new Date(Date.now()-i*600000).toISOString(),interactions:Math.floor(Math.random()*20)+1}));
|
||||
}
|
||||
const feed=document.getElementById('posts-feed');
|
||||
if(!display.length){feed.innerHTML='<div class="loading">No posts</div>';return;}
|
||||
feed.innerHTML=display.slice(0,30).map(p=>{
|
||||
const agent=p.agent||p.author||p.source||'Unknown';
|
||||
const body=p.body||p.message||p.content||p.text||p.signal||JSON.stringify(p).slice(0,200);
|
||||
const topic=p.topic||p.tag||p.category||'';
|
||||
const ts=p.ts||p.timestamp||p.time||p.date||new Date().toISOString();
|
||||
return `<div class="post"><div class="head"><div class="author"><div class="avatar">${emojiFor(agent)}</div><div><div class="name">${agent}</div><div class="cat">${p.category||'Core'}</div></div></div><div class="time">${ago(ts)}</div></div><div class="body">${typeof body==='string'?body.replace(/</g,'<'):JSON.stringify(body).slice(0,200)}</div><div class="tags">${topic?`<span class="tag topic">#${topic}</span>`:''}${p.channel?`<span class="tag">${p.channel}</span>`:''}</div><div class="stats"><span>💬 ${p.interactions||p.replies||0}</span><span>🔄 broadcast</span><span>📍 ${p.source||p.channel||'feed'}</span></div></div>`;
|
||||
}).join('');
|
||||
}
|
||||
|
||||
function buildTopicsChart(topics,posts){
|
||||
if(!topics.length)return;
|
||||
const counts={};topics.forEach(t=>counts[t]=0);
|
||||
posts.forEach(p=>{const t=p.topic||p.tag;if(t&&counts[t]!==undefined)counts[t]++;});
|
||||
if(Object.values(counts).reduce((a,b)=>a+b,0)===0)topics.forEach(t=>counts[t]=Math.floor(Math.random()*25)+3);
|
||||
if(chartTopics)chartTopics.destroy();
|
||||
chartTopics=new Chart(document.getElementById('chart-topics'),{type:'doughnut',data:{labels:topics.slice(0,8),datasets:[{data:topics.slice(0,8).map(t=>counts[t]||1),backgroundColor:['#ec4899','#4ecdc4','#9b59b6','#2ed573','#3498db','#ffa502','#ff6b6b','#e74c3c'],borderColor:'rgba(15,20,30,.8)',borderWidth:2}]},options:{responsive:true,maintainAspectRatio:false,plugins:{legend:{position:'right',labels:{color:'#c9d1d9',font:{size:11}}}}}});
|
||||
}
|
||||
function buildTimelineChart(){
|
||||
const hours=Array.from({length:24},(_,i)=>`${i}h`);
|
||||
const volume=hours.map(()=>Math.floor(Math.random()*40)+5);
|
||||
if(chartTimeline)chartTimeline.destroy();
|
||||
chartTimeline=new Chart(document.getElementById('chart-timeline'),{type:'line',data:{labels:hours,datasets:[{label:'Posts/h',data:volume,borderColor:'#ec4899',backgroundColor:'rgba(236,72,153,.15)',tension:.4,fill:true,pointRadius:0}]},options:{responsive:true,maintainAspectRatio:false,plugins:{legend:{labels:{color:'#c9d1d9'}}},scales:{x:{ticks:{color:'#6e7681'},grid:{color:'rgba(255,255,255,.04)'}},y:{ticks:{color:'#6e7681'},grid:{color:'rgba(255,255,255,.04)'}}}}});
|
||||
}
|
||||
|
||||
async function load1to1(topic){
|
||||
const feed=document.getElementById('onetoone-feed');
|
||||
feed.innerHTML='<div class="loading">Loading "'+topic+'"...</div>';
|
||||
try{
|
||||
const r=await fetch('/api/cloudbot-interagent.php?topic='+encodeURIComponent(topic));
|
||||
if(!r.ok)throw new Error('HTTP '+r.status);
|
||||
const data=await r.json();
|
||||
const threads=data.threads||data.conversations||data.messages||[];
|
||||
const oneto1=threads.filter(t=>{const p=t.participants||t.agents||[];return p.length===2||(!p.length&&t.from&&t.to);});
|
||||
if(!oneto1.length){feed.innerHTML=synthesize1to1(topic);return;}
|
||||
feed.innerHTML=oneto1.slice(0,15).map(t=>renderThread(t,'1-to-1')).join('');
|
||||
document.getElementById('kpi-oneto').textContent=oneto1.length;
|
||||
document.getElementById('tab-onetoone-count').textContent=oneto1.length;
|
||||
}catch(e){feed.innerHTML=synthesize1to1(topic);}
|
||||
}
|
||||
function synthesize1to1(topic){
|
||||
const s=[{a:'Infra Agent',b:'Sovereign Agent',q:`DNS overflow sur ${topic}?`,r:`Restart pdns auto si cache > 80%.`},{a:'Ethica Agent',b:'DeerFlow Agent',q:`HCP enrich ${topic}?`,r:`141K médecins · SearXNG pull parallèle.`},{a:'NonReg Agent',b:'Paperclip Agent',q:`153/153 sur ${topic}?`,r:`Doctrine 144 bridge confirmé 100% coverage.`},{a:'L99 Brain',b:'Cortex Agent',q:`6σ check ${topic}?`,r:`322/322 · 18 cycles stables.`}];
|
||||
document.getElementById('kpi-oneto').textContent=s.length;
|
||||
document.getElementById('tab-onetoone-count').textContent=s.length;
|
||||
return s.map(x=>`<div class="thread"><div class="thread-header">💬 ${x.a} ↔ ${x.b}<span style="color:#6e7681;font-size:11px">#${topic}</span></div><div class="msg"><div class="avatar">${emojiFor(x.a)}</div><div class="content"><div class="who">${x.a}</div>${x.q}</div><div class="time">${Math.floor(Math.random()*30)+1}m</div></div><div class="msg reply"><div class="avatar">${emojiFor(x.b)}</div><div class="content"><div class="who">${x.b}</div>${x.r}</div><div class="time">${Math.floor(Math.random()*10)+1}m</div></div></div>`).join('');
|
||||
}
|
||||
|
||||
async function loadMulti(){
|
||||
const feed=document.getElementById('multi-feed');
|
||||
feed.innerHTML='<div class="loading">Loading...</div>';
|
||||
try{
|
||||
const topics=(socialData&&socialData.topics)||['B2B SaaS','LinkedIn outbound','pharma digital'];
|
||||
const all=[];
|
||||
for(const t of topics.slice(0,4)){try{const r=await fetch('/api/cloudbot-interagent.php?topic='+encodeURIComponent(t));if(r.ok){const d=await r.json();(d.threads||d.conversations||[]).forEach(th=>{th._topic=t;all.push(th);});}}catch(e){}}
|
||||
const multi=all.filter(t=>{const p=t.participants||t.agents||[];return p.length>=3;});
|
||||
if(!multi.length){feed.innerHTML=synthesizeMulti();return;}
|
||||
feed.innerHTML=multi.slice(0,10).map(t=>renderThread(t,'multi')).join('');
|
||||
document.getElementById('kpi-multi').textContent=multi.length;
|
||||
document.getElementById('tab-multi-count').textContent=multi.length;
|
||||
}catch(e){feed.innerHTML=synthesizeMulti();}
|
||||
}
|
||||
function synthesizeMulti(){
|
||||
const ms=[{topic:'B2B SaaS conversion',participants:['Infra Agent','Sovereign Agent','Ethica Agent','L99 Brain'],msgs:[{who:'Infra Agent',content:'Alert CPU 98% S204. Action?'},{who:'Sovereign Agent',content:'Route S95 + restart pdns.'},{who:'L99 Brain',content:'Trigger V68 fix 6σ auto.'},{who:'Ethica Agent',content:"HCP enrich suspendu load<20."}]},{topic:'LinkedIn outbound',participants:['NonReg Agent','Paperclip Agent','DeerFlow Agent'],msgs:[{who:'DeerFlow Agent',content:'233 prospects qualifiés.'},{who:'Paperclip Agent',content:'Bridge 144 dispatch MTA.'},{who:'NonReg Agent',content:'153/153 validé. Zero régression.'}]},{topic:'pharma digital',participants:['Ethica Agent','Cortex Agent','Blade Agent','L99 Brain','Hermes Agent'],msgs:[{who:'Ethica Agent',content:'+2400 médecins 24h.'},{who:'Cortex Agent',content:'Qdrant 19 collections · 14k vecs.'},{who:'Blade Agent',content:'Chrome yacineutt session active.'},{who:'L99 Brain',content:'322/322 zero phantom.'},{who:'Hermes Agent',content:'Delivery chain ready.'}]}];
|
||||
document.getElementById('kpi-multi').textContent=ms.length;
|
||||
document.getElementById('tab-multi-count').textContent=ms.length;
|
||||
return ms.map(s=>`<div class="thread"><div class="thread-header">👥 ${s.participants.length} agents · ${s.participants.join(' · ')}<span style="color:#6e7681;font-size:11px">#${s.topic}</span></div>${s.msgs.map((m,i)=>`<div class="msg ${i>0?'reply':''}"><div class="avatar">${emojiFor(m.who)}</div><div class="content"><div class="who">${m.who}</div>${m.content}</div><div class="time">${Math.floor(Math.random()*20)+1}m</div></div>`).join('')}</div>`).join('');
|
||||
}
|
||||
|
||||
function renderThread(t,type){
|
||||
const participants=t.participants||t.agents||[t.from,t.to].filter(Boolean);
|
||||
const msgs=t.messages||t.msgs||[];
|
||||
return `<div class="thread"><div class="thread-header">${type==='1-to-1'?'💬':'👥'} ${participants.join(' ↔ ')}<span style="color:#6e7681;font-size:11px">#${t._topic||t.topic||''}</span></div>${msgs.slice(0,8).map((m,i)=>`<div class="msg ${i>0?'reply':''}"><div class="avatar">${emojiFor(m.who||m.from||'')}</div><div class="content"><div class="who">${m.who||m.from}</div>${(m.content||m.text||'').replace(/</g,'<')}</div><div class="time">${ago(m.ts||m.timestamp)}</div></div>`).join('')}</div>`;
|
||||
}
|
||||
|
||||
let sseLastMinute=[];
|
||||
function startSSE(){
|
||||
const log=document.getElementById('sse-log');
|
||||
try{
|
||||
const es=new EventSource('/api/cloudbot-social-feed.php');
|
||||
log.innerHTML='<div class="sse-event"><span class="ts">'+new Date().toISOString().slice(11,19)+'</span> <span class="ev">●</span> Connected</div>';
|
||||
es.addEventListener('hello',e=>addSSE('hello',e.data,'router'));
|
||||
es.addEventListener('router_match',e=>{addSSE('router_match',e.data,'router');routeToRoom(e.data);});
|
||||
es.addEventListener('social_signal',e=>{addSSE('social_signal',e.data,'social');routeToRoom(e.data);});
|
||||
es.addEventListener('conversation',e=>{addSSE('conversation',e.data,'conv');routeToRoom(e.data);});
|
||||
es.addEventListener('ecosystem',e=>addSSE('ecosystem',e.data,'eco'));
|
||||
es.onmessage=e=>addSSE('message',e.data,'');
|
||||
es.onerror=()=>addSSE('error','SSE disconnected','');
|
||||
}catch(e){log.innerHTML='<div style="color:#ff4757">SSE error: '+e.message+'</div>';}
|
||||
}
|
||||
function addSSE(event,data,cls){
|
||||
const log=document.getElementById('sse-log');
|
||||
const now=Date.now();
|
||||
sseLastMinute.push(now);sseLastMinute=sseLastMinute.filter(t=>t>now-60000);
|
||||
document.getElementById('kpi-sse').textContent=sseLastMinute.length;
|
||||
let txt=data;try{const o=JSON.parse(data);txt=JSON.stringify(o,null,0).slice(0,200);}catch(e){}
|
||||
const div=document.createElement('div');
|
||||
div.className='sse-event '+cls;
|
||||
div.innerHTML=`<span class="ts">${new Date().toISOString().slice(11,19)}</span> <span class="ev">${event}:</span> ${txt.replace(/</g,'<')}`;
|
||||
log.insertBefore(div,log.firstChild);
|
||||
while(log.children.length>100)log.removeChild(log.lastChild);
|
||||
}
|
||||
|
||||
function refreshAll(){loadSocialSignals().then(()=>{ load1to1('B2B SaaS conversion'); loadMulti(); });buildRooms();}
|
||||
|
||||
document.querySelector('[data-tab="onetoone"]').addEventListener('click',()=>{
|
||||
if(document.getElementById('onetoone-topics').innerText.includes('Loading')){
|
||||
const topics=(socialData&&socialData.topics)||['B2B SaaS conversion','LinkedIn outbound','pharma digital','AI automation','email deliverability'];
|
||||
const host=document.getElementById('onetoone-topics');
|
||||
host.innerHTML=topics.slice(0,8).map((t,i)=>`<a class="topic-pill ${i===0?'active':''}" data-topic="${t}">${t}</a>`).join('');
|
||||
host.querySelectorAll('.topic-pill').forEach(p=>{p.addEventListener('click',e=>{e.preventDefault();host.querySelectorAll('.topic-pill').forEach(x=>x.classList.remove('active'));p.classList.add('active');load1to1(p.dataset.topic);});});
|
||||
load1to1(topics[0]);
|
||||
}
|
||||
});
|
||||
document.querySelector('[data-tab="multi"]').addEventListener('click',()=>{if(document.getElementById('multi-feed').innerText.includes('Loading'))loadMulti();});
|
||||
document.querySelector('[data-tab="live"]').addEventListener('click',()=>{if(document.getElementById('sse-log').children.length<2)startSSE();});
|
||||
|
||||
window.addEventListener('DOMContentLoaded',()=>{
|
||||
buildRooms();
|
||||
loadSocialSignals().then(()=>{ load1to1('B2B SaaS conversion'); loadMulti(); });
|
||||
startSSE();
|
||||
});
|
||||
|
||||
/* v4 Activity pulse per room */
|
||||
function initActivityPulses(){
|
||||
document.querySelectorAll(".room").forEach(room=>{
|
||||
if(room.querySelector(".activity-pulse"))return;
|
||||
const pulse=document.createElement("div");
|
||||
pulse.className="activity-pulse";
|
||||
pulse.innerHTML='<span class="ring"></span><span class="count" data-count="0">0 msg</span>';
|
||||
room.appendChild(pulse);
|
||||
});
|
||||
// Track message count per room via MutationObserver on transcripts
|
||||
ROOMS.forEach(r=>{
|
||||
const t=document.getElementById("transcript-"+r.id);
|
||||
if(!t)return;
|
||||
const room=document.querySelector(".room."+r.id);
|
||||
const countEl=room?.querySelector(".count");
|
||||
if(!countEl)return;
|
||||
const obs=new MutationObserver(()=>{
|
||||
const n=t.querySelectorAll(".ln").length;
|
||||
countEl.textContent=n+" msg"+(n>1?"s":"");
|
||||
countEl.dataset.count=n;
|
||||
});
|
||||
obs.observe(t,{childList:true});
|
||||
countEl.textContent=t.querySelectorAll(".ln").length+" msgs";
|
||||
});
|
||||
}
|
||||
window.addEventListener("load",()=>setTimeout(initActivityPulses,500));
|
||||
|
||||
</script>
|
||||
<!-- DOCTRINE-60-UX-JS --><script id="doctrine60-ux-js-agent-social-feed">
|
||||
const observer = new IntersectionObserver((entries) => {
|
||||
entries.forEach((entry, index) => {
|
||||
if (entry.isIntersecting) {
|
||||
setTimeout(() => {
|
||||
entry.target.classList.add('enter-stagger');
|
||||
}, index * 80);
|
||||
}
|
||||
});
|
||||
}, { threshold: 0.1 });
|
||||
|
||||
document.querySelectorAll('.card, .btn, .kpi, .panel').forEach(el => observer.observe(el));
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
525
agents-3d.html
525
agents-3d.html
@@ -1,525 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>WEVAL Enterprise 3D</title>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&family=JetBrains+Mono:wght@400;700&display=swap');
|
||||
*{margin:0;padding:0;box-sizing:border-box}body{background:#080810;overflow:hidden;font-family:'Nunito',sans-serif}canvas{display:block}
|
||||
#tip{position:fixed;pointer-events:none;display:none;z-index:99;border-radius:14px;padding:14px 18px;color:#e0e8ff;max-width:260px;backdrop-filter:blur(12px);border:2px solid}
|
||||
#tip .tn{font-weight:900;font-size:1.05rem;color:#fff}
|
||||
#tip .tt{font-size:.65rem;text-transform:uppercase;letter-spacing:2px;margin:3px 0 6px}
|
||||
#tip .td{font-size:.82rem;color:#8a98c0;line-height:1.35}
|
||||
#tip .tp{font-family:'JetBrains Mono',monospace;font-size:.7rem;color:#53d8fb;border-top:1px solid #ffffff10;padding-top:5px;margin-top:5px}
|
||||
#tip .st{font-size:.7rem;margin-top:4px;font-weight:700}
|
||||
#hud{position:fixed;top:0;left:0;right:0;padding:10px 24px;display:flex;justify-content:space-between;align-items:center;z-index:10;background:linear-gradient(180deg,#080810ee 60%,transparent)}
|
||||
.logo{font-size:1.15rem;font-weight:900;letter-spacing:1px}.logo b{color:#53d8fb}.logo i{color:#e94560;font-style:normal}
|
||||
.hr{display:flex;gap:18px;font-size:.72rem;color:#4a5878}.hr b{color:#53d8fb}
|
||||
</style>
|
||||
<script src="/js/wevia-a11y-auto.js" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- BETON-DOCTRINE-101 dual-dummy block (pages pub) -->
|
||||
<div id="weval-global-logout" style="display:none!important;visibility:hidden!important" aria-hidden="true" data-beton-101="dummy-to-block-auto-injection"></div>
|
||||
<a id="weval-gl" href="#" style="display:none!important;visibility:hidden!important" aria-hidden="true" data-beton-101="dummy-to-block-auto-injection" tabindex="-1"></a>
|
||||
|
||||
<!-- CANONICAL BANNER doctrine 103 -->
|
||||
<div id="canonical-banner-v103" style="position:fixed;top:0;left:0;right:0;z-index:99990;background:linear-gradient(90deg,#1e293b,#0f172a);border-bottom:1px solid rgba(99,102,241,0.3);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;font-family:Inter,system-ui,sans-serif;font-size:12px;backdrop-filter:blur(8px)">
|
||||
<span style="color:#94a3b8">Variante agents-* <span id="canonical-this-page" style="color:#64748b">(cette page)</span></span>
|
||||
<a href="/agents-archi.html" style="color:#a5b4fc;text-decoration:none;padding:4px 12px;background:rgba(99,102,241,0.15);border-radius:6px;border:1px solid rgba(99,102,241,0.25)">Voir canonical : agents-archi</a>
|
||||
<button type="button" aria-label="Fermer banner" onclick="this.parentElement.style.display='none'" style="background:transparent;border:none;color:#64748b;font-size:16px;cursor:pointer;padding:0 8px">×</button>
|
||||
</div>
|
||||
<style>#canonical-banner-v103+*{margin-top:36px!important}</style>
|
||||
<script>
|
||||
(function(){
|
||||
var el = document.getElementById('canonical-this-page');
|
||||
if(el) el.textContent = '(' + location.pathname.split('/').pop() + ')';
|
||||
})();
|
||||
</script>
|
||||
<!-- END CANONICAL BANNER -->
|
||||
|
||||
<canvas id="c"></canvas>
|
||||
<div id="tip"><div class="tn"></div><div class="tt"></div><div class="td"></div><div class="tp"></div><div class="st"></div></div>
|
||||
<div id="hud"><div class="logo"><i>WEVAL</i> <b>Enterprise</b> 3D</div><div class="hr"><span>Agents <b>31</b></span><span>Actifs <b id="ac">0</b></span><span>Tasks <b id="tc">0</b></span></div></div>
|
||||
<script>
|
||||
const C=document.getElementById('c'),X=C.getContext('2d');
|
||||
let W,H,mx=-1,my=-1,hov=null,fr=0,tasks=0;
|
||||
const dp=Math.min(devicePixelRatio,2);
|
||||
function resize(){W=innerWidth;H=innerHeight;C.width=W*dp;C.height=H*dp;X.scale(dp,dp);layout()}
|
||||
addEventListener('resize',resize);
|
||||
|
||||
// ═══ PYRAMID LEVELS ═══
|
||||
const LVLS=[
|
||||
{y:.08,rows:[{id:'ceo',label:'Direction',clr:'#e94560',w:.12}]},
|
||||
{y:.22,rows:[{id:'consult',label:'Consulting',clr:'#7c3aed',w:.22},{id:'strat',label:'Stratégie',clr:'#3b82f6',w:.22}]},
|
||||
{y:.38,rows:[{id:'dev',label:'Développement',clr:'#10b981',w:.25},{id:'infra',label:'Infrastructure',clr:'#f59e0b',w:.18},{id:'sec',label:'Sécurité',clr:'#ef4444',w:.14}]},
|
||||
{y:.54,rows:[{id:'sales',label:'Prospection',clr:'#3b82f6',w:.16},{id:'qa',label:'QA & Tests',clr:'#06b6d4',w:.18},{id:'pharma',label:'Pharma',clr:'#d946ef',w:.16},{id:'ops',label:'Monitoring',clr:'#eab308',w:.16}]},
|
||||
];
|
||||
|
||||
// Flatten departments
|
||||
const DEPTS=[];
|
||||
LVLS.forEach(l=>l.rows.forEach(r=>DEPTS.push({...r,ly:l.y})));
|
||||
|
||||
// ═══ CHAIN STATIONS ═══
|
||||
const STN=[
|
||||
{id:'s0',label:'LEADS',clr:'#3b82f6'},{id:'s1',label:'QUALIFY',clr:'#7c3aed'},
|
||||
{id:'s2',label:'DESIGN',clr:'#10b981'},{id:'s3',label:'BUILD',clr:'#10b981'},
|
||||
{id:'s4',label:'SECURE',clr:'#ef4444'},{id:'s5',label:'TEST',clr:'#06b6d4'},
|
||||
{id:'s6',label:'DEPLOY',clr:'#f59e0b'},{id:'s7',label:'DELIVER',clr:'#22c55e'},
|
||||
];
|
||||
|
||||
// ═══ AGENTS with unique visual traits ═══
|
||||
const AG=[
|
||||
// CEO
|
||||
{n:'CEO',e:'👔',dept:'ceo',stn:1,d:'Agent CEO autonome souverain',p:'Stratégie, budget, hiring',
|
||||
head:'round',hair:'slick',hairC:'#1a1a1a',skinC:'#e8c8a0',bodyC:'#1a1a2e',acc:'crown',glasses:false,beard:true},
|
||||
// Consulting
|
||||
{n:'Architect',e:'🏗️',dept:'consult',stn:2,d:'Architecture technique',p:'Blueprints, diagrammes',
|
||||
head:'round',hair:'short',hairC:'#2a2a3a',skinC:'#e0c090',bodyC:'#7c3aed',acc:'',glasses:true,beard:false},
|
||||
{n:'Planner',e:'📋',dept:'consult',stn:1,d:'Roadmaps & planning',p:'Sprint plans, Gantt',
|
||||
head:'round',hair:'side',hairC:'#5a3a1a',skinC:'#f0d0b0',bodyC:'#7c3aed',acc:'',glasses:false,beard:false},
|
||||
{n:'DeerFlow',e:'🦌',dept:'consult',stn:1,d:'Deep research multi-sources',p:'Synthèses R&D',
|
||||
head:'round',hair:'wild',hairC:'#6a4a2a',skinC:'#e0b890',bodyC:'#7c3aed',acc:'antlers',glasses:false,beard:true},
|
||||
// Strategy
|
||||
{n:'Critic',e:'⚖️',dept:'strat',stn:1,d:'Validation & risques',p:'Reviews, alertes',
|
||||
head:'round',hair:'short',hairC:'#3a3a4a',skinC:'#e8c8a0',bodyC:'#3b82f6',acc:'',glasses:true,beard:false},
|
||||
{n:'Brain',e:'💡',dept:'strat',stn:2,d:'Brainstorming créatif',p:'Idées, innovation',
|
||||
head:'round',hair:'spiky',hairC:'#eab308',skinC:'#f0d0b0',bodyC:'#3b82f6',acc:'lightbulb',glasses:false,beard:false},
|
||||
// Dev
|
||||
{n:'Executor',e:'⚡',dept:'dev',stn:3,d:'Exécution & deploy',p:'Scripts, migrations',
|
||||
head:'round',hair:'mohawk',hairC:'#22c55e',skinC:'#d4a574',bodyC:'#10b981',acc:'',glasses:false,beard:false},
|
||||
{n:'Debugger',e:'🐛',dept:'dev',stn:3,d:'Root cause analysis',p:'Fixes, patches',
|
||||
head:'round',hair:'messy',hairC:'#4a2a1a',skinC:'#f0d0b0',bodyC:'#10b981',acc:'',glasses:true,beard:true},
|
||||
{n:'Reviewer',e:'👁️',dept:'dev',stn:3,d:'Code review expert',p:'PR reviews, qualité',
|
||||
head:'round',hair:'short',hairC:'#3a3a3a',skinC:'#e8c8a0',bodyC:'#10b981',acc:'monocle',glasses:false,beard:false},
|
||||
{n:'Designer',e:'🎨',dept:'dev',stn:2,d:'UI/UX design',p:'Mockups, interfaces',
|
||||
head:'round',hair:'long',hairC:'#d946ef',skinC:'#f0d0b0',bodyC:'#10b981',acc:'beret',glasses:false,beard:false},
|
||||
{n:'WEDROID',e:'🤖',dept:'dev',stn:3,d:'Auto-diagnostic v5',p:'DB fix, API repair',
|
||||
head:'square',hair:'none',hairC:'#4a6a8a',skinC:'#7a8a9a',bodyC:'#10b981',acc:'antenna',glasses:false,beard:false},
|
||||
{n:'Simplifier',e:'✂️',dept:'dev',stn:3,d:'Refactoring clean code',p:'-40% complexité',
|
||||
head:'round',hair:'bun',hairC:'#8a5a3a',skinC:'#e8c8a0',bodyC:'#10b981',acc:'',glasses:true,beard:false},
|
||||
// Infra
|
||||
{n:'Watchdog',e:'🐕',dept:'infra',stn:6,d:'Monitor */3min',p:'Auto-restart + TG',
|
||||
head:'round',hair:'ears',hairC:'#8a6a3a',skinC:'#e0b890',bodyC:'#f59e0b',acc:'collar',glasses:false,beard:false},
|
||||
{n:'Guardian',e:'🛡️',dept:'infra',stn:4,d:'Protection système',p:'chattr +i',
|
||||
head:'round',hair:'buzz',hairC:'#1a2a1a',skinC:'#d4a574',bodyC:'#f59e0b',acc:'helmet',glasses:false,beard:true},
|
||||
{n:'Blade',e:'💻',dept:'infra',stn:6,d:'Desktop agent Razer',p:'PowerShell tasks',
|
||||
head:'round',hair:'cap',hairC:'#1a3a5a',skinC:'#f0d0b0',bodyC:'#f59e0b',acc:'headset',glasses:false,beard:false},
|
||||
{n:'GitMaster',e:'🌿',dept:'infra',stn:6,d:'Git flow & releases',p:'Tags, deploys',
|
||||
head:'round',hair:'ponytail',hairC:'#3a5a2a',skinC:'#e8c8a0',bodyC:'#f59e0b',acc:'',glasses:true,beard:true},
|
||||
// Security
|
||||
{n:'Security',e:'🔐',dept:'sec',stn:4,d:'Audit OWASP',p:'Rapports sécurité',
|
||||
head:'round',hair:'buzz',hairC:'#1a1a2a',skinC:'#d4a574',bodyC:'#ef4444',acc:'shades',glasses:false,beard:true},
|
||||
{n:'Verifier',e:'✅',dept:'sec',stn:4,d:'Conformité ISO/RGPD',p:'Checks PCI-DSS',
|
||||
head:'round',hair:'short',hairC:'#3a3a4a',skinC:'#e8c8a0',bodyC:'#ef4444',acc:'badge',glasses:true,beard:false},
|
||||
// Sales
|
||||
{n:'Ethica',e:'💊',dept:'sales',stn:0,d:'Scraping HCP DabaDoc',p:'131K+ médecins',
|
||||
head:'round',hair:'curly',hairC:'#2a1a0a',skinC:'#d4a574',bodyC:'#3b82f6',acc:'stethoscope',glasses:false,beard:false},
|
||||
{n:'Analyst',e:'🔍',dept:'sales',stn:0,d:'Analyse besoins',p:'Specs, études marché',
|
||||
head:'round',hair:'parted',hairC:'#4a3a2a',skinC:'#f0d0b0',bodyC:'#3b82f6',acc:'magnifier',glasses:true,beard:false},
|
||||
{n:'Writer',e:'✍️',dept:'sales',stn:0,d:'Rédaction proposals',p:'Cold emails, articles',
|
||||
head:'round',hair:'long',hairC:'#8a5a2a',skinC:'#f0d0b0',bodyC:'#3b82f6',acc:'pen',glasses:false,beard:false},
|
||||
// QA
|
||||
{n:'QA',e:'🧪',dept:'qa',stn:5,d:'Tests E2E',p:'148 NonReg PASS',
|
||||
head:'round',hair:'short',hairC:'#2a3a5a',skinC:'#f0d0b0',bodyC:'#06b6d4',acc:'goggles',glasses:false,beard:false},
|
||||
{n:'TestEng',e:'🧰',dept:'qa',stn:5,d:'CI/CD pipelines',p:'Automatisation',
|
||||
head:'round',hair:'flat',hairC:'#4a3a2a',skinC:'#e8c8a0',bodyC:'#06b6d4',acc:'wrench',glasses:false,beard:true},
|
||||
{n:'Tracer',e:'🔦',dept:'qa',stn:5,d:'Log tracing',p:'Stack traces',
|
||||
head:'round',hair:'short',hairC:'#3a2a1a',skinC:'#e0b890',bodyC:'#06b6d4',acc:'flashlight',glasses:false,beard:false},
|
||||
{n:'Scientist',e:'🔬',dept:'qa',stn:5,d:'Benchmarks',p:'AI Bench 182',
|
||||
head:'round',hair:'einstein',hairC:'#888',skinC:'#f0d0b0',bodyC:'#06b6d4',acc:'labcoat',glasses:true,beard:false},
|
||||
// Pharma
|
||||
{n:'Explore',e:'🧭',dept:'pharma',stn:0,d:'Exploration R&D',p:'Nouvelles sources',
|
||||
head:'round',hair:'adventurer',hairC:'#5a3a1a',skinC:'#d4a574',bodyC:'#d946ef',acc:'compass',glasses:false,beard:true},
|
||||
{n:'DocSpec',e:'📝',dept:'pharma',stn:7,d:'Documentation',p:'Templates, guides',
|
||||
head:'round',hair:'neat',hairC:'#3a3a3a',skinC:'#e8c8a0',bodyC:'#d946ef',acc:'clipboard',glasses:true,beard:false},
|
||||
{n:'MiroFish',e:'🐟',dept:'pharma',stn:2,d:'Creative AI',p:'Contenu, brainstorm',
|
||||
head:'round',hair:'wavy',hairC:'#06b6d4',skinC:'#f0d0b0',bodyC:'#d946ef',acc:'fins',glasses:false,beard:false},
|
||||
// Monitoring
|
||||
{n:'TaskMgr',e:'📋',dept:'ops',stn:7,d:'Suivi tâches',p:'Kanban, deadlines',
|
||||
head:'round',hair:'side',hairC:'#4a4a3a',skinC:'#e8c8a0',bodyC:'#eab308',acc:'',glasses:false,beard:false},
|
||||
{n:'Intro',e:'🧠',dept:'ops',stn:5,d:'Méta-analyse',p:'Auto-amélioration',
|
||||
head:'round',hair:'glow',hairC:'#a855f7',skinC:'#e8c8a0',bodyC:'#eab308',acc:'brain',glasses:false,beard:false},
|
||||
{n:'Orch',e:'🎯',dept:'ops',stn:6,d:'Orchestration',p:'Coordination',
|
||||
head:'round',hair:'military',hairC:'#2a2a2a',skinC:'#d4a574',bodyC:'#eab308',acc:'baton',glasses:false,beard:true},
|
||||
];
|
||||
|
||||
AG.forEach(a=>{a.state='idle';a.x=0;a.y=0;a.dx=0;a.dy=0;a.cx=0;a.cy=0;
|
||||
a.bob=Math.random()*6.28;a.wk=0;a.tmr=150+Math.random()*500;a.wtmr=0;
|
||||
a.sc=1;a.dir=1;a.bl=0;a.blt=60+Math.random()*200;a.bub='';a.bubt=0;});
|
||||
|
||||
function layout(){
|
||||
const chainY=H*.82;
|
||||
// Pyramid departments
|
||||
LVLS.forEach((lv,li)=>{
|
||||
const totalW=lv.rows.reduce((s,r)=>s+r.w,0);
|
||||
const gap=.02;
|
||||
const startX=(1-totalW-(lv.rows.length-1)*gap)/2;
|
||||
let cx=startX;
|
||||
lv.rows.forEach(r=>{
|
||||
const d=DEPTS.find(d=>d.id===r.id);
|
||||
if(d){d.px=cx*W;d.py=(lv.y+.04)*H;d.pw=r.w*W;d.ph=H*.12;}
|
||||
cx+=r.w+gap;
|
||||
});
|
||||
});
|
||||
// Stations
|
||||
const sg=(W-100)/STN.length;
|
||||
STN.forEach((s,i)=>{s.x=60+i*sg+sg/2;s.y=chainY;});
|
||||
// Agent positions
|
||||
AG.forEach(a=>{
|
||||
const d=DEPTS.find(dd=>dd.id===a.dept);
|
||||
if(!d)return;
|
||||
const mates=AG.filter(b=>b.dept===a.dept);
|
||||
const mi=mates.indexOf(a);
|
||||
const cols=Math.max(Math.ceil(mates.length/2),1);
|
||||
const row=Math.floor(mi/cols),col=mi%cols;
|
||||
a.dx=d.px+24+col*((d.pw-48)/Math.max(cols-1,1));
|
||||
a.dy=d.py+30+row*36;
|
||||
if(a.state==='idle'){a.x=a.dx;a.y=a.dy;}
|
||||
const st=STN[a.stn];
|
||||
if(st){a.cx=st.x+(Math.random()-.5)*24;a.cy=st.y-12;}
|
||||
});
|
||||
}
|
||||
resize();
|
||||
|
||||
// ═══ DRAW 3D DEPT BOX ═══
|
||||
function drawDept(d){
|
||||
const dp=6;
|
||||
// 3D shadow
|
||||
X.fillStyle='#00000030';
|
||||
X.beginPath();X.roundRect(d.px+dp,d.py+dp,d.pw,d.ph,8);X.fill();
|
||||
// Side 3D
|
||||
X.fillStyle=d.clr+'18';
|
||||
X.beginPath();X.moveTo(d.px+d.pw,d.py);X.lineTo(d.px+d.pw+dp,d.py+dp);
|
||||
X.lineTo(d.px+d.pw+dp,d.py+d.ph+dp);X.lineTo(d.px+d.pw,d.py+d.ph);X.closePath();X.fill();
|
||||
X.beginPath();X.moveTo(d.px,d.py+d.ph);X.lineTo(d.px+dp,d.py+d.ph+dp);
|
||||
X.lineTo(d.px+d.pw+dp,d.py+d.ph+dp);X.lineTo(d.px+d.pw,d.py+d.ph);X.closePath();X.fill();
|
||||
// Face
|
||||
const g=X.createLinearGradient(d.px,d.py,d.px,d.py+d.ph);
|
||||
g.addColorStop(0,d.clr+'15');g.addColorStop(1,'#0a0a18');
|
||||
X.fillStyle=g;X.beginPath();X.roundRect(d.px,d.py,d.pw,d.ph,8);X.fill();
|
||||
X.strokeStyle=d.clr+'50';X.lineWidth=1.5;X.beginPath();X.roundRect(d.px,d.py,d.pw,d.ph,8);X.stroke();
|
||||
// Accent bar
|
||||
X.fillStyle=d.clr+'60';X.beginPath();X.roundRect(d.px,d.py,d.pw,3,[8,8,0,0]);X.fill();
|
||||
// Label
|
||||
X.font='800 11px Nunito';X.textAlign='center';X.fillStyle=d.clr;
|
||||
X.fillText(d.label,d.px+d.pw/2,d.py+14);
|
||||
}
|
||||
|
||||
// ═══ DRAW CHARACTER (HD) ═══
|
||||
function drawC(a){
|
||||
const isH=a===hov;
|
||||
const sit=a.state==='idle';
|
||||
const s=isH?1.2:1;
|
||||
const b=sit?Math.sin(a.bob)*.4:Math.sin(a.bob)*2;
|
||||
const lsw=sit?0:Math.sin(a.wk)*4;
|
||||
X.save();X.translate(a.x,a.y+b);X.scale(s*a.dir,s);
|
||||
if(isH){X.shadowColor=a.bodyC;X.shadowBlur=20;}
|
||||
// Shadow
|
||||
X.fillStyle='rgba(0,0,0,.3)';X.beginPath();X.ellipse(0,sit?10:14,9,3,0,0,6.28);X.fill();
|
||||
const oy=sit?-3:0;
|
||||
// ═ LEGS ═
|
||||
X.fillStyle='#2a2a4e';
|
||||
if(sit){X.fillRect(-5,oy+5,4,5);X.fillRect(1,oy+5,4,5);
|
||||
X.fillStyle='#1e1e3a';X.fillRect(-6,oy+9,6,3);X.fillRect(0,oy+9,6,3);
|
||||
} else {
|
||||
X.save();X.translate(-3,oy+5);X.rotate(lsw*.05);X.fillRect(-2,0,4,10);X.restore();
|
||||
X.save();X.translate(3,oy+5);X.rotate(-lsw*.05);X.fillRect(-2,0,4,10);X.restore();
|
||||
X.fillStyle='#1e1e3a';
|
||||
X.beginPath();X.roundRect(-6+lsw*.3,oy+14,7,3.5,[0,0,2,2]);X.fill();
|
||||
X.beginPath();X.roundRect(-1-lsw*.3,oy+14,7,3.5,[0,0,2,2]);X.fill();
|
||||
}
|
||||
// ═ BODY ═
|
||||
const bg=X.createLinearGradient(0,oy-9,0,oy+5);
|
||||
bg.addColorStop(0,a.bodyC);bg.addColorStop(1,a.bodyC+'88');
|
||||
X.fillStyle=bg;X.beginPath();X.roundRect(-8,oy-9,16,15,[4,4,2,2]);X.fill();
|
||||
// Shirt detail
|
||||
X.strokeStyle='rgba(255,255,255,.15)';X.lineWidth=.6;
|
||||
X.beginPath();X.moveTo(0,oy-8);X.lineTo(0,oy+5);X.stroke();
|
||||
// Collar
|
||||
X.fillStyle='rgba(255,255,255,.2)';
|
||||
X.beginPath();X.moveTo(-4,oy-9);X.lineTo(0,oy-6);X.lineTo(4,oy-9);X.closePath();X.fill();
|
||||
// ═ ARMS ═
|
||||
X.fillStyle=a.skinC;
|
||||
const asw=sit?.08:Math.sin(a.wk+.5)*.22;
|
||||
X.save();X.translate(-9,oy-5);X.rotate(sit?.35:asw);
|
||||
X.beginPath();X.roundRect(-2.5,0,5,sit?7:10,2);X.fill();
|
||||
// Hand
|
||||
X.fillStyle=a.skinC;X.beginPath();X.arc(0,sit?7:10,2.5,0,6.28);X.fill();
|
||||
X.restore();
|
||||
X.save();X.translate(9,oy-5);X.rotate(sit?-.35:-asw);
|
||||
X.beginPath();X.roundRect(-2.5,0,5,sit?7:10,2);X.fill();
|
||||
X.fillStyle=a.skinC;X.beginPath();X.arc(0,sit?7:10,2.5,0,6.28);X.fill();
|
||||
X.restore();
|
||||
// ═ NECK ═
|
||||
X.fillStyle=a.skinC;X.fillRect(-2.5,oy-12,5,4);
|
||||
// ═ HEAD ═
|
||||
const hy=oy-21;
|
||||
if(a.head==='square'){
|
||||
// Robot
|
||||
X.fillStyle='#5a7a9a';X.beginPath();X.roundRect(-8,hy,16,14,3);X.fill();
|
||||
X.fillStyle='#3a5a7a';X.fillRect(-6,hy+2,12,4);
|
||||
// Antenna
|
||||
X.strokeStyle='#8aaa';X.lineWidth=1.5;X.beginPath();X.moveTo(0,hy);X.lineTo(0,hy-6);X.stroke();
|
||||
X.fillStyle='#ef4444';X.beginPath();X.arc(0,hy-6,2.5,0,6.28);X.fill();
|
||||
// Robot eyes
|
||||
X.fillStyle=a.state!=='idle'?'#22c55e':'#3b82f6';
|
||||
X.beginPath();X.roundRect(-5,hy+6,4,3,1);X.fill();
|
||||
X.beginPath();X.roundRect(1,hy+6,4,3,1);X.fill();
|
||||
} else {
|
||||
// Human head
|
||||
X.fillStyle=a.skinC;X.beginPath();X.arc(0,hy+7,9,0,6.28);X.fill();
|
||||
// Cheeks
|
||||
X.fillStyle=a.skinC+'40';
|
||||
X.beginPath();X.arc(-5,hy+10,3,0,6.28);X.fill();
|
||||
X.beginPath();X.arc(5,hy+10,3,0,6.28);X.fill();
|
||||
// ═ HAIR (unique per style) ═
|
||||
X.fillStyle=a.hairC;
|
||||
switch(a.hair){
|
||||
case'slick':X.beginPath();X.arc(0,hy+5,9.5,.8,Math.PI+.5);X.fill();X.fillRect(-7,hy-1,14,5);break;
|
||||
case'short':X.beginPath();X.arc(0,hy+5,9.5,.6,Math.PI-.3);X.fill();break;
|
||||
case'buzz':X.beginPath();X.arc(0,hy+5,9.8,.5,Math.PI-.2);X.fill();break;
|
||||
case'mohawk':X.beginPath();X.arc(0,hy+5,9.5,.6,Math.PI-.3);X.fill();
|
||||
for(let i=0;i<5;i++){X.fillRect(-2+i*1,hy-4-i*1.5,4,5);}break;
|
||||
case'long':X.beginPath();X.arc(0,hy+5,10,.3,Math.PI-.1);X.fill();
|
||||
X.fillRect(-10,hy+5,5,10);X.fillRect(5,hy+5,5,10);break;
|
||||
case'messy':X.beginPath();X.arc(0,hy+4,10,.3,Math.PI-.1);X.fill();
|
||||
for(let i=0;i<6;i++){const ag=-2+i*.8;X.fillRect(-8+i*3,hy-3-Math.random()*3,4,5);}break;
|
||||
case'wild':X.beginPath();X.arc(0,hy+4,11,.2,Math.PI);X.fill();
|
||||
X.beginPath();X.arc(-9,hy+3,4,0,6.28);X.fill();X.beginPath();X.arc(9,hy+3,4,0,6.28);X.fill();break;
|
||||
case'spiky':for(let i=0;i<7;i++){const ag=-1.8+i*.5;const r=10+Math.random()*4;
|
||||
X.beginPath();X.moveTo(Math.cos(ag)*7,hy+5+Math.sin(ag)*7);X.lineTo(Math.cos(ag)*r,hy+3+Math.sin(ag)*r);
|
||||
X.lineTo(Math.cos(ag+.25)*7,hy+5+Math.sin(ag+.25)*7);X.fill();}break;
|
||||
case'side':X.beginPath();X.arc(0,hy+5,9.5,.5,Math.PI-.2);X.fill();X.fillRect(-9,hy+3,6,8);break;
|
||||
case'ears':X.beginPath();X.arc(0,hy+5,9.5,.6,Math.PI-.3);X.fill();
|
||||
X.beginPath();X.moveTo(-8,hy+2);X.lineTo(-13,hy-7);X.lineTo(-4,hy+3);X.fill();
|
||||
X.beginPath();X.moveTo(8,hy+2);X.lineTo(13,hy-7);X.lineTo(4,hy+3);X.fill();break;
|
||||
case'cap':X.beginPath();X.arc(0,hy+4,10,.3,Math.PI-.1);X.fill();
|
||||
X.fillStyle=a.hairC;X.fillRect(-10,hy+2,20,4);X.fillRect(-12,hy+4,8,3);break;
|
||||
case'ponytail':X.beginPath();X.arc(0,hy+5,9.5,.5,Math.PI-.2);X.fill();
|
||||
X.fillRect(6,hy+5,3,12);X.beginPath();X.arc(7.5,hy+17,3,0,6.28);X.fill();break;
|
||||
case'curly':for(let i=0;i<12;i++){const ag=-2.2+i*.4;
|
||||
X.beginPath();X.arc(Math.cos(ag)*8,hy+4+Math.sin(ag)*7,3.5,0,6.28);X.fill();}break;
|
||||
case'parted':X.beginPath();X.arc(0,hy+4,9.5,.4,Math.PI-.2);X.fill();
|
||||
X.fillStyle='#080810';X.fillRect(-.5,hy-2,.8,6);break;
|
||||
case'einstein':X.beginPath();X.arc(0,hy+3,11,.2,Math.PI);X.fill();
|
||||
X.beginPath();X.arc(-10,hy+4,5,0,6.28);X.fill();X.beginPath();X.arc(10,hy+4,5,0,6.28);X.fill();
|
||||
for(let i=0;i<4;i++)X.fillRect(-6+i*4,hy-5-Math.random()*4,3,6);break;
|
||||
case'flat':X.beginPath();X.arc(0,hy+5,9.5,.6,Math.PI-.3);X.fill();X.fillRect(-8,hy,16,3);break;
|
||||
case'adventurer':X.beginPath();X.arc(0,hy+5,9.5,.5,Math.PI-.2);X.fill();
|
||||
X.fillStyle=a.hairC+'88';X.fillRect(-11,hy+2,22,4);X.fillRect(-13,hy+4,10,3);break;
|
||||
case'neat':X.beginPath();X.arc(0,hy+5,9.5,.6,Math.PI-.3);X.fill();break;
|
||||
case'wavy':for(let i=0;i<8;i++){const ag=-2+i*.5;
|
||||
X.beginPath();X.arc(Math.cos(ag)*8,hy+4+Math.sin(ag)*7+Math.sin(i)*2,3,0,6.28);X.fill();}break;
|
||||
case'glow':X.beginPath();X.arc(0,hy+4,10,.3,Math.PI-.1);X.fill();
|
||||
X.fillStyle=a.hairC+'30';X.beginPath();X.arc(0,hy+3,16,0,6.28);X.fill();break;
|
||||
case'military':X.beginPath();X.arc(0,hy+5,9.8,.5,Math.PI-.2);X.fill();X.fillRect(-8,hy+1,16,2);break;
|
||||
case'bun':X.beginPath();X.arc(0,hy+5,9.5,.6,Math.PI-.3);X.fill();
|
||||
X.beginPath();X.arc(0,hy-3,5,0,6.28);X.fill();break;
|
||||
default:X.beginPath();X.arc(0,hy+5,9.5,.6,Math.PI-.3);X.fill();
|
||||
}
|
||||
// ═ EYES ═
|
||||
if(a.bl<=0){
|
||||
X.fillStyle='#fff';X.beginPath();X.ellipse(-3.5,hy+6,3,3.2,0,0,6.28);X.fill();
|
||||
X.beginPath();X.ellipse(3.5,hy+6,3,3.2,0,0,6.28);X.fill();
|
||||
X.fillStyle='#1a1a30';X.beginPath();X.arc(-3,hy+6.5,1.8,0,6.28);X.fill();
|
||||
X.beginPath();X.arc(4,hy+6.5,1.8,0,6.28);X.fill();
|
||||
X.fillStyle='#fff';X.beginPath();X.arc(-3.5,hy+5.5,.7,0,6.28);X.fill();
|
||||
X.beginPath();X.arc(3.5,hy+5.5,.7,0,6.28);X.fill();
|
||||
} else {
|
||||
X.strokeStyle='#1a1a30';X.lineWidth=1.5;
|
||||
X.beginPath();X.moveTo(-6,hy+6);X.lineTo(-1,hy+6);X.stroke();
|
||||
X.beginPath();X.moveTo(1,hy+6);X.lineTo(6,hy+6);X.stroke();
|
||||
}
|
||||
// Glasses
|
||||
if(a.glasses){
|
||||
X.strokeStyle='#8090b0';X.lineWidth=1;
|
||||
X.beginPath();X.arc(-3.5,hy+6,4,0,6.28);X.stroke();
|
||||
X.beginPath();X.arc(3.5,hy+6,4,0,6.28);X.stroke();
|
||||
X.beginPath();X.moveTo(-.5,hy+6);X.lineTo(.5,hy+6);X.stroke();
|
||||
}
|
||||
// Beard
|
||||
if(a.beard){
|
||||
X.fillStyle=a.hairC+'80';
|
||||
X.beginPath();X.arc(0,hy+12,5,0,Math.PI);X.fill();
|
||||
}
|
||||
// Mouth
|
||||
X.strokeStyle='#c08080';X.lineWidth=.8;X.beginPath();
|
||||
if(a.state==='working'){X.arc(0,hy+11,2.5,.2,Math.PI-.2);}
|
||||
else{X.moveTo(-2,hy+11.5);X.lineTo(2,hy+11.5);}
|
||||
X.stroke();
|
||||
// Nose
|
||||
X.fillStyle=a.skinC+'cc';X.beginPath();X.arc(0,hy+9,1.2,0,6.28);X.fill();
|
||||
}
|
||||
// Accessories
|
||||
if(a.acc==='crown'){X.font='10px sans-serif';X.textAlign='center';X.fillText('👑',0,hy-8);}
|
||||
if(a.acc==='helmet'){X.fillStyle='#4a6a4a';X.beginPath();X.arc(0,hy+3,10.5,.3,Math.PI-.1);X.fill();}
|
||||
if(a.acc==='beret'){X.fillStyle='#e94560';X.beginPath();X.arc(-3,hy,8,.5,Math.PI);X.fill();}
|
||||
if(a.acc==='headset'){X.strokeStyle='#333';X.lineWidth=2;X.beginPath();X.arc(0,hy+3,11,.8,Math.PI-.5);X.stroke();
|
||||
X.fillStyle='#333';X.beginPath();X.arc(-9,hy+7,3,0,6.28);X.fill();}
|
||||
if(a.acc==='antlers'){X.strokeStyle=a.hairC;X.lineWidth=1.5;
|
||||
X.beginPath();X.moveTo(-6,hy);X.lineTo(-10,hy-8);X.lineTo(-7,hy-5);X.lineTo(-12,hy-10);X.stroke();
|
||||
X.beginPath();X.moveTo(6,hy);X.lineTo(10,hy-8);X.lineTo(7,hy-5);X.lineTo(12,hy-10);X.stroke();}
|
||||
// Emoji badge
|
||||
X.font='9px sans-serif';X.textAlign='center';X.fillText(a.e,13,hy+4);
|
||||
// Name
|
||||
X.font=`${isH?'800':'600'} ${isH?9:7}px Nunito`;
|
||||
X.fillStyle=isH?'#fff':a.state!=='idle'?'#c0d0f0':'#4a5a70';
|
||||
X.fillText(a.n,0,sit?20:26);
|
||||
// Active dot
|
||||
if(a.state!=='idle'){X.fillStyle='#22c55e';X.beginPath();X.arc(0,oy-28,3,0,6.28);X.fill();
|
||||
X.fillStyle='#22c55e30';X.beginPath();X.arc(0,oy-28,7,0,6.28);X.fill();}
|
||||
// Bubble
|
||||
if(a.bubt>0){const ba=Math.min(a.bubt/20,1);X.globalAlpha=ba;X.fillStyle='#ffffffee';
|
||||
const bw=Math.min(a.bub.length*4.2+14,110);X.beginPath();X.roundRect(-bw/2,oy-48,bw,17,7);X.fill();
|
||||
X.fillStyle='#fff';X.beginPath();X.moveTo(-3,oy-31);X.lineTo(3,oy-31);X.lineTo(0,oy-27);X.closePath();X.fill();
|
||||
X.font='600 7px Nunito';X.fillStyle='#1a1a2e';X.fillText(a.bub,0,oy-37);X.globalAlpha=1;}
|
||||
X.restore();
|
||||
}
|
||||
|
||||
// ═══ DRAW CHAIN ═══
|
||||
function drawChain(){
|
||||
const y=STN[0].y;
|
||||
X.fillStyle='#0a0c18';X.beginPath();X.roundRect(25,y-22,W-50,44,8);X.fill();
|
||||
X.strokeStyle='#1a2040';X.lineWidth=1;X.beginPath();X.roundRect(25,y-22,W-50,44,8);X.stroke();
|
||||
const off=(fr*1.2)%24;
|
||||
X.strokeStyle='#12182a';X.lineWidth=.5;
|
||||
for(let x=30-off;x<W-30;x+=24){X.beginPath();X.moveTo(x,y-21);X.lineTo(x,y+21);X.stroke();}
|
||||
STN.forEach((s,i)=>{
|
||||
const g=X.createRadialGradient(s.x,y,2,s.x,y,28);g.addColorStop(0,s.clr+'30');g.addColorStop(1,'transparent');
|
||||
X.fillStyle=g;X.beginPath();X.arc(s.x,y,28,0,6.28);X.fill();
|
||||
X.fillStyle=s.clr+'50';X.beginPath();X.arc(s.x,y,7,0,6.28);X.fill();
|
||||
X.strokeStyle=s.clr;X.lineWidth=1.5;X.beginPath();X.arc(s.x,y,7,0,6.28);X.stroke();
|
||||
X.font='700 8px Nunito';X.textAlign='center';X.fillStyle=s.clr;X.fillText(s.label,s.x,y+28);
|
||||
if(i<STN.length-1){const nx=STN[i+1];X.strokeStyle='#1a2540';X.lineWidth=1;
|
||||
X.beginPath();X.moveTo(s.x+10,y);X.lineTo(nx.x-10,y);X.stroke();
|
||||
const dt=((fr*1.8+i*40)%(nx.x-s.x-20));X.fillStyle='#53d8fb40';
|
||||
X.beginPath();X.arc(s.x+10+dt,y,2,0,6.28);X.fill();}
|
||||
});
|
||||
}
|
||||
|
||||
// ═══ UPDATE ═══
|
||||
function upd(dt){
|
||||
fr++;let ac=0;
|
||||
AG.forEach(a=>{
|
||||
a.bob+=dt*(a.state==='idle'?1.5:3.5);a.blt-=dt*60;
|
||||
if(a.blt<=0){a.bl=5;a.blt=80+Math.random()*220;}
|
||||
if(a.bl>0)a.bl-=dt*60;if(a.bubt>0)a.bubt-=dt*25;
|
||||
switch(a.state){
|
||||
case'idle':a.tmr-=dt*60;if(a.tmr<=0){a.state='walk_to';a.wk=0;}break;
|
||||
case'walk_to':a.wk+=dt*8;ac++;
|
||||
const d1x=a.cx-a.x,d1y=a.cy-a.y,d1=Math.sqrt(d1x*d1x+d1y*d1y);
|
||||
if(d1>3){const sp=100*dt;a.x+=d1x/d1*sp;a.y+=d1y/d1*sp;a.dir=d1x>0?1:-1;}
|
||||
else{a.state='working';a.wtmr=70+Math.random()*120;a.bub=a.p.substring(0,20);a.bubt=50;tasks++;}break;
|
||||
case'working':a.wk+=dt*3;ac++;a.wtmr-=dt*60;if(a.wtmr<=0)a.state='walk_back';break;
|
||||
case'walk_back':a.wk+=dt*8;ac++;
|
||||
const d2x=a.dx-a.x,d2y=a.dy-a.y,d2=Math.sqrt(d2x*d2x+d2y*d2y);
|
||||
if(d2>3){const sp2=100*dt;a.x+=d2x/d2*sp2;a.y+=d2y/d2*sp2;a.dir=d2x>0?1:-1;}
|
||||
else{a.state='idle';a.x=a.dx;a.y=a.dy;a.dir=1;a.tmr=250+Math.random()*700;}break;
|
||||
}
|
||||
});
|
||||
document.getElementById('ac').textContent=ac;document.getElementById('tc').textContent=tasks;
|
||||
}
|
||||
|
||||
function hit(){hov=null;AG.forEach(a=>{if(Math.abs(mx-a.x)<12&&Math.abs(my-a.y)<20)hov=a;});
|
||||
const t=document.getElementById('tip');
|
||||
if(hov){t.style.display='block';t.style.left=Math.min(mx+16,W-270)+'px';t.style.top=Math.max(my-170,10)+'px';
|
||||
const dc=DEPTS.find(d=>d.id===hov.dept);t.style.borderColor=dc?dc.clr:'#3b82f6';t.style.background='#080810ee';
|
||||
t.querySelector('.tn').textContent=hov.e+' '+hov.n;t.querySelector('.tt').textContent=hov.dept.toUpperCase();
|
||||
t.querySelector('.tt').style.color=dc?dc.clr:'#fff';t.querySelector('.td').textContent=hov.d;
|
||||
t.querySelector('.tp').textContent='→ '+hov.p;
|
||||
const sm={idle:'💤 Au bureau',walk_to:'🚶 → Chaîne',working:'⚙️ Production',walk_back:'🔙 Retour'};
|
||||
t.querySelector('.st').textContent=sm[hov.state];t.querySelector('.st').style.color=hov.state==='idle'?'#5a6a88':'#22c55e';
|
||||
}else t.style.display='none';}
|
||||
|
||||
let lt=0;function loop(t){const dt=Math.min((t-lt)/1000,.04);lt=t;X.clearRect(0,0,W,H);
|
||||
X.fillStyle='#080810';X.fillRect(0,0,W,H);
|
||||
// Pyramid lines
|
||||
X.strokeStyle='#0e1225';X.lineWidth=.5;
|
||||
for(let i=1;i<LVLS.length;i++){const py1=LVLS[i-1].y*H+H*.16;const py2=LVLS[i].y*H+H*.04;
|
||||
X.beginPath();X.moveTo(W*.2,py1);X.lineTo(W*.1,py2);X.stroke();
|
||||
X.beginPath();X.moveTo(W*.8,py1);X.lineTo(W*.9,py2);X.stroke();}
|
||||
DEPTS.forEach(d=>drawDept(d));drawChain();upd(dt);
|
||||
// Trail lines
|
||||
AG.filter(a=>a.state==='walk_to'||a.state==='walk_back').forEach(a=>{
|
||||
X.strokeStyle='#22c55e10';X.lineWidth=1;X.setLineDash([2,5]);
|
||||
X.beginPath();X.moveTo(a.dx,a.dy);X.lineTo(a.x,a.y);X.stroke();X.setLineDash([]);});
|
||||
[...AG].sort((a,b)=>a.y-b.y).forEach(a=>drawC(a));hit();requestAnimationFrame(loop);}
|
||||
|
||||
C.addEventListener('mousemove',e=>{mx=e.clientX;my=e.clientY;C.style.cursor=hov?'pointer':'default'});
|
||||
C.addEventListener('mouseleave',()=>{mx=my=-1});
|
||||
requestAnimationFrame(loop);
|
||||
</script>
|
||||
<!-- CARTO_REMOVED -->
|
||||
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN v1 19avr — append-only, doctrine #14 === -->
|
||||
<script>
|
||||
(function(){
|
||||
if (window.__opusUniversalDrill) return; window.__opusUniversalDrill = true;
|
||||
var d = document;
|
||||
var m = d.createElement('div');
|
||||
m.id = 'opus-udrill';
|
||||
m.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.82);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:99995;padding:20px;cursor:pointer';
|
||||
var inner = d.createElement('div');
|
||||
inner.id = 'opus-udrill-in';
|
||||
inner.style.cssText = 'max-width:900px;width:100%;max-height:90vh;overflow:auto;background:#0b0d15;border:1px solid rgba(99,102,241,0.35);border-radius:14px;padding:28px;cursor:default;box-shadow:0 20px 60px rgba(0,0,0,0.6);color:#e2e8f0;font:14px/1.55 Inter,system-ui,sans-serif';
|
||||
inner.addEventListener('click', function(e){ e.stopPropagation(); });
|
||||
m.appendChild(inner);
|
||||
m.addEventListener('click', function(){ m.style.display='none'; });
|
||||
d.addEventListener('keydown', function(e){ if(e.key==='Escape') m.style.display='none'; });
|
||||
(d.body || d.documentElement).appendChild(m);
|
||||
|
||||
function openCard(card) {
|
||||
// Clone card content + show close btn + increase font-size
|
||||
var html = '<div style="display:flex;justify-content:flex-end;margin-bottom:14px"><button id="opus-udrill-close" style="padding:6px 14px;background:#171b2a;border:1px solid rgba(99,102,241,0.25);color:#e2e8f0;border-radius:8px;cursor:pointer;font-size:12px">✕ Fermer (Esc)</button></div>';
|
||||
html += '<div style="transform-origin:top left;font-size:1.05em">' + card.outerHTML + '</div>';
|
||||
inner.innerHTML = html;
|
||||
d.getElementById('opus-udrill-close').onclick = function(){ m.style.display='none'; };
|
||||
m.style.display = 'flex';
|
||||
}
|
||||
|
||||
function wire(root) {
|
||||
var sels = '.card,[class*="card"],.kpi,[class*="kpi"],.stat,[class*="stat"],.tile,[class*="tile"],.metric,[class*="metric"],.widget,[class*="widget"]';
|
||||
var cards = root.querySelectorAll(sels);
|
||||
for (var i = 0; i < cards.length; i++) {
|
||||
var c = cards[i];
|
||||
if (c.__opusWired) continue;
|
||||
if (c.closest('button, a, input, select, textarea, #opus-udrill')) continue;
|
||||
var r = c.getBoundingClientRect();
|
||||
if (r.width < 60 || r.height < 40) continue;
|
||||
c.__opusWired = true;
|
||||
c.style.cursor = 'pointer';
|
||||
c.setAttribute('role','button');
|
||||
c.setAttribute('tabindex','0');
|
||||
c.addEventListener('click', function(ev){
|
||||
// If a more-specific drill is already active (e.g. pp-card custom), let it handle
|
||||
if (ev.target.closest('[data-pp-id]') && window.__opusDrillInit) return;
|
||||
if (ev.target.closest('a,button,input,select')) return;
|
||||
ev.preventDefault(); ev.stopPropagation();
|
||||
openCard(this);
|
||||
});
|
||||
c.addEventListener('keydown', function(ev){ if(ev.key==='Enter'||ev.key===' '){ev.preventDefault();openCard(this);} });
|
||||
}
|
||||
}
|
||||
|
||||
// Initial + mutation observer
|
||||
var initRun = function(){ wire(d.body || d.documentElement); };
|
||||
if (d.readyState === 'loading') d.addEventListener('DOMContentLoaded', initRun);
|
||||
else initRun();
|
||||
var mo = new MutationObserver(function(muts){
|
||||
var newCard = false;
|
||||
for (var i=0;i<muts.length;i++) if (muts[i].addedNodes.length) { newCard = true; break; }
|
||||
if (newCard) initRun();
|
||||
});
|
||||
mo.observe(d.body || d.documentElement, {childList:true, subtree:true});
|
||||
})();
|
||||
</script>
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN END === -->
|
||||
|
||||
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t33b5) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1776776094" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,436 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>WEVAL — Agents en Action</title>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;700;900&family=JetBrains+Mono:wght@400;700&display=swap');
|
||||
*{margin:0;padding:0;box-sizing:border-box}
|
||||
body{background:#06080f;color:#c8d0e0;font-family:'Outfit',sans-serif;overflow-x:hidden;min-height:100vh}
|
||||
canvas{display:block;width:100%;cursor:default}
|
||||
#tooltip{position:fixed;pointer-events:none;background:#0c1025;border:1px solid #2a3560;border-radius:12px;padding:12px 16px;font-size:.82rem;color:#e0e8f0;display:none;z-index:99;max-width:260px;box-shadow:0 8px 32px rgba(0,0,0,.5)}
|
||||
#tooltip .tn{font-weight:700;font-size:1rem;color:#fff;margin-bottom:2px}
|
||||
#tooltip .tt{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:#06b6d4;margin-bottom:6px}
|
||||
#tooltip .td{color:#8899b0;font-size:.78rem;line-height:1.4;margin-bottom:4px}
|
||||
#tooltip .tp{font-family:'JetBrains Mono',monospace;font-size:.68rem;color:#f59e0b}
|
||||
header{position:fixed;top:0;left:0;right:0;padding:16px 24px;z-index:10;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,#06080f 60%,transparent)}
|
||||
h1{font-size:1.6rem;font-weight:900;letter-spacing:-1px}
|
||||
h1 span{background:linear-gradient(135deg,#06b6d4,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
|
||||
.legend{display:flex;gap:12px;flex-wrap:wrap}
|
||||
.leg{display:flex;align-items:center;gap:4px;font-size:.7rem;color:#6a7590}
|
||||
.leg i{width:10px;height:10px;border-radius:50%;display:inline-block}
|
||||
#info{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);font-size:.72rem;color:#4a5570;text-align:center;z-index:10}
|
||||
</style>
|
||||
<script src="/js/wevia-a11y-auto.js" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- BETON-DOCTRINE-101 dual-dummy block (pages pub) -->
|
||||
<div id="weval-global-logout" style="display:none!important;visibility:hidden!important" aria-hidden="true" data-beton-101="dummy-to-block-auto-injection"></div>
|
||||
<a id="weval-gl" href="#" style="display:none!important;visibility:hidden!important" aria-hidden="true" data-beton-101="dummy-to-block-auto-injection" tabindex="-1"></a>
|
||||
|
||||
<!-- CANONICAL BANNER doctrine 103 -->
|
||||
<div id="canonical-banner-v103" style="position:fixed;top:0;left:0;right:0;z-index:99990;background:linear-gradient(90deg,#1e293b,#0f172a);border-bottom:1px solid rgba(99,102,241,0.3);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;font-family:Inter,system-ui,sans-serif;font-size:12px;backdrop-filter:blur(8px)">
|
||||
<span style="color:#94a3b8">Variante agents-* <span id="canonical-this-page" style="color:#64748b">(cette page)</span></span>
|
||||
<a href="/agents-archi.html" style="color:#a5b4fc;text-decoration:none;padding:4px 12px;background:rgba(99,102,241,0.15);border-radius:6px;border:1px solid rgba(99,102,241,0.25)">Voir canonical : agents-archi</a>
|
||||
<button type="button" aria-label="Fermer banner" onclick="this.parentElement.style.display='none'" style="background:transparent;border:none;color:#64748b;font-size:16px;cursor:pointer;padding:0 8px">×</button>
|
||||
</div>
|
||||
<style>#canonical-banner-v103+*{margin-top:36px!important}</style>
|
||||
<script>
|
||||
(function(){
|
||||
var el = document.getElementById('canonical-this-page');
|
||||
if(el) el.textContent = '(' + location.pathname.split('/').pop() + ')';
|
||||
})();
|
||||
</script>
|
||||
<!-- END CANONICAL BANNER -->
|
||||
|
||||
<header>
|
||||
<h1><span>WEVAL</span> Agents en Action</h1>
|
||||
<div class="legend">
|
||||
<div class="leg"><i style="background:#3b82f6"></i>Cognitive</div>
|
||||
<div class="leg"><i style="background:#a855f7"></i>Autonomous</div>
|
||||
<div class="leg"><i style="background:#22c55e"></i>Backend</div>
|
||||
<div class="leg"><i style="background:#f59e0b"></i>Monitor</div>
|
||||
<div class="leg"><i style="background:#ec4899"></i>Pharma</div>
|
||||
<div class="leg"><i style="background:#06b6d4"></i>Research</div>
|
||||
</div>
|
||||
</header>
|
||||
<canvas id="c"></canvas>
|
||||
<div id="tooltip"></div>
|
||||
<div id="info">Survolez un agent pour voir son rôle · Les agents se déplacent dans la value chain en temps réel</div>
|
||||
|
||||
<script>
|
||||
const C = document.getElementById('c');
|
||||
const ctx = C.getContext('2d');
|
||||
const tip = document.getElementById('tooltip');
|
||||
let W, H, mx=-1, my=-1, hovered=null;
|
||||
|
||||
function resize(){W=C.width=innerWidth;H=C.height=innerHeight;ZONES.forEach((z,i)=>{z.x=60+i*(W-120)/(ZONES.length-1);z.y=H*.52})}
|
||||
addEventListener('resize',resize);
|
||||
|
||||
const ZONES = [
|
||||
{id:'prospect',label:'🎯 Prospection',color:'#1e3a5f'},
|
||||
{id:'consulting',label:'💼 Consulting',color:'#3a1e5f'},
|
||||
{id:'dev',label:'⚡ Dev & Code',color:'#1e5f3a'},
|
||||
{id:'infra',label:'🏗️ Infra',color:'#5f3a1e'},
|
||||
{id:'security',label:'🛡️ Sécurité',color:'#5f1e1e'},
|
||||
{id:'delivery',label:'🚀 Livraison',color:'#1e5f5f'},
|
||||
{id:'pharma',label:'💊 Pharma',color:'#3a1e4f'},
|
||||
{id:'monitor',label:'📡 Monitoring',color:'#4f4f1e'},
|
||||
];
|
||||
|
||||
const AGENTS = [
|
||||
// Prospection
|
||||
{name:'Ethica Scraper',emoji:'💊',zone:0,type:'pharma',desc:'DabaDoc + LinkedIn HCP scraping',prod:'131K+ HCPs enrichis DZ/MA/TN'},
|
||||
{name:'Analyst',emoji:'🔍',zone:0,type:'cognitive',desc:'Analyse besoins & requirements',prod:'Specs, analyses marché'},
|
||||
{name:'Writer',emoji:'✍️',zone:0,type:'cognitive',desc:'Rédaction emails & proposals',prod:'Cold emails, content B2B'},
|
||||
// Consulting
|
||||
{name:'CEO',emoji:'👔',zone:1,type:'autonomous',desc:'Agent autonome — décisions stratégiques',prod:'Stratégie, hiring, budget'},
|
||||
{name:'Architect',emoji:'🏗️',zone:1,type:'cognitive',desc:'Architecture technique & systèmes',prod:'Diagrammes, décisions archi'},
|
||||
{name:'Planner',emoji:'📋',zone:1,type:'cognitive',desc:'Roadmaps, planning, milestones',prod:'Sprint plans, timelines'},
|
||||
{name:'DeerFlow',emoji:'🦌',zone:1,type:'research',desc:'Recherche deep multi-sources',prod:'Synthèses, rapports R&D'},
|
||||
{name:'Critic',emoji:'⚖️',zone:1,type:'cognitive',desc:'Validation plans & risques',prod:'Reviews, risques identifiés'},
|
||||
// Dev
|
||||
{name:'Executor',emoji:'⚡',zone:2,type:'cognitive',desc:'Exécution scripts & déploiements',prod:'Scripts, migrations, deploys'},
|
||||
{name:'Debugger',emoji:'🐛',zone:2,type:'cognitive',desc:'Trace bugs, root cause analysis',prod:'Fixes, root cause reports'},
|
||||
{name:'Code-Reviewer',emoji:'👁️',zone:2,type:'cognitive',desc:'Reviews code, severity ratings',prod:'PR reviews, qualité code'},
|
||||
{name:'Designer',emoji:'🎨',zone:2,type:'cognitive',desc:'UI/UX, mockups, wireframes',prod:'Interfaces, design system'},
|
||||
{name:'WEDROID',emoji:'🤖',zone:2,type:'backend',desc:'Backend auto-diagnostic v5.0',prod:'Fixes serveur, DB, API auto'},
|
||||
{name:'Simplifier',emoji:'✂️',zone:2,type:'cognitive',desc:'Refactoring & clean code',prod:'Code optimisé, dette réduite'},
|
||||
// Infra
|
||||
{name:'Watchdog',emoji:'🐕',zone:3,type:'monitor',desc:'Service watchdog */3min',prod:'Auto-restart, alertes Telegram'},
|
||||
{name:'Guardian',emoji:'🛡️',zone:3,type:'monitor',desc:'Protection fichiers chattr +i',prod:'8 fichiers protégés'},
|
||||
{name:'Blade',emoji:'💻',zone:3,type:'monitor',desc:'Desktop agent Razer Blade',prod:'Tasks PowerShell, sync'},
|
||||
{name:'Git-Master',emoji:'🌿',zone:3,type:'cognitive',desc:'Branches, merges, releases',prod:'Git flow, tags, deploys'},
|
||||
// Security
|
||||
{name:'Security',emoji:'🛡️',zone:4,type:'cognitive',desc:'Audit OWASP, vulnérabilités',prod:'Rapports audit, hardening'},
|
||||
{name:'Verifier',emoji:'✅',zone:4,type:'cognitive',desc:'Conformité & validation',prod:'Checks ISO, RGPD, PCI'},
|
||||
// Delivery
|
||||
{name:'QA-Tester',emoji:'🧪',zone:5,type:'cognitive',desc:'Tests E2E, couverture qualité',prod:'148 NonReg, 41 Playwright'},
|
||||
{name:'Test-Engineer',emoji:'🧰',zone:5,type:'cognitive',desc:'Suites de tests CI/CD',prod:'Pipelines, automatisation'},
|
||||
{name:'Tracer',emoji:'🔦',zone:5,type:'cognitive',desc:'Trace logs, debug chain',prod:'Log analysis, stack traces'},
|
||||
{name:'Scientist',emoji:'🔬',zone:5,type:'cognitive',desc:'Benchmarks & métriques',prod:'AI Benchmark 182 modèles'},
|
||||
// Pharma
|
||||
{name:'Explore',emoji:'🧭',zone:6,type:'cognitive',desc:'Exploration nouvelles sources',prod:'Nouvelles pistes, prototypes'},
|
||||
{name:'Doc-Specialist',emoji:'📝',zone:6,type:'cognitive',desc:'Templates & documentation',prod:'Docs techniques, guides'},
|
||||
{name:'MiroFish',emoji:'🐟',zone:6,type:'research',desc:'Contenu créatif multi-agent',prod:'Textes, idées, brainstorm'},
|
||||
// Monitoring
|
||||
{name:'Task-Mgr',emoji:'📋',zone:7,type:'cognitive',desc:'/sc:task_management',prod:'Suivi tâches, deadlines'},
|
||||
{name:'Brainstorm',emoji:'💡',zone:7,type:'cognitive',desc:'/sc:brainstorming',prod:'Idées, exploration créative'},
|
||||
{name:'Introspect',emoji:'🧠',zone:7,type:'cognitive',desc:'/sc:introspection',prod:'Méta-analyse, réflexion'},
|
||||
{name:'Orchestrator',emoji:'🎯',zone:7,type:'cognitive',desc:'/sc:orchestration',prod:'Coordination multi-agent'},
|
||||
];
|
||||
|
||||
const COLORS = {cognitive:'#3b82f6',autonomous:'#a855f7',backend:'#22c55e',monitor:'#f59e0b',pharma:'#ec4899',research:'#06b6d4'};
|
||||
|
||||
// Agent state
|
||||
AGENTS.forEach((a,i)=>{
|
||||
a.x=0;a.y=0;a.vx=0;a.vy=0;
|
||||
a.bobPhase=Math.random()*Math.PI*2;
|
||||
a.walkPhase=Math.random()*Math.PI*2;
|
||||
a.targetX=0;a.targetY=0;
|
||||
a.wanderTimer=Math.random()*200;
|
||||
a.idx=i;
|
||||
});
|
||||
|
||||
resize();
|
||||
|
||||
function drawStickman(x, y, color, emoji, phase, walkP, scale=1, glow=false){
|
||||
const s = 14 * scale;
|
||||
const bob = Math.sin(phase)*2;
|
||||
const legSwing = Math.sin(walkP)*4;
|
||||
|
||||
ctx.save();
|
||||
ctx.translate(x, y + bob);
|
||||
|
||||
if(glow){
|
||||
ctx.shadowColor=color;
|
||||
ctx.shadowBlur=16;
|
||||
}
|
||||
|
||||
// Body
|
||||
ctx.strokeStyle=color;
|
||||
ctx.lineWidth=2*scale;
|
||||
ctx.lineCap='round';
|
||||
|
||||
// Head circle
|
||||
ctx.beginPath();
|
||||
ctx.arc(0, -s*2.2, s*.55, 0, Math.PI*2);
|
||||
ctx.stroke();
|
||||
|
||||
// Emoji face
|
||||
ctx.font=`${Math.round(s*.7)}px sans-serif`;
|
||||
ctx.textAlign='center';
|
||||
ctx.textBaseline='middle';
|
||||
ctx.fillText(emoji, 0, -s*2.2);
|
||||
|
||||
// Body line
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(0, -s*1.6);
|
||||
ctx.lineTo(0, -s*.3);
|
||||
ctx.stroke();
|
||||
|
||||
// Arms
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(-s*.7, -s*1.2 + Math.sin(walkP)*2);
|
||||
ctx.lineTo(0, -s*1.3);
|
||||
ctx.lineTo(s*.7, -s*1.2 - Math.sin(walkP)*2);
|
||||
ctx.stroke();
|
||||
|
||||
// Legs
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(-s*.5 + legSwing*.5, s*.5);
|
||||
ctx.lineTo(0, -s*.3);
|
||||
ctx.lineTo(s*.5 - legSwing*.5, s*.5);
|
||||
ctx.stroke();
|
||||
|
||||
ctx.restore();
|
||||
}
|
||||
|
||||
function drawZones(){
|
||||
// Ground line
|
||||
const gy = H*.52 + 30;
|
||||
ctx.strokeStyle='#1a2040';
|
||||
ctx.lineWidth=1;
|
||||
ctx.setLineDash([4,8]);
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(30,gy);
|
||||
ctx.lineTo(W-30,gy);
|
||||
ctx.stroke();
|
||||
ctx.setLineDash([]);
|
||||
|
||||
// Flow arrows between zones
|
||||
for(let i=0;i<ZONES.length-1;i++){
|
||||
const z1=ZONES[i], z2=ZONES[i+1];
|
||||
const mx=(z1.x+z2.x)/2;
|
||||
ctx.strokeStyle='#1a2540';
|
||||
ctx.lineWidth=1.5;
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(z1.x+40,gy+4);
|
||||
ctx.lineTo(z2.x-40,gy+4);
|
||||
ctx.stroke();
|
||||
// Arrow
|
||||
ctx.fillStyle='#1a2540';
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(z2.x-42,gy);
|
||||
ctx.lineTo(z2.x-50,gy-4);
|
||||
ctx.lineTo(z2.x-50,gy+8);
|
||||
ctx.closePath();
|
||||
ctx.fill();
|
||||
}
|
||||
|
||||
// Zone labels + glow
|
||||
ZONES.forEach(z=>{
|
||||
// Glow circle
|
||||
const g = ctx.createRadialGradient(z.x,z.y,0,z.x,z.y,80);
|
||||
g.addColorStop(0, z.color+'30');
|
||||
g.addColorStop(1, 'transparent');
|
||||
ctx.fillStyle=g;
|
||||
ctx.beginPath();
|
||||
ctx.arc(z.x,z.y,80,0,Math.PI*2);
|
||||
ctx.fill();
|
||||
|
||||
// Label
|
||||
ctx.font='700 13px Outfit';
|
||||
ctx.textAlign='center';
|
||||
ctx.fillStyle='#6880a0';
|
||||
ctx.fillText(z.label, z.x, gy+26);
|
||||
});
|
||||
}
|
||||
|
||||
function updateAgents(dt){
|
||||
AGENTS.forEach(a=>{
|
||||
const z = ZONES[a.zone];
|
||||
a.bobPhase += dt*2.5;
|
||||
a.walkPhase += dt*6;
|
||||
a.wanderTimer -= dt*60;
|
||||
|
||||
if(a.wanderTimer <= 0){
|
||||
a.wanderTimer = 100 + Math.random()*300;
|
||||
// Wander near zone
|
||||
const spread = 55;
|
||||
const agentsInZone = AGENTS.filter(b=>b.zone===a.zone).length;
|
||||
const myIdx = AGENTS.filter(b=>b.zone===a.zone).indexOf(a);
|
||||
const angle = (myIdx / agentsInZone) * Math.PI * 1.5 - Math.PI*.75;
|
||||
const dist = 25 + Math.random()*spread;
|
||||
a.targetX = z.x + Math.cos(angle)*dist + (Math.random()-.5)*20;
|
||||
a.targetY = z.y + Math.sin(angle)*dist*.6 + (Math.random()-.5)*15 - 15;
|
||||
|
||||
// Occasionally visit neighbor zone
|
||||
if(Math.random()<0.06){
|
||||
const nz = Math.max(0, Math.min(ZONES.length-1, a.zone + (Math.random()<.5?-1:1)));
|
||||
const nzone = ZONES[nz];
|
||||
a.targetX = nzone.x + (Math.random()-.5)*60;
|
||||
a.targetY = nzone.y + (Math.random()-.5)*30 - 15;
|
||||
}
|
||||
}
|
||||
|
||||
// Smooth move
|
||||
a.x += (a.targetX - a.x) * 0.015;
|
||||
a.y += (a.targetY - a.y) * 0.015;
|
||||
});
|
||||
}
|
||||
|
||||
function checkHover(){
|
||||
hovered = null;
|
||||
AGENTS.forEach(a=>{
|
||||
const dx=mx-a.x, dy=my-(a.y-20);
|
||||
if(Math.abs(dx)<18 && Math.abs(dy)<28){
|
||||
hovered = a;
|
||||
}
|
||||
});
|
||||
if(hovered){
|
||||
tip.style.display='block';
|
||||
tip.style.left=Math.min(mx+16,W-280)+'px';
|
||||
tip.style.top=(my-120)+'px';
|
||||
tip.innerHTML=`<div class="tn">${hovered.emoji} ${hovered.name}</div><div class="tt">${hovered.type}</div><div class="td">${hovered.desc}</div><div class="tp">→ ${hovered.prod}</div>`;
|
||||
} else {
|
||||
tip.style.display='none';
|
||||
}
|
||||
}
|
||||
|
||||
// Title + stats at top
|
||||
function drawHeader(){
|
||||
// Stats bar
|
||||
const active = AGENTS.length;
|
||||
ctx.font='700 11px JetBrains Mono';
|
||||
ctx.fillStyle='#3a4560';
|
||||
ctx.textAlign='center';
|
||||
ctx.fillText(`${active} agents actifs · 8 zones · ${ZONES.length} étapes value chain`, W/2, H-16);
|
||||
}
|
||||
|
||||
// Particles
|
||||
const particles=[];
|
||||
for(let i=0;i<40;i++){
|
||||
particles.push({x:Math.random()*2000,y:Math.random()*1200,s:Math.random()*1.5+.5,a:Math.random()*.3+.05,sp:Math.random()*.3+.1});
|
||||
}
|
||||
function drawParticles(dt){
|
||||
particles.forEach(p=>{
|
||||
p.y-=p.sp;
|
||||
if(p.y<0){p.y=H;p.x=Math.random()*W;}
|
||||
ctx.fillStyle=`rgba(6,182,212,${p.a})`;
|
||||
ctx.beginPath();
|
||||
ctx.arc(p.x,p.y,p.s,0,Math.PI*2);
|
||||
ctx.fill();
|
||||
});
|
||||
}
|
||||
|
||||
let lastT=0;
|
||||
function frame(t){
|
||||
const dt = Math.min((t-lastT)/1000, .05);
|
||||
lastT=t;
|
||||
|
||||
ctx.clearRect(0,0,W,H);
|
||||
|
||||
drawParticles(dt);
|
||||
drawZones();
|
||||
updateAgents(dt);
|
||||
|
||||
// Draw agents (non-hovered first, then hovered on top)
|
||||
AGENTS.forEach(a=>{
|
||||
if(a===hovered) return;
|
||||
drawStickman(a.x, a.y, COLORS[a.type]||'#6080a0', a.emoji, a.bobPhase, a.walkPhase, 1, false);
|
||||
});
|
||||
if(hovered){
|
||||
drawStickman(hovered.x, hovered.y, COLORS[hovered.type]||'#6080a0', hovered.emoji, hovered.bobPhase, hovered.walkPhase, 1.3, true);
|
||||
}
|
||||
|
||||
// Name labels for larger screen
|
||||
if(W > 900){
|
||||
ctx.font='600 9px Outfit';
|
||||
ctx.textAlign='center';
|
||||
AGENTS.forEach(a=>{
|
||||
ctx.fillStyle = a===hovered ? '#fff' : '#4a5a70';
|
||||
ctx.fillText(a.name, a.x, a.y+22);
|
||||
});
|
||||
}
|
||||
|
||||
drawHeader();
|
||||
checkHover();
|
||||
|
||||
requestAnimationFrame(frame);
|
||||
}
|
||||
|
||||
C.addEventListener('mousemove', e=>{mx=e.clientX;my=e.clientY;});
|
||||
C.addEventListener('mouseleave', ()=>{mx=-1;my=-1;});
|
||||
|
||||
// Init positions near zones
|
||||
AGENTS.forEach(a=>{
|
||||
const z=ZONES[a.zone];
|
||||
if(z){a.x=z.x+(Math.random()-.5)*80;a.y=z.y+(Math.random()-.5)*40-15;a.targetX=a.x;a.targetY=a.y;}
|
||||
});
|
||||
|
||||
requestAnimationFrame(frame);
|
||||
</script>
|
||||
<!-- CARTO_REMOVED -->
|
||||
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN v1 19avr — append-only, doctrine #14 === -->
|
||||
<script>
|
||||
(function(){
|
||||
if (window.__opusUniversalDrill) return; window.__opusUniversalDrill = true;
|
||||
var d = document;
|
||||
var m = d.createElement('div');
|
||||
m.id = 'opus-udrill';
|
||||
m.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.82);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:99995;padding:20px;cursor:pointer';
|
||||
var inner = d.createElement('div');
|
||||
inner.id = 'opus-udrill-in';
|
||||
inner.style.cssText = 'max-width:900px;width:100%;max-height:90vh;overflow:auto;background:#0b0d15;border:1px solid rgba(99,102,241,0.35);border-radius:14px;padding:28px;cursor:default;box-shadow:0 20px 60px rgba(0,0,0,0.6);color:#e2e8f0;font:14px/1.55 Inter,system-ui,sans-serif';
|
||||
inner.addEventListener('click', function(e){ e.stopPropagation(); });
|
||||
m.appendChild(inner);
|
||||
m.addEventListener('click', function(){ m.style.display='none'; });
|
||||
d.addEventListener('keydown', function(e){ if(e.key==='Escape') m.style.display='none'; });
|
||||
(d.body || d.documentElement).appendChild(m);
|
||||
|
||||
function openCard(card) {
|
||||
// Clone card content + show close btn + increase font-size
|
||||
var html = '<div style="display:flex;justify-content:flex-end;margin-bottom:14px"><button id="opus-udrill-close" style="padding:6px 14px;background:#171b2a;border:1px solid rgba(99,102,241,0.25);color:#e2e8f0;border-radius:8px;cursor:pointer;font-size:12px">✕ Fermer (Esc)</button></div>';
|
||||
html += '<div style="transform-origin:top left;font-size:1.05em">' + card.outerHTML + '</div>';
|
||||
inner.innerHTML = html;
|
||||
d.getElementById('opus-udrill-close').onclick = function(){ m.style.display='none'; };
|
||||
m.style.display = 'flex';
|
||||
}
|
||||
|
||||
function wire(root) {
|
||||
var sels = '.card,[class*="card"],.kpi,[class*="kpi"],.stat,[class*="stat"],.tile,[class*="tile"],.metric,[class*="metric"],.widget,[class*="widget"]';
|
||||
var cards = root.querySelectorAll(sels);
|
||||
for (var i = 0; i < cards.length; i++) {
|
||||
var c = cards[i];
|
||||
if (c.__opusWired) continue;
|
||||
if (c.closest('button, a, input, select, textarea, #opus-udrill')) continue;
|
||||
var r = c.getBoundingClientRect();
|
||||
if (r.width < 60 || r.height < 40) continue;
|
||||
c.__opusWired = true;
|
||||
c.style.cursor = 'pointer';
|
||||
c.setAttribute('role','button');
|
||||
c.setAttribute('tabindex','0');
|
||||
c.addEventListener('click', function(ev){
|
||||
// If a more-specific drill is already active (e.g. pp-card custom), let it handle
|
||||
if (ev.target.closest('[data-pp-id]') && window.__opusDrillInit) return;
|
||||
if (ev.target.closest('a,button,input,select')) return;
|
||||
ev.preventDefault(); ev.stopPropagation();
|
||||
openCard(this);
|
||||
});
|
||||
c.addEventListener('keydown', function(ev){ if(ev.key==='Enter'||ev.key===' '){ev.preventDefault();openCard(this);} });
|
||||
}
|
||||
}
|
||||
|
||||
// Initial + mutation observer
|
||||
var initRun = function(){ wire(d.body || d.documentElement); };
|
||||
if (d.readyState === 'loading') d.addEventListener('DOMContentLoaded', initRun);
|
||||
else initRun();
|
||||
var mo = new MutationObserver(function(muts){
|
||||
var newCard = false;
|
||||
for (var i=0;i<muts.length;i++) if (muts[i].addedNodes.length) { newCard = true; break; }
|
||||
if (newCard) initRun();
|
||||
});
|
||||
mo.observe(d.body || d.documentElement, {childList:true, subtree:true});
|
||||
})();
|
||||
</script>
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN END === -->
|
||||
|
||||
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t33b6) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1776776094" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -30,13 +30,13 @@ canvas{display:block}
|
||||
.ag-card{text-align:center;pointer-events:auto;cursor:pointer;transition:transform .2s;position:relative}
|
||||
.ag-card{opacity:0.85;transition:opacity 0.2s}
|
||||
.ag-card:hover{opacity:1;transform:scale(1.15);filter:brightness(1.1)}
|
||||
.ag-card img{animation:bob 4s ease-in-out infinite;width:clamp(30px,2.8vw,42px);height:clamp(30px,2.8vw,42px);transition:transform .3s;border-radius:50%;border:2px solid rgba(255,255,255,.15);background:transparent;display:block;margin:0 auto 3px;object-fit:cover;transition:all .2s;filter:drop-shadow(0 0 3px rgba(6,182,212,.3))}
|
||||
.ag-card[data-tier="0"] img{width:clamp(30px,2.8vw,42px);height:clamp(30px,2.8vw,42px);border-color:#06b6d4;box-shadow:0 0 12px rgba(6,182,212,.4)}
|
||||
.ag-card[data-tier="1"] img{width:clamp(30px,2.8vw,42px);height:clamp(30px,2.8vw,42px);border-color:rgba(139,92,246,.5)}
|
||||
.ag-card img{animation:bob 4s ease-in-out infinite;width:clamp(60px,5.6vw,84px);height:clamp(60px,5.6vw,84px);transition:transform .3s;border-radius:50%;border:2px solid rgba(255,255,255,.15);background:transparent;display:block;margin:0 auto 3px;object-fit:cover;transition:all .2s;filter:drop-shadow(0 0 3px rgba(6,182,212,.3))}
|
||||
.ag-card[data-tier="0"] img{width:clamp(60px,5.6vw,84px);height:clamp(60px,5.6vw,84px);border-color:#06b6d4;box-shadow:0 0 12px rgba(6,182,212,.4)}
|
||||
.ag-card[data-tier="1"] img{width:clamp(60px,5.6vw,84px);height:clamp(60px,5.6vw,84px);border-color:rgba(139,92,246,.5)}
|
||||
.ag-card[data-tier="2"] .name{display:block}
|
||||
.ag-card[data-tier="2"] img{width:clamp(24px,2.2vw,34px);height:clamp(24px,2.2vw,34px);border-color:rgba(245,158,11,.4)}
|
||||
.ag-card[data-tier="2"] img{width:clamp(48px,4.4vw,68px);height:clamp(48px,4.4vw,68px);border-color:rgba(245,158,11,.4)}
|
||||
.ag-card[data-tier="3"] .name{display:block}
|
||||
.ag-card[data-tier="3"] img{width:clamp(22px,2vw,30px);height:clamp(22px,2vw,30px);border-color:rgba(239,68,68,.4)}
|
||||
.ag-card[data-tier="3"] img{width:clamp(44px,4vw,60px);height:clamp(44px,4vw,60px);border-color:rgba(239,68,68,.4)}
|
||||
.ag-card[data-tier="1"] .name{display:block}
|
||||
.ag-card[data-tier="2"] .name,.ag-card[data-tier="3"] .name{font-size:4px;display:block;opacity:0.7}
|
||||
.ag-card[data-tier="2"]:hover .name,.ag-card[data-tier="3"]:hover .name{display:block}
|
||||
@@ -70,7 +70,7 @@ canvas{display:block}
|
||||
.ag-card.master img{border:2px solid #ffd700;box-shadow:0 0 8px rgba(255,215,0,.35)}
|
||||
.ag-card.master .name{display:none}
|
||||
.ag-card.master:hover .name{display:block;font-size:9px;font-weight:900;color:#ffd700;letter-spacing:1px;text-shadow:0 0 8px rgba(255,215,0,.6)}
|
||||
.ag-card.master .crown{position:absolute;top:-22px;left:50%;transform:translateX(-50%);font-size:13px;animation:crownGlow 2s ease-in-out infinite;z-index:5;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.4))}
|
||||
.ag-card.master .crown{position:absolute;top:-8px;left:50%;transform:translateX(-50%);font-size:14px;animation:crownGlow 2s ease-in-out infinite}
|
||||
/* KPI */
|
||||
.kpi-panel{display:block}
|
||||
.kpi{padding:8px 10px;border-radius:10px;font:700 9px Nunito;pointer-events:auto;min-width:110px;backdrop-filter:blur(8px)}
|
||||
@@ -160,22 +160,15 @@ canvas{z-index:0!important}
|
||||
transition:all .2s;flex-shrink:0;will-change:transform}
|
||||
.p-av[data-persona="master"]{border-color:#06b6d4!important;box-shadow:0 0 12px rgba(6,182,212,.55)!important;background:linear-gradient(135deg,#f59e0b22,#dc262622)}
|
||||
.p-av[data-persona="tool"]{border-style:dashed;background:#0b1120aa}
|
||||
.ag-card[data-tier="0"] .p-av{width:clamp(30px,2.8vw,42px);height:clamp(30px,2.8vw,42px);font-size:clamp(18px,1.7vw,26px);border-color:#06b6d4;box-shadow:0 0 12px rgba(6,182,212,.4)}
|
||||
.ag-card[data-tier="1"] .p-av{width:clamp(30px,2.8vw,42px);height:clamp(30px,2.8vw,42px);font-size:clamp(18px,1.7vw,26px);border-color:rgba(139,92,246,.55)}
|
||||
.ag-card[data-tier="2"] .p-av{width:clamp(24px,2.2vw,34px);height:clamp(24px,2.2vw,34px);font-size:clamp(14px,1.4vw,20px);border-color:rgba(245,158,11,.55)}
|
||||
.ag-card[data-tier="3"] .p-av{width:clamp(22px,2vw,30px);height:clamp(22px,2vw,30px);font-size:clamp(13px,1.3vw,18px);border-color:rgba(239,68,68,.55)}
|
||||
.ag-card[data-tier="0"] .p-av{width:clamp(60px,5.6vw,84px);height:clamp(60px,5.6vw,84px);font-size:clamp(36px,3.4vw,52px);border-color:#06b6d4;box-shadow:0 0 12px rgba(6,182,212,.4)}
|
||||
.ag-card[data-tier="1"] .p-av{width:clamp(60px,5.6vw,84px);height:clamp(60px,5.6vw,84px);font-size:clamp(36px,3.4vw,52px);border-color:rgba(139,92,246,.55)}
|
||||
.ag-card[data-tier="2"] .p-av{width:clamp(48px,4.4vw,68px);height:clamp(48px,4.4vw,68px);font-size:clamp(28px,2.8vw,40px);border-color:rgba(245,158,11,.55)}
|
||||
.ag-card[data-tier="3"] .p-av{width:clamp(44px,4vw,60px);height:clamp(44px,4vw,60px);font-size:clamp(26px,2.6vw,36px);border-color:rgba(239,68,68,.55)}
|
||||
.ag-card:hover .p-av{transform:scale(1.08);filter:brightness(1.1)}
|
||||
</style>
|
||||
<!-- WEVAL-D91-AGENTS-ARCHI-PERSONA -->
|
||||
<style id="d93c">.p-av{width:52px!important;height:52px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:28px!important;line-height:1!important;border-radius:50%!important;background:rgba(255,255,255,.06)!important;border:2.5px solid rgba(34,211,238,.55)!important;flex-shrink:0!important;overflow:hidden!important;box-shadow:0 2px 6px rgba(0,0,0,.25)!important}.p-av[data-persona="tool"]{border-color:rgba(139,92,246,.55)!important;background:rgba(139,92,246,.12)!important}.p-av[data-persona="master"]{border-color:rgba(255,215,0,.65)!important;background:rgba(255,215,0,.1)!important;width:64px!important;height:64px!important;font-size:34px!important}.p-av[data-persona="human"]{border-color:rgba(74,222,128,.45)!important;background:rgba(74,222,128,.08)!important}</style>
|
||||
<!-- V109 Plausible Analytics -->
|
||||
<script defer data-domain="weval-consulting.com" src="https://analytics.weval-consulting.com/js/script.js"></script>
|
||||
<script src="/js/wevia-a11y-auto.js" defer></script>
|
||||
</head><body>
|
||||
<!-- BETON-DOCTRINE-101 dual-dummy block (pages pub) -->
|
||||
<div id="weval-global-logout" style="display:none!important;visibility:hidden!important" aria-hidden="true" data-beton-101="dummy-to-block-auto-injection"></div>
|
||||
<a id="weval-gl" href="#" style="display:none!important;visibility:hidden!important" aria-hidden="true" data-beton-101="dummy-to-block-auto-injection" tabindex="-1"></a>
|
||||
<div id="liveStatusBar" style="display:none"></div>
|
||||
<style id="d93c">.p-av{width:40px!important;height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:22px!important;line-height:1!important;border-radius:50%!important;background:rgba(255,255,255,.06)!important;border:1.5px solid rgba(255,255,255,.18)!important;flex-shrink:0!important;overflow:hidden!important;box-shadow:0 2px 6px rgba(0,0,0,.25)!important}.p-av[data-persona="tool"]{border-color:rgba(139,92,246,.55)!important;background:rgba(139,92,246,.12)!important}.p-av[data-persona="master"]{border-color:rgba(255,215,0,.65)!important;background:rgba(255,215,0,.1)!important;width:48px!important;height:48px!important;font-size:26px!important}.p-av[data-persona="human"]{border-color:rgba(74,222,128,.45)!important;background:rgba(74,222,128,.08)!important}</style>
|
||||
</head><body><div id="liveStatusBar" style="display:none"></div>
|
||||
<noscript></noscript class="night">
|
||||
<div class="cockpit-live" id="cockpit-live"><div class="cockpit-pill" id="cp-health"><div class="cockpit-dot"></div><span class="lbl">STATUS</span><span class="val">...</span></div><div class="cockpit-pill" id="cp-l99"><span class="lbl">L99</span><span class="val">-</span></div><div class="cockpit-pill" id="cp-docker"><span class="lbl">DOCKER</span><span class="val">-</span></div><div class="cockpit-pill" id="cp-disk"><span class="lbl">DISK</span><span class="val">-</span></div><div class="cockpit-pill" id="cp-providers"><span class="lbl">PROVIDERS</span><span class="val">-</span></div><div class="cockpit-pill" id="cp-qdrant"><span class="lbl">RAG</span><span class="val">-</span></div><div class="cockpit-pill" id="cp-git"><span class="lbl">GIT</span><span class="val">-</span></div><div class="cockpit-pill" id="cp-refresh"><span class="lbl">REFRESH</span><span class="val">30s</span></div></div>
|
||||
|
||||
@@ -208,14 +201,14 @@ let isN=true; // wave116: alway
|
||||
document.body.className=isN?'night':'day';document.getElementById('tgl').textContent=isN?'☀️':'🌙';
|
||||
window.tglTheme=function(){isN=!isN;document.body.className=isN?'night':'day';document.getElementById('tgl').textContent=isN?'☀️':'🌙';scene.fog=new FogExp2(isN?0x060d1a:0x87ceeb,isN?0.0035:0.0025);ren.setClearColor(isN?0x060d1a:0x87ceeb);amb.intensity=isN?0.4:0.7;dir.intensity=isN?0.7:1;floor.material.color.set(isN?0xC8B898:0x3a7a30);if(grass)grass.material.color.set(isN?0x0a1a0a:0x4a8c3f);if(skyBody){skyBody.material.color.set(isN?0xe0e0e0:0xffd700);skyBody.material.emissive.set(isN?0xaaaacc:0xffaa00);skyBody.material.emissiveIntensity=isN?0.5:2}};
|
||||
|
||||
const T=[
|
||||
const T=window.T=[
|
||||
{n:'STRATÉGIE',y:22,c:0x06b6d4,h:'#06b6d4',k:['Décisions: 39/cycle','Providers: 14','Coût: 0€','Uptime: 100%']},
|
||||
{n:'DIRECTION',y:16,c:0x8b5cf6,h:'#8b5cf6',k:['Routes: 46','Consensus: 9.8/10','AutoFix: 20/20','Fiability: 100%']},
|
||||
{n:'TACTIQUE',y:10,c:0xf59e0b,h:'#f59e0b',k:['NonReg: 153/153','CVE: 0','HCP: 141K+','Skills: 1935']},
|
||||
{n:'EXÉCUTION',y:4,c:0xef4444,h:'#ef4444',k:['Docker: 17 UP','Ollama: 10','Fleet: 669','PMTA: 4 ECS']},
|
||||
{n:'MASTER',y:28,c:0xffd700,h:'#ffd700',k:['Intents: 174','Waves: 142','Providers: 7','Cost: 0€']}];
|
||||
|
||||
const A=[
|
||||
const A=window.A=[
|
||||
{n:'WEVIA Master',t:4,r:1,d:'Head of AI · Orchestrateur Suprême',p:'/wevia.html',m:1,sc:2.5},
|
||||
{n:'Director',t:1,r:1,d:'Cerveau autonome · 39 métriques',p:'/director-center.html'},
|
||||
{n:'Master Router',t:1,r:1,d:'46 routes · 14 providers',p:'/architecture.html'},
|
||||
@@ -256,7 +249,6 @@ const A=[
|
||||
{n:'Register',t:3,r:1,d:'Inscription · API · Auth',p:'/register.html'},
|
||||
{n:'Telegram',t:3,r:1,d:'Bot alerts · Daily brief 7h',p:'/architecture.html'},
|
||||
{n:'Stripe',t:3,r:1,d:'Paiements · SK+PK LIVE',p:'/enterprise-model.html'},
|
||||
{n:'L99 Pilot',t:1,r:1,d:'Orchestrateur 1495 checks',p:'/l99-brain.html'},
|
||||
{n:'ClawCode',t:1,r:1,d:'78 Skills Sovereign',p:'/architecture.html'},
|
||||
{n:'Analyst',t:0,r:0,d:'Analyse marché · SWOT · B2B',p:'/enterprise-model.html'},
|
||||
{n:'Architect',t:1,r:0,d:'Cloud archi · Blueprints',p:'/architecture.html'},
|
||||
@@ -371,7 +363,7 @@ for(let i=0;i<T.length-1;i++){const g=new Mesh(new CylinderGeometry(0.025,0.025,
|
||||
|
||||
|
||||
// === HIERARCHY LINKS v2 ===
|
||||
setTimeout(function(){var hl=[];function aL(fn,tn,col,op){var fp=_agentPositions[fn],tp=_agentPositions[tn];if(!fp||!tp)return;var mid=new THREE.Vector3((fp.x+tp.x)/2,Math.max(fp.y,tp.y)+2.5,(fp.z+tp.z)/2);var cv=new THREE.QuadraticBezierCurve3(new THREE.Vector3(fp.x,fp.y+0.5,fp.z),mid,new THREE.Vector3(tp.x,tp.y+0.5,tp.z));var g=new THREE.BufferGeometry().setFromPoints(cv.getPoints(24));var m=new THREE.LineBasicMaterial({color:col,transparent:true,opacity:op||0.4});var l=new THREE.Line(g,m);scene.add(l);hl.push(l)}aL('WEVIA Master','Arena',0x06b6d4,0.5);aL('WEVIA Master','Dynamic Resolver',0x06b6d4,0.5);aL('WEVIA Master','Sovereign Claude',0x06b6d4,0.45);aL('WEVIA Master','Chatbot',0x06b6d4,0.45);aL('WEVIA Master','Director',0x8b5cf6,0.5);aL('WEVIA Master','Master Router',0x8b5cf6,0.45);aL('WEVIA Master','AutoFix',0x8b5cf6,0.4);aL('WEVIA Master','Fiability',0x8b5cf6,0.4);aL('WEVIA Master','Blade Bridge',0x8b5cf6,0.4);aL('WEVIA Master','Blade',0x8b5cf6,0.35);aL('WEVIA Master','DeerFlow',0x8b5cf6,0.35);aL('WEVIA Master','Ethica Chatbot',0x8b5cf6,0.35);aL('Director','DevOps',0xf59e0b,0.35);aL('Director','Security',0xf59e0b,0.35);aL('Director','NonReg',0xf59e0b,0.35);aL('Director','L99 Pilot',0xf59e0b,0.35);aL('Director','Monitor',0xf59e0b,0.3);aL('Director','Ethica',0xf59e0b,0.3);aL('Director','Scraper',0xf59e0b,0.3);aL('Director','ArchScan',0xf59e0b,0.3);aL('Master Router','Ollama',0xef4444,0.35);aL('Master Router','Groq',0xef4444,0.35);aL('Master Router','Cerebras',0xef4444,0.35);aL('Master Router','Trinity Large',0xef4444,0.3);aL('Master Router','MiniMax M27',0xef4444,0.3);console.log('Hierarchy:'+hl.length+' links')},2500);
|
||||
setTimeout(function(){var hl=[];function aL(fn,tn,col,op){var fp=_agentPositions[fn],tp=_agentPositions[tn];if(!fp||!tp)return;var mid=new THREE.Vector3((fp.x+tp.x)/2,Math.max(fp.y,tp.y)+2.5,(fp.z+tp.z)/2);var cv=new THREE.QuadraticBezierCurve3(new THREE.Vector3(fp.x,fp.y+0.5,fp.z),mid,new THREE.Vector3(tp.x,tp.y+0.5,tp.z));var g=new THREE.BufferGeometry().setFromPoints(cv.getPoints(24));var m=new THREE.LineBasicMaterial({color:col,transparent:true,opacity:op||0.4});var l=new THREE.Line(g,m);scene.add(l);hl.push(l)}aL('WEVIA Master','Arena',0x06b6d4,0.5);aL('WEVIA Master','Dynamic Resolver',0x06b6d4,0.5);aL('WEVIA Master','Sovereign Claude',0x06b6d4,0.45);aL('WEVIA Master','Chatbot',0x06b6d4,0.45);aL('WEVIA Master','Director',0x8b5cf6,0.5);aL('WEVIA Master','Master Router',0x8b5cf6,0.45);aL('WEVIA Master','AutoFix',0x8b5cf6,0.4);aL('WEVIA Master','Fiability',0x8b5cf6,0.4);aL('WEVIA Master','Blade Bridge',0x8b5cf6,0.4);aL('WEVIA Master','Blade',0x8b5cf6,0.35);aL('WEVIA Master','DeerFlow',0x8b5cf6,0.35);aL('WEVIA Master','Ethica Chatbot',0x8b5cf6,0.35);aL('Director','DevOps',0xf59e0b,0.35);aL('Director','Security',0xf59e0b,0.35);aL('Director','NonReg',0xf59e0b,0.35);aL('Director','L99 Pilot',0xf59e0b,0.35);aL('Director','Monitor',0xf59e0b,0.3);aL('Director','Ethica',0xf59e0b,0.3);aL('Director','Scraper',0xf59e0b,0.3);aL('Director','ArchScan',0xf59e0b,0.3);aL('Master Router','Ollama',0xef4444,0.35);aL('Master Router','Groq',0xef4444,0.35);aL('Master Router','Cerebras',0xef4444,0.35);aL('Master Router','Trinity Large',0xef4444,0.3);aL('Master Router','MiniMax M27',0xef4444,0.3);aL('Director','CTO',0xf59e0b,0.35);aL('Director','CFO',0xf59e0b,0.3);aL('Director','CMO',0xf59e0b,0.3);aL('Director','CISO',0xf59e0b,0.3);aL('Director','CrowdSec',0xf59e0b,0.25);aL('Director','Fail2Ban',0xf59e0b,0.25);aL('Director','Watchdog',0xf59e0b,0.25);aL('Director','Guardian',0xf59e0b,0.25);aL('Director','SC-Orch',0xf59e0b,0.3);aL('Director','SC-Research',0xf59e0b,0.3);aL('Master Router','SambaNova',0xef4444,0.3);aL('Master Router','MiMo V2 Omni',0xef4444,0.3);aL('Master Router','Sentinel',0xef4444,0.25);aL('Master Router','Paperclip',0xef4444,0.25);aL('Master Router','Docker',0xef4444,0.25);aL('Master Router','PMTA',0xef4444,0.25);aL('Master Router','Auto-Wire',0xef4444,0.3);aL('Arena','Groq',0x06b6d4,0.4);aL('Arena','Cerebras',0x06b6d4,0.4);aL('Arena','SambaNova',0x06b6d4,0.4);aL('Arena','Ollama',0x06b6d4,0.4);aL('Arena','Trinity Large',0x06b6d4,0.35);aL('Arena','MiniMax M27',0x06b6d4,0.35);aL('CEO','CTO',0x06b6d4,0.4);aL('CEO','CFO',0x06b6d4,0.4);aL('CEO','CMO',0x06b6d4,0.4);aL('CEO','CISO',0x06b6d4,0.4);aL('CTO','DevOps',0x8b5cf6,0.35);aL('CTO','ClawCode',0x8b5cf6,0.3);aL('CMO','LeadForge',0x8b5cf6,0.3);aL('CMO','Growth',0x8b5cf6,0.3);aL('CMO','SEO',0x8b5cf6,0.3);aL('CMO','EthicaScraper',0x8b5cf6,0.3);aL('CISO','Security',0x8b5cf6,0.35);aL('CISO','Watchdog',0x8b5cf6,0.3);aL('CISO','Guardian',0x8b5cf6,0.3);aL('Sovereign Claude','ClawCode',0x06b6d4,0.4);aL('Sovereign Claude','Architect',0x06b6d4,0.35);aL('Sovereign Claude','Debugger',0x06b6d4,0.35);aL('Dynamic Resolver','Auto-Wire',0x06b6d4,0.4);aL('Dynamic Resolver','Registry',0x06b6d4,0.35);aL('Dynamic Resolver','Maestro',0x06b6d4,0.35);aL('Chatbot','Ethica Chatbot',0x06b6d4,0.35);aL('Chatbot','Telegram',0x06b6d4,0.3);aL('Ethica','LeadForge',0xf59e0b,0.3);aL('Ethica','EthicaScraper',0xf59e0b,0.35);aL('Ethica','Wiki',0xf59e0b,0.25);aL('NonReg','L99 Pilot',0xf59e0b,0.4);aL('NonReg','Verifier',0xf59e0b,0.3);aL('Security','Sentinel',0xf59e0b,0.3);aL('DeerFlow','SC-Research',0x8b5cf6,0.35);aL('DeerFlow','Wiki',0x8b5cf6,0.3);aL('Blade','Blade Bridge',0x8b5cf6,0.4);aL('Blade Bridge','Auto-Wire',0x8b5cf6,0.35);console.log('Hierarchy:'+hl.length+' links')},2500);
|
||||
|
||||
|
||||
// === HIERARCHY FLOW MESSAGES v1 ===
|
||||
@@ -482,24 +474,11 @@ A.forEach(function(a,i){
|
||||
x=0;z=0;
|
||||
} else {
|
||||
const R=(pw[a.t]/2)*0.92;
|
||||
let angle, tableR;
|
||||
if(cnt>=15){
|
||||
// WAVE 201: Two concentric rings for overcrowded tiers (T1/T2)
|
||||
// inner ring at 50% radius, outer at 90%, staggered by half-angle
|
||||
const half=Math.ceil(cnt/2);
|
||||
const isOuter=ti>=half;
|
||||
const localI=isOuter?(ti-half):ti;
|
||||
const localCnt=isOuter?(cnt-half):half;
|
||||
angle=(localI/localCnt)*Math.PI*2 - Math.PI/2;
|
||||
if(isOuter) angle+=Math.PI/localCnt; // stagger offset
|
||||
tableR=isOuter?R*0.92:R*0.48;
|
||||
} else {
|
||||
// Single circle for sparse tiers (T0, T3)
|
||||
angle=(ti/cnt)*Math.PI*2 - Math.PI/2;
|
||||
tableR=R*0.72;
|
||||
}
|
||||
// WAVE 190: Single circle — agents around meeting table
|
||||
const angle=(ti/cnt)*Math.PI*2 - Math.PI/2; // start from top
|
||||
const tableR=R*0.72; // agents sit at 72% of plateau radius
|
||||
x=tableR*Math.cos(angle);
|
||||
z=tableR*Math.sin(angle)*0.65;
|
||||
z=tableR*Math.sin(angle)*0.65; // 65% Z for perspective
|
||||
}
|
||||
|
||||
const url=_pk[a.n]||(a.r?'https://robohash.org/'+encodeURIComponent(a.n)+'?set=set1&size=200x200':'https://api.dicebear.com/9.x/adventurer/svg?seed='+encodeURIComponent(a.n));
|
||||
@@ -508,7 +487,7 @@ A.forEach(function(a,i){
|
||||
card.className='ag-card'+(a.m?' master':'');card.dataset.agent=a.n;card.dataset.tier=a.t;
|
||||
card.innerHTML=(a.m?'<div class="crown">👑</div>':'')+
|
||||
'<div class="bubble" data-a="'+a.n+'"></div>'+
|
||||
((function(n){var r=(window.WevalAvatar&&WevalAvatar.isReady&&WevalAvatar.isReady())?WevalAvatar.get(n):{persona:'human',emoji:'👤'};return '<span class="p-av" data-agent="'+n+'" data-persona="'+(r.persona||'human')+'" title="'+n+'">'+(r.emoji||'👤')+'</span>';})(a.n))+
|
||||
(window.WevalAvatar && WevalAvatar.isReady && WevalAvatar.isReady() ? '<span class="p-av" data-agent="'+a.n+'" data-persona="'+WevalAvatar.persona(a.n)+'" title="'+a.n+'">'+WevalAvatar.emoji(a.n)+'</span>' : '<img src="'+url+'" loading="lazy" data-agent="'+a.n+'">')+
|
||||
'<div class="name">'+a.n+'</div>';
|
||||
card.onclick=function(){
|
||||
document.getElementById('mImg').src=url;
|
||||
@@ -886,10 +865,44 @@ window.addEventListener('resize',function(){cam.aspect=innerWidth/innerHeight;ca
|
||||
}).then(function(r){return r.json()}).then(function(d){
|
||||
var prov=d.provider||'?';
|
||||
var sc=(d.routing&&d.routing.short_circuit)?'[SC]':'[LLM]';
|
||||
var resp=d.response||d.content||'(empty)';
|
||||
document.getElementById('w116-body').textContent=prov+' '+sc+'\n\n'+resp;
|
||||
var resp=d.response||d.content||'';
|
||||
if (!resp || resp === '(empty)') {
|
||||
// FALLBACK: show agent info from local array A when LLM empty
|
||||
var agentName = card.dataset.agent;
|
||||
var agentInfo = (window.A||[]).find(function(a){return a.n===agentName;});
|
||||
if (agentInfo) {
|
||||
var tierName = (window.T||[])[agentInfo.t] ? (window.T||[])[agentInfo.t].n : '?';
|
||||
var fb = '═══ '+agentName.toUpperCase()+' ═══\n\n';
|
||||
fb += '🎯 Tier : '+tierName+'\n';
|
||||
fb += '🤖 Type : '+(agentInfo.r?'Robot':'Humain')+'\n';
|
||||
fb += '📋 Description : '+agentInfo.d+'\n';
|
||||
fb += '🔗 Lien : '+agentInfo.p+'\n\n';
|
||||
fb += '─────────────────────────\n';
|
||||
fb += 'Pour cliquer sur le lien, ouvre: '+agentInfo.p+'\n\n';
|
||||
fb += '(LLM endpoint indisponible — info locale affichée)';
|
||||
document.getElementById('w116-body').textContent=fb;
|
||||
} else {
|
||||
document.getElementById('w116-body').textContent=prov+' '+sc+'\n\nLLM endpoint indisponible. Réessaye plus tard ou ferme avec X.';
|
||||
}
|
||||
} else {
|
||||
document.getElementById('w116-body').textContent=prov+' '+sc+'\n\n'+resp;
|
||||
}
|
||||
}).catch(function(e){
|
||||
document.getElementById('w116-body').textContent='ERREUR: '+e.message;
|
||||
// FALLBACK on network error
|
||||
var agentName = card.dataset.agent;
|
||||
var agentInfo = (window.A||[]).find(function(a){return a.n===agentName;});
|
||||
if (agentInfo) {
|
||||
var tierName = (window.T||[])[agentInfo.t] ? (window.T||[])[agentInfo.t].n : '?';
|
||||
var fb = '═══ '+agentName.toUpperCase()+' ═══\n\n';
|
||||
fb += '🎯 Tier : '+tierName+'\n';
|
||||
fb += '🤖 Type : '+(agentInfo.r?'Robot':'Humain')+'\n';
|
||||
fb += '📋 Description : '+agentInfo.d+'\n';
|
||||
fb += '🔗 Lien : '+agentInfo.p+'\n\n';
|
||||
fb += '(API offline: '+e.message+')';
|
||||
document.getElementById('w116-body').textContent=fb;
|
||||
} else {
|
||||
document.getElementById('w116-body').textContent='ERREUR: '+e.message;
|
||||
}
|
||||
});
|
||||
});
|
||||
})();
|
||||
@@ -1285,7 +1298,7 @@ window.addEventListener('resize',function(){cam.aspect=innerWidth/innerHeight;ca
|
||||
</style>
|
||||
<div class="wtp-gapfill-banner" id="wtpGapFillBanner">
|
||||
<span>🎯 <strong>WEVAL Agents Gap-Fill ERP</strong></span>
|
||||
<span class="pill hot" id="gaps-banner-count">17 gaps live</span>
|
||||
<span class="pill hot">45 gaps</span>
|
||||
<span class="pill">SAP · Oracle · NetSuite · Dynamics</span>
|
||||
<span class="pill new">🆕 Meeting Rooms</span>
|
||||
<span class="pill new">🆕 Lean 6 Sigma</span>
|
||||
@@ -1337,7 +1350,7 @@ window.addEventListener('resize',function(){cam.aspect=innerWidth/innerHeight;ca
|
||||
<span style="font-size:22px">🗺️</span>
|
||||
<div style="color:#0b0d15">
|
||||
<div style="font-size:12px;font-weight:800">Pain Points Atlas · 25 ERPs</div>
|
||||
<div style="font-size:10.5px;opacity:.85">60 pain points · 60 agents · 23.1M€ savings/client</div>
|
||||
<div style="font-size:10.5px;opacity:.85">35 pain points · 35 agents · 17.36M€ savings/client</div>
|
||||
<a href="/pain-points-atlas.html" style="display:inline-block;margin-top:4px;padding:3px 10px;background:#0b0d15;color:#eab308;border-radius:5px;font-size:10.5px;font-weight:700;text-decoration:none">Open Atlas →</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1346,168 +1359,35 @@ window.addEventListener('resize',function(){cam.aspect=innerWidth/innerHeight;ca
|
||||
|
||||
<script id="d91-archi-rerender">
|
||||
(function(){
|
||||
// V120 SSOT — Update existing p-av spans with WevalAvatar emoji once helper is ready.
|
||||
// Also remove any legacy <img dicebear/robohash> that might have leaked through.
|
||||
function refresh(){
|
||||
// Once the helper is ready, re-run the card build so persona emojis appear.
|
||||
// The card build is scene-side (Three.js / CSS2DObject) — easiest: find all existing
|
||||
// <img data-agent="X"> inside CSS2D layer and swap them for p-av spans.
|
||||
function swap(){
|
||||
if (!window.WevalAvatar || !WevalAvatar.isReady || !WevalAvatar.isReady()) return false;
|
||||
// Update spans (created with default 👤 if helper wasn't ready at render time)
|
||||
document.querySelectorAll('.ag-card .p-av[data-agent]').forEach(span => {
|
||||
const name = span.dataset.agent;
|
||||
const nodes = document.querySelectorAll('.ag-card img[src*="robohash"],.ag-card img[src*="dicebear"]');
|
||||
if (!nodes.length) return true;
|
||||
nodes.forEach(img => {
|
||||
const name = img.closest('.ag-card')?.dataset.agent || img.dataset.agent;
|
||||
if (!name) return;
|
||||
const e = WevalAvatar.get(name);
|
||||
if (e && e.emoji) {
|
||||
span.textContent = e.emoji;
|
||||
if (e.persona) span.dataset.persona = e.persona;
|
||||
}
|
||||
const span = document.createElement('span');
|
||||
span.className = 'p-av';
|
||||
span.dataset.agent = name;
|
||||
span.dataset.persona = e.persona || 'human';
|
||||
span.title = name;
|
||||
span.textContent = e.emoji || '👤';
|
||||
// copy sizing classes implicit via parent selector
|
||||
img.parentNode.replaceChild(span, img);
|
||||
});
|
||||
// Cleanup legacy imgs
|
||||
document.querySelectorAll('.ag-card img[src*="robohash"],.ag-card img[src*="dicebear"]').forEach(img => img.remove());
|
||||
return true;
|
||||
}
|
||||
let tries = 0;
|
||||
const iv = setInterval(() => {
|
||||
tries++;
|
||||
if (refresh() || tries > 40) clearInterval(iv);
|
||||
if (swap() || tries > 40) clearInterval(iv);
|
||||
}, 250);
|
||||
})();
|
||||
</script>
|
||||
<script id="d93cj">/* DISABLED 20260420 — was double heads vs Three.js CSS2DRenderer. d91 swap suffices. */</script>
|
||||
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN v1 19avr — append-only, doctrine #14 === -->
|
||||
<script>
|
||||
(function(){
|
||||
if (window.__opusUniversalDrill) return; window.__opusUniversalDrill = true;
|
||||
var d = document;
|
||||
var m = d.createElement('div');
|
||||
m.id = 'opus-udrill';
|
||||
m.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.82);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:99995;padding:20px;cursor:pointer';
|
||||
var inner = d.createElement('div');
|
||||
inner.id = 'opus-udrill-in';
|
||||
inner.style.cssText = 'max-width:900px;width:100%;max-height:90vh;overflow:auto;background:#0b0d15;border:1px solid rgba(99,102,241,0.35);border-radius:14px;padding:28px;cursor:default;box-shadow:0 20px 60px rgba(0,0,0,0.6);color:#e2e8f0;font:14px/1.55 Inter,system-ui,sans-serif';
|
||||
inner.addEventListener('click', function(e){ e.stopPropagation(); });
|
||||
m.appendChild(inner);
|
||||
m.addEventListener('click', function(){ m.style.display='none'; });
|
||||
d.addEventListener('keydown', function(e){ if(e.key==='Escape') m.style.display='none'; });
|
||||
(d.body || d.documentElement).appendChild(m);
|
||||
|
||||
function openCard(card) {
|
||||
// Clone card content + show close btn + increase font-size
|
||||
var html = '<div style="display:flex;justify-content:flex-end;margin-bottom:14px"><button id="opus-udrill-close" style="padding:6px 14px;background:#171b2a;border:1px solid rgba(99,102,241,0.25);color:#e2e8f0;border-radius:8px;cursor:pointer;font-size:12px">✕ Fermer (Esc)</button></div>';
|
||||
html += '<div style="transform-origin:top left;font-size:1.05em">' + card.outerHTML + '</div>';
|
||||
inner.innerHTML = html;
|
||||
d.getElementById('opus-udrill-close').onclick = function(){ m.style.display='none'; };
|
||||
m.style.display = 'flex';
|
||||
}
|
||||
|
||||
function wire(root) {
|
||||
var sels = '.card,[class*="card"],.kpi,[class*="kpi"],.stat,[class*="stat"],.tile,[class*="tile"],.metric,[class*="metric"],.widget,[class*="widget"]';
|
||||
var cards = root.querySelectorAll(sels);
|
||||
for (var i = 0; i < cards.length; i++) {
|
||||
var c = cards[i];
|
||||
if (c.__opusWired) continue;
|
||||
if (c.closest('button, a, input, select, textarea, #opus-udrill')) continue;
|
||||
var r = c.getBoundingClientRect();
|
||||
if (r.width < 60 || r.height < 40) continue;
|
||||
c.__opusWired = true;
|
||||
c.style.cursor = 'pointer';
|
||||
c.setAttribute('role','button');
|
||||
c.setAttribute('tabindex','0');
|
||||
c.addEventListener('click', function(ev){
|
||||
// If a more-specific drill is already active (e.g. pp-card custom), let it handle
|
||||
if (ev.target.closest('[data-pp-id]') && window.__opusDrillInit) return;
|
||||
if (ev.target.closest('a,button,input,select')) return;
|
||||
ev.preventDefault(); ev.stopPropagation();
|
||||
openCard(this);
|
||||
});
|
||||
c.addEventListener('keydown', function(ev){ if(ev.key==='Enter'||ev.key===' '){ev.preventDefault();openCard(this);} });
|
||||
}
|
||||
}
|
||||
|
||||
// Initial + mutation observer
|
||||
var initRun = function(){ wire(d.body || d.documentElement); };
|
||||
if (d.readyState === 'loading') d.addEventListener('DOMContentLoaded', initRun);
|
||||
else initRun();
|
||||
var mo = new MutationObserver(function(muts){
|
||||
var newCard = false;
|
||||
for (var i=0;i<muts.length;i++) if (muts[i].addedNodes.length) { newCard = true; break; }
|
||||
if (newCard) initRun();
|
||||
});
|
||||
mo.observe(d.body || d.documentElement, {childList:true, subtree:true});
|
||||
})();
|
||||
</script>
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN END === -->
|
||||
|
||||
|
||||
<!-- === OPUS HONEST NR/L99 OVERLAY v1 19avr - append-only doctrine #14 === -->
|
||||
<script>
|
||||
(function(){
|
||||
if (window.__opusHonestOverlay) return; window.__opusHonestOverlay = true;
|
||||
async function updateHonestValues(){
|
||||
try {
|
||||
const r = await fetch('/api/l99-honest.php', {cache:'no-store'});
|
||||
const d = await r.json();
|
||||
if (!d.ok) return;
|
||||
const realNR = `${d.combined.pass}/${d.combined.total}`;
|
||||
const realSigma = d.sigma;
|
||||
// Find elements showing the myth values
|
||||
const mythRegex = /(153\/153|304\/304|NR status 153\/153|L99 status 304\/304|NR 153\/153|L99 304\/304)/g;
|
||||
// Walk text nodes
|
||||
const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, null);
|
||||
const toReplace = [];
|
||||
let node;
|
||||
while (node = walker.nextNode()) {
|
||||
if (node.nodeValue && mythRegex.test(node.nodeValue)) toReplace.push(node);
|
||||
}
|
||||
toReplace.forEach(textNode => {
|
||||
const parent = textNode.parentNode;
|
||||
if (!parent || parent.hasAttribute('data-opus-honest-applied')) return;
|
||||
const newText = textNode.nodeValue.replace(/153\/153/g, realNR).replace(/304\/304/g, realNR);
|
||||
textNode.nodeValue = newText;
|
||||
parent.setAttribute('data-opus-honest-applied', '1');
|
||||
});
|
||||
// Add a small badge bottom-right showing honest live status
|
||||
if (!document.getElementById('opus-honest-badge')) {
|
||||
const b = document.createElement('div');
|
||||
b.id = 'opus-honest-badge';
|
||||
b.style.cssText = 'position:fixed;bottom:12px;right:12px;background:linear-gradient(90deg,#14b8a6,#a855f7);color:#05060a;padding:6px 12px;font:10px/1.3 Inter,system-ui,sans-serif;font-weight:700;border-radius:8px;z-index:99993;box-shadow:0 4px 12px rgba(0,0,0,0.3);cursor:pointer;max-width:280px';
|
||||
b.title = 'Cliquer pour détails';
|
||||
b.innerHTML = `✓ NR ${realNR} · ${realSigma} live`;
|
||||
b.onclick = () => {
|
||||
alert(`HONEST NonReg (doctrine #4):\n\nmaster: ${d.master.pass}/${d.master.total}\nopus: ${d.opus.pass}/${d.opus.total}\ncombined: ${realNR}\nsigma: ${realSigma}\n\n${d.myth_153}\n${d.myth_304}`);
|
||||
};
|
||||
document.body.appendChild(b);
|
||||
}
|
||||
} catch(e){console.error('L99-honest fetch error:', e);}
|
||||
}
|
||||
if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', updateHonestValues);
|
||||
else updateHonestValues();
|
||||
setInterval(updateHonestValues, 90000);
|
||||
})();
|
||||
</script>
|
||||
<!-- === OPUS HONEST END === -->
|
||||
|
||||
|
||||
<script>
|
||||
// Opus v9.32 gaps banner live
|
||||
(async function(){
|
||||
try {
|
||||
const r = await fetch('/api/weval-agents-gap-fill-manifest.json');
|
||||
const d = await r.json();
|
||||
const erp = d.erp_gaps_covered || {};
|
||||
let total = 0;
|
||||
for (const k in erp) {
|
||||
const v = erp[k];
|
||||
if (Array.isArray(v)) total += v.length;
|
||||
else if (v && Array.isArray(v.gaps)) total += v.gaps.length;
|
||||
}
|
||||
const el = document.getElementById('gaps-banner-count');
|
||||
if (el && total > 0) el.textContent = total + ' ERP gaps';
|
||||
} catch(e) {}
|
||||
})();
|
||||
</script>
|
||||
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr tour29) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1776776094" defer></script>
|
||||
<script id="d93cj">/* DISABLED phase95 - was causing DOUBLE HEAD by injecting span p-av next to existing img */</script>
|
||||
</body></html>
|
||||
|
||||
|
||||
@@ -1,349 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>WEVAL Enterprise</title>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@600;800;900&display=swap');
|
||||
*{margin:0;padding:0;box-sizing:border-box}body{background:#1a1a2e;overflow:hidden;font-family:'Nunito',sans-serif}canvas{display:block}
|
||||
#tip{position:fixed;pointer-events:none;display:none;z-index:99;background:#16213eee;border:2px solid;border-radius:14px;padding:12px 16px;color:#e0e8ff;max-width:240px;box-shadow:0 6px 30px #00000060}
|
||||
#tip b{font-size:1rem;color:#fff;display:block}#tip i{font-size:.62rem;text-transform:uppercase;letter-spacing:2px;font-style:normal;display:block;margin:2px 0 5px}
|
||||
#tip p{font-size:.78rem;color:#8a98c0;margin:0}#tip s{font-size:.68rem;color:#53d8fb;text-decoration:none;display:block;margin-top:4px;border-top:1px solid #fff1;padding-top:4px}
|
||||
#tip em{font-size:.66rem;display:block;margin-top:3px;font-style:normal;font-weight:700}
|
||||
#h{position:fixed;top:0;left:0;right:0;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;z-index:10;background:#1a1a2eee}
|
||||
#h span{font-size:.72rem;color:#5a6a88}#h span b{color:#53d8fb}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- CANONICAL BANNER doctrine 103 -->
|
||||
<div id="canonical-banner-v103" style="position:fixed;top:0;left:0;right:0;z-index:99990;background:linear-gradient(90deg,#1e293b,#0f172a);border-bottom:1px solid rgba(99,102,241,0.3);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;font-family:Inter,system-ui,sans-serif;font-size:12px;backdrop-filter:blur(8px)">
|
||||
<span style="color:#94a3b8">Variante agents-* <span id="canonical-this-page" style="color:#64748b">(cette page)</span></span>
|
||||
<a href="/agents-archi.html" style="color:#a5b4fc;text-decoration:none;padding:4px 12px;background:rgba(99,102,241,0.15);border-radius:6px;border:1px solid rgba(99,102,241,0.25)">Voir canonical : agents-archi</a>
|
||||
<button type="button" aria-label="Fermer banner" onclick="this.parentElement.style.display='none'" style="background:transparent;border:none;color:#64748b;font-size:16px;cursor:pointer;padding:0 8px">×</button>
|
||||
</div>
|
||||
<style>#canonical-banner-v103+*{margin-top:36px!important}</style>
|
||||
<script>
|
||||
(function(){
|
||||
var el = document.getElementById('canonical-this-page');
|
||||
if(el) el.textContent = '(' + location.pathname.split('/').pop() + ')';
|
||||
})();
|
||||
</script>
|
||||
<!-- END CANONICAL BANNER -->
|
||||
|
||||
<canvas id="c"></canvas>
|
||||
<div id="tip"><b></b><i></i><p></p><s></s><em></em></div>
|
||||
<div id="h"><div style="font-weight:900;font-size:1.1rem"><span style="color:#e94560">WEVAL</span> <span style="color:#53d8fb">Enterprise</span></div><div><span>Agents <b>31</b></span> · <span>Actifs <b id="ac">0</b></span> · <span>Tasks <b id="tc" style="color:#f59e0b">0</b></span></div></div>
|
||||
<script>
|
||||
const C=document.getElementById('c'),X=C.getContext('2d');
|
||||
let W,H,mx=-1,my=-1,hov=null,fr=0,tasks=0;
|
||||
function resize(){W=innerWidth;H=innerHeight;C.width=W*2;C.height=H*2;X.scale(2,2);lay()}
|
||||
addEventListener('resize',resize);
|
||||
|
||||
const RM=[
|
||||
{id:'ceo', l:'👑 CEO Office', c:'#e94560'},
|
||||
{id:'sales',l:'🎯 Prospection', c:'#3b82f6'},
|
||||
{id:'con', l:'💼 Consulting', c:'#7c3aed'},
|
||||
{id:'dev', l:'⚡ Dev Lab', c:'#10b981'},
|
||||
{id:'srv', l:'🖥️ Server Room',c:'#f59e0b'},
|
||||
{id:'sec', l:'🛡️ Sécurité', c:'#ef4444'},
|
||||
{id:'qa', l:'🧪 QA Center', c:'#06b6d4'},
|
||||
{id:'pha', l:'💊 Pharma Lab', c:'#d946ef'},
|
||||
{id:'ops', l:'📡 Monitoring', c:'#eab308'},
|
||||
];
|
||||
RM.forEach(r=>{r.x=0;r.y=0;r.w=0;r.h=0;});
|
||||
|
||||
const SN=[{l:'LEADS',c:'#3b82f6'},{l:'QUALIFY',c:'#7c3aed'},{l:'DESIGN',c:'#10b981'},{l:'BUILD',c:'#22c55e'},{l:'SECURE',c:'#ef4444'},{l:'TEST',c:'#06b6d4'},{l:'DEPLOY',c:'#f59e0b'},{l:'DELIVER',c:'#84cc16'}];
|
||||
SN.forEach(s=>{s.x=0;s.y=0;});
|
||||
|
||||
const AG=[
|
||||
{n:'CEO',e:'👔',r:'ceo',s:1,d:'Agent CEO autonome',p:'Stratégie, budget',sk:'#f0d0b0',ey:'#1a1a3a',sh:'#1a1a2e',hr:'slick',hc:'#111',gl:0},
|
||||
{n:'Ethica',e:'💊',r:'sales',s:0,d:'Scraping HCP',p:'131K+ médecins',sk:'#d4a574',ey:'#1a1a3a',sh:'#3b82f6',hr:'curly',hc:'#1a0a00',gl:0},
|
||||
{n:'Analyst',e:'🔍',r:'sales',s:0,d:'Analyse besoins',p:'Specs, études',sk:'#f0d0b0',ey:'#1a3a1a',sh:'#3b82f6',hr:'short',hc:'#4a3020',gl:1},
|
||||
{n:'Writer',e:'✍️',r:'sales',s:0,d:'Rédaction proposals',p:'Cold emails',sk:'#f0d0b0',ey:'#3a1a1a',sh:'#3b82f6',hr:'bob',hc:'#8a4a20',gl:0},
|
||||
{n:'Architect',e:'🏗️',r:'con',s:2,d:'Architecture tech',p:'Blueprints',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#7c3aed',hr:'short',hc:'#2a2a3a',gl:1},
|
||||
{n:'Planner',e:'📋',r:'con',s:1,d:'Roadmaps',p:'Sprint plans',sk:'#f0d0b0',ey:'#1a1a3a',sh:'#7c3aed',hr:'side',hc:'#5a3a1a',gl:0},
|
||||
{n:'DeerFlow',e:'🦌',r:'con',s:1,d:'Deep research',p:'Synthèses R&D',sk:'#e0b890',ey:'#3a2a1a',sh:'#7c3aed',hr:'wild',hc:'#6a4020',gl:0,ac:'antlers'},
|
||||
{n:'Critic',e:'⚖️',r:'con',s:1,d:'Validation risques',p:'Reviews',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#7c3aed',hr:'short',hc:'#3a3a4a',gl:1},
|
||||
{n:'Executor',e:'⚡',r:'dev',s:3,d:'Exécution deploy',p:'Scripts',sk:'#d4a574',ey:'#1a3a1a',sh:'#10b981',hr:'mohawk',hc:'#22c55e',gl:0},
|
||||
{n:'Debugger',e:'🐛',r:'dev',s:3,d:'Root cause',p:'Fixes',sk:'#f0d0b0',ey:'#1a1a3a',sh:'#10b981',hr:'messy',hc:'#4a2a10',gl:1},
|
||||
{n:'Reviewer',e:'👁️',r:'dev',s:3,d:'Code review',p:'PR reviews',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#10b981',hr:'short',hc:'#333',gl:0},
|
||||
{n:'Designer',e:'🎨',r:'dev',s:2,d:'UI/UX design',p:'Mockups',sk:'#f0d0b0',ey:'#3a1a3a',sh:'#10b981',hr:'long',hc:'#d946ef',gl:0,ac:'beret'},
|
||||
{n:'WEDROID',e:'🤖',r:'dev',s:3,d:'Auto-diag v5',p:'DB fix auto',sk:'#8899aa',ey:'#22c55e',sh:'#10b981',hr:'robot',hc:'#5a7a9a',gl:0},
|
||||
{n:'Simplifier',e:'✂️',r:'dev',s:3,d:'Refactoring',p:'-40% code',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#10b981',hr:'bun',hc:'#6a4a30',gl:1},
|
||||
{n:'Watchdog',e:'🐕',r:'srv',s:6,d:'Monitor */3min',p:'Auto-restart',sk:'#e0b890',ey:'#3a2a1a',sh:'#f59e0b',hr:'ears',hc:'#8a6a30',gl:0},
|
||||
{n:'Guardian',e:'🛡️',r:'srv',s:4,d:'Protection sys',p:'chattr +i',sk:'#d4a574',ey:'#1a1a2a',sh:'#f59e0b',hr:'buzz',hc:'#2a3a2a',gl:0,ac:'helmet'},
|
||||
{n:'Blade',e:'💻',r:'srv',s:6,d:'Desktop agent',p:'PowerShell',sk:'#f0d0b0',ey:'#1a1a3a',sh:'#f59e0b',hr:'cap',hc:'#1a3050',gl:0,ac:'headset'},
|
||||
{n:'GitMaster',e:'🌿',r:'srv',s:6,d:'Git releases',p:'Tags, deploys',sk:'#e8c8a0',ey:'#1a3a1a',sh:'#f59e0b',hr:'ponytail',hc:'#3a5a2a',gl:1},
|
||||
{n:'Security',e:'🔐',r:'sec',s:4,d:'Audit OWASP',p:'Rapports sécu',sk:'#d4a574',ey:'#1a1a1a',sh:'#ef4444',hr:'buzz',hc:'#111',gl:0,ac:'shades'},
|
||||
{n:'Verifier',e:'✅',r:'sec',s:4,d:'ISO/RGPD',p:'Checks PCI',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#ef4444',hr:'short',hc:'#3a3a4a',gl:1},
|
||||
{n:'QA',e:'🧪',r:'qa',s:5,d:'Tests E2E',p:'148 NonReg',sk:'#f0d0b0',ey:'#1a3a3a',sh:'#06b6d4',hr:'short',hc:'#2a3a5a',gl:0,ac:'goggles'},
|
||||
{n:'TestEng',e:'🧰',r:'qa',s:5,d:'CI/CD',p:'Automatisation',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#06b6d4',hr:'short',hc:'#4a3a2a',gl:0},
|
||||
{n:'Tracer',e:'🔦',r:'qa',s:5,d:'Log tracing',p:'Stack traces',sk:'#e0b890',ey:'#2a1a1a',sh:'#06b6d4',hr:'short',hc:'#3a2a1a',gl:0},
|
||||
{n:'Scientist',e:'🔬',r:'qa',s:5,d:'Benchmarks',p:'AI Bench 182',sk:'#f0d0b0',ey:'#1a1a3a',sh:'#06b6d4',hr:'einstein',hc:'#999',gl:1},
|
||||
{n:'Explore',e:'🧭',r:'pha',s:0,d:'Exploration R&D',p:'Sources HCP',sk:'#d4a574',ey:'#3a2a1a',sh:'#d946ef',hr:'wild',hc:'#5a3a10',gl:0},
|
||||
{n:'DocSpec',e:'📝',r:'pha',s:7,d:'Documentation',p:'Templates',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#d946ef',hr:'short',hc:'#333',gl:1},
|
||||
{n:'MiroFish',e:'🐟',r:'pha',s:2,d:'Creative AI',p:'Brainstorm',sk:'#f0d0b0',ey:'#1a3a3a',sh:'#d946ef',hr:'wavy',hc:'#06b6d4',gl:0},
|
||||
{n:'TaskMgr',e:'📋',r:'ops',s:7,d:'Suivi tâches',p:'Kanban',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#eab308',hr:'side',hc:'#4a4a3a',gl:0},
|
||||
{n:'Brain',e:'💡',r:'ops',s:2,d:'Brainstorming',p:'Idées',sk:'#f0d0b0',ey:'#3a3a1a',sh:'#eab308',hr:'spiky',hc:'#eab308',gl:0},
|
||||
{n:'Intro',e:'🧠',r:'ops',s:5,d:'Méta-analyse',p:'Amélioration',sk:'#e8c8a0',ey:'#2a1a3a',sh:'#eab308',hr:'short',hc:'#a855f7',gl:0},
|
||||
{n:'Orch',e:'🎯',r:'ops',s:6,d:'Orchestration',p:'Coordination',sk:'#d4a574',ey:'#1a1a2a',sh:'#eab308',hr:'buzz',hc:'#222',gl:0},
|
||||
];
|
||||
AG.forEach(a=>{a.st='idle';a.x=0;a.y=0;a.dx=0;a.dy=0;a.cx=0;a.cy=0;a.bob=Math.random()*6.28;a.wk=0;a.tmr=200+Math.random()*500;a.wtmr=0;a.dir=1;a.bl=0;a.blt=80+Math.random()*200;a.bub='';a.bubt=0;});
|
||||
|
||||
function lay(){
|
||||
// 3x3 room grid at top
|
||||
const pad=10,topY=36;
|
||||
const rw=(W-pad*4)/3,rh=(H*.58-topY-pad*3)/3;
|
||||
for(let i=0;i<9;i++){
|
||||
const col=i%3,row=Math.floor(i/3);
|
||||
RM[i].x=pad+col*(rw+pad);RM[i].y=topY+row*(rh+pad);RM[i].w=rw;RM[i].h=rh;
|
||||
}
|
||||
// Chain at bottom
|
||||
const cy=H*.82;
|
||||
const sg=(W-60)/SN.length;
|
||||
SN.forEach((s,i)=>{s.x=40+i*sg+sg/2;s.y=cy;});
|
||||
// Agent desk positions
|
||||
AG.forEach(a=>{
|
||||
const rm=RM.find(r=>r.id===a.r);if(!rm)return;
|
||||
const mates=AG.filter(b=>b.r===a.r);const mi=mates.indexOf(a);
|
||||
const cols=Math.max(Math.ceil(mates.length/2),1);
|
||||
const row=Math.floor(mi/cols),col=mi%cols;
|
||||
a.dx=rm.x+24+col*Math.min((rm.w-48)/Math.max(cols-1,1),48);
|
||||
a.dy=rm.y+30+row*32;
|
||||
if(a.st==='idle'){a.x=a.dx;a.y=a.dy;}
|
||||
const sn=SN[a.s];if(sn){a.cx=sn.x+(Math.random()-.5)*18;a.cy=sn.y-8;}
|
||||
});
|
||||
}
|
||||
resize();
|
||||
|
||||
// ═ DRAW ROOM ═
|
||||
function dR(r){
|
||||
X.fillStyle='#00000020';X.beginPath();X.roundRect(r.x+3,r.y+3,r.w,r.h,8);X.fill();
|
||||
const g=X.createLinearGradient(r.x,r.y,r.x,r.y+r.h);g.addColorStop(0,'#161938');g.addColorStop(1,'#0e1025');
|
||||
X.fillStyle=g;X.beginPath();X.roundRect(r.x,r.y,r.w,r.h,8);X.fill();
|
||||
X.strokeStyle=r.c+'40';X.lineWidth=1;X.beginPath();X.roundRect(r.x,r.y,r.w,r.h,8);X.stroke();
|
||||
X.fillStyle=r.c+'60';X.beginPath();X.roundRect(r.x,r.y,r.w,3,[8,8,0,0]);X.fill();
|
||||
// Floor tiles
|
||||
X.strokeStyle=r.c+'06';X.lineWidth=.3;
|
||||
for(let i=1;i<5;i++){X.beginPath();X.moveTo(r.x+i*(r.w/5),r.y+18);X.lineTo(r.x+i*(r.w/5),r.y+r.h-3);X.stroke();}
|
||||
X.font='800 9px Nunito';X.fillStyle=r.c;X.textAlign='left';X.fillText(r.l,r.x+8,r.y+14);
|
||||
// Decorations per room
|
||||
if(r.id==='srv'){for(let i=0;i<3;i++){const rx=r.x+r.w-14-i*14;X.fillStyle='#1a2535';X.fillRect(rx,r.y+18,10,r.h-24);
|
||||
for(let j=0;j<5;j++){X.fillStyle=Math.sin(fr*.04+i+j)>.2?'#22c55e':'#ef4444';X.beginPath();X.arc(rx+3,r.y+24+j*7,1.2,0,6.28);X.fill();}}}
|
||||
if(r.id==='ceo'){X.fillStyle='#2a5a2a';X.beginPath();X.arc(r.x+r.w-16,r.y+r.h-10,6,Math.PI,0);X.fill();X.fillStyle='#5a3a2a';X.fillRect(r.x+r.w-18,r.y+r.h-10,4,6);
|
||||
X.fillStyle='#f59e0b30';X.beginPath();X.arc(r.x+r.w-35,r.y+26,8,0,6.28);X.fill();}
|
||||
if(r.id==='pha'){for(let i=0;i<3;i++){X.fillStyle=['#d946ef30','#3b82f630','#22c55e30'][i];X.beginPath();X.roundRect(r.x+r.w-12-i*9,r.y+20,5,14,2);X.fill();}}
|
||||
if(r.id==='sec'){X.fillStyle=Math.sin(fr*.08)>.5?'#ef4444':'#ef444440';X.beginPath();X.arc(r.x+r.w-12,r.y+24,3,0,6.28);X.fill();}
|
||||
if(r.id==='ops'){X.strokeStyle='#eab30850';X.lineWidth=.8;X.beginPath();for(let i=0;i<6;i++)X.lineTo(r.x+r.w-38+i*5,r.y+35-Math.sin(fr*.015+i)*5);X.stroke();}
|
||||
}
|
||||
|
||||
// ═ DRAW DESK ═
|
||||
function dD(x,y,c,occ){
|
||||
X.fillStyle=occ?'#1c2540':'#141a2a';X.beginPath();X.roundRect(x-12,y+2,24,7,2);X.fill();
|
||||
X.fillStyle=occ?c+'30':'#0e1420';X.fillRect(x-5,y-4,10,6);
|
||||
if(occ){X.fillStyle=c+'06';X.beginPath();X.arc(x,y,14,0,6.28);X.fill();}
|
||||
}
|
||||
|
||||
// ═ CHIBI CHARACTER ═
|
||||
function dC(a){
|
||||
const isH=a===hov,sit=a.st==='idle',sc=isH?1.15:1;
|
||||
const bob=sit?Math.sin(a.bob)*.3:Math.sin(a.bob)*1.5;
|
||||
const lsw=sit?0:Math.sin(a.wk)*3;
|
||||
X.save();X.translate(a.x,a.y+bob);X.scale(sc*a.dir,sc);
|
||||
if(isH){X.shadowColor=a.sh;X.shadowBlur=14;}
|
||||
const rm=RM.find(r=>r.id===a.r);
|
||||
// Shadow
|
||||
X.fillStyle='rgba(0,0,0,.25)';X.beginPath();X.ellipse(0,sit?6:10,6,2,0,0,6.28);X.fill();
|
||||
const oy=sit?-2:0;
|
||||
// Legs
|
||||
X.fillStyle='#25254a';
|
||||
if(sit){X.beginPath();X.roundRect(-4,oy+3,3,4,1);X.fill();X.beginPath();X.roundRect(1,oy+3,3,4,1);X.fill();}
|
||||
else{X.save();X.translate(-2,oy+3);X.rotate(lsw*.04);X.beginPath();X.roundRect(-1.5,0,3,7,1);X.fill();X.restore();
|
||||
X.save();X.translate(2,oy+3);X.rotate(-lsw*.04);X.beginPath();X.roundRect(-1.5,0,3,7,1);X.fill();X.restore();}
|
||||
// Shoes
|
||||
X.fillStyle='#1a1a38';
|
||||
X.beginPath();X.roundRect(-4.5+lsw*.15,oy+(sit?6:9),4.5,2,[0,0,1.5,1.5]);X.fill();
|
||||
X.beginPath();X.roundRect(0-lsw*.15,oy+(sit?6:9),4.5,2,[0,0,1.5,1.5]);X.fill();
|
||||
// Body
|
||||
const bg=X.createLinearGradient(0,oy-6,0,oy+3);bg.addColorStop(0,a.sh);bg.addColorStop(1,a.sh+'88');
|
||||
X.fillStyle=bg;X.beginPath();X.roundRect(-5.5,oy-6,11,10,[3,3,1,1]);X.fill();
|
||||
X.fillStyle='rgba(255,255,255,.06)';X.beginPath();X.roundRect(-4,oy-5,3.5,7,[1,0,0,1]);X.fill();
|
||||
// Arms
|
||||
X.fillStyle=a.sk;const asw=sit?.05:Math.sin(a.wk+.5)*.15;
|
||||
X.save();X.translate(-6.5,oy-3);X.rotate(sit?.25:asw);X.beginPath();X.roundRect(-1.5,0,3,sit?4.5:7,1.5);X.fill();X.restore();
|
||||
X.save();X.translate(6.5,oy-3);X.rotate(sit?-.25:-asw);X.beginPath();X.roundRect(-1.5,0,3,sit?4.5:7,1.5);X.fill();X.restore();
|
||||
// HEAD
|
||||
const hy=oy-15;const hr=8;
|
||||
X.fillStyle=a.sk;X.beginPath();X.arc(0,hy+1,hr,0,6.28);X.fill();
|
||||
X.fillStyle='#ff8a8a10';X.beginPath();X.arc(-5,hy+4,2.5,0,6.28);X.fill();X.beginPath();X.arc(5,hy+4,2.5,0,6.28);X.fill();
|
||||
// HAIR
|
||||
X.fillStyle=a.hc;
|
||||
switch(a.hr){
|
||||
case'slick':X.beginPath();X.arc(0,hy-.5,hr+.5,.7,Math.PI+.5);X.fill();X.fillRect(-6,hy-5,12,5);break;
|
||||
case'short':X.beginPath();X.arc(0,hy,hr+.5,.5,Math.PI-.3);X.fill();break;
|
||||
case'buzz':X.beginPath();X.arc(0,hy,hr+.8,.4,Math.PI-.2);X.fill();break;
|
||||
case'curly':for(let i=0;i<9;i++){const ag=-2.3+i*.5;X.beginPath();X.arc(Math.cos(ag)*7,hy-1+Math.sin(ag)*6.5,3,0,6.28);X.fill();}break;
|
||||
case'bob':X.beginPath();X.arc(0,hy-.5,hr+.5,.2,Math.PI);X.fill();X.fillRect(-8.5,hy+1,4,7);X.fillRect(4.5,hy+1,4,7);break;
|
||||
case'side':X.beginPath();X.arc(0,hy,hr+.5,.4,Math.PI-.2);X.fill();X.fillRect(-9,hy-1,4.5,7);break;
|
||||
case'wild':X.beginPath();X.arc(0,hy-.5,hr+1.5,.2,Math.PI);X.fill();X.beginPath();X.arc(-9,hy-1,3.5,0,6.28);X.fill();X.beginPath();X.arc(9,hy-1,3.5,0,6.28);X.fill();break;
|
||||
case'mohawk':X.beginPath();X.arc(0,hy,hr+.5,.5,Math.PI-.3);X.fill();for(let i=0;i<4;i++)X.fillRect(-1.5,hy-8-i*2,3,3.5);break;
|
||||
case'messy':X.beginPath();X.arc(0,hy-.5,hr+.8,.3,Math.PI-.1);X.fill();for(let i=0;i<4;i++)X.fillRect(-5+i*3,hy-7-Math.random()*2,2.5,4);break;
|
||||
case'long':X.beginPath();X.arc(0,hy-.5,hr+.5,.2,Math.PI);X.fill();X.fillRect(-9,hy,4,8);X.fillRect(5,hy,4,8);break;
|
||||
case'bun':X.beginPath();X.arc(0,hy,hr+.5,.5,Math.PI-.3);X.fill();X.beginPath();X.arc(0,hy-7,3.5,0,6.28);X.fill();break;
|
||||
case'ponytail':X.beginPath();X.arc(0,hy,hr+.5,.4,Math.PI-.2);X.fill();X.fillRect(6,hy,2.5,10);X.beginPath();X.arc(7,hy+10,2.5,0,6.28);X.fill();break;
|
||||
case'ears':X.beginPath();X.arc(0,hy,hr+.5,.5,Math.PI-.3);X.fill();X.beginPath();X.moveTo(-7,hy-2);X.lineTo(-11,hy-9);X.lineTo(-4,hy);X.fill();X.beginPath();X.moveTo(7,hy-2);X.lineTo(11,hy-9);X.lineTo(4,hy);X.fill();break;
|
||||
case'cap':X.beginPath();X.arc(0,hy-.5,hr+.5,.3,Math.PI-.1);X.fill();X.fillRect(-10,hy,20,3);X.fillRect(-12,hy+2,7,2);break;
|
||||
case'einstein':X.beginPath();X.arc(0,hy-.5,hr+1.5,.2,Math.PI);X.fill();X.beginPath();X.arc(-9,hy,3.5,0,6.28);X.fill();X.beginPath();X.arc(9,hy,3.5,0,6.28);X.fill();break;
|
||||
case'spiky':for(let i=0;i<5;i++){const ag=-1.6+i*.6,rr=hr+3;X.beginPath();X.moveTo(Math.cos(ag)*6,hy+Math.sin(ag)*5.5);X.lineTo(Math.cos(ag)*rr,hy-2+Math.sin(ag)*rr*.6);X.lineTo(Math.cos(ag+.3)*6,hy+Math.sin(ag+.3)*5.5);X.fill();}break;
|
||||
case'wavy':for(let i=0;i<7;i++){const ag=-2+i*.55;X.beginPath();X.arc(Math.cos(ag)*7.5,hy-1+Math.sin(ag)*6+Math.sin(i)*1.2,2.5,0,6.28);X.fill();}break;
|
||||
case'robot':X.fillStyle='#5a7a9a';X.beginPath();X.roundRect(-8,hy-5,16,13,3);X.fill();X.strokeStyle='#3a5a7a';X.lineWidth=.8;X.strokeRect(-6,hy-1,12,4);
|
||||
X.strokeStyle='#8aa';X.lineWidth=1.2;X.beginPath();X.moveTo(0,hy-5);X.lineTo(0,hy-9);X.stroke();X.fillStyle='#ef4444';X.beginPath();X.arc(0,hy-9,2,0,6.28);X.fill();break;
|
||||
default:X.beginPath();X.arc(0,hy,hr+.5,.5,Math.PI-.3);X.fill();
|
||||
}
|
||||
// EYES
|
||||
if(a.hr!=='robot'){
|
||||
if(a.bl<=0){
|
||||
X.fillStyle='#fff';X.beginPath();X.ellipse(-3,hy+1,2.8,3.2,0,0,6.28);X.fill();X.beginPath();X.ellipse(3,hy+1,2.8,3.2,0,0,6.28);X.fill();
|
||||
X.fillStyle=a.ey;X.beginPath();X.arc(-2.5,hy+1.5,1.8,0,6.28);X.fill();X.beginPath();X.arc(3.5,hy+1.5,1.8,0,6.28);X.fill();
|
||||
X.fillStyle='#000';X.beginPath();X.arc(-2.5,hy+1.8,1,0,6.28);X.fill();X.beginPath();X.arc(3.5,hy+1.8,1,0,6.28);X.fill();
|
||||
X.fillStyle='#fff';X.beginPath();X.arc(-3.2,hy+.5,.7,0,6.28);X.fill();X.beginPath();X.arc(2.8,hy+.5,.7,0,6.28);X.fill();
|
||||
}else{X.strokeStyle=a.ey;X.lineWidth=1.2;X.lineCap='round';X.beginPath();X.moveTo(-5,hy+1);X.lineTo(-1,hy+1);X.stroke();X.beginPath();X.moveTo(1,hy+1);X.lineTo(5,hy+1);X.stroke();}
|
||||
if(a.gl){X.strokeStyle='#8aa0be';X.lineWidth=.6;X.beginPath();X.arc(-3,hy+1,3.8,0,6.28);X.stroke();X.beginPath();X.arc(3,hy+1,3.8,0,6.28);X.stroke();X.beginPath();X.moveTo(-.2,hy+1);X.lineTo(.2,hy+1);X.stroke();}
|
||||
X.fillStyle=a.sk+'cc';X.beginPath();X.arc(0,hy+4.5,.8,0,6.28);X.fill();
|
||||
X.strokeStyle='#c08080';X.lineWidth=.6;X.lineCap='round';X.beginPath();
|
||||
if(a.st==='wk'){X.arc(0,hy+6.5,1.8,.2,Math.PI-.2);}else{X.moveTo(-1.2,hy+7);X.lineTo(1.2,hy+7);}X.stroke();
|
||||
}else{X.fillStyle=a.st!=='idle'?'#22c55e':'#3b82f6';X.beginPath();X.roundRect(-4,hy,.5,3,2.5,1);X.fill();X.beginPath();X.roundRect(1,hy+.5,3,2.5,1);X.fill();}
|
||||
// Accessories
|
||||
if(a.ac==='shades'){X.fillStyle='#000b';X.beginPath();X.roundRect(-6.5,hy-.5,5.5,3.5,1.2);X.fill();X.beginPath();X.roundRect(1,hy-.5,5.5,3.5,1.2);X.fill();}
|
||||
if(a.ac==='antlers'){X.strokeStyle=a.hc;X.lineWidth=1;X.beginPath();X.moveTo(-6,hy-4);X.lineTo(-9,hy-10);X.moveTo(-8,hy-7);X.lineTo(-11,hy-11);X.stroke();X.beginPath();X.moveTo(6,hy-4);X.lineTo(9,hy-10);X.moveTo(8,hy-7);X.lineTo(11,hy-11);X.stroke();}
|
||||
if(a.ac==='beret'){X.fillStyle='#e94560';X.beginPath();X.arc(-1,hy-6,5.5,.3,Math.PI);X.fill();X.beginPath();X.arc(-1,hy-8,1.5,0,6.28);X.fill();}
|
||||
if(a.ac==='goggles'){X.fillStyle='#06b6d430';X.beginPath();X.roundRect(-6.5,hy-1,5.5,4,1.5);X.fill();X.beginPath();X.roundRect(1,hy-1,5.5,4,1.5);X.fill();}
|
||||
if(a.ac==='headset'){X.strokeStyle='#444';X.lineWidth=1.5;X.beginPath();X.arc(0,hy-1,hr+1.5,.7,Math.PI-.5);X.stroke();X.fillStyle='#333';X.beginPath();X.arc(-8,hy+2,2.5,0,6.28);X.fill();}
|
||||
if(a.ac==='helmet'){X.fillStyle='#4a6a4a';X.beginPath();X.arc(0,hy-1,hr+1.5,.3,Math.PI-.1);X.fill();}
|
||||
// Emoji + name
|
||||
X.font='7px sans-serif';X.textAlign='center';X.fillText(a.e,hr+3,hy-1);
|
||||
X.font=`${isH?'800':'600'} ${isH?7.5:6}px Nunito`;X.fillStyle=isH?'#fff':a.st!=='idle'?'#b0c0e0':'#3a4a60';X.fillText(a.n,0,sit?14:20);
|
||||
if(a.st!=='idle'){X.fillStyle='#22c55e';X.beginPath();X.arc(0,oy-20,2,0,6.28);X.fill();}
|
||||
if(a.bubt>0){const ba=Math.min(a.bubt/16,1);X.globalAlpha=ba;X.fillStyle='#fffd';const bw=Math.min(a.bub.length*3.5+10,90);X.beginPath();X.roundRect(-bw/2,oy-36,bw,13,5);X.fill();
|
||||
X.fillStyle='#fff';X.beginPath();X.moveTo(-2,oy-23);X.lineTo(2,oy-23);X.lineTo(0,oy-20);X.closePath();X.fill();
|
||||
X.font='600 5.5px Nunito';X.fillStyle='#1a1a2e';X.fillText(a.bub,0,oy-27.5);X.globalAlpha=1;}
|
||||
X.restore();
|
||||
}
|
||||
|
||||
// ═ CHAIN ═
|
||||
function dChain(){const y=SN[0].y;
|
||||
X.fillStyle='#0c0e1e';X.beginPath();X.roundRect(20,y-16,W-40,32,6);X.fill();
|
||||
X.strokeStyle='#1a2040';X.lineWidth=.8;X.beginPath();X.roundRect(20,y-16,W-40,32,6);X.stroke();
|
||||
const off=(fr*.8)%18;X.strokeStyle='#12182a';X.lineWidth=.3;
|
||||
for(let x=24-off;x<W-24;x+=18){X.beginPath();X.moveTo(x,y-15);X.lineTo(x,y+15);X.stroke();}
|
||||
SN.forEach((s,i)=>{
|
||||
X.fillStyle=s.c+'28';X.beginPath();X.arc(s.x,y,16,0,6.28);X.fill();
|
||||
X.fillStyle=s.c+'50';X.beginPath();X.arc(s.x,y,5,0,6.28);X.fill();
|
||||
X.strokeStyle=s.c;X.lineWidth=1;X.beginPath();X.arc(s.x,y,5,0,6.28);X.stroke();
|
||||
X.font='700 7px Nunito';X.textAlign='center';X.fillStyle=s.c;X.fillText(s.l,s.x,y+24);
|
||||
if(i<SN.length-1){const n=SN[i+1];X.strokeStyle='#182040';X.lineWidth=.6;X.beginPath();X.moveTo(s.x+7,y);X.lineTo(n.x-7,y);X.stroke();}
|
||||
});
|
||||
}
|
||||
|
||||
// ═ UPDATE ═
|
||||
function upd(dt){fr++;let ac=0;
|
||||
AG.forEach(a=>{a.bob+=dt*(a.st==='idle'?1.5:3.2);a.blt-=dt*60;if(a.blt<=0){a.bl=4;a.blt=80+Math.random()*180;}if(a.bl>0)a.bl-=dt*60;if(a.bubt>0)a.bubt-=dt*20;
|
||||
switch(a.st){
|
||||
case'idle':a.tmr-=dt*60;if(a.tmr<=0){a.st='wt';a.wk=0;}break;
|
||||
case'wt':a.wk+=dt*7;ac++;{const dx=a.cx-a.x,dy=a.cy-a.y,d=Math.hypot(dx,dy);if(d>2){const sp=85*dt;a.x+=dx/d*sp;a.y+=dy/d*sp;a.dir=dx>0?1:-1;}else{a.st='wk';a.wtmr=55+Math.random()*90;a.bub=a.p.substring(0,16);a.bubt=40;tasks++;}}break;
|
||||
case'wk':a.wk+=dt*2.5;ac++;a.wtmr-=dt*60;if(a.wtmr<=0)a.st='wb';break;
|
||||
case'wb':a.wk+=dt*7;ac++;{const dx=a.dx-a.x,dy=a.dy-a.y,d=Math.hypot(dx,dy);if(d>2){const sp=85*dt;a.x+=dx/d*sp;a.y+=dy/d*sp;a.dir=dx>0?1:-1;}else{a.st='idle';a.x=a.dx;a.y=a.dy;a.dir=1;a.tmr=220+Math.random()*550;}}break;
|
||||
}});document.getElementById('ac').textContent=ac;document.getElementById('tc').textContent=tasks;}
|
||||
|
||||
function hit(){hov=null;AG.forEach(a=>{if(Math.abs(mx-a.x)<9&&Math.abs(my-a.y)<16)hov=a;});
|
||||
const t=document.getElementById('tip');if(hov){t.style.display='block';t.style.left=Math.min(mx+14,W-250)+'px';t.style.top=Math.max(my-150,10)+'px';
|
||||
const rm=RM.find(r=>r.id===hov.r);t.style.borderColor=rm?rm.c:'#53d8fb';
|
||||
t.querySelector('b').textContent=hov.e+' '+hov.n;t.querySelector('i').textContent=rm?rm.l:'';t.querySelector('i').style.color=rm?rm.c:'#fff';
|
||||
t.querySelector('p').textContent=hov.d;t.querySelector('s').textContent='→ '+hov.p;
|
||||
const sm={idle:'💤 Au bureau',wt:'🚶 → Production',wk:'⚙️ En production',wb:'🔙 Retour'};
|
||||
t.querySelector('em').textContent=sm[hov.st]||'';t.querySelector('em').style.color=hov.st==='idle'?'#5a6888':'#22c55e';
|
||||
}else t.style.display='none';}
|
||||
|
||||
let lt=0;function loop(t){const dt=Math.min((t-lt)/1000,.04);lt=t;X.clearRect(0,0,W,H);X.fillStyle='#1a1a2e';X.fillRect(0,0,W,H);
|
||||
RM.forEach(r=>dR(r));AG.forEach(a=>{const rm=RM.find(r=>r.id===a.r);if(rm)dD(a.dx,a.dy,rm.c,a.st==='idle');});
|
||||
dChain();upd(dt);
|
||||
AG.filter(a=>a.st==='wt'||a.st==='wb').forEach(a=>{X.strokeStyle='#22c55e08';X.lineWidth=.6;X.setLineDash([1.5,4]);X.beginPath();X.moveTo(a.dx,a.dy);X.lineTo(a.x,a.y);X.stroke();X.setLineDash([]);});
|
||||
[...AG].sort((a,b)=>a.y-b.y).forEach(a=>dC(a));hit();requestAnimationFrame(loop);}
|
||||
|
||||
C.addEventListener('mousemove',e=>{mx=e.clientX;my=e.clientY;C.style.cursor=hov?'pointer':'default'});
|
||||
C.addEventListener('mouseleave',()=>{mx=my=-1});
|
||||
requestAnimationFrame(loop);
|
||||
</script>
|
||||
<!-- CARTO_REMOVED -->
|
||||
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN v1 19avr — append-only, doctrine #14 === -->
|
||||
<script>
|
||||
(function(){
|
||||
if (window.__opusUniversalDrill) return; window.__opusUniversalDrill = true;
|
||||
var d = document;
|
||||
var m = d.createElement('div');
|
||||
m.id = 'opus-udrill';
|
||||
m.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.82);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:99995;padding:20px;cursor:pointer';
|
||||
var inner = d.createElement('div');
|
||||
inner.id = 'opus-udrill-in';
|
||||
inner.style.cssText = 'max-width:900px;width:100%;max-height:90vh;overflow:auto;background:#0b0d15;border:1px solid rgba(99,102,241,0.35);border-radius:14px;padding:28px;cursor:default;box-shadow:0 20px 60px rgba(0,0,0,0.6);color:#e2e8f0;font:14px/1.55 Inter,system-ui,sans-serif';
|
||||
inner.addEventListener('click', function(e){ e.stopPropagation(); });
|
||||
m.appendChild(inner);
|
||||
m.addEventListener('click', function(){ m.style.display='none'; });
|
||||
d.addEventListener('keydown', function(e){ if(e.key==='Escape') m.style.display='none'; });
|
||||
(d.body || d.documentElement).appendChild(m);
|
||||
|
||||
function openCard(card) {
|
||||
// Clone card content + show close btn + increase font-size
|
||||
var html = '<div style="display:flex;justify-content:flex-end;margin-bottom:14px"><button id="opus-udrill-close" style="padding:6px 14px;background:#171b2a;border:1px solid rgba(99,102,241,0.25);color:#e2e8f0;border-radius:8px;cursor:pointer;font-size:12px">✕ Fermer (Esc)</button></div>';
|
||||
html += '<div style="transform-origin:top left;font-size:1.05em">' + card.outerHTML + '</div>';
|
||||
inner.innerHTML = html;
|
||||
d.getElementById('opus-udrill-close').onclick = function(){ m.style.display='none'; };
|
||||
m.style.display = 'flex';
|
||||
}
|
||||
|
||||
function wire(root) {
|
||||
var sels = '.card,[class*="card"],.kpi,[class*="kpi"],.stat,[class*="stat"],.tile,[class*="tile"],.metric,[class*="metric"],.widget,[class*="widget"]';
|
||||
var cards = root.querySelectorAll(sels);
|
||||
for (var i = 0; i < cards.length; i++) {
|
||||
var c = cards[i];
|
||||
if (c.__opusWired) continue;
|
||||
if (c.closest('button, a, input, select, textarea, #opus-udrill')) continue;
|
||||
var r = c.getBoundingClientRect();
|
||||
if (r.width < 60 || r.height < 40) continue;
|
||||
c.__opusWired = true;
|
||||
c.style.cursor = 'pointer';
|
||||
c.setAttribute('role','button');
|
||||
c.setAttribute('tabindex','0');
|
||||
c.addEventListener('click', function(ev){
|
||||
// If a more-specific drill is already active (e.g. pp-card custom), let it handle
|
||||
if (ev.target.closest('[data-pp-id]') && window.__opusDrillInit) return;
|
||||
if (ev.target.closest('a,button,input,select')) return;
|
||||
ev.preventDefault(); ev.stopPropagation();
|
||||
openCard(this);
|
||||
});
|
||||
c.addEventListener('keydown', function(ev){ if(ev.key==='Enter'||ev.key===' '){ev.preventDefault();openCard(this);} });
|
||||
}
|
||||
}
|
||||
|
||||
// Initial + mutation observer
|
||||
var initRun = function(){ wire(d.body || d.documentElement); };
|
||||
if (d.readyState === 'loading') d.addEventListener('DOMContentLoaded', initRun);
|
||||
else initRun();
|
||||
var mo = new MutationObserver(function(muts){
|
||||
var newCard = false;
|
||||
for (var i=0;i<muts.length;i++) if (muts[i].addedNodes.length) { newCard = true; break; }
|
||||
if (newCard) initRun();
|
||||
});
|
||||
mo.observe(d.body || d.documentElement, {childList:true, subtree:true});
|
||||
})();
|
||||
</script>
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN END === -->
|
||||
|
||||
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t33b5) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1776776094" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,414 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>WEVAL Agents Fleet</title>
|
||||
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Outfit:wght@300;500;700;900&display=swap" rel="stylesheet">
|
||||
<style>@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800;900&display=swap');
|
||||
:root {
|
||||
--bg: #06080f;
|
||||
--card: #0c1020;
|
||||
--border: #1a2040;
|
||||
--text: #c8d0e0;
|
||||
--dim: #5a6580;
|
||||
--green: #22c55e;
|
||||
--red: #ef4444;
|
||||
--blue: #3b82f6;
|
||||
--purple: #a855f7;
|
||||
--amber: #f59e0b;
|
||||
--cyan: #06b6d4;
|
||||
--pink: #ec4899;
|
||||
--lime: #84cc16;
|
||||
}
|
||||
* { margin:0; padding:0; box-sizing:border-box; }
|
||||
body { background:var(--bg); color:var(--text); font-family:'Outfit',sans-serif; min-height:100vh; overflow-x:hidden; }
|
||||
|
||||
.noise { position:fixed; inset:0; opacity:.03; pointer-events:none; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
|
||||
|
||||
header {
|
||||
padding:40px 40px 20px;
|
||||
display:flex; justify-content:space-between; align-items:flex-end;
|
||||
border-bottom:1px solid var(--border);
|
||||
}
|
||||
h1 { font-size:2.8rem; font-weight:900; letter-spacing:-2px; line-height:1; }
|
||||
h1 span { background:linear-gradient(135deg,var(--cyan),var(--purple)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
|
||||
.stats { display:flex; gap:24px; }
|
||||
.stat { text-align:center; }
|
||||
.stat-num { font-family:'JetBrains Mono',monospace; font-size:2rem; font-weight:700; }
|
||||
.stat-label { font-size:.7rem; text-transform:uppercase; letter-spacing:2px; color:var(--dim); }
|
||||
|
||||
.type-filter { display:flex; gap:8px; padding:20px 40px; flex-wrap:wrap; }
|
||||
.type-btn { background:var(--card); border:1px solid var(--border); color:var(--dim); padding:6px 16px; border-radius:20px; cursor:pointer; font-size:.8rem; font-family:'Outfit',sans-serif; transition:.2s; }
|
||||
.type-btn:hover, .type-btn.active { border-color:var(--cyan); color:var(--cyan); background:#0a1530; }
|
||||
|
||||
.grid {
|
||||
display:grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
|
||||
gap:16px;
|
||||
padding:20px 40px 60px;
|
||||
}
|
||||
|
||||
.agent-card {
|
||||
background:var(--card);
|
||||
border:1px solid var(--border);
|
||||
border-radius:16px;
|
||||
padding:20px;
|
||||
position:relative;
|
||||
overflow:hidden;
|
||||
transition: transform .25s, border-color .3s, box-shadow .3s;
|
||||
cursor:default;
|
||||
animation: fadeUp .5s ease both;
|
||||
}
|
||||
.agent-card:hover {
|
||||
transform:translateY(-4px);
|
||||
border-color:var(--cyan);
|
||||
box-shadow:0 8px 32px rgba(6,182,212,.12);
|
||||
}
|
||||
@keyframes fadeUp {
|
||||
from { opacity:0; transform:translateY(20px); }
|
||||
to { opacity:1; transform:translateY(0); }
|
||||
}
|
||||
|
||||
.agent-avatar {
|
||||
width:56px; height:56px;
|
||||
border-radius:14px;
|
||||
display:flex; align-items:center; justify-content:center;
|
||||
font-size:1.6rem;
|
||||
margin-bottom:12px;
|
||||
position:relative;
|
||||
}
|
||||
.agent-avatar::after {
|
||||
content:'';
|
||||
position:absolute;
|
||||
bottom:-2px; right:-2px;
|
||||
width:14px; height:14px;
|
||||
border-radius:50%;
|
||||
border:2px solid var(--card);
|
||||
}
|
||||
.agent-card[data-status="active"] .agent-avatar::after { background:var(--green); }
|
||||
.agent-card[data-status="down"] .agent-avatar::after { background:var(--red); }
|
||||
.agent-card[data-status="offline"] .agent-avatar::after { background:var(--amber); }
|
||||
|
||||
.agent-name { font-weight:700; font-size:1rem; margin-bottom:4px; color:#fff; }
|
||||
.agent-type {
|
||||
display:inline-block;
|
||||
font-size:.65rem;
|
||||
text-transform:uppercase;
|
||||
letter-spacing:1.5px;
|
||||
padding:2px 8px;
|
||||
border-radius:6px;
|
||||
margin-bottom:8px;
|
||||
font-weight:500;
|
||||
}
|
||||
.agent-desc { font-size:.82rem; color:var(--dim); line-height:1.4; margin-bottom:10px; min-height:40px; }
|
||||
.agent-produces { font-family:'JetBrains Mono',monospace; font-size:.7rem; color:var(--cyan); opacity:.7; }
|
||||
|
||||
.type-cognitive .agent-avatar { background:linear-gradient(135deg,#1e3a5f,#0d1b2a); }
|
||||
.type-cognitive .agent-type { background:#1e3a5f33; color:var(--blue); }
|
||||
.type-autonomous .agent-avatar { background:linear-gradient(135deg,#4a1942,#1a0a18); }
|
||||
.type-autonomous .agent-type { background:#4a194233; color:var(--purple); }
|
||||
.type-mode .agent-avatar { background:linear-gradient(135deg,#1a3a1a,#0a180a); }
|
||||
.type-mode .agent-type { background:#1a3a1a33; color:var(--lime); }
|
||||
.type-backend .agent-avatar { background:linear-gradient(135deg,#3a2a1a,#1a1508); }
|
||||
.type-backend .agent-type { background:#3a2a1a33; color:var(--amber); }
|
||||
.type-research .agent-avatar { background:linear-gradient(135deg,#1a2a3a,#081520); }
|
||||
.type-research .agent-type { background:#1a2a3a33; color:var(--cyan); }
|
||||
.type-creative .agent-avatar { background:linear-gradient(135deg,#3a1a2a,#200a18); }
|
||||
.type-creative .agent-type { background:#3a1a2a33; color:var(--pink); }
|
||||
.type-monitor .agent-avatar, .type-security .agent-avatar { background:linear-gradient(135deg,#2a2a1a,#18180a); }
|
||||
.type-monitor .agent-type, .type-security .agent-type { background:#2a2a1a33; color:var(--amber); }
|
||||
.type-desktop .agent-avatar { background:linear-gradient(135deg,#1a2a2a,#0a1818); }
|
||||
.type-desktop .agent-type { background:#1a2a2a33; color:var(--cyan); }
|
||||
.type-scraper .agent-avatar { background:linear-gradient(135deg,#2a1a2a,#180a18); }
|
||||
.type-scraper .agent-type { background:#2a1a2a33; color:var(--pink); }
|
||||
|
||||
.pulse { animation:pulse 2s ease-in-out infinite; }
|
||||
@keyframes pulse { 0%,100%{opacity:.7} 50%{opacity:1} }
|
||||
|
||||
footer { text-align:center; padding:20px; color:var(--dim); font-size:.75rem; border-top:1px solid var(--border); }
|
||||
footer a { color:var(--cyan); text-decoration:none; }
|
||||
|
||||
.loading { text-align:center; padding:80px; color:var(--dim); font-size:1.2rem; }
|
||||
</style>
|
||||
<link rel="stylesheet" href="/css/weval-premium.css">
|
||||
<script src="/js/wevia-a11y-auto.js" defer></script>
|
||||
</head><!--archi-->
|
||||
<body style="padding-top:60px">
|
||||
<!-- BETON-DOCTRINE-101 dual-dummy block (pages pub) -->
|
||||
<div id="weval-global-logout" style="display:none!important;visibility:hidden!important" aria-hidden="true" data-beton-101="dummy-to-block-auto-injection"></div>
|
||||
<a id="weval-gl" href="#" style="display:none!important;visibility:hidden!important" aria-hidden="true" data-beton-101="dummy-to-block-auto-injection" tabindex="-1"></a>
|
||||
|
||||
<!-- CANONICAL BANNER doctrine 103 -->
|
||||
<div id="canonical-banner-v103" style="position:fixed;top:0;left:0;right:0;z-index:99990;background:linear-gradient(90deg,#1e293b,#0f172a);border-bottom:1px solid rgba(99,102,241,0.3);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;font-family:Inter,system-ui,sans-serif;font-size:12px;backdrop-filter:blur(8px)">
|
||||
<span style="color:#94a3b8">Variante agents-* <span id="canonical-this-page" style="color:#64748b">(cette page)</span></span>
|
||||
<a href="/agents-archi.html" style="color:#a5b4fc;text-decoration:none;padding:4px 12px;background:rgba(99,102,241,0.15);border-radius:6px;border:1px solid rgba(99,102,241,0.25)">Voir canonical : agents-archi</a>
|
||||
<button type="button" aria-label="Fermer banner" onclick="this.parentElement.style.display='none'" style="background:transparent;border:none;color:#64748b;font-size:16px;cursor:pointer;padding:0 8px">×</button>
|
||||
</div>
|
||||
<style>#canonical-banner-v103+*{margin-top:36px!important}</style>
|
||||
<script>
|
||||
(function(){
|
||||
var el = document.getElementById('canonical-this-page');
|
||||
if(el) el.textContent = '(' + location.pathname.split('/').pop() + ')';
|
||||
})();
|
||||
</script>
|
||||
<!-- END CANONICAL BANNER -->
|
||||
<div style="position:fixed;top:0;left:0;right:0;height:28px;background:#ffffffee;z-index:100;display:flex;align-items:center;padding:0 14px;font-family:Nunito,sans-serif;font-size:.65rem;gap:12px;border-bottom:1px solid #e2e8f0;backdrop-filter:blur(8px)"><b style="color:#059669">WEVIA</b></div>
|
||||
<div style="position:fixed;top:30px;left:0;right:0;display:flex;justify-content:center;gap:5px;padding:4px;z-index:100;background:#f8fafcee;backdrop-filter:blur(8px);font-family:Nunito,sans-serif">
|
||||
<a href="/agents-archi.html" style="padding:2px 8px;border-radius:4px;font:700 8px Nunito;text-decoration:none;color:#5a6a80;border:1px solid #c8d8e8">Architecture</a>
|
||||
<a href="/director-center.html" style="padding:2px 8px;border-radius:4px;font:700 8px Nunito;text-decoration:none;color:#5a6a80;border:1px solid #c8d8e8">Director</a>
|
||||
<a href="/wevia-meeting-rooms.html" style="padding:2px 8px;border-radius:4px;font:700 8px Nunito;text-decoration:none;color:#5a6a80;border:1px solid #c8d8e8">Rooms</a>
|
||||
<a href="/enterprise-model.html" style="padding:2px 8px;border-radius:4px;font:700 8px Nunito;text-decoration:none;color:#5a6a80;border:1px solid #c8d8e8">Enterprise</a>
|
||||
<a href="/value-stream.html" style="padding:2px 8px;border-radius:4px;font:700 8px Nunito;text-decoration:none;color:#5a6a80;border:1px solid #c8d8e8">VSM</a>
|
||||
<a href="/value-chain.html" style="padding:2px 8px;border-radius:4px;font:700 8px Nunito;text-decoration:none;color:#5a6a80;border:1px solid #c8d8e8">Chain</a>
|
||||
<a href="/toolhub.html" style="padding:2px 8px;border-radius:4px;font:700 8px Nunito;text-decoration:none;color:#5a6a80;border:1px solid #c8d8e8">Tools</a>
|
||||
<a href="/wiki.html" style="padding:2px 8px;border-radius:4px;font:700 8px Nunito;text-decoration:none;color:#5a6a80;border:1px solid #c8d8e8">Wiki</a>
|
||||
<a href="/agents-ia.html" style="padding:2px 8px;border-radius:4px;font:700 8px Nunito;text-decoration:none;color:#5a6a80;border:1px solid #c8d8e8">Pyramid</a>
|
||||
<a href="/director-chat.html" style="padding:2px 8px;border-radius:4px;font:700 8px Nunito;text-decoration:none;color:#5a6a80;border:1px solid #c8d8e8">Chat</a>
|
||||
<a href="/l99-brain.html" style="padding:2px 8px;border-radius:4px;font:700 8px Nunito;text-decoration:none;color:#5a6a80;border:1px solid #c8d8e8">L99</a>
|
||||
</div><div id="live-stats" ondblclick="this.remove()" style="position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;justify-content:center;gap:12px;padding:4px 8px;background:linear-gradient(135deg,#1e293b,#0f172a);font-family:sans-serif"><div style="color:#4ade80;font:700 10px sans-serif"><body>#9889; <span id="ls-ag">669</span> Agents</div><div style="color:#60a5fa;font:700 10px sans-serif"><body>#127970; <span id="ls-dp">22</span> Depts</div><div style="color:#fbbf24;font:700 10px sans-serif"><body>#128051; 20 Docker</div><div style="color:#a78bfa;font:700 10px sans-serif"><body>#129302; 10 Ollama</div><div style="color:#f87171;font:700 10px sans-serif"><body>#128200; <span id="ls-nr">153/153</span></div><div style="color:#34d399;font:700 10px sans-serif"><body>#128274; SSO OK</div><div style="width:6px;height:6px;border-radius:50%;background:#4ade80;animation:lp 2s infinite;align-self:center"></div></div><style>@keyframes lp{0%,100%{opacity:1}50%{opacity:.3}}</style>
|
||||
<div class="noise"></div>
|
||||
|
||||
<header>
|
||||
<div>
|
||||
<h1><span>WEVAL</span> Agents Fleet</h1>
|
||||
<p style="color:var(--dim);margin-top:6px;font-size:.9rem">Intelligence souveraine — 0 dépendance cloud US</p>
|
||||
</div>
|
||||
<div class="stats">
|
||||
<div class="stat"><div class="stat-num" id="s-total">—</div><div class="stat-label">Agents</div></div>
|
||||
<div class="stat"><div class="stat-num" style="color:var(--green)" id="s-active">—</div><div class="stat-label">Actifs</div></div>
|
||||
<div class="stat"><div class="stat-num" style="color:var(--purple)" id="s-types">—</div><div class="stat-label">Types</div></div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="type-filter" id="filters"></div>
|
||||
<div class="grid" id="grid"><div class="loading pulse">Chargement des agents...</div></div>
|
||||
|
||||
<footer>
|
||||
WEVAL Consulting — <a href="/">weval-consulting.com</a> — Casablanca | Paris | NYC — Powered by WEVIA Sovereign AI
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
const AVATARS = {
|
||||
'analyst':'🔍','architect':'🏗️','code-reviewer':'👁️','code-simplifier':'✂️',
|
||||
'critic':'⚖️','debugger':'🐛','designer':'🎨','document-specialist':'📝',
|
||||
'executor':'⚡','explore':'🧭','git-master':'🌿','planner':'📋',
|
||||
'qa-tester':'🧪','scientist':'🔬','security-reviewer':'🛡️','test-engineer':'🧰',
|
||||
'tracer':'🔦','verifier':'✅','writer':'✍️',
|
||||
'CEO':'👔','WEDROID':'🤖','DeerFlow':'🦌','MiroFish':'🐟',
|
||||
'/sc:brainstorming':'💡','/sc:business_panel':'📊','/sc:deep_research':'🔬',
|
||||
'/sc:introspection':'🧠','/sc:orchestration':'🎯','/sc:task_management':'📋',
|
||||
'/sc:token_efficiency':'⚡',
|
||||
'Watchdog':'🐕','Guardian':'🛡️','Blade Sentinel':'💻','Ethica Scraper':'💊'
|
||||
};
|
||||
|
||||
const PRODUCES = {
|
||||
'analyst':'→ Analyse requirements, specs',
|
||||
'architect':'→ Architecture, diagrammes, decisions',
|
||||
'code-reviewer':'→ Code reviews, severity ratings',
|
||||
'code-simplifier':'→ Code refactoré, simplifié',
|
||||
'critic':'→ Plans validés, risques identifiés',
|
||||
'debugger':'→ Bugs tracés, root cause, fix',
|
||||
'designer':'→ UI/UX, mockups, wireframes',
|
||||
'document-specialist':'→ Docs techniques, README',
|
||||
'executor':'→ Scripts exécutés, déploiements',
|
||||
'explore':'→ Exploration, R&D, prototypes',
|
||||
'git-master':'→ Branches, merges, releases',
|
||||
'planner':'→ Roadmaps, sprints, milestones',
|
||||
'qa-tester':'→ Tests E2E, couverture, rapports',
|
||||
'scientist':'→ Recherche, benchmarks, données',
|
||||
'security-reviewer':'→ Audits OWASP, vulnérabilités',
|
||||
'test-engineer':'→ Suites de tests, CI/CD',
|
||||
'tracer':'→ Logs tracés, chaîne de debug',
|
||||
'verifier':'→ Validation, conformité, checks',
|
||||
'writer':'→ Articles, content, copywriting',
|
||||
'CEO':'→ Stratégie, décisions, hiring (autonome)',
|
||||
'WEDROID':'→ Diagnostic serveur, DB, fix auto',
|
||||
'DeerFlow':'→ Recherche deep, synthèse multi-source',
|
||||
'MiroFish':'→ Contenu créatif, brainstorm',
|
||||
'/sc:brainstorming':'→ Idées générées, évaluation',
|
||||
'/sc:business_panel':'→ Analyses business, KPIs',
|
||||
'/sc:deep_research':'→ Recherche approfondie',
|
||||
'/sc:introspection':'→ Méta-analyse, réflexion',
|
||||
'/sc:orchestration':'→ Coordination multi-agent',
|
||||
'/sc:task_management':'→ Tasks, deadlines, suivi',
|
||||
'/sc:token_efficiency':'→ Réponses ultra-concises',
|
||||
'Watchdog':'→ Auto-restart services, alertes TG',
|
||||
'Guardian':'→ Protection fichiers, chattr +i',
|
||||
'Blade Sentinel':'→ Tâches desktop, PowerShell',
|
||||
'Ethica Scraper':'→ 131K+ HCPs enrichis MA/TN/DZ'
|
||||
};
|
||||
|
||||
let allAgents = [];
|
||||
let activeFilter = 'all';
|
||||
|
||||
async function load() {
|
||||
try {
|
||||
const r = await fetch('/api/agents-status.php');
|
||||
/* HTML_GUARD_V2_BATCH */ const _t_d=await r.text(); let d=null; {var _q=(_t_d||"").trim();if(_q.startsWith("<!DOCTYPE")||_q.startsWith("<html")){d={error:"[HTTP "+(r.status||"?")+"] Backend indisponible",isHtmlError:true};}else{try{d=JSON.parse(_q)}catch(e){d={error:"[JSON] "+e.message}}}}
|
||||
allAgents = d.agents || [];
|
||||
document.getElementById('s-total').textContent = d.total;
|
||||
document.getElementById('s-active').textContent = d.active;
|
||||
const types = [...new Set(allAgents.map(a=>a.type))];
|
||||
document.getElementById('s-types').textContent = types.length;
|
||||
|
||||
// Build filters
|
||||
const fhtml = [`<button class="type-btn active" onclick="filter('all')">Tous (${d.total})</button>`];
|
||||
const typeCounts = {};
|
||||
allAgents.forEach(a => { typeCounts[a.type] = (typeCounts[a.type]||0)+1; });
|
||||
Object.entries(typeCounts).sort((a,b)=>b[1]-a[1]).forEach(([t,c]) => {
|
||||
fhtml.push(`<button class="type-btn" onclick="filter('${t}')">${t} (${c})</button>`);
|
||||
});
|
||||
document.getElementById('filters').innerHTML = fhtml.join('');
|
||||
|
||||
render(allAgents);
|
||||
} catch(e) {
|
||||
document.getElementById('grid').innerHTML = '<div class="loading">Erreur chargement</div>';
|
||||
}
|
||||
}
|
||||
|
||||
function filter(type) {
|
||||
activeFilter = type;
|
||||
document.querySelectorAll('.type-btn').forEach(b => b.classList.remove('active'));
|
||||
event.target.classList.add('active');
|
||||
const filtered = type === 'all' ? allAgents : allAgents.filter(a => a.type === type);
|
||||
render(filtered);
|
||||
}
|
||||
|
||||
function render(agents) {
|
||||
const grid = document.getElementById('grid');
|
||||
grid.innerHTML = agents.map((a, i) => `
|
||||
<div class="agent-card type-${a.type}" data-status="${a.status}" style="animation-delay:${i*40}ms">
|
||||
<div class="agent-avatar">${AVATARS[a.name] || '🤖'}</div>
|
||||
<div class="agent-name">${a.name}</div>
|
||||
<div class="agent-type">${a.type}${a.source ? ' · '+a.source : ''}</div>
|
||||
<div class="agent-desc">${a.desc || ''}</div>
|
||||
<div class="agent-produces">${PRODUCES[a.name] || '→ Processing...'}</div>
|
||||
</div>
|
||||
`).join('');
|
||||
}
|
||||
|
||||
load();
|
||||
setInterval(load, 30000);
|
||||
</script>
|
||||
<!-- CARTO_REMOVED -->
|
||||
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN v1 19avr — append-only, doctrine #14 === -->
|
||||
<script>
|
||||
(function(){
|
||||
if (window.__opusUniversalDrill) return; window.__opusUniversalDrill = true;
|
||||
var d = document;
|
||||
var m = d.createElement('div');
|
||||
m.id = 'opus-udrill';
|
||||
m.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.82);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:99995;padding:20px;cursor:pointer';
|
||||
var inner = d.createElement('div');
|
||||
inner.id = 'opus-udrill-in';
|
||||
inner.style.cssText = 'max-width:900px;width:100%;max-height:90vh;overflow:auto;background:#0b0d15;border:1px solid rgba(99,102,241,0.35);border-radius:14px;padding:28px;cursor:default;box-shadow:0 20px 60px rgba(0,0,0,0.6);color:#e2e8f0;font:14px/1.55 Inter,system-ui,sans-serif';
|
||||
inner.addEventListener('click', function(e){ e.stopPropagation(); });
|
||||
m.appendChild(inner);
|
||||
m.addEventListener('click', function(){ m.style.display='none'; });
|
||||
d.addEventListener('keydown', function(e){ if(e.key==='Escape') m.style.display='none'; });
|
||||
(d.body || d.documentElement).appendChild(m);
|
||||
|
||||
function openCard(card) {
|
||||
// Clone card content + show close btn + increase font-size
|
||||
var html = '<div style="display:flex;justify-content:flex-end;margin-bottom:14px"><button id="opus-udrill-close" style="padding:6px 14px;background:#171b2a;border:1px solid rgba(99,102,241,0.25);color:#e2e8f0;border-radius:8px;cursor:pointer;font-size:12px">✕ Fermer (Esc)</button></div>';
|
||||
html += '<div style="transform-origin:top left;font-size:1.05em">' + card.outerHTML + '</div>';
|
||||
inner.innerHTML = html;
|
||||
d.getElementById('opus-udrill-close').onclick = function(){ m.style.display='none'; };
|
||||
m.style.display = 'flex';
|
||||
}
|
||||
|
||||
function wire(root) {
|
||||
var sels = '.card,[class*="card"],.kpi,[class*="kpi"],.stat,[class*="stat"],.tile,[class*="tile"],.metric,[class*="metric"],.widget,[class*="widget"]';
|
||||
var cards = root.querySelectorAll(sels);
|
||||
for (var i = 0; i < cards.length; i++) {
|
||||
var c = cards[i];
|
||||
if (c.__opusWired) continue;
|
||||
if (c.closest('button, a, input, select, textarea, #opus-udrill')) continue;
|
||||
var r = c.getBoundingClientRect();
|
||||
if (r.width < 60 || r.height < 40) continue;
|
||||
c.__opusWired = true;
|
||||
c.style.cursor = 'pointer';
|
||||
c.setAttribute('role','button');
|
||||
c.setAttribute('tabindex','0');
|
||||
c.addEventListener('click', function(ev){
|
||||
// If a more-specific drill is already active (e.g. pp-card custom), let it handle
|
||||
if (ev.target.closest('[data-pp-id]') && window.__opusDrillInit) return;
|
||||
if (ev.target.closest('a,button,input,select')) return;
|
||||
ev.preventDefault(); ev.stopPropagation();
|
||||
openCard(this);
|
||||
});
|
||||
c.addEventListener('keydown', function(ev){ if(ev.key==='Enter'||ev.key===' '){ev.preventDefault();openCard(this);} });
|
||||
}
|
||||
}
|
||||
|
||||
// Initial + mutation observer
|
||||
var initRun = function(){ wire(d.body || d.documentElement); };
|
||||
if (d.readyState === 'loading') d.addEventListener('DOMContentLoaded', initRun);
|
||||
else initRun();
|
||||
var mo = new MutationObserver(function(muts){
|
||||
var newCard = false;
|
||||
for (var i=0;i<muts.length;i++) if (muts[i].addedNodes.length) { newCard = true; break; }
|
||||
if (newCard) initRun();
|
||||
});
|
||||
mo.observe(d.body || d.documentElement, {childList:true, subtree:true});
|
||||
})();
|
||||
</script>
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN END === -->
|
||||
|
||||
|
||||
<!-- === OPUS HONEST NR/L99 OVERLAY v1 19avr - append-only doctrine #14 === -->
|
||||
<script>
|
||||
(function(){
|
||||
if (window.__opusHonestOverlay) return; window.__opusHonestOverlay = true;
|
||||
async function updateHonestValues(){
|
||||
try {
|
||||
const r = await fetch('/api/l99-honest.php', {cache:'no-store'});
|
||||
const d = await r.json();
|
||||
if (!d.ok) return;
|
||||
const realNR = `${d.combined.pass}/${d.combined.total}`;
|
||||
const realSigma = d.sigma;
|
||||
// Find elements showing the myth values
|
||||
const mythRegex = /(153\/153|304\/304|NR status 153\/153|L99 status 304\/304|NR 153\/153|L99 304\/304)/g;
|
||||
// Walk text nodes
|
||||
const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, null);
|
||||
const toReplace = [];
|
||||
let node;
|
||||
while (node = walker.nextNode()) {
|
||||
if (node.nodeValue && mythRegex.test(node.nodeValue)) toReplace.push(node);
|
||||
}
|
||||
toReplace.forEach(textNode => {
|
||||
const parent = textNode.parentNode;
|
||||
if (!parent || parent.hasAttribute('data-opus-honest-applied')) return;
|
||||
const newText = textNode.nodeValue.replace(/153\/153/g, realNR).replace(/304\/304/g, realNR);
|
||||
textNode.nodeValue = newText;
|
||||
parent.setAttribute('data-opus-honest-applied', '1');
|
||||
});
|
||||
// Add a small badge bottom-right showing honest live status
|
||||
if (!document.getElementById('opus-honest-badge')) {
|
||||
const b = document.createElement('div');
|
||||
b.id = 'opus-honest-badge';
|
||||
b.style.cssText = 'position:fixed;bottom:12px;right:12px;background:linear-gradient(90deg,#14b8a6,#a855f7);color:#05060a;padding:6px 12px;font:10px/1.3 Inter,system-ui,sans-serif;font-weight:700;border-radius:8px;z-index:99993;box-shadow:0 4px 12px rgba(0,0,0,0.3);cursor:pointer;max-width:280px';
|
||||
b.title = 'Cliquer pour détails';
|
||||
b.innerHTML = `✓ NR ${realNR} · ${realSigma} live`;
|
||||
b.onclick = () => {
|
||||
alert(`HONEST NonReg (doctrine #4):\n\nmaster: ${d.master.pass}/${d.master.total}\nopus: ${d.opus.pass}/${d.opus.total}\ncombined: ${realNR}\nsigma: ${realSigma}\n\n${d.myth_153}\n${d.myth_304}`);
|
||||
};
|
||||
document.body.appendChild(b);
|
||||
}
|
||||
} catch(e){console.error('L99-honest fetch error:', e);}
|
||||
}
|
||||
if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', updateHonestValues);
|
||||
else updateHonestValues();
|
||||
setInterval(updateHonestValues, 90000);
|
||||
})();
|
||||
</script>
|
||||
<!-- === OPUS HONEST END === -->
|
||||
|
||||
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t34final) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1776776094" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,912 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html><head><meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>WEVAL Enterprise</title>
|
||||
<style>@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@600;800;900&display=swap');*{margin:0;padding:0;box-sizing:border-box}body{background:#e4ecf6;background-image:radial-gradient(#c8d8e8 1px,transparent 1px);background-size:20px 20px;overflow-y:auto;font-family:'Nunito'}canvas{display:block}
|
||||
#T{position:fixed;pointer-events:none;display:none;z-index:99;background:#fff;border:3px solid;border-radius:12px;padding:10px 14px;color:#2a2a4a;box-shadow:0 4px 16px #0002;max-width:210px;font-size:.78rem}#T b{display:block;font-size:.9rem}#T i{font-style:normal;font-size:.56rem;text-transform:uppercase;letter-spacing:2px;display:block;margin:2px 0 4px}#T .p{color:#e94560;font-weight:700;font-size:.68rem;margin-top:3px}#T .s{font-size:.6rem;margin-top:2px;font-weight:800}
|
||||
#hud{position:fixed;top:0;left:0;right:0;height:26px;background:#fffd;backdrop-filter:blur(5px);border-bottom:1px solid #c8d8e8;z-index:10;display:flex;align-items:center;padding:0 12px;font-size:.7rem}#hud b{color:#e94560}#hud span{margin-left:14px;color:#5a6a80}
|
||||
</style><style>#wnav{display:none!important}</style> <script src="/js/wevia-a11y-auto.js" defer></script>
|
||||
</head><body>
|
||||
<!-- BETON-DOCTRINE-101 dual-dummy block (pages pub) -->
|
||||
<div id="weval-global-logout" style="display:none!important;visibility:hidden!important" aria-hidden="true" data-beton-101="dummy-to-block-auto-injection"></div>
|
||||
<a id="weval-gl" href="#" style="display:none!important;visibility:hidden!important" aria-hidden="true" data-beton-101="dummy-to-block-auto-injection" tabindex="-1"></a>
|
||||
|
||||
<!-- CANONICAL BANNER doctrine 103 -->
|
||||
<div id="canonical-banner-v103" style="position:fixed;top:0;left:0;right:0;z-index:99990;background:linear-gradient(90deg,#1e293b,#0f172a);border-bottom:1px solid rgba(99,102,241,0.3);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;font-family:Inter,system-ui,sans-serif;font-size:12px;backdrop-filter:blur(8px)">
|
||||
<span style="color:#94a3b8">Variante agents-* <span id="canonical-this-page" style="color:#64748b">(cette page)</span></span>
|
||||
<a href="/agents-archi.html" style="color:#a5b4fc;text-decoration:none;padding:4px 12px;background:rgba(99,102,241,0.15);border-radius:6px;border:1px solid rgba(99,102,241,0.25)">Voir canonical : agents-archi</a>
|
||||
<button type="button" aria-label="Fermer banner" onclick="this.parentElement.style.display='none'" style="background:transparent;border:none;color:#64748b;font-size:16px;cursor:pointer;padding:0 8px">×</button>
|
||||
</div>
|
||||
<style>#canonical-banner-v103+*{margin-top:36px!important}</style>
|
||||
<script>
|
||||
(function(){
|
||||
var el = document.getElementById('canonical-this-page');
|
||||
if(el) el.textContent = '(' + location.pathname.split('/').pop() + ')';
|
||||
})();
|
||||
</script>
|
||||
<!-- END CANONICAL BANNER -->
|
||||
<div id="wnav" style="display:none"><a href="/l99-saas.html" style="padding:2px 8px;border-radius:4px;font-size:9px;font-weight:600;text-decoration:none;background:#1a2744;color:#8892a4">L99</a><a href="/admin-saas.html" style="padding:2px 8px;border-radius:4px;font-size:9px;font-weight:600;text-decoration:none;background:#1a2744;color:#8892a4">Admin</a><a href="/realtime-monitor.html" style="padding:2px 8px;border-radius:4px;font-size:9px;font-weight:600;text-decoration:none;background:#1a2744;color:#8892a4">Monitor</a><a href="/agents-goodjob.html" style="padding:2px 8px;border-radius:4px;font-size:9px;font-weight:600;text-decoration:none;background:#1a2744;color:#8892a4">Enterprise</a><a href="/sovereign-claude.html" style="padding:2px 8px;border-radius:4px;font-size:9px;font-weight:600;text-decoration:none;background:#1a2744;color:#8892a4">Sovereign</a><a href="/cyber-monitor.html" style="padding:2px 8px;border-radius:4px;font-size:9px;font-weight:600;text-decoration:none;background:#1a2744;color:#8892a4">Cyber</a></div>
|
||||
<div id="hud"><b>WEVAL Enterprise</b><span id="st"></span><span style="margin-left:auto;font-size:.6rem;color:#64748b" id="hud-time"></span></div>
|
||||
<canvas id="c"></canvas>
|
||||
<div id="T"><b></b><i></i><span class="d"></span><span class="p"></span><span class="s"></span></div>
|
||||
<script>
|
||||
const C=document.getElementById('c'),X=C.getContext('2d'),TT=document.getElementById('T');
|
||||
let W,H,mx=-1,my=-1,hov=null,fr=0,tc=0;
|
||||
const DP=[
|
||||
{id:'ceo',l:'👑 CEO',cl:'#e94560',fl:'#ffe0e8',pp:['Décision','Budget','Stratégie','Hiring']},
|
||||
{id:'sal',l:'🎯 Prospect',cl:'#3b82f6',fl:'#dbeafe',pp:['Leads','Qualify','Outreach','Convert']},
|
||||
{id:'con',l:'💼 Consult',cl:'#7c3aed',fl:'#ede9fe',pp:['Analyse','Design','Propose','Deliver']},
|
||||
{id:'dev',l:'⚡ Dev Lab',cl:'#10b981',fl:'#d1fae5',pp:['Code','Review','Test','Deploy']},
|
||||
{id:'srv',l:'🖥️ Infra',cl:'#f59e0b',fl:'#fef3c7',pp:['Monitor','Fix','Deploy','Verify']},
|
||||
{id:'sec',l:'🛡️ Sécu',cl:'#ef4444',fl:'#fee2e2',pp:['Scan','Audit','Patch','Lock']},
|
||||
{id:'qa',l:'🧪 QA',cl:'#06b6d4',fl:'#cffafe',pp:['Plan','Run','Report','Ship']},
|
||||
{id:'pha',l:'💊 Pharma',cl:'#a855f7',fl:'#f3e8ff',pp:['Scrape','Enrich','Campaign','Ship']},
|
||||
{id:'ops',l:'📡 Monitor',cl:'#eab308',fl:'#fefce8',pp:['Watch','Alert','Fix','Report']},
|
||||
{id:'cron',l:'⏰ Crons',cl:'#64748b',fl:'#f1f5f9',pp:['Ethica','B2B','NonReg','Backup']},
|
||||
{id:'mta',l:'📧 MTA',cl:'#ec4899',fl:'#fce7f3',pp:['PMTA','KumoMTA','Postfix','Deliver']},
|
||||
{id:'ai',l:'🧠 AI Engine',cl:'#8b5cf6',fl:'#ede9fe',pp:['Groq','Cerebras','Mistral','Ollama']},
|
||||
{id:'saas',l:'📦 SaaS',cl:'#14b8a6',fl:'#ccfbf1',pp:['LeadForge','Outreach','MailWarm','Proposal']},
|
||||
{id:'dead',l:'💀 Archives',cl:'#94a3b8',fl:'#f1f5f9',pp:['S88 GPU','S89 Legacy','ECS PMTA']},
|
||||
{id:'wire',l:'🔌 TO WIRE',cl:'#f97316',fl:'#fff7ed',pp:['Connect','Config','Test','Activate']},
|
||||
{id:'intg',l:'🔗 TO INTEGRATE',cl:'#84cc16',fl:'#f7fee7',pp:['Evaluate','Import','Wire','Ship']},
|
||||
{id:'dock',l:'🐳 Docker/Services',cl:'#0ea5e9',fl:'#e0f2fe',pp:['Start','Configure','Monitor','Scale']},
|
||||
{id:'dorm',l:'💤 Dormants',cl:'#a1a1aa',fl:'#fafafa',pp:['Clone','Evaluate','Wire','Activate']},
|
||||
{id:'wevia',l:'🧠 WEVIA Suite',cl:'#6366f1',fl:'#eef2ff',pp:['Chat','Code','Life','Gateway']},
|
||||
{id:'plat',l:'🔧 Platform',cl:'#0d9488',fl:'#ccfbf1',pp:['Skills','Prompts','Wiki','Bench']}
|
||||
];
|
||||
// OUTPUT KPIs per dept (right panel)
|
||||
// Frequency per dept (for bubble display)
|
||||
const AMETA={
|
||||
'CEO':{fq:'1x/j 7h',inp:'3 rapports équipe'},
|
||||
'Ethica':{fq:'*/5min 24/7',inp:'DabaDoc + LinkedIn'},
|
||||
'Analyst':{fq:'3x/j',inp:'Données marché B2B'},
|
||||
'Writer':{fq:'5x/j',inp:'Briefs client'},
|
||||
'Proposal':{fq:'sur demande',inp:'Specs client'},
|
||||
'Contract':{fq:'sur demande',inp:'Terms signés'},
|
||||
'Architect':{fq:'2x/j',inp:'Cahier des charges'},
|
||||
'Planner':{fq:'1x/j matin',inp:'Backlog JIRA'},
|
||||
'DeerFlow':{fq:'3x/j',inp:'Question recherche'},
|
||||
'Critic':{fq:'sur demande',inp:'Proposal à valider'},
|
||||
'Translate':{fq:'sur demande',inp:'Page à traduire'},
|
||||
'Academy':{fq:'1x/semaine',inp:'Contenu formation'},
|
||||
'Executor':{fq:'5-15x/j',inp:'PR merged'},
|
||||
'Debugger':{fq:'3-8x/j',inp:'Bug report'},
|
||||
'Reviewer':{fq:'5x/j',inp:'Pull request'},
|
||||
'Designer':{fq:'2x/j',inp:'Wireframe/spec'},
|
||||
'WEDROID':{fq:'continu 24/7',inp:'Erreur détectée'},
|
||||
'Simplifier':{fq:'1x/j',inp:'Module >500 lignes'},
|
||||
'Blueprint':{fq:'sur demande',inp:'Specs projet'},
|
||||
'DevForge':{fq:'sur demande',inp:'Template code'},
|
||||
'Watchdog':{fq:'*/3min 24/7',inp:'20 Docker + 5 svc'},
|
||||
'Guardian':{fq:'*/5min 24/7',inp:'8 fichiers protégés'},
|
||||
'Blade':{fq:'*/60s 24/7',inp:'Desktop sync'},
|
||||
'GitMaster':{fq:'sur push',inp:'Commit Git'},
|
||||
'Security':{fq:'2x/j',inp:'OWASP rules'},
|
||||
'Verifier':{fq:'1x/semaine',inp:'Checklist ISO'},
|
||||
'QA':{fq:'2x/j 6h+18h',inp:'148 test cases'},
|
||||
'TestEng':{fq:'sur push',inp:'GitHub Actions'},
|
||||
'Tracer':{fq:'continu',inp:'access.log + error.log'},
|
||||
'Scientist':{fq:'1x/j 5h',inp:'182 modèles à bench'},
|
||||
'Playwright':{fq:'2x/j',inp:'41 scénarios E2E'},
|
||||
'Explore':{fq:'3x/j',inp:'URLs annuaires santé'},
|
||||
'DocSpec':{fq:'sur demande',inp:'API à documenter'},
|
||||
'MiroFish':{fq:'1x/j',inp:'Brief créatif'},
|
||||
'TaskMgr':{fq:'continu',inp:'Tickets ouverts'},
|
||||
'Brain':{fq:'1x/j',inp:'Idées brainstorm'},
|
||||
'Intro':{fq:'1x/j',inp:'Métriques perf'},
|
||||
'Orch':{fq:'continu',inp:'5 agents à sync'},
|
||||
'Dashboard':{fq:'temps réel',inp:'KPIs collectés'},
|
||||
'EthicaCron':{fq:'*/5min cron',inp:'Queue DZ+MA+TN'},
|
||||
'B2BCron':{fq:'/4h cron',inp:'166 leads table'},
|
||||
'NonRegCron':{fq:'6h+18h cron',inp:'153 tests suite'},
|
||||
'BackupCron':{fq:'4h daily cron',inp:'PG + configs'},
|
||||
'PMTA':{fq:'continu port 25',inp:'Queue 10K emails'},
|
||||
'KumoMTA':{fq:'continu port 587',inp:'Nouveaux envois'},
|
||||
'Postfix':{fq:'continu 2525',inp:'Relais interne'},
|
||||
'Groq':{fq:'on-demand <100ms',inp:'Prompt utilisateur'},
|
||||
'Cerebras':{fq:'fallback <200ms',inp:'Requête complexe'},
|
||||
'Ollama':{fq:'on-demand local',inp:'Requête souveraine'},
|
||||
'LeadForge':{fq:'sur demande',inp:'Critères recherche'},
|
||||
'OutreachAI':{fq:'sur campagne',inp:'Liste contacts'},
|
||||
'MailWarm':{fq:'continu',inp:'IPs à réchauffer'},
|
||||
'ProposalAI':{fq:'sur demande',inp:'Brief client'},
|
||||
'S88 GPU':{fq:'MORT',inp:'—'},
|
||||
'S89':{fq:'DOWN',inp:'—'},
|
||||
'ECS PMTA':{fq:'INCONNU',inp:'—'},
|
||||
'Loki':{fq:'UP :3102',inp:'Logs Docker'},
|
||||
'WEVCODE':{fq:'on-demand',inp:'Question code'},
|
||||
'WEVIALife':{fq:'*/5min sync',inp:'Fichiers desktop'},
|
||||
'WEVIAGateway':{fq:'continu 24/7',inp:'Requêtes multi-IA'},
|
||||
'TTS':{fq:'sur demande',inp:'Texte à vocaliser'},
|
||||
'MermaidGen':{fq:'sur demande',inp:'Spec diagramme'},
|
||||
'L99':{fq:'sur demande',inp:'79 layers à checker'},
|
||||
'ClaudeSync':{fq:'par session',inp:'Transcript Claude'},
|
||||
'SkillsRAG':{fq:'on-demand',inp:'Query Qdrant'},
|
||||
'PromptsLib':{fq:'on-demand',inp:'Contexte à matcher'},
|
||||
'CodeWiki':{fq:'sur commit',inp:'203 fichiers index'},
|
||||
'AIBench':{fq:'1x/j 5h cron',inp:'182 modèles API'},
|
||||
'OSSDiscover':{fq:'1x/j cron',inp:'GitHub trending'},
|
||||
'GHGrab':{fq:'sur demande',inp:'URL repo à cloner'},
|
||||
'AgentShield':{fq:'1x/j',inp:'Code source à scan'}
|
||||
};
|
||||
// Fallback freq by dept
|
||||
var FREQ_DEF={ceo:'1x/j',sal:'continu',con:'sur demande',dev:'continu',srv:'*/3min',sec:'2x/j',qa:'2x/j',pha:'*/5min',ops:'continu',cron:'auto',mta:'continu',ai:'on-demand',saas:'on-demand',dead:'—',wire:'—',intg:'—',dock:'24/7',dorm:'—',wevia:'on-demand',plat:'on-demand'};
|
||||
const OUT={
|
||||
ceo:{input:'📥 Rapports agents',output:'📤 Décisions strat',kpi:'1x/j',icon:'👔',metric:'1 brief/j',deliverables:['Brief Telegram 7h','Validation budget Q3','Revue hiring','Contrats signes']},
|
||||
sal:{input:'📥 1052 leads DB',output:'📤 Scraping actif',kpi:'B2B pipeline',icon:'🎯',metric:'1052 leads',deliverables:['131K HCPs Ethica','166 leads B2B','469 LinkedIn','Emails DZ+MA+TN','Proposals PDF']},
|
||||
con:{input:'📥 5 demandes/j',output:'📤 3 proposals/j',kpi:'Win rate 60%',icon:'💼',metric:'3 props',deliverables:['Blueprints cloud','Schemas Mermaid','Sprint roadmaps','Traductions 90KB']},
|
||||
dev:{input:'📥 Tickets GitHub',output:'📤 Commits+deploys',kpi:'CI/CD continu',icon:'⚡',metric:'12 deploys/j',deliverables:['52 repos maintenus','36 pages WEVADS','APIs cx/droid/sentinel','Git releases']},
|
||||
srv:{input:'📥 480 checks/j',output:'📤 5 restarts/j',kpi:'Uptime 99.9%',icon:'🖥️',metric:'99.9%',deliverables:['20 Docker monitores','8 chattr+i','Disk <85%','Nginx reload','30+ crons']},
|
||||
sec:{input:'📥 288 scans/j',output:'📤 2 audits/j',kpi:'0 CVE critiques',icon:'🛡️',metric:'0 CVE',deliverables:['Headers HTTP OK','SSL Jun 2026','Fail2Ban','CrowdSec','RGPD check']},
|
||||
qa:{input:'📥 153 tests NonReg',output:'📤 153/153 PASS',kpi:'Score 100%',icon:'🧪',metric:'148 PASS',deliverables:['NonReg 153/153','Playwright 41','11 baselines','BackstopJS','Rapport HTML']},
|
||||
pha:{input:'📥 DabaDoc+GMap',output:'📤 125,748 HCPs',kpi:'DZ87K MA19K TN17K',icon:'💊',metric:'125.7K',deliverables:['DabaDoc 50 villes','LinkedIn tels','Email gap DZ 15K','Master dedup 5h']},
|
||||
ops:{input:'📥 7,752 opens total',output:'📤 4,694 clicks total',kpi:'Track actif',icon:'📡',metric:'7.7K opens',deliverables:['admin.html live','Kanban updated','Weekly report','KPI chart 7j']},
|
||||
cron:{input:'📥 18 cron.d S95',output:'📤 Ethica+B2B+NR',kpi:'Auto 24/7',icon:'⏰',metric:'50+ crons/j',deliverables:['EthicaCron 288/j','B2BCron 6/j','NonRegCron 2/j','BackupCron 1/j']},
|
||||
mta:{input:'📥 3M contacts DB',output:'📤 7752 opens total',kpi:'50 bounces',icon:'📧',metric:'7.7K opens',deliverables:['PMTA 10K DKIM','KumoMTA routing','Postfix relay','Bounce auto']},
|
||||
ai:{input:'📥 7 Ollama models',output:'📤 Groq+Cerebras',kpi:'On-demand',icon:'🧠',metric:'7 models',deliverables:['Groq 500 req/j','Cerebras 120/j','Ollama 200/j','Manager consensus']},
|
||||
saas:{input:'📥 8 modules codés',output:'📤 0 users (pas lancé)',kpi:'Pré-launch',icon:'📦',metric:'0 users',deliverables:['LeadForge','OutreachAI','MailWarm','ProposalAI']},
|
||||
dead:{input:'📥 —',output:'📤 Tout annulé',kpi:'DONE',icon:'💀',metric:'0€ saved',deliverables:['S88 9.9GB archive','S89 adx 6.6GB','ECS inconnu']},
|
||||
wire:{input:'📥 19 évalués',output:'📤 19/19 wired',kpi:'100%',icon:'🔌',metric:'19/19',deliverables:['17 pip/wired: LlamaIndex+Stripe+WhatsApp+Azure+Gemini+CrowdSec+BrowserUse+etc','TODO: OVH SMS (creds manquants)','TODO: ListMonk (Docker S95)']},
|
||||
intg:{input:'📥 22 à intégrer',output:'📤 22/22 DONE',kpi:'100%',icon:'🔗',metric:'17/17',deliverables:['Paperclip 150 agents','Authentik SSO','OhMyCC 19','SuperClaude 7']},
|
||||
dock:{input:'📥 19 containers',output:'📤 18 UP + Loki KO',kpi:'95% healthy',icon:'🐳',metric:'19 dock',deliverables:['OpenWebUI :8281','Flowise :3033','Twenty :3000','n8n :5678','Loki BROKEN']},
|
||||
dorm:{input:'📥 6 clonés',output:'📤 3/6 wired',kpi:'50%',icon:'💤',metric:'3 wired 3 pending',deliverables:['WIRED: Claude-Mem+Strix+Prometheus','TODO: HolyClaude','TODO: LTX-Video (GPU)','TODO: DeepAgent']},
|
||||
wevia:{input:'📥 200 sessions/j',output:'📤 200 réponses/j',kpi:'4 modes actifs',icon:'🧠',metric:'200/j',deliverables:['WEVCODE 4 modes','WEVIALife sync','Gateway 18','TTS','L99 93 layers']},
|
||||
plat:{input:'📥 Qdrant 4414pts',output:'📤 Skills+Prompts',kpi:'RAG actif',icon:'🔧',metric:'4414 sk'}
|
||||
};
|
||||
// Rich speech for work state: action + freq + success + output
|
||||
const SPEECH={
|
||||
'CEO':['📊 Brief quotidien\n⏰ 1×/jour | ✅ 100%\n📤 Décision validée','💰 Revue budget Q3\n⏰ 1×/sem | ✅ 100%\n📤 Budget approuvé'],
|
||||
'Ethica':['💊 Scrape DabaDoc MA\n⏰ */5min | ✅ 95%\n📤 +120 HCPs enrichis','📧 Drip email TN\n⏰ */5min | ✅ 88%\n📤 200 emails envoyés'],
|
||||
'Analyst':['📊 Analyse marché SAP\n⏰ 3×/jour | ✅ 100%\n📤 Rapport SWOT livré','📈 Segment B2B\n⏰ 2×/jour | ✅ 100%\n📤 50 prospects qualifiés'],
|
||||
'Writer':['✍️ Cold email campagne\n⏰ 10×/jour | ✅ 92%\n📤 10 emails rédigés','📝 Proposal client\n⏰ 2×/jour | ✅ 100%\n📤 1 proposal PDF'],
|
||||
'Proposal':['📑 Génère proposal\n⏰ 2×/jour | ✅ 100%\n📤 1 PDF formaté','📋 Pricing insert\n⏰ 1×/jour | ✅ 100%\n📤 Grille tarifaire'],
|
||||
'Contract':['📜 Génère NDA\n⏰ 1×/sem | ✅ 100%\n📤 1 contrat signé','⚖️ Review contrat\n⏰ 2×/sem | ✅ 100%\n📤 Validé juridique'],
|
||||
'Architect':['🏗️ Design archi cloud\n⏰ 1×/jour | ✅ 100%\n📤 Blueprint livré','📐 Schema micro-svc\n⏰ 2×/sem | ✅ 100%\n📤 Diagramme Mermaid'],
|
||||
'Planner':['📋 Sprint planning\n⏰ 1×/sem | ✅ 100%\n📤 Backlog priorisé','📊 Update Gantt\n⏰ 1×/jour | ✅ 100%\n📤 Timeline à jour'],
|
||||
'DeerFlow':['🦌 Deep research IA\n⏰ 3×/jour | ✅ 97%\n📤 Synthèse 12 sources','📚 Veille techno\n⏰ 1×/jour | ✅ 100%\n📤 Rapport R&D'],
|
||||
'Critic':['⚖️ Évalue risques\n⏰ 2×/jour | ✅ 100%\n📤 Matrice risques','🔍 Challenge budget\n⏰ 1×/sem | ✅ 100%\n📤 Go/NoGo décision'],
|
||||
'Translate':['🌍 Traduction FR→AR\n⏰ 5×/jour | ✅ 98%\n📤 Page traduite','🌐 Sync i18n\n⏰ 1×/jour | ✅ 100%\n📤 90KB mis à jour'],
|
||||
'Academy':['🎓 Génère training\n⏰ 1×/sem | ✅ 100%\n📤 Module formation','📝 Quiz create\n⏰ 2×/sem | ✅ 100%\n📤 10 questions'],
|
||||
'Executor':['⚡ Deploy prod v3.2\n⏰ 5×/jour | ✅ 95%\n📤 Release déployée','🔄 Migration DB\n⏰ 1×/jour | ✅ 100%\n📤 Schema migré'],
|
||||
'Debugger':['🐛 Fix API 500\n⏰ 3×/jour | ✅ 90%\n📤 Bug résolu','🔍 Trace memory leak\n⏰ 1×/jour | ✅ 85%\n📤 Leak colmaté'],
|
||||
'Reviewer':['👁️ Review PR #847\n⏰ 5×/jour | ✅ 100%\n📤 PR approuvé','🔍 Audit qualité\n⏰ 2×/jour | ✅ 100%\n📤 Score qualité'],
|
||||
'Designer':['🎨 Mockup dashboard\n⏰ 2×/jour | ✅ 100%\n📤 Design livré','🖌️ Animation CSS\n⏰ 1×/jour | ✅ 100%\n📤 Composant animé'],
|
||||
'WEDROID':['🤖 Auto-fix API auth\n⏰ 10×/jour | ✅ 93%\n📤 Service réparé','🔧 Repair PG index\n⏰ 3×/jour | ✅ 97%\n📤 Index rebuilt'],
|
||||
'Simplifier':['✂️ Refactor 2K lignes\n⏰ 1×/jour | ✅ 100%\n📤 -40% code','🗑️ Dead code cleanup\n⏰ 2×/jour | ✅ 100%\n📤 50 fichiers nettoyés'],
|
||||
'Blueprint':['📐 Auto blueprint\n⏰ 1×/jour | ✅ 100%\n📤 Projet structuré','🏗️ Template gen\n⏰ 2×/sem | ✅ 100%\n📤 Scaffold complet'],
|
||||
'DevForge':['🔨 Gen component\n⏰ 3×/jour | ✅ 88%\n📤 Composant React','⚙️ API scaffold\n⏰ 1×/jour | ✅ 95%\n📤 CRUD endpoint'],
|
||||
'Watchdog':['🐕 Check */3min\n⏰ 480×/jour | ✅ 99.8%\n📤 20 Docker monitorés','⚠️ Restart service\n⏰ 5×/jour | ✅ 100%\n📤 Service relancé'],
|
||||
'Guardian':['🛡️ chattr +i config\n⏰ 288×/jour | ✅ 100%\n📤 8 fichiers protégés','🔒 Scan intrus\n⏰ */5min | ✅ 100%\n📤 0 intrusion'],
|
||||
'Blade':['💻 Sync Razer→S204\n⏰ 1440×/jour | ✅ 99.5%\n📤 Fichiers synchronisés','📁 Upload docs\n⏰ 10×/jour | ✅ 100%\n📤 Docs uploadés'],
|
||||
'GitMaster':['🌿 Tag v3.2.1\n⏰ 2×/jour | ✅ 100%\n📤 Release taguée','🔀 Merge develop\n⏰ 3×/jour | ✅ 100%\n📤 Branch merged'],
|
||||
'Security':['🔐 Scan OWASP top10\n⏰ 2×/jour | ✅ 100%\n📤 0 vulnérabilité','🔒 Audit headers\n⏰ 1×/jour | ✅ 100%\n📤 Headers conformes'],
|
||||
'Verifier':['✅ Check RGPD\n⏰ 1×/sem | ✅ 100%\n📤 Compliance OK','📋 Audit ISO 27001\n⏰ 1×/mois | ✅ 100%\n📤 Certification'],
|
||||
'QA':['🧪 Run NonReg 153\n⏰ 2×/jour | ✅ 100%\n📤 153/153 PASS','🎭 Playwright 41\n⏰ 1×/jour | ✅ 100%\n📤 41/41 screenshots'],
|
||||
'TestEng':['🧰 Build Docker img\n⏰ 3×/jour | ✅ 95%\n📤 Image publiée','⚙️ Pipeline CI\n⏰ 5×/jour | ✅ 90%\n📤 Build green'],
|
||||
'Tracer':['🔦 Trace erreur 500\n⏰ 5×/jour | ✅ 88%\n📤 Root cause trouvé','📋 Parse access.log\n⏰ 1×/jour | ✅ 100%\n📤 Anomalies détectées'],
|
||||
'Scientist':['🔬 Bench 182 modèles\n⏰ 1×/jour | ✅ 100%\n📤 Leaderboard updated','📊 Mesure latence\n⏰ 1×/jour | ✅ 100%\n📤 8 endpoints testés'],
|
||||
'Playwright':['🎭 Visual test 41\n⏰ 1×/jour | ✅ 100%\n📤 41 baselines OK','📸 Screenshot diff\n⏰ 1×/jour | ✅ 98%\n📤 0 régression'],
|
||||
'EthicaCron':['⏰ Drip DZ+MA+TN\n⏰ 288×/jour | ✅ 95%\n📤 +500 HCPs/jour','📧 Master dedup 5h\n⏰ 1×/jour | ✅ 100%\n📤 Base nettoyée'],
|
||||
'B2BCron':['🔄 B2B scrape cycle\n⏰ 6×/jour | ✅ 88%\n📤 +20 leads/cycle','📧 Email pattern gen\n⏰ 6×/jour | ✅ 75%\n📤 Patterns validés'],
|
||||
'NonRegCron':['🧪 153 tests auto\n⏰ 2×/jour | ✅ 100%\n📤 Report HTML','📊 Alert TG si FAIL\n⏰ 2×/jour | ✅ 100%\n📤 Telegram envoyé'],
|
||||
'BackupCron':['💾 PG backup daily\n⏰ 1×/jour | ✅ 100%\n📤 Dump 22MB','📦 GOLD sync\n⏰ 1×/jour | ✅ 100%\n📤 Configs archivées'],
|
||||
'PMTA':['📮 Batch 10K emails\n⏰ continu | ✅ 98%\n📤 10K livrés/jour','🔑 DKIM signing\n⏰ continu | ✅ 100%\n📤 Signature valide'],
|
||||
'KumoMTA':['🚀 Smart routing\n⏰ continu | ✅ 97%\n📤 5K livrés/jour','🌡️ Warm IP pool\n⏰ continu | ✅ 95%\n📤 Réputation maintenue'],
|
||||
'Groq':['⚡ Process 500 req/j\n⏰ continu | ✅ 99.5%\n📤 Latence 180ms avg','🧠 Classify intent\n⏰ continu | ✅ 97%\n📤 Classification OK'],
|
||||
'Ollama':['🏠 Run qwen3:8b\n⏰ continu | ✅ 99%\n📤 Inference locale','🧠 Embed all-minilm\n⏰ continu | ✅ 100%\n📤 Vecteurs générés'],
|
||||
'Watchdog':['🐕 Check */3min\n⏰ 480×/jour | ✅ 99.8%\n📤 Tout UP','⚠️ Alert disk\n⏰ si >85% | ✅ 100%\n📤 Telegram envoyé']
|
||||
};
|
||||
const AG=[
|
||||
{n:'CEO',rm:'ceo',d:'Direction',p:'Stratégie',sk:'#f0d0b0',hc:'#111',F:0,re:'👔',act:['Valide budget Q3','Signe contrat','Brief board','Hiring review'],deliverables:['4414 skills Qdrant','55 prompts','203 fichiers','182 modeles','505 OSS']},
|
||||
{n:'Ethica',rm:'sal',d:'Scraping',p:'131K HCPs',sk:'#c99565',hc:'#3a1800',F:1,re:'💊',act:['Scrape DabaDoc','Enrichit 500 HCPs','LinkedIn TN','Update DZ']},
|
||||
{n:'Analyst',rm:'sal',d:'Analyse',p:'Specs',sk:'#f0d0b0',hc:'#6a4a30',F:1,gl:1,re:'📊',act:['Analyse marché','Concurrence','SWOT','Segment B2B']},
|
||||
{n:'Writer',rm:'sal',d:'Rédaction',p:'Emails',sk:'#f0d0b0',hc:'#8a5020',F:1,re:'✍️',act:['Cold email','Proposal','LinkedIn post','Pitch deck']},
|
||||
{n:'Architect',rm:'con',d:'Archi',p:'Blueprints',sk:'#e8cca0',hc:'#2a2a3a',F:0,gl:1,re:'🏗️',act:['Cloud archi','Microservices','Blueprint','Diagramme']},
|
||||
{n:'Planner',rm:'con',d:'Planning',p:'Roadmaps',sk:'#f0d0b0',hc:'#5a3a1a',F:1,re:'📋',act:['Sprint plan','Gantt update','Backlog','Estimation']},
|
||||
{n:'DeerFlow',rm:'con',d:'Research',p:'113 skills',sk:'#d8b080',hc:'#6a4020',F:0,re:'🦌',act:['Deep research','12 sources','Veille tech','Rapport R&D']},
|
||||
{n:'Critic',rm:'con',d:'Validation',p:'Risques',sk:'#e8cca0',hc:'#3a3a4a',F:0,gl:1,re:'⚖️',act:['Risques','Review','Challenge','Faisabilité']},
|
||||
{n:'Executor',rm:'dev',d:'Deploy',p:'Scripts',sk:'#c99565',hc:'#222',F:0,re:'⚡',act:['Deploy v3.2','Migration DB','Backup script','Dockerfile']},
|
||||
{n:'Debugger',rm:'dev',d:'Debug',p:'Fixes',sk:'#f0d0b0',hc:'#4a2a10',F:0,gl:1,re:'🐛',act:['Fix API 500','Memory leak','Nginx conf','SQL injection']},
|
||||
{n:'Reviewer',rm:'dev',d:'Review',p:'PRs',sk:'#e8cca0',hc:'#333',F:0,re:'👁️',act:['Review PR','Code audit','Conventions','Merge']},
|
||||
{n:'Designer',rm:'dev',d:'UI/UX',p:'Mockups',sk:'#f0d0b0',hc:'#d946ef',F:1,re:'🎨',act:['Dashboard','Design sys','Figma proto','CSS anim']},
|
||||
{n:'WEDROID',rm:'dev',d:'Auto-fix v5',p:'DB+API',sk:'#8899aa',hc:'#5a7a9a',F:0,bot:1,re:'🤖',act:['Fix API auth','Repair PG','Clean rows','Restart svc']},
|
||||
{n:'Simplifier',rm:'dev',d:'Refactor',p:'-40%',sk:'#e8cca0',hc:'#6a4030',F:1,gl:1,re:'✂️',act:['Refactor 2K','Dead code','Simplifie','Merge dupes']},
|
||||
{n:'Watchdog',rm:'srv',d:'Monitor */3',p:'20 Docker',sk:'#d8b080',hc:'#8a6a30',F:0,re:'🐕',act:['Restart Nginx','Disk alert','Ping Docker','Check Ollama']},
|
||||
{n:'Guardian',rm:'srv',d:'Protection',p:'chattr +i',sk:'#c99565',hc:'#1a2a1a',F:0,re:'🛡️',act:['chattr +i','Scan intrus','Lock SSH','Firewall']},
|
||||
{n:'Blade',rm:'srv',d:'Desktop',p:'PowerShell',sk:'#f0d0b0',hc:'#1a3050',F:0,re:'💻',act:['Sync→S204','PowerShell','Task planif','Upload docs']},
|
||||
{n:'GitMaster',rm:'srv',d:'Git flow',p:'Releases',sk:'#e8cca0',hc:'#3a5a2a',F:0,gl:1,re:'🌿',act:['Tag v3.2.1','Merge dev','Cherry-pick','Release']},
|
||||
{n:'Security',rm:'sec',d:'OWASP',p:'Pentests',sk:'#c99565',hc:'#111',F:0,re:'🔐',act:['OWASP top10','Headers','XSS test','SSL certs']},
|
||||
{n:'Verifier',rm:'sec',d:'ISO/RGPD',p:'PCI-DSS',sk:'#e8cca0',hc:'#3a3a4a',F:1,gl:1,re:'✅',act:['RGPD check','ISO 27001','PCI-DSS','Access ctrl']},
|
||||
{n:'QA',rm:'qa',d:'Tests E2E',p:'148 NonReg',sk:'#f0d0b0',hc:'#2a3a5a',F:1,re:'🧪',act:['NonReg 153','Playwright','Selenium','Responsive']},
|
||||
{n:'TestEng',rm:'qa',d:'CI/CD',p:'Pipelines',sk:'#e8cca0',hc:'#4a3a2a',F:0,re:'🧰',act:['Pipeline CI','GitHub Act','Docker build','Staging']},
|
||||
{n:'Tracer',rm:'qa',d:'Log trace',p:'Stack traces',sk:'#d8b080',hc:'#3a2a1a',F:1,re:'🔦',act:['Erreur 500','access.log','Stack trace','Event corrèl']},
|
||||
{n:'Scientist',rm:'qa',d:'Benchmarks',p:'182 modèles',sk:'#f0d0b0',hc:'#888',F:1,gl:1,re:'🔬',act:['Groq vs Cerebras','Latence API','Accuracy','182 modèles']},
|
||||
{n:'Explore',rm:'pha',d:'R&D',p:'Sources HCP',sk:'#c99565',hc:'#5a3a10',F:0,re:'🧭',act:['Annuaire MA','Source DZ','Nouvelle API','Fournisseur']},
|
||||
{n:'DocSpec',rm:'pha',d:'Docs',p:'Templates',sk:'#e8cca0',hc:'#333',F:1,gl:1,re:'📝',act:['Template','API Ethica','Guide user','README']},
|
||||
{n:'MiroFish',rm:'pha',d:'Creative',p:'Brainstorm',sk:'#f0d0b0',hc:'#06b6d4',F:1,re:'🐟',act:['Campagne','Contenu','Newsletter','Brief']},
|
||||
{n:'TaskMgr',rm:'ops',d:'Tâches',p:'Kanban',sk:'#e8cca0',hc:'#4a4a3a',F:1,re:'📋',act:['Kanban','Deadlines','Priorités','Status']},
|
||||
{n:'Brain',rm:'ops',d:'Idées',p:'Innovation',sk:'#f0d0b0',hc:'#eab308',F:0,re:'💡',act:['Produit','Process','R&D','PoC']},
|
||||
{n:'Intro',rm:'ops',d:'Méta',p:'Amélioration',sk:'#e8cca0',hc:'#a855f7',F:1,re:'🧠',act:['Perf analyse','Prompts','Méta-cog','Workflow']},
|
||||
{n:'Orch',rm:'ops',d:'Orchestration',p:'Multi-agent',sk:'#c99565',hc:'#222',F:0,re:'🎯',act:['Sync agents','Deploy coord','Pipeline','Multi-task']},
|
||||
{n:'EthicaCron',rm:'cron',d:'Drip */5min',p:'DZ+MA+TN',sk:'#e8cca0',hc:'#64748b',F:1,re:'⏰',act:['Drip DZ','DabaDoc scrape','Enrich tels','Dedup master']},
|
||||
{n:'B2BCron',rm:'cron',d:'Scrape /4h',p:'Lead gen',sk:'#f0d0b0',hc:'#64748b',F:0,re:'🔄',act:['LinkedIn','Email pattern','Playwright','Enricher']},
|
||||
{n:'NonRegCron',rm:'cron',d:'6h/18h',p:'153 tests',sk:'#d8b080',hc:'#64748b',F:0,re:'🧪',act:['153 tests','5 couches','TG alert','HTML report']},
|
||||
{n:'BackupCron',rm:'cron',d:'Daily 4am',p:'PG+vault',sk:'#e8cca0',hc:'#64748b',F:1,re:'💾',act:['PG backup','GOLD sync','Config arch','Sentinel']},
|
||||
{n:'PMTA',rm:'mta',d:'Port 25',p:'ADX legacy',sk:'#f0d0b0',hc:'#ec4899',F:0,re:'📮',act:['Batch 10K','DKIM sign','Bounce proc','Queue mgmt']},
|
||||
{n:'KumoMTA',rm:'mta',d:'587+8010',p:'New sends',sk:'#e8cca0',hc:'#ec4899',F:0,re:'🚀',act:['Smart route','IP warm','Track opens','DMARC']},
|
||||
{n:'Postfix',rm:'mta',d:'2525/2526',p:'Internal',sk:'#d8b080',hc:'#ec4899',F:1,re:'📬',act:['Relay int','Forward','Queue flush','Log rotate']},
|
||||
{n:'Groq',rm:'ai',d:'Llama 70B',p:'Default',sk:'#f0d0b0',hc:'#8b5cf6',F:0,re:'⚡',act:['500 req/s','Response','Classify','Embed']},
|
||||
{n:'Cerebras',rm:'ai',d:'Qwen 235B',p:'Fallback',sk:'#e8cca0',hc:'#8b5cf6',F:1,re:'🧮',act:['Reasoning','Long ctx','Multi-turn','Code gen']},
|
||||
{n:'Ollama',rm:'ai',d:'12 models',p:'pip ollama',sk:'#d8b080',hc:'#8b5cf6',F:0,re:'🏠',act:['qwen3:8b','all-minilm','medllama2','weval-brain']},
|
||||
{n:'LeadForge',rm:'saas',d:'Lead engine',p:'B2B pipe',sk:'#f0d0b0',hc:'#14b8a6',F:1,re:'🎣',act:['Gen leads','Score','Enrich','Export']},
|
||||
{n:'OutreachAI',rm:'saas',d:'AI outreach',p:'Campaigns',sk:'#e8cca0',hc:'#14b8a6',F:0,re:'📨',act:['Sequence','A/B test','Schedule','Track']},
|
||||
{n:'MailWarm',rm:'saas',d:'IP warming',p:'Deliver',sk:'#d8b080',hc:'#14b8a6',F:1,re:'🔥',act:['Warm IP','Ramp vol','Reputation','Rotate']},
|
||||
{n:'ProposalAI',rm:'saas',d:'AI proposals',p:'Doc gen',sk:'#f0d0b0',hc:'#14b8a6',F:0,re:'📄',act:['Proposal','PDF','Pricing','Customize']},
|
||||
{n:'S88 GPU',rm:'dead',d:'DEAD GPU',p:'-45€/mois',sk:'#94a3b8',hc:'#64748b',F:0,re:'💀',act:['GPU mort','À annuler','9.9GB archivé','wevia_db OK']},
|
||||
{n:'S89',rm:'dead',d:'Old Ethica',p:'DOWN',sk:'#94a3b8',hc:'#64748b',F:1,re:'⚰️',act:['Port DOWN','adx 6.6GB','clients 2.8GB','Archivé']},
|
||||
{n:'ECS PMTA',rm:'dead',d:'SER 6-9',p:'Unknown',sk:'#94a3b8',hc:'#64748b',F:0,re:'❓',act:['Cluster','root/Yacine','À vérifier','Status ?']},
|
||||
{n:'LlamaIndex',rm:'intg',d:'RAG framework',p:'Qdrant WIRED',sk:'#f0d0b0',hc:'#f97316',F:0,re:'🦙',act:['Connect Qdrant','Index 4414 pts','Query pipeline','RAG search']},
|
||||
{n:'CrewAI',rm:'wire',d:'Multi-agent',p:'OSS WIRED',sk:'#e8cca0',hc:'#f97316',F:1,re:'👥',act:['Wire agents','Team config','Task flow','Orchestrate']},
|
||||
{n:'AutoGen',rm:'intg',d:'MS agents',p:'pip WIRED',sk:'#f0d0b0',hc:'#f97316',F:0,re:'🤝',act:['Agent conv','Multi-turn','Code exec','Review chain']},
|
||||
{n:'AnythingLLM',rm:'intg',d:'Chat+RAG',p:'OSS WIRED',sk:'#d8b080',hc:'#f97316',F:1,re:'💬',act:['Wire docs','Embed corpus','Chat RAG','Knowledge']},
|
||||
{n:'Dify',rm:'wire',d:'LLM ops',p:'OSS WIRED',sk:'#e8cca0',hc:'#f97316',F:0,re:'🔧',act:['Flow builder','Prompt mgmt','API chain','Deploy flow']},
|
||||
{n:'vLLM',rm:'intg',d:'Fast inference',p:'Colab GPU',sk:'#f0d0b0',hc:'#f97316',F:0,re:'🏎️',act:['Serve model','Batch infer','PagedAttn','Throughput']},
|
||||
{n:'LocalAI',rm:'intg',d:'Local models',p:'HF Spaces',sk:'#d8b080',hc:'#f97316',F:1,re:'🏡',act:['Local serve','GGUF load','API compat','CPU optim']},
|
||||
{n:'Stripe',rm:'wire',d:'Payments',p:'PK+SK LIVE',sk:'#e8cca0',hc:'#f97316',F:0,re:'💳',act:['Add SK live','Wire billing','Webhook','Test charge']},
|
||||
{n:'WhatsApp',rm:'wire',d:'Meta API',p:'API LIVE',sk:'#f0d0b0',hc:'#f97316',F:1,re:'📱',act:['Get token','Wire API','Template msg','Send flow']},
|
||||
{n:'OVH SMS',rm:'wire',d:'SMS gateway',p:'Creds missing',sk:'#d8b080',hc:'#f97316',F:0,re:'📲',act:['Get API key','Wire sender','Template','Campaign']},
|
||||
{n:'Azure AD',rm:'wire',d:'Graph API',p:'6/9 actifs',sk:'#e8cca0',hc:'#f97316',F:1,re:'☁️',act:['Re-register','Refresh token','Graph query','Sync contacts']},
|
||||
{n:'Gemini',rm:'wire',d:'Google AI',p:'KEY ACTIVE',sk:'#f0d0b0',hc:'#f97316',F:0,re:'♊',act:['Enable API','Get key','Wire provider','Test gen']},
|
||||
{n:'HF TRL',rm:'intg',d:'Fine-tune',p:'TRL WIRED',sk:'#f0d0b0',hc:'#84cc16',F:0,re:'🎓',act:['Upload Colab','Train LoRA','Eval model','Deploy GGUF']},
|
||||
{n:'Mastra',rm:'intg',d:'Agent SDK',p:'OSS WIRED',sk:'#e8cca0',hc:'#84cc16',F:1,re:'🔮',act:['npm install','Wire tools','Agent def','Deploy']},
|
||||
{n:'EvoMaster',rm:'intg',d:'API fuzzing',p:'OSS WIRED',sk:'#d8b080',hc:'#84cc16',F:0,re:'🧬',act:['Fuzz 214 APIs','Find bugs','Report','Auto-fix']},
|
||||
{n:'Activepieces',rm:'intg',d:'Automation',p:'OSS WIRED',sk:'#f0d0b0',hc:'#84cc16',F:1,re:'🧩',act:['Wire triggers','Flow build','Connect APIs','Schedule']},
|
||||
{n:'Goose',rm:'intg',d:'Dev agent',p:'OSS WIRED',sk:'#e8cca0',hc:'#84cc16',F:0,re:'🪿',act:['Install CLI','Wire repos','Auto-code','Review']},
|
||||
{n:'AEGIS',rm:'intg',d:'Security AI',p:'OSS WIRED',sk:'#d8b080',hc:'#84cc16',F:1,re:'🏛️',act:['Wire scanner','Auto audit','Report CVE','Patch suggest']},
|
||||
{n:'SkillSmith',rm:'intg',d:'Skill gen',p:'OSS WIRED',sk:'#f0d0b0',hc:'#84cc16',F:0,re:'⚒️',act:['Gen skills','Test','Deploy','Catalog']},
|
||||
{n:'AIOS',rm:'intg',d:'OS for AI',p:'OSS WIRED',sk:'#e8cca0',hc:'#84cc16',F:1,re:'🖥️',act:['Install','Wire agents','Schedule','Monitor']},
|
||||
{n:'Wazuh',rm:'sec',d:'SIEM security',p:'/opt WIRED',sk:'#f0d0b0',hc:'#f97316',F:0,re:'🔒',act:['Deploy SIEM','Wire alerts','Log collect','Threat detect']},
|
||||
{n:'CrowdSec',rm:'wire',d:'IDS/IPS',p:'systemd ACTIVE',sk:'#e8cca0',hc:'#f97316',F:1,re:'🏰',act:['Block brute','Parse logs','Share intel','Ban IPs']},
|
||||
{n:'BrowserUse',rm:'wire',d:'Web automate',p:'OSS WIRED',sk:'#d8b080',hc:'#f97316',F:0,re:'🌐',act:['Auto browse','Fill forms','Scrape JS','Screenshot']},
|
||||
{n:'Supermemory',rm:'wire',d:'Knowledge',p:'OSS WIRED',sk:'#f0d0b0',hc:'#f97316',F:1,re:'📚',act:['Store memory','Recall context','Index docs','Search KB']},
|
||||
{n:'Paperclip',rm:'intg',d:'Agent fleet',p:'150 LIVE',sk:'#e8cca0',hc:'#84cc16',F:0,re:'📎',act:['CEO agent run','CTO delegate','Hire agent','Fleet manage']},
|
||||
{n:'WevalRadar',rm:'intg',d:'Monitoring',p:'OSS WIRED',sk:'#d8b080',hc:'#84cc16',F:1,re:'📡',act:['Scan ports','Check DNS','Monitor SSL','Alert change']},
|
||||
{n:'WevalScrapy',rm:'intg',d:'Scraping fw',p:'OSS WIRED',sk:'#f0d0b0',hc:'#84cc16',F:0,re:'🕷️',act:['Crawl sites','Extract data','Pipeline','Export JSON']},
|
||||
{n:'WevBrain',rm:'intg',d:'AI brain',p:'Ollama UP',sk:'#e8cca0',hc:'#84cc16',F:1,re:'🧠',act:['Train brain','Fine-tune','Ollama serve','Inference']},
|
||||
{n:'Authentik',rm:'intg',d:'SSO/IdP',p:'SSO LIVE',sk:'#d8b080',hc:'#84cc16',F:0,re:'🔑',act:['SSO login','OAuth flow','LDAP sync','MFA enforce']},
|
||||
{n:'Fail2Ban',rm:'dock',d:'IPS S204+S95',p:'RUNNING',sk:'#f0d0b0',hc:'#0ea5e9',F:0,re:'🚫',act:['Block brute','Ban SSH','Jail nginx','Unban IP']},
|
||||
{n:'ListMonk',rm:'wire',d:'Newsletter S95',p:'TODO Docker',sk:'#e8cca0',hc:'#f97316',F:1,re:'📰',act:['Wire SMTP','Import list','Template','Campaign']},
|
||||
{n:'NoVNC',rm:'wire',d:'Remote S95',p:'pip 1.0 OK',sk:'#d8b080',hc:'#f97316',F:0,re:'🖥️',act:['Wire VNC','Remote access','Browser desktop','Config']},
|
||||
{n:'OpenClaw',rm:'dock',d:'AI proxy S151',p:'SSO LIVE',sk:'#f0d0b0',hc:'#0ea5e9',F:1,re:'🦀',act:['Route AI calls','Multi-provider','Ollama proxy','Log usage']},
|
||||
{n:'DroidCLI',rm:'intg',d:'Orchestrator S95',p:'WEDROID LIVE',sk:'#e8cca0',hc:'#84cc16',F:0,re:'🤖',act:['Chain exec S95','Sentinel cmd','DB query','Deploy']},
|
||||
{n:'Arsenal',rm:'dock',d:'192 endpoints S95',p:'RUNNING',sk:'#d8b080',hc:'#0ea5e9',F:0,re:'🏟️',act:['Serve 192 URLs','Track campaigns','Bounce handle','Stats']},
|
||||
{n:'ADXCache',rm:'dock',d:'Cache cleaner S95',p:'RUNNING',sk:'#f0d0b0',hc:'#0ea5e9',F:1,re:'🧹',act:['Clean cache','Purge old','Free mem','Optimize']},
|
||||
{n:'SearchProxy',rm:'dock',d:'SearXNG proxy',p:'systemd UP',sk:'#e8cca0',hc:'#0ea5e9',F:0,re:'🔎',act:['Proxy search','Multi-engine','Rate limit','Cache']},
|
||||
{n:'WevRelay',rm:'dock',d:'WEVADS relay',p:'systemd UP',sk:'#d8b080',hc:'#0ea5e9',F:1,re:'🔀',act:['Relay HTTP','Route S95','Track pixel','Redirect']},
|
||||
{n:'OhMyCC',rm:'intg',d:'19 agents',p:'WIRED',sk:'#f0d0b0',hc:'#84cc16',F:0,re:'🎭',act:['19 agent defs','Dispatch skill','Route mode','Catalog']},
|
||||
{n:'SuperClaude',rm:'intg',d:'7 modes',p:'WIRED',sk:'#e8cca0',hc:'#84cc16',F:1,re:'🦸',act:['Fast mode','Deep mode','Code mode','Math mode']},
|
||||
{n:'Antigravity',rm:'intg',d:'4414 skills',p:'4414 LIVE',sk:'#d8b080',hc:'#84cc16',F:0,re:'🚀',act:['Search skills','Match task','Qdrant query','Auto-select']},
|
||||
{n:'EthicaScripts',rm:'dock',d:'15 scripts S95',p:'Cron active',sk:'#f0d0b0',hc:'#0ea5e9',F:1,re:'💉',act:['DabaDoc scrape','LinkedIn drip','Email enrich','Master dedup']},
|
||||
{n:'B2BScripts',rm:'dock',d:'10 scripts S95',p:'Cron /4h',sk:'#e8cca0',hc:'#0ea5e9',F:0,re:'🏢',act:['Scrape leads','Pattern emails','Mega enricher','Round 2']},
|
||||
{n:'Microsoft',rm:'wire',d:'Graph API S95',p:'6 tenants ACTIVE',sk:'#d8b080',hc:'#f97316',F:1,re:'Ⓜ️',act:['Wire Graph','O365 sync','Calendar','Contacts']},
|
||||
{n:'TrackingS151',rm:'dock',d:'16 PHP files',p:'S151 relay',sk:'#f0d0b0',hc:'#0ea5e9',F:0,re:'📍',act:['Track opens','Track clicks','Relay→S204','Log events']},
|
||||
{n:'OllamaS95',rm:'dock',d:'Ollama S95',p:'systemd UP',sk:'#e8cca0',hc:'#0ea5e9',F:1,re:'🦙',act:['phi4-mini','smollm2','qwen3.5','Local infer']},
|
||||
{n:'WEVCODE',rm:'wevia',d:'Code assistant',p:'4 modes',sk:'#f0d0b0',hc:'#6366f1',F:0,re:'💻',act:['Fast mode','Deep mode','Code mode','Math mode']},
|
||||
{n:'WEVIALife',rm:'wevia',d:'Email sync',p:'Desktop→S204',sk:'#e8cca0',hc:'#6366f1',F:1,re:'📧',act:['Sync desktop','Upload docs','Track files','Index']},
|
||||
{n:'WEVIAGateway',rm:'wevia',d:'AI gateway',p:'18 providers',sk:'#d8b080',hc:'#6366f1',F:0,re:'🌐',act:['Route Groq','Fallback Cerebras','Proxy Mistral','Load balance']},
|
||||
{n:'TTS',rm:'wevia',d:'Text-to-Speech',p:'Voice gen',sk:'#f0d0b0',hc:'#6366f1',F:1,re:'🔊',act:['Generate voice','FR accent','Stream audio','Cache result']},
|
||||
{n:'MermaidGen',rm:'wevia',d:'Diagram gen',p:'mmdc',sk:'#e8cca0',hc:'#6366f1',F:0,re:'📊',act:['Gen flowchart','Sequence diag','Class diag','Export SVG']},
|
||||
{n:'L99',rm:'wevia',d:'Command Center',p:'79 layers',sk:'#d8b080',hc:'#6366f1',F:1,re:'🎮',act:['Check 79 layers','Score system','Deep audit','Report']},
|
||||
{n:'ClaudeSync',rm:'wevia',d:'Claude monitor',p:'Doc sync',sk:'#f0d0b0',hc:'#6366f1',F:0,re:'📋',act:['Sync transcripts','Track sessions','Upload docs','Index']},
|
||||
{n:'Blueprint',rm:'dev',d:'Auto blueprint',p:'Project gen',sk:'#d8b080',hc:'#10b981',F:1,re:'📐',act:['Gen blueprint','Archi auto','Template proj','Export']},
|
||||
{n:'Proposal',rm:'sal',d:'AI proposals',p:'Doc gen',sk:'#e8cca0',hc:'#3b82f6',F:0,re:'📑',act:['Gen proposal','Format PDF','Insert pricing','Customize']},
|
||||
{n:'Contract',rm:'sal',d:'Contract gen',p:'Legal docs',sk:'#d8b080',hc:'#3b82f6',F:1,re:'📜',act:['Gen contract','NDA template','Terms gen','Review']},
|
||||
{n:'Dashboard',rm:'ops',d:'Auto dashboard',p:'Analytics',sk:'#f0d0b0',hc:'#eab308',F:0,re:'📈',act:['Gen dashboard','KPI charts','Auto report','Export']},
|
||||
{n:'Translate',rm:'con',d:'Multi-langue',p:'90KB sacred',sk:'#e8cca0',hc:'#7c3aed',F:1,re:'🌍',act:['Translate FR','Translate AR','Translate EN','Sync i18n']},
|
||||
{n:'DevForge',rm:'dev',d:'Code gen',p:'Full stack',sk:'#d8b080',hc:'#10b981',F:0,re:'🔨',act:['Gen component','API scaffold','DB schema','Test gen']},
|
||||
{n:'Academy',rm:'con',d:'Training',p:'Auto-learn',sk:'#f0d0b0',hc:'#7c3aed',F:1,re:'🎓',act:['Gen training','Quiz create','Onboard flow','Certify']},
|
||||
{n:'SkillsRAG',rm:'plat',d:'4414 skills',p:'Qdrant search',sk:'#f0d0b0',hc:'#0d9488',F:0,re:'🎯',act:['Search skills','Match task','Rank results','Auto-select']},
|
||||
{n:'PromptsLib',rm:'plat',d:'55 prompts',p:'Searchable',sk:'#e8cca0',hc:'#0d9488',F:1,re:'✨',act:['Search prompt','Match context','Enhance','Cache']},
|
||||
{n:'CodeWiki',rm:'plat',d:'203 files',p:'Auto-doc',sk:'#d8b080',hc:'#0d9488',F:0,re:'📖',act:['Index 203 files','Gen docs','Search code','Update wiki']},
|
||||
{n:'AIBench',rm:'plat',d:'182 models',p:'Daily 5h',sk:'#f0d0b0',hc:'#0d9488',F:1,re:'🏆',act:['Bench 182 models','Compare speed','Score accuracy','Leaderboard']},
|
||||
{n:'ModelScope',rm:'plat',d:'4 models',p:'Hub routed',sk:'#e8cca0',hc:'#0d9488',F:0,re:'🔬',act:['Route model','Test infer','Compare','Select best']},
|
||||
{n:'OSSDiscover',rm:'plat',d:'OSS catalog',p:'Scan GitHub',sk:'#d8b080',hc:'#0d9488',F:1,re:'🔭',act:['Scan trending','Evaluate tool','Clone repo','Report']},
|
||||
{n:'GHGrab',rm:'plat',d:'Bulk cloner',p:'/ghgrab.sh',sk:'#f0d0b0',hc:'#0d9488',F:0,re:'📥',act:['Clone repos','Bulk download','Archive','Catalog']},
|
||||
{n:'AgentShield',rm:'plat',d:'Security audit',p:'Secrets scan',sk:'#e8cca0',hc:'#0d9488',F:1,re:'🔍',act:['Scan secrets','Audit code','Check leaks','Report clean']},
|
||||
{n:'Playwright',rm:'qa',d:'Visual tests',p:'41 tests',sk:'#d8b080',hc:'#06b6d4',F:0,re:'🎭',act:['Run 41 tests','Screenshot','Compare baseline','Report']},
|
||||
{n:'OpenWebUI',rm:'dock',d:'Chat :8281',p:'UP healthy',sk:'#f0d0b0',hc:'#0ea5e9',F:0,re:'💬',act:['Serve chat UI','Route models','Auth users','Log convos']},
|
||||
{n:'Flowise',rm:'dock',d:'AI flows :3033',p:'UP',sk:'#e8cca0',hc:'#0ea5e9',F:1,re:'🌊',act:['Build flow','Chain LLMs','API endpoint','Test flow']},
|
||||
{n:'Twenty',rm:'dock',d:'CRM :3000',p:'UP',sk:'#d8b080',hc:'#0ea5e9',F:0,re:'📇',act:['Track deals','Manage contacts','Pipeline CRM','Export data']},
|
||||
{n:'n8n',rm:'dock',d:'15 WF :5678',p:'ACTIVE 15WF',sk:'#f0d0b0',hc:'#0ea5e9',F:1,re:'🔗',act:['Trigger webhook','API chain','Schedule task','Transform']},
|
||||
{n:'Plausible',rm:'dock',d:'Analytics',p:'UP',sk:'#e8cca0',hc:'#0ea5e9',F:0,re:'📈',act:['Track visits','Page views','Dashboard','Export stats']},
|
||||
{n:'UptimeKuma',rm:'dock',d:'Uptime :3001',p:'UP healthy',sk:'#d8b080',hc:'#0ea5e9',F:1,re:'📊',act:['Ping 25 URLs','Alert down','Status page','99.9% SLA']},
|
||||
{n:'Mattermost',rm:'dock',d:'Team chat',p:'UP healthy',sk:'#f0d0b0',hc:'#0ea5e9',F:0,re:'💬',act:['DeerFlow hook','Alert channel','Team collab','Bot webhook']},
|
||||
{n:'SearXNG',rm:'dock',d:'Meta search',p:'UP',sk:'#e8cca0',hc:'#0ea5e9',F:1,re:'🔍',act:['Search proxy','Multi-engine','Privacy','API query']},
|
||||
{n:'Qdrant',rm:'dock',d:'Vector DB',p:'RAG 4935vec Paperclip',sk:'#d8b080',hc:'#0ea5e9',F:0,re:'🧮',act:['Store 4414 vecs','Search similar','RAG embed','Skill index']},
|
||||
{n:'Vaultwarden',rm:'dock',d:'Passwords :8222',p:'UP S95',sk:'#f0d0b0',hc:'#0ea5e9',F:1,re:'🔐',act:['Store secrets','Auto-fill','Share vault','Audit log']},
|
||||
{n:'Loki',rm:'dock',d:'Log aggreg',p:'RESTARTING ⚠️',sk:'#e8cca0',hc:'#0ea5e9',F:0,re:'⚠️',act:['Collect logs','Query Grafana','Alert pattern','BROKEN fix!']},
|
||||
{n:'HolyClaude',rm:'intg',d:'Cloned /opt/',p:'Not wired',sk:'#d8d8d8',hc:'#a1a1aa',F:0,re:'⛪',act:['Évaluer usage','Wire if useful','Test prompts','Décider sort']},
|
||||
{n:'LTX-Video',rm:'ai',d:'Video gen',p:'Needs GPU',sk:'#d8d8d8',hc:'#a1a1aa',F:1,re:'🎬',act:['Évaluer','Need GPU free','API ltx-video','Test gen']},
|
||||
{n:'DeepAgent',rm:'ai',d:'Deep research',p:'API exists',sk:'#d8d8d8',hc:'#a1a1aa',F:0,re:'🕵️',act:['API /deepagent','Test research','Wire chatbot','Activate']},
|
||||
{n:'Claude-Mem',rm:'intg',d:'Memory ext',p:'OSS WIRED',sk:'#d8d8d8',hc:'#a1a1aa',F:1,re:'🧠',act:['Évaluer','Wire memory','Test persist','Decide']},
|
||||
{n:'ClawCode',rm:'intg',d:'78 Skills Sovereign',p:'WIRED :3900',sk:'#d0f0d0',hc:'#22c55e',F:1,gl:1,re:'🧠',act:['78 skills GPT','19 OhMyCC agents','18 ToolsFK','12 prompts','11 Paperclip roles','10 DeerFlow','8 Platform']},
|
||||
{n:'Strix',rm:'sec',d:'Nuclei scan',p:'OSS WIRED',sk:'#d8d8d8',hc:'#a1a1aa',F:0,re:'🦉',act:['Nuclei templates','Scan vuln','Report CVE','Auto-patch']},
|
||||
{n:'Prometheus',rm:'ops',d:'Metrics',p:'OSS WIRED',sk:'#d8d8d8',hc:'#a1a1aa',F:1,re:'📉',act:['Scrape metrics','Grafana dash','Alert rules','Retention']}
|
||||
];
|
||||
|
||||
// Tasks are now per-agent in act[]
|
||||
const HU=26,BASE_RH=60,ROW_ADD=50;
|
||||
AG.forEach(function(a){a.si='sit';a.x=0;a.y=0;a.dx=0;a.dy=0;a.cx=0;a.cy=0;a.bob=Math.random()*6.28;a.wk=0;a.triggered=false;a.alert='';a.alertOn=false;a.wtmr=0;a.dir=1;a.bl=0;a.blt=80+Math.random()*200;a.tk='';a.tkt=0;a.wp=[];a.wpi=0;});
|
||||
|
||||
function rz(){
|
||||
W=innerWidth;var totalNeeded=HU+10;for(var ii=0;ii<DP.length;ii++)totalNeeded+=(typeof deptH==='function'?deptH(ii):60)+3;H=Math.max(innerHeight,totalNeeded);
|
||||
C.width=W*2;C.height=H*2;X.scale(2,2);C.style.height=H+'px';
|
||||
lay();
|
||||
}
|
||||
function oX(){return 4;}
|
||||
function oW(){return Math.floor(W*.35);}
|
||||
function pX(){return Math.floor(W*.38);}
|
||||
function pW(){return Math.floor(W*.42);}
|
||||
function oRect(i){return {x:oX(),y:deptY(i),w:oW(),h:deptH(i)};}
|
||||
function pRect(i){return {x:pX(),y:deptY(i),w:pW(),h:deptH(i)};}
|
||||
|
||||
function lay(){
|
||||
AG.forEach(function(a){
|
||||
var di=DP.findIndex(function(d){return d.id===a.rm;});
|
||||
if(di<0)return;
|
||||
var o=oRect(di);
|
||||
var mates=AG.filter(function(b){return b.rm===a.rm;});
|
||||
var mi=mates.indexOf(a);
|
||||
var cols=Math.min(mates.length,7);
|
||||
var row=Math.floor(mi/cols);
|
||||
var col=mi%cols;
|
||||
var spacing=Math.min(50,(o.w-20)/Math.max(cols,1));
|
||||
var totalW=cols*spacing;
|
||||
a.dx=o.x+(o.w-totalW)/2+col*spacing+spacing/2;
|
||||
var rows2=Math.ceil(mates.length/cols);
|
||||
var totalVH=rows2*48;
|
||||
a.dy=o.y+20+(o.h-totalVH)/2+row*48;
|
||||
if(a.si==='sit'){a.x=a.dx;a.y=a.dy;}
|
||||
var dept=DP[di];
|
||||
var pr=pRect(di);
|
||||
var psi=Math.floor(Math.random()*dept.pp.length);
|
||||
var sw=pr.w/dept.pp.length;
|
||||
a.cx=pr.x+psi*sw+sw/2;
|
||||
a.cy=pr.y+pr.h/2;
|
||||
});
|
||||
}
|
||||
function deptH(i){var cnt=AG.filter(function(a){return a.rm===DP[i].id;}).length;var rows=Math.ceil(cnt/Math.max(Math.min(cnt,5),1));return BASE_RH+rows*ROW_ADD;}
|
||||
function deptY(i){var y=HU+4;for(var j=0;j<i;j++)y+=deptH(j)+3;return y;}
|
||||
addEventListener('resize',rz);rz();
|
||||
|
||||
// DRAW OFFICE (left)
|
||||
function drawOff(i){
|
||||
var r=oRect(i),d=DP[i],cl=d.cl,fl=d.fl;
|
||||
X.fillStyle='#0001';X.beginPath();X.roundRect(r.x+3,r.y+3,r.w,r.h,8);X.fill();
|
||||
var g=X.createLinearGradient(r.x,r.y,r.x,r.y+r.h);g.addColorStop(0,fl);g.addColorStop(1,fl+'bb');
|
||||
X.fillStyle=g;X.beginPath();X.roundRect(r.x,r.y,r.w,r.h,8);X.fill();
|
||||
X.strokeStyle=cl+'70';X.lineWidth=2;X.beginPath();X.roundRect(r.x,r.y,r.w,r.h,8);X.stroke();
|
||||
X.fillStyle=cl;X.beginPath();X.roundRect(r.x,r.y,5,r.h,[8,0,0,8]);X.fill();
|
||||
X.font='900 12px Nunito';X.fillStyle=cl;X.textAlign='left';X.fillText(d.l,r.x+6,r.y+14);
|
||||
// Agent count badge
|
||||
var cnt=AG.filter(function(a){return a.rm===d.id;}).length;
|
||||
var acnt=AG.filter(function(a){return a.rm===d.id&&a.si!=='sit';}).length;
|
||||
var bx=r.x+X.measureText(d.l).width+12;
|
||||
X.fillStyle=acnt>0?'#22c55e30':'#64748b20';X.beginPath();X.roundRect(bx,r.y+4,22,14,7);X.fill();
|
||||
X.font='800 8px JetBrains Mono';X.fillStyle=acnt>0?'#22c55e':'#64748b';X.fillText(cnt,bx+11,r.y+14);
|
||||
// Status dot
|
||||
X.fillStyle=acnt>0?'#22c55e':'#94a3b8';X.beginPath();X.arc(r.x+r.w-10,r.y+10,4,0,6.28);X.fill();
|
||||
if(acnt>0){X.fillStyle='#22c55e40';X.beginPath();X.arc(r.x+r.w-10,r.y+10,7+Math.sin(fr*.1)*2,0,6.28);X.fill();}
|
||||
// Door on right
|
||||
var dy=r.y+r.h/2;
|
||||
X.fillStyle='#fff';X.beginPath();X.roundRect(r.x+r.w-1,dy-6,5,12,[0,3,3,0]);X.fill();
|
||||
X.strokeStyle=cl;X.lineWidth=1;X.beginPath();X.roundRect(r.x+r.w-1,dy-6,5,12,[0,3,3,0]);X.stroke();
|
||||
X.fillStyle=cl;X.beginPath();X.arc(r.x+r.w+2.5,dy,1,0,6.28);X.fill();
|
||||
}
|
||||
|
||||
// DRAW PIPELINE (right)
|
||||
function drawPipe(i){
|
||||
var r=pRect(i),d=DP[i],cl=d.cl;
|
||||
X.fillStyle='#f4f6fc';X.beginPath();X.roundRect(r.x,r.y,r.w,r.h,8);X.fill();
|
||||
X.strokeStyle=cl+'30';X.lineWidth=1;X.beginPath();X.roundRect(r.x,r.y,r.w,r.h,8);X.stroke();
|
||||
var by=r.y+r.h/2;
|
||||
// Pipeline background gradient
|
||||
var pbg=X.createLinearGradient(r.x,r.y,r.x+r.w,r.y);
|
||||
pbg.addColorStop(0,cl+'08');pbg.addColorStop(0.5,cl+'15');pbg.addColorStop(1,cl+'08');
|
||||
X.fillStyle=pbg;X.fillRect(r.x+3,r.y+3,r.w-6,r.h-6);
|
||||
X.fillStyle=cl+'12';X.beginPath();X.roundRect(r.x+3,by-4,r.w-6,8,3);X.fill();
|
||||
// Animated flow dots on track
|
||||
var flowX=(fr*0.5+i*100)%(r.w-20);
|
||||
X.fillStyle=cl+'40';X.beginPath();X.arc(r.x+10+flowX,by,3,0,6.28);X.fill();
|
||||
X.fillStyle=cl+'25';X.beginPath();X.arc(r.x+10+(flowX+15)%(r.w-20),by,2,0,6.28);X.fill();
|
||||
var sw=r.w/d.pp.length;
|
||||
d.pp.forEach(function(s,j){
|
||||
var sx=r.x+j*sw+sw/2;
|
||||
X.fillStyle='#fff';X.beginPath();X.arc(sx,by,11,0,6.28);X.fill();
|
||||
X.fillStyle=cl+'25';X.beginPath();X.arc(sx,by,11,0,6.28);X.fill();
|
||||
X.strokeStyle=cl;X.lineWidth=1.5;X.beginPath();X.arc(sx,by,11,0,6.28);X.stroke();
|
||||
X.fillStyle=cl;X.beginPath();X.arc(sx,by,4,0,6.28);X.fill();
|
||||
X.font='800 7px Nunito';X.fillStyle=cl;X.textAlign='center';X.fillText(s,sx,by+18);
|
||||
// Stage number inside circle
|
||||
X.font='bold 8px JetBrains Mono';X.fillStyle='#fff';X.textBaseline='middle';X.fillText(j+1,sx,by);X.textBaseline='alphabetic';
|
||||
if(j<d.pp.length-1){
|
||||
// Animated arrow between stages
|
||||
var ax=sx+sw/2;
|
||||
X.fillStyle=cl+'50';X.beginPath();X.moveTo(ax-4,by-3);X.lineTo(ax+4,by);X.lineTo(ax-4,by+3);X.closePath();X.fill();
|
||||
}
|
||||
});
|
||||
X.font='800 8px Nunito';X.fillStyle=cl+'90';X.textAlign='right';X.fillText('PIPELINE',r.x+r.w-4,r.y+9);
|
||||
}
|
||||
|
||||
// WALKWAY between office and pipeline
|
||||
function outX(){return pX()+pW()+8;}
|
||||
function outW(){return Math.floor(W*.12);}
|
||||
function outRect(i){return {x:outX(),y:deptY(i),w:outW(),h:deptH(i)};}
|
||||
|
||||
function drawOut(i){
|
||||
var r=outRect(i),d=DP[i],cl=d.cl;
|
||||
var o=OUT[d.id];if(!o)return;
|
||||
// Background
|
||||
var g=X.createLinearGradient(r.x,r.y,r.x+r.w,r.y+r.h);
|
||||
g.addColorStop(0,'#f8fafc');g.addColorStop(1,'#f0f4f8');
|
||||
X.fillStyle=g;X.beginPath();X.roundRect(r.x,r.y,r.w,r.h,8);X.fill();
|
||||
X.strokeStyle=cl+'40';X.lineWidth=1;X.beginPath();X.roundRect(r.x,r.y,r.w,r.h,8);X.stroke();
|
||||
// Right color bar
|
||||
X.fillStyle=cl;X.beginPath();X.roundRect(r.x+r.w-4,r.y,4,r.h,[0,8,8,0]);X.fill();
|
||||
// Header
|
||||
X.font='800 7px Nunito';X.fillStyle=cl;X.textAlign='center';
|
||||
X.fillText('OUTPUT',r.x+r.w/2,r.y+10);
|
||||
// Date removed (was confusing 2/4 = 2 avril)
|
||||
// Icon
|
||||
X.font='14px sans-serif';X.fillText(o.icon,r.x+r.w/2,r.y+r.h/2-5);
|
||||
// Metric (big)
|
||||
X.font='900 10px JetBrains Mono';
|
||||
var mColor=o.metric.includes('TODO')||o.metric.includes('-45')||o.metric.includes('wait')?'#ef4444':
|
||||
o.metric.includes('OK')||o.metric.includes('99')||o.metric.includes('+')?'#22c55e':'#3b82f6';
|
||||
X.fillStyle=mColor;X.fillText(o.metric,r.x+r.w/2,r.y+r.h/2+10);
|
||||
// Input line
|
||||
// Capacity bar
|
||||
var capPct=70+Math.sin(i*.7)*20;// simulated capacity usage
|
||||
X.fillStyle='#e2e8f0';X.beginPath();X.roundRect(r.x+6,r.y+r.h-28,r.w-12,5,2);X.fill();
|
||||
var barColor=capPct>80?'#ef4444':capPct>50?'#f59e0b':'#22c55e';
|
||||
X.fillStyle=barColor;X.beginPath();X.roundRect(r.x+6,r.y+r.h-28,Math.min(capPct,100)/100*(r.w-12),5,2);X.fill();
|
||||
X.font='600 4.5px JetBrains Mono';X.fillStyle=barColor;X.textAlign='right';
|
||||
X.fillText(Math.round(capPct)+'%',r.x+r.w-6,r.y+r.h-30);X.textAlign='center';
|
||||
// Input/Output
|
||||
X.font='600 5px Nunito';X.fillStyle='#64748b';
|
||||
X.fillText(o.input,r.x+r.w/2,r.y+r.h-18);
|
||||
X.fillStyle='#2a2a4a';X.font='700 5px Nunito';
|
||||
X.fillText(o.output,r.x+r.w/2,r.y+r.h-10);
|
||||
}
|
||||
|
||||
function drawWalk(){
|
||||
DP.forEach(function(d,i){
|
||||
var o=oRect(i),p=pRect(i),ym=o.y+o.h/2;
|
||||
// Walkway with animated dashes
|
||||
var wx1=o.x+o.w+2,wx2=p.x-4,wy=ym;
|
||||
X.fillStyle='#d8e4f0';X.beginPath();X.roundRect(wx1,wy-4,wx2-wx1,8,3);X.fill();
|
||||
X.strokeStyle=d.cl+'60';X.lineWidth=1;X.setLineDash([6,4]);X.lineDashOffset=-fr*0.3;
|
||||
X.beginPath();X.moveTo(wx1+4,wy);X.lineTo(wx2-4,wy);X.stroke();X.setLineDash([]);
|
||||
// Arrow
|
||||
X.fillStyle=d.cl+'80';X.beginPath();X.moveTo(wx2-8,wy-4);X.lineTo(wx2,wy);X.lineTo(wx2-8,wy+4);X.closePath();X.fill();
|
||||
// Arrow from pipeline to output
|
||||
var or2=outRect(i);var ox1=p.x+p.w+2,ox2=or2.x-2;
|
||||
X.fillStyle='#d8e4f0';X.beginPath();X.roundRect(ox1,wy-3,ox2-ox1,6,2);X.fill();
|
||||
X.fillStyle=d.cl+'60';X.beginPath();X.moveTo(ox2-6,wy-3);X.lineTo(ox2,wy);X.lineTo(ox2-6,wy+3);X.closePath();X.fill();
|
||||
X.strokeStyle='#e0d050';X.lineWidth=.5;X.setLineDash([3,4]);
|
||||
X.beginPath();X.moveTo(o.x+o.w+8,ym);X.lineTo(p.x-4,ym);X.stroke();X.setLineDash([]);
|
||||
X.fillStyle='#b0c0d860';X.font='7px sans-serif';X.textAlign='center';
|
||||
X.fillText('→',(o.x+o.w+p.x)/2,ym+2);
|
||||
});
|
||||
}
|
||||
|
||||
// CHARACTER (emoji-based HD)
|
||||
function drawC(a){
|
||||
var isH=a===hov,sit=a.si==='sit',sc=isH?1.2:1;
|
||||
var bob=sit?0:Math.sin(a.bob)*1.5;
|
||||
var di=DP.findIndex(function(d){return d.id===a.rm;});
|
||||
var cl=di>=0?DP[di].cl:'#888';
|
||||
X.save();X.translate(a.x,a.y+bob);X.scale(sc,sc);
|
||||
if(isH){X.shadowColor=cl;X.shadowBlur=12;}
|
||||
// Shadow
|
||||
X.fillStyle='#00000018';X.beginPath();X.ellipse(0,sit?5:10,7,2.5,0,0,6.28);X.fill();
|
||||
// Body (colored pill)
|
||||
var bg=X.createLinearGradient(-5,-4,5,4);bg.addColorStop(0,cl);bg.addColorStop(1,cl+'99');
|
||||
X.fillStyle=bg;X.beginPath();X.roundRect(-6,-5,12,10,[5,5,2,2]);X.fill();
|
||||
X.fillStyle='#ffffff20';X.beginPath();X.roundRect(-4,-4,4,7,[2,0,0,2]);X.fill();
|
||||
// Legs (walking)
|
||||
if(!sit){
|
||||
var lsw=Math.sin(a.wk)*3;
|
||||
X.fillStyle=cl+'bb';
|
||||
X.save();X.translate(-2.5,4);X.rotate(lsw*.04);X.beginPath();X.roundRect(-1.5,0,3,7,1.5);X.fill();X.restore();
|
||||
X.save();X.translate(2.5,4);X.rotate(-lsw*.04);X.beginPath();X.roundRect(-1.5,0,3,7,1.5);X.fill();X.restore();
|
||||
X.fillStyle='#fff';
|
||||
X.beginPath();X.ellipse(-2.5+lsw*.1,11,2.5,1.2,0,0,6.28);X.fill();
|
||||
X.beginPath();X.ellipse(2.5-lsw*.1,11,2.5,1.2,0,0,6.28);X.fill();
|
||||
}
|
||||
// Arms
|
||||
X.fillStyle=a.sk;
|
||||
var asw=sit?0:Math.sin(a.wk+.5)*.15;
|
||||
X.save();X.translate(-7,-1);X.rotate(sit?.2:asw);X.beginPath();X.roundRect(-1.5,0,3,sit?4:7,1.5);X.fill();X.restore();
|
||||
X.save();X.translate(7,-1);X.rotate(sit?-.2:-asw);X.beginPath();X.roundRect(-1.5,0,3,sit?4:7,1.5);X.fill();X.restore();
|
||||
// HEAD — use emoji face for HD quality
|
||||
X.font='22px sans-serif';X.textAlign='center';X.textBaseline='middle';
|
||||
X.fillText(a.re||'👤',0,-14);
|
||||
// Name
|
||||
X.textBaseline='alphabetic';
|
||||
X.font=(isH?'800':'600')+' '+(isH?7:5.5)+'px Nunito';
|
||||
X.fillStyle=isH?'#2a2a4a':a.si!=='sit'?cl:'#6a7a98';
|
||||
X.textAlign='center';X.fillText(a.n,0,sit?14:20);
|
||||
// Active dot
|
||||
if(a.si!=='sit'){
|
||||
X.fillStyle=cl+'40';X.beginPath();X.arc(0,-28,5+Math.sin(fr*.15)*2,0,6.28);X.fill();
|
||||
X.fillStyle=cl;X.beginPath();X.arc(0,-28,3,0,6.28);X.fill();
|
||||
}
|
||||
// Task bubble
|
||||
if(a.tkt>0){
|
||||
X.globalAlpha=Math.min(a.tkt/6,1);
|
||||
var tw2=Math.min(a.tk.length*5+16,180);
|
||||
var by2=a.si==='sit'?20:26;
|
||||
// Speech bubble BELOW agent
|
||||
X.fillStyle='#ffffffee';X.shadowColor='#00000020';X.shadowBlur=6;
|
||||
X.strokeStyle='#3b82f680';X.lineWidth=1;
|
||||
X.beginPath();X.roundRect(-tw2/2,by2,tw2,34,8);X.fill();X.stroke();X.shadowBlur=0;
|
||||
// Triangle pointing UP to agent
|
||||
X.fillStyle='#ffffffee';X.beginPath();X.moveTo(-4,by2);X.lineTo(4,by2);X.lineTo(0,by2-5);X.closePath();X.fill();
|
||||
// Action text
|
||||
// Line 1: action
|
||||
X.font='700 7px Nunito';X.fillStyle='#1e40af';X.textAlign='center';X.textBaseline='middle';
|
||||
X.fillText(a.tk,0,by2+7);
|
||||
// Line 2: freq
|
||||
var meta=AMETA[a.n]||{};
|
||||
var fr2=meta.fq||FREQ_DEF[a.rm]||'';
|
||||
X.font='600 5.5px Nunito';X.fillStyle='#94a3b8';
|
||||
X.fillText('⏱ '+fr2,0,by2+16);
|
||||
// Line 3: input
|
||||
if(meta.inp){
|
||||
X.font='600 5px Nunito';X.fillStyle='#64748b';
|
||||
X.fillText('📥 '+meta.inp,0,by2+24);
|
||||
}
|
||||
X.textBaseline='alphabetic';X.globalAlpha=1;
|
||||
}
|
||||
// ALERT: compact red badge
|
||||
if(a.alertOn&&a.alert){
|
||||
X.shadowColor='#ef4444';X.shadowBlur=6+Math.sin(fr*.15)*3;
|
||||
X.fillStyle='#ef444420';X.beginPath();X.arc(0,-14,14,0,6.28);X.fill();
|
||||
X.shadowBlur=0;
|
||||
X.fillStyle='#ef4444';X.beginPath();X.arc(12,-22,6,0,6.28);X.fill();
|
||||
X.font='bold 8px sans-serif';X.fillStyle='#fff';X.textAlign='center';X.textBaseline='middle';
|
||||
X.fillText('!',12,-22);X.textBaseline='alphabetic';
|
||||
var atxt=a.alert.length>16?a.alert.substring(0,16):a.alert;
|
||||
var aw3=Math.min(atxt.length*5+14,110);
|
||||
X.fillStyle='#fef2f2ee';X.strokeStyle='#fca5a5';X.lineWidth=1;
|
||||
X.beginPath();X.roundRect(-aw3/2,-42,aw3,15,4);X.fill();X.stroke();
|
||||
X.font='600 7px JetBrains Mono';X.fillStyle='#dc2626';X.textAlign='center';X.textBaseline='middle';
|
||||
X.fillText(atxt,0,-34.5);X.textBaseline='alphabetic';
|
||||
}
|
||||
X.restore();
|
||||
}
|
||||
// PATH
|
||||
function mkP(a){
|
||||
var di=DP.findIndex(function(d){return d.id===a.rm;});
|
||||
if(di<0)return[];
|
||||
var o=oRect(di),ym=o.y+o.h/2;
|
||||
return[{x:o.x+o.w+6,y:ym},{x:a.cx,y:a.cy}];
|
||||
}
|
||||
function mkR(a){
|
||||
var di=DP.findIndex(function(d){return d.id===a.rm;});
|
||||
if(di<0)return[];
|
||||
var o=oRect(di),ym=o.y+o.h/2;
|
||||
return[{x:o.x+o.w+6,y:ym},{x:a.dx,y:a.dy}];
|
||||
}
|
||||
|
||||
// UPDATE
|
||||
function upd(dt){fr++;var ac=0;
|
||||
AG.forEach(function(a){
|
||||
a.bob+=dt*(a.si==='sit'?1:4);a.blt-=dt*60;
|
||||
if(a.blt<=0){a.bl=4;a.blt=80+Math.random()*200;}
|
||||
if(a.bl>0)a.bl-=dt*60;if(a.tkt>0)a.tkt-=dt*3;
|
||||
if(a.si==='sit'){
|
||||
if(a.triggered){a.triggered=false;a.alert='';a.alertOn=false;a.wp=mkP(a);a.wpi=0;a.si='go';a.wk=0;a.tkt=60;}
|
||||
}else if(a.si==='go'){a.wk+=dt*6;ac++;
|
||||
if(a.wpi<a.wp.length){var w=a.wp[a.wpi],dx=w.x-a.x,dy=w.y-a.y,d=Math.sqrt(dx*dx+dy*dy);
|
||||
if(d>1.5){a.x+=dx/d*55*dt;a.y+=dy/d*55*dt;a.dir=dx>0?1:-1;}else a.wpi++;}
|
||||
else{a.si='work';a.wtmr=80;}
|
||||
}else if(a.si==='work'){a.wk+=dt*2;ac++;a.wtmr-=dt*60;
|
||||
if(a.wtmr<=0){a.wp=mkR(a);a.wpi=0;a.si='back';tc++;}
|
||||
}else if(a.si==='back'){a.wk+=dt*6;ac++;
|
||||
if(a.wpi<a.wp.length){var w2=a.wp[a.wpi],dx2=w2.x-a.x,dy2=w2.y-a.y,d2=Math.sqrt(dx2*dx2+dy2*dy2);
|
||||
if(d2>1.5){a.x+=dx2/d2*55*dt;a.y+=dy2/d2*55*dt;a.dir=dx2>0?1:-1;}else a.wpi++;}
|
||||
else{a.si='sit';a.x=a.dx;a.y=a.dy;a.dir=1;}
|
||||
}
|
||||
});
|
||||
// Legend
|
||||
if(fr===1){
|
||||
X.fillStyle='#ffffff90';X.beginPath();X.roundRect(W-320,2,310,22,4);X.fill();
|
||||
X.font='600 7px Nunito';X.textAlign='left';
|
||||
var lx=W-315;
|
||||
[['🟢','Actif','#22c55e'],['🔴','Alerte','#ef4444'],['🟠','To Wire','#f97316'],['🟡','Integrate','#84cc16'],['🐳','Docker','#0ea5e9'],['💤','Dormant','#a1a1aa'],['💀','Dead','#64748b']].forEach(function(l){
|
||||
X.fillStyle=l[2];X.fillText(l[0]+' '+l[1],lx,16);lx+=44;
|
||||
});
|
||||
}
|
||||
document.getElementById('hud-time').textContent=new Date().toLocaleTimeString();
|
||||
document.getElementById('st').textContent='\u{1F465}'+AG.length+'/150'+' \u{1F7E2}'+ac+' \u{1F4E6}'+tc+' \u{1F534}LIVE';
|
||||
}
|
||||
function alertAgent(name,msg){
|
||||
var a=AG.find(function(x){return x.n===name;});
|
||||
if(a){a.alert=msg;a.alertOn=true;}
|
||||
}
|
||||
function trig(name,action){var a=AG.find(function(x){return x.n===name;});if(a&&a.si==='sit'){a.triggered=true;a.tk=action;}return !!a;}
|
||||
function trigD(dept,action){var aa=AG.filter(function(x){return x.rm===dept&&x.si==='sit';});if(aa.length){var a=aa[~~(Math.random()*aa.length)];a.triggered=true;a.tk=action;}}
|
||||
var lastRT=0;
|
||||
function realTime(t){
|
||||
if(t-lastRT<10000)return;lastRT=t;
|
||||
var h=new Date().getHours(),m=new Date().getMinutes();
|
||||
// Realtime monitor check
|
||||
if(m%5===0){trig('EthicaCron','Drip DZ+MA+TN');trigD('pha','Ethica drip');}
|
||||
if(h%4===0&&m<2)trig('B2BCron','B2B scrape');
|
||||
if((h===6||h===18)&&m<2){trig('NonRegCron','153 tests');trig('QA','NonReg run');}
|
||||
if(h===4&&m<2)trig('BackupCron','PG backup');
|
||||
if(m%3===0)trig('Watchdog','Check */3min');
|
||||
if(h===7&&m<2){trig('CEO','Daily brief');trig('TaskMgr','Status report');}
|
||||
if(h>=9&&h<=18){
|
||||
if(Math.random()<0.25)trigD('dev','Commit push');
|
||||
if(Math.random()<0.12)trigD('con','Client call');
|
||||
if(Math.random()<0.08)trigD('sec','Security scan');
|
||||
if(Math.random()<0.15)trigD('ops','Monitor check');
|
||||
if(Math.random()<0.1)trigD('sal','New lead');
|
||||
}
|
||||
if(Math.random()<0.12)trigD('dock','Container check');
|
||||
if(Math.random()<0.15)trigD('ai','AI request');
|
||||
// Static alerts for known issues
|
||||
alertAgent('S88 GPU','💀 GPU MORT — annuler Hetzner -45€/mois');
|
||||
alertAgent('S89','⚰️ SERVEUR DOWN — port 49222 inaccessible');
|
||||
alertAgent('ECS PMTA','❓ STATUS INCONNU — à vérifier');
|
||||
alertAgent('Loki','⚠️ RESTARTING — container en boucle');
|
||||
// Check Stripe/WhatsApp/OVH SMS missing creds
|
||||
alertAgent('Stripe','🔴 SK live MANQUANTE — dashboard.stripe.com');
|
||||
alertAgent('WhatsApp','🔴 TOKEN MANQUANT');
|
||||
alertAgent('OVH SMS','🔴 CREDS MANQUANTES');
|
||||
alertAgent('Azure AD','🔴 3 tenants EXPIRÉS — re-register');
|
||||
alertAgent('Gemini','🔴 API DISABLED — activer aistudio.google.com');
|
||||
}
|
||||
function hit(){
|
||||
hov=null;
|
||||
AG.forEach(function(a){if(Math.abs(mx-a.x)<8&&Math.abs(my-a.y)<14)hov=a;});
|
||||
if(hov){
|
||||
TT.style.display='block';
|
||||
TT.style.left=Math.min(mx+12,W-220)+'px';
|
||||
TT.style.top=Math.max(my-120,10)+'px';
|
||||
var dd=DP.find(function(d){return d.id===hov.rm;});
|
||||
TT.style.borderColor=dd?dd.cl:'#888';
|
||||
TT.querySelector('b').textContent=hov.n+(hov.F?' 👩':' 👨');
|
||||
TT.querySelector('i').textContent=dd?dd.l:'';
|
||||
TT.querySelector('i').style.color=dd?dd.cl:'';
|
||||
TT.querySelector('.d').textContent=hov.d;
|
||||
TT.querySelector('.p').textContent='→ '+hov.p;
|
||||
var sm={sit:'💤 Bureau',go:'🚶→ Pipeline',work:'⚙️ Produit',back:'✅ Retour'};
|
||||
TT.querySelector('.s').textContent=sm[hov.si]||'';
|
||||
TT.querySelector('.s').style.color=hov.si==='sit'?'#94a3b8':'#16a34a';
|
||||
} else {TT.style.display='none';}
|
||||
}
|
||||
|
||||
var lt=0;
|
||||
function loop(t){
|
||||
var dt=Math.min((t-lt)/1000,.04);lt=t;
|
||||
X.fillStyle='#e4ecf6';X.fillRect(0,0,W,H);realTime(t);
|
||||
drawWalk();
|
||||
for(var i=0;i<DP.length;i++){drawOff(i);drawPipe(i);drawOut(i);}
|
||||
upd(dt);
|
||||
var sorted=AG.slice().sort(function(a,b){return a.y-b.y;});
|
||||
sorted.forEach(function(a){drawC(a);});
|
||||
hit();
|
||||
requestAnimationFrame(loop);
|
||||
}
|
||||
|
||||
|
||||
C.addEventListener('click',function(e){
|
||||
var cx2=e.clientX,cy2=e.clientY;
|
||||
AG.forEach(function(a){
|
||||
if(Math.abs(cx2-a.x)<12&&Math.abs(cy2-a.y)<18&&a.alertOn){
|
||||
a.alertOn=false;a.alert='';
|
||||
}
|
||||
});
|
||||
});
|
||||
C.addEventListener('click',function(ev){
|
||||
var ex=ev.clientX,ey=ev.clientY+window.scrollY;
|
||||
var clicked=null;
|
||||
AG.forEach(function(a){if(Math.abs(ex-a.x)<15&&Math.abs(ey-a.y)<25)clicked=a;});
|
||||
if(clicked){
|
||||
if(clicked.alertOn){clicked.alertOn=false;clicked.alert='';return;}
|
||||
var dd2=DP.find(function(d){return d.id===clicked.rm;})||{};
|
||||
var meta2=AMETA[clicked.n]||{};
|
||||
var out3=OUT[clicked.rm]||{};
|
||||
var sm2={sit:'En attente',go:'Vers pipeline',work:'En action',back:'Retour bureau'};
|
||||
var oldP=document.getElementById('agent-panel');if(oldP)oldP.remove();
|
||||
var panel=document.createElement('div');
|
||||
panel.id='agent-panel';
|
||||
panel.style.cssText='position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;padding:20px;min-width:340px;max-width:440px;box-shadow:0 12px 40px #0004;z-index:200;font-family:Nunito,sans-serif';
|
||||
var sC=clicked.si!=='sit'?'#16a34a':'#64748b';
|
||||
var h3='<div style="display:flex;justify-content:space-between;align-items:center">';
|
||||
h3+='<div style="font-size:1.4rem;font-weight:900;color:'+(dd2.cl||'#333')+'">'+clicked.re+' '+clicked.n+'<\/div>';
|
||||
h3+='<div style="cursor:pointer;font-size:1.5rem;color:#94a3b8;padding:4px 8px" onclick="this.parentElement.parentElement.remove()">X<\/div><\/div>';
|
||||
h3+='<div style="font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:1.5px;margin:4px 0 10px;padding-bottom:8px;border-bottom:2px solid '+(dd2.cl||'#e2e8f0')+'">'+(dd2.l||'')+'<\/div>';
|
||||
h3+='<div style="display:inline-block;padding:4px 12px;border-radius:6px;font-size:.72rem;font-weight:800;background:#f8fafc;color:'+sC+'">'+(sm2[clicked.si]||clicked.si)+'<\/div>';
|
||||
h3+='<div style="font-size:.85rem;color:#1e293b;font-weight:700;margin:8px 0 4px">'+clicked.d+'<\/div>';
|
||||
h3+='<div style="font-size:.78rem;color:#475569;margin-bottom:10px">'+clicked.p+'<\/div>';
|
||||
h3+='<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px">';
|
||||
h3+='<div style="background:#f0f9ff;border-radius:8px;padding:8px;text-align:center"><div style="font-size:.55rem;color:#94a3b8;text-transform:uppercase">Frequence<\/div><div style="font-size:.82rem;font-weight:800;color:#1e40af">'+(meta2.fq||'N/A')+'<\/div><\/div>';
|
||||
h3+='<div style="background:#f0fdf4;border-radius:8px;padding:8px;text-align:center"><div style="font-size:.55rem;color:#94a3b8;text-transform:uppercase">Output<\/div><div style="font-size:.82rem;font-weight:800;color:#16a34a">'+(out3.metric||'~')+'<\/div><\/div>';
|
||||
h3+='<\/div>';
|
||||
if(meta2.inp)h3+='<div style="font-size:.72rem;color:#3b82f6;margin:3px 0">\u{1F4E5} '+meta2.inp+'<\/div>';
|
||||
if(out3.output)h3+='<div style="font-size:.72rem;color:#16a34a;margin:3px 0">\u{1F4E4} '+out3.output+'<\/div>';
|
||||
if(out3.kpi)h3+='<div style="font-size:.72rem;color:#64748b;margin:3px 0">\u{1F4CA} '+out3.kpi+'<\/div>';
|
||||
h3+='<div style="margin-top:10px;padding-top:8px;border-top:1px solid #f1f5f9"><div style="font-size:.55rem;color:#94a3b8;text-transform:uppercase;margin-bottom:4px">Actions<\/div>';
|
||||
(clicked.act||[]).forEach(function(ac){h3+='<span style="display:inline-block;background:#eff6ff;color:#2563eb;padding:2px 8px;border-radius:4px;font-size:.65rem;margin:2px;font-weight:600">'+ac+'<\/span>';});
|
||||
h3+='<\/div>';
|
||||
panel.innerHTML=h3;
|
||||
document.body.appendChild(panel);
|
||||
return;
|
||||
}
|
||||
// OUTPUT PANEL CLICK → modal with deliverables + download
|
||||
for(var oi=0;oi<DP.length;oi++){
|
||||
var or3=outRect(oi);
|
||||
if(ex>=or3.x&&ex<=or3.x+or3.w&&ey>=or3.y&&ey<=or3.y+or3.h){
|
||||
var d3=DP[oi],o3=OUT[d3.id];if(!o3)break;
|
||||
var ags=AG.filter(function(a){return a.rm===d3.id;});
|
||||
var oldP2=document.getElementById('agent-panel');if(oldP2)oldP2.remove();
|
||||
var p2=document.createElement('div');p2.id='agent-panel';
|
||||
p2.style.cssText='position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;padding:24px;min-width:420px;max-width:520px;max-height:80vh;overflow-y:auto;box-shadow:0 12px 40px #0004;z-index:200;font-family:Nunito,sans-serif';
|
||||
var h4='<div style="display:flex;justify-content:space-between"><div style="font-size:1.3rem;font-weight:900;color:'+(d3.cl||'#333')+'">'+d3.l+' \u2014 Output<\/div>';
|
||||
h4+='<div style="cursor:pointer;font-size:1.5rem;color:#94a3b8;padding:2px 8px" onclick="this.parentElement.parentElement.remove()">X<\/div><\/div>';
|
||||
h4+='<div style="font-size:2.2rem;font-weight:900;color:#16a34a;margin:10px 0">'+(o3.metric||'')+'<\/div>';
|
||||
h4+='<div style="font-size:.82rem;color:#475569;margin-bottom:12px">'+(o3.input||'')+' \u2192 '+(o3.output||'')+'<\/div>';
|
||||
h4+='<div style="font-size:.72rem;color:#64748b;margin-bottom:8px">\u{1F4CA} KPI: '+(o3.kpi||'N/A')+'<\/div>';
|
||||
if(o3.deliverables&&o3.deliverables.length){
|
||||
h4+='<div style="background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:12px;margin:12px 0">';
|
||||
h4+='<div style="font-weight:800;font-size:.72rem;color:#16a34a;margin-bottom:8px">\u{1F4E6} LIVRABLES REELS<\/div>';
|
||||
o3.deliverables.forEach(function(dl){
|
||||
h4+='<div style="font-size:.72rem;color:#15803d;padding:3px 0;display:flex;align-items:center;gap:6px">\u2705 '+dl+'<\/div>';
|
||||
});
|
||||
h4+='<\/div>';
|
||||
}
|
||||
h4+='<div style="font-size:.68rem;color:#94a3b8;margin:8px 0">'+ags.length+' agents dans ce departement<\/div>';
|
||||
h4+='<table style="width:100%;border-collapse:collapse;font-size:.68rem;margin:8px 0">';
|
||||
h4+='<tr style="background:#f8fafc"><th style="padding:4px 8px;text-align:left;border-bottom:1px solid #e2e8f0">Agent<\/th><th style="padding:4px;border-bottom:1px solid #e2e8f0">Role<\/th><th style="padding:4px;border-bottom:1px solid #e2e8f0">Freq<\/th><\/tr>';
|
||||
ags.forEach(function(a){var m=AMETA[a.n]||{};h4+='<tr><td style="padding:3px 8px;font-weight:700">'+a.re+' '+a.n+'<\/td><td style="padding:3px 4px">'+a.d+'<\/td><td style="padding:3px 4px;font-family:monospace;font-size:.6rem">'+(m.fq||'-')+'<\/td><\/tr>';});
|
||||
h4+='<\/table>';
|
||||
// Download CSV button
|
||||
h4+='<div style="display:flex;gap:8px;margin-top:12px">';
|
||||
h4+='<button style="background:#2563eb;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:700;font-size:.75rem" onclick="(function(){var csv=\'Agent,Role,Freq\\n\';document.querySelectorAll(\'#agent-panel table tr\').forEach(function(r,i){if(i===0)return;var c=r.querySelectorAll(\'td\');csv+=c[0].textContent+\',\'+c[1].textContent+\',\'+c[2].textContent+\'\\n\'});csv+=\'\\nMetric,'+(o3.metric||'')+'\\n\';csv+=\'Output,'+(o3.output||'')+'\\n\';';
|
||||
if(o3.deliverables)o3.deliverables.forEach(function(dl){h4+='csv+=\'Livrable,'+dl.replace(/'/g,'')+'\\n\';';});
|
||||
h4+='var b=new Blob([csv],{type:\'text/csv\'});var u=URL.createObjectURL(b);var l=document.createElement(\'a\');l.href=u;l.download=\'weval-'+d3.id+'-output.csv\';l.click();})()">\u{1F4E5} CSV<\/button>';
|
||||
h4+='<button style="background:#64748b;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:700;font-size:.75rem" onclick="this.closest(\'[id]\').remove()">Fermer<\/button>';
|
||||
h4+='<\/div>';
|
||||
p2.innerHTML=h4;document.body.appendChild(p2);
|
||||
return;
|
||||
}
|
||||
}
|
||||
AG.forEach(function(a){if(Math.abs(ex-a.x)<15&&Math.abs(ey-a.y)<25&&a.alertOn){a.alertOn=false;a.alert='';}});
|
||||
});
|
||||
C.addEventListener('mousemove',function(e){mx=e.clientX;my=e.clientY+window.scrollY;C.style.cursor=hov?'pointer':'default';});
|
||||
C.addEventListener('mouseleave',function(){mx=my=-1;});
|
||||
requestAnimationFrame(loop);
|
||||
</script><!-- CARTO_REMOVED -->
|
||||
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN v1 19avr — append-only, doctrine #14 === -->
|
||||
<script>
|
||||
(function(){
|
||||
if (window.__opusUniversalDrill) return; window.__opusUniversalDrill = true;
|
||||
var d = document;
|
||||
var m = d.createElement('div');
|
||||
m.id = 'opus-udrill';
|
||||
m.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.82);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:99995;padding:20px;cursor:pointer';
|
||||
var inner = d.createElement('div');
|
||||
inner.id = 'opus-udrill-in';
|
||||
inner.style.cssText = 'max-width:900px;width:100%;max-height:90vh;overflow:auto;background:#0b0d15;border:1px solid rgba(99,102,241,0.35);border-radius:14px;padding:28px;cursor:default;box-shadow:0 20px 60px rgba(0,0,0,0.6);color:#e2e8f0;font:14px/1.55 Inter,system-ui,sans-serif';
|
||||
inner.addEventListener('click', function(e){ e.stopPropagation(); });
|
||||
m.appendChild(inner);
|
||||
m.addEventListener('click', function(){ m.style.display='none'; });
|
||||
d.addEventListener('keydown', function(e){ if(e.key==='Escape') m.style.display='none'; });
|
||||
(d.body || d.documentElement).appendChild(m);
|
||||
|
||||
function openCard(card) {
|
||||
// Clone card content + show close btn + increase font-size
|
||||
var html = '<div style="display:flex;justify-content:flex-end;margin-bottom:14px"><button id="opus-udrill-close" style="padding:6px 14px;background:#171b2a;border:1px solid rgba(99,102,241,0.25);color:#e2e8f0;border-radius:8px;cursor:pointer;font-size:12px">✕ Fermer (Esc)</button></div>';
|
||||
html += '<div style="transform-origin:top left;font-size:1.05em">' + card.outerHTML + '</div>';
|
||||
inner.innerHTML = html;
|
||||
d.getElementById('opus-udrill-close').onclick = function(){ m.style.display='none'; };
|
||||
m.style.display = 'flex';
|
||||
}
|
||||
|
||||
function wire(root) {
|
||||
var sels = '.card,[class*="card"],.kpi,[class*="kpi"],.stat,[class*="stat"],.tile,[class*="tile"],.metric,[class*="metric"],.widget,[class*="widget"]';
|
||||
var cards = root.querySelectorAll(sels);
|
||||
for (var i = 0; i < cards.length; i++) {
|
||||
var c = cards[i];
|
||||
if (c.__opusWired) continue;
|
||||
if (c.closest('button, a, input, select, textarea, #opus-udrill')) continue;
|
||||
var r = c.getBoundingClientRect();
|
||||
if (r.width < 60 || r.height < 40) continue;
|
||||
c.__opusWired = true;
|
||||
c.style.cursor = 'pointer';
|
||||
c.setAttribute('role','button');
|
||||
c.setAttribute('tabindex','0');
|
||||
c.addEventListener('click', function(ev){
|
||||
// If a more-specific drill is already active (e.g. pp-card custom), let it handle
|
||||
if (ev.target.closest('[data-pp-id]') && window.__opusDrillInit) return;
|
||||
if (ev.target.closest('a,button,input,select')) return;
|
||||
ev.preventDefault(); ev.stopPropagation();
|
||||
openCard(this);
|
||||
});
|
||||
c.addEventListener('keydown', function(ev){ if(ev.key==='Enter'||ev.key===' '){ev.preventDefault();openCard(this);} });
|
||||
}
|
||||
}
|
||||
|
||||
// Initial + mutation observer
|
||||
var initRun = function(){ wire(d.body || d.documentElement); };
|
||||
if (d.readyState === 'loading') d.addEventListener('DOMContentLoaded', initRun);
|
||||
else initRun();
|
||||
var mo = new MutationObserver(function(muts){
|
||||
var newCard = false;
|
||||
for (var i=0;i<muts.length;i++) if (muts[i].addedNodes.length) { newCard = true; break; }
|
||||
if (newCard) initRun();
|
||||
});
|
||||
mo.observe(d.body || d.documentElement, {childList:true, subtree:true});
|
||||
})();
|
||||
</script>
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN END === -->
|
||||
|
||||
|
||||
<!-- === OPUS HONEST NR/L99 OVERLAY v1 19avr - append-only doctrine #14 === -->
|
||||
<script>
|
||||
(function(){
|
||||
if (window.__opusHonestOverlay) return; window.__opusHonestOverlay = true;
|
||||
async function updateHonestValues(){
|
||||
try {
|
||||
const r = await fetch('/api/l99-honest.php', {cache:'no-store'});
|
||||
const d = await r.json();
|
||||
if (!d.ok) return;
|
||||
const realNR = `${d.combined.pass}/${d.combined.total}`;
|
||||
const realSigma = d.sigma;
|
||||
// Find elements showing the myth values
|
||||
const mythRegex = /(153\/153|304\/304|NR status 153\/153|L99 status 304\/304|NR 153\/153|L99 304\/304)/g;
|
||||
// Walk text nodes
|
||||
const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, null);
|
||||
const toReplace = [];
|
||||
let node;
|
||||
while (node = walker.nextNode()) {
|
||||
if (node.nodeValue && mythRegex.test(node.nodeValue)) toReplace.push(node);
|
||||
}
|
||||
toReplace.forEach(textNode => {
|
||||
const parent = textNode.parentNode;
|
||||
if (!parent || parent.hasAttribute('data-opus-honest-applied')) return;
|
||||
const newText = textNode.nodeValue.replace(/153\/153/g, realNR).replace(/304\/304/g, realNR);
|
||||
textNode.nodeValue = newText;
|
||||
parent.setAttribute('data-opus-honest-applied', '1');
|
||||
});
|
||||
// Add a small badge bottom-right showing honest live status
|
||||
if (!document.getElementById('opus-honest-badge')) {
|
||||
const b = document.createElement('div');
|
||||
b.id = 'opus-honest-badge';
|
||||
b.style.cssText = 'position:fixed;bottom:12px;right:12px;background:linear-gradient(90deg,#14b8a6,#a855f7);color:#05060a;padding:6px 12px;font:10px/1.3 Inter,system-ui,sans-serif;font-weight:700;border-radius:8px;z-index:99993;box-shadow:0 4px 12px rgba(0,0,0,0.3);cursor:pointer;max-width:280px';
|
||||
b.title = 'Cliquer pour détails';
|
||||
b.innerHTML = `✓ NR ${realNR} · ${realSigma} live`;
|
||||
b.onclick = () => {
|
||||
alert(`HONEST NonReg (doctrine #4):\n\nmaster: ${d.master.pass}/${d.master.total}\nopus: ${d.opus.pass}/${d.opus.total}\ncombined: ${realNR}\nsigma: ${realSigma}\n\n${d.myth_153}\n${d.myth_304}`);
|
||||
};
|
||||
document.body.appendChild(b);
|
||||
}
|
||||
} catch(e){console.error('L99-honest fetch error:', e);}
|
||||
}
|
||||
if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', updateHonestValues);
|
||||
else updateHonestValues();
|
||||
setInterval(updateHonestValues, 90000);
|
||||
})();
|
||||
</script>
|
||||
<!-- === OPUS HONEST END === -->
|
||||
|
||||
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr tour30) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1776776094" defer></script>
|
||||
</body></html>
|
||||
494
agents-hd.html
494
agents-hd.html
@@ -1,494 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>WEVAL — Agents Command</title>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@400;600;700&family=JetBrains+Mono:wght@400;700&display=swap');
|
||||
*{margin:0;padding:0;box-sizing:border-box}
|
||||
body{background:#020408;overflow:hidden;cursor:crosshair}
|
||||
canvas{display:block}
|
||||
#tip{position:fixed;pointer-events:none;display:none;z-index:99}
|
||||
#tip .box{background:rgba(4,8,20,.92);border:1px solid rgba(6,182,212,.4);border-radius:10px;padding:14px 18px;backdrop-filter:blur(12px);min-width:240px;box-shadow:0 0 40px rgba(6,182,212,.12),inset 0 0 30px rgba(6,182,212,.03)}
|
||||
#tip .nm{font-family:'Orbitron',sans-serif;font-size:1rem;color:#fff;font-weight:700;letter-spacing:1px}
|
||||
#tip .tp{font-family:'Rajdhani',sans-serif;font-size:.72rem;text-transform:uppercase;letter-spacing:2px;margin:4px 0 8px;padding:2px 8px;display:inline-block;border-radius:4px}
|
||||
#tip .ds{font-family:'Rajdhani',sans-serif;color:#8899b8;font-size:.85rem;line-height:1.4;margin-bottom:6px}
|
||||
#tip .pr{font-family:'JetBrains Mono',monospace;font-size:.72rem;color:#f59e0b;border-top:1px solid rgba(255,255,255,.06);padding-top:6px;margin-top:4px}
|
||||
#tip .bar{height:3px;border-radius:2px;margin-top:8px;background:#111;overflow:hidden}
|
||||
#tip .bar i{display:block;height:100%;border-radius:2px;animation:pulse 1.5s ease infinite}
|
||||
@keyframes pulse{0%,100%{opacity:.7}50%{opacity:1}}
|
||||
#hud{position:fixed;top:0;left:0;right:0;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;z-index:10;background:linear-gradient(180deg,rgba(2,4,8,.95) 0%,transparent 100%);pointer-events:none}
|
||||
#hud *{pointer-events:auto}
|
||||
.logo{font-family:'Orbitron',sans-serif;font-size:1.1rem;font-weight:900;letter-spacing:3px;color:#06b6d4;text-shadow:0 0 20px rgba(6,182,212,.4)}
|
||||
.logo span{color:#a855f7}
|
||||
.hud-stats{display:flex;gap:20px}
|
||||
.hs{text-align:center}
|
||||
.hs-v{font-family:'Orbitron',sans-serif;font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,#06b6d4,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
|
||||
.hs-l{font-family:'Rajdhani',sans-serif;font-size:.6rem;text-transform:uppercase;letter-spacing:2px;color:#4a5a78}
|
||||
#bot-hud{position:fixed;bottom:0;left:0;right:0;padding:10px 20px;z-index:10;background:linear-gradient(0deg,rgba(2,4,8,.9) 0%,transparent 100%);pointer-events:none}
|
||||
.zones-bar{display:flex;justify-content:center;gap:4px}
|
||||
.zb{font-family:'Rajdhani',sans-serif;font-size:.68rem;padding:4px 12px;border-radius:4px;color:#5a6a88;border:1px solid #111828;cursor:pointer;pointer-events:auto;transition:.2s;letter-spacing:1px}
|
||||
.zb:hover,.zb.lit{color:#06b6d4;border-color:#06b6d4;background:rgba(6,182,212,.06);text-shadow:0 0 8px rgba(6,182,212,.3)}
|
||||
</style>
|
||||
<script src="/js/wevia-a11y-auto.js" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- BETON-DOCTRINE-101 dual-dummy block (pages pub) -->
|
||||
<div id="weval-global-logout" style="display:none!important;visibility:hidden!important" aria-hidden="true" data-beton-101="dummy-to-block-auto-injection"></div>
|
||||
<a id="weval-gl" href="#" style="display:none!important;visibility:hidden!important" aria-hidden="true" data-beton-101="dummy-to-block-auto-injection" tabindex="-1"></a>
|
||||
|
||||
<!-- CANONICAL BANNER doctrine 103 -->
|
||||
<div id="canonical-banner-v103" style="position:fixed;top:0;left:0;right:0;z-index:99990;background:linear-gradient(90deg,#1e293b,#0f172a);border-bottom:1px solid rgba(99,102,241,0.3);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;font-family:Inter,system-ui,sans-serif;font-size:12px;backdrop-filter:blur(8px)">
|
||||
<span style="color:#94a3b8">Variante agents-* <span id="canonical-this-page" style="color:#64748b">(cette page)</span></span>
|
||||
<a href="/agents-archi.html" style="color:#a5b4fc;text-decoration:none;padding:4px 12px;background:rgba(99,102,241,0.15);border-radius:6px;border:1px solid rgba(99,102,241,0.25)">Voir canonical : agents-archi</a>
|
||||
<button type="button" aria-label="Fermer banner" onclick="this.parentElement.style.display='none'" style="background:transparent;border:none;color:#64748b;font-size:16px;cursor:pointer;padding:0 8px">×</button>
|
||||
</div>
|
||||
<style>#canonical-banner-v103+*{margin-top:36px!important}</style>
|
||||
<script>
|
||||
(function(){
|
||||
var el = document.getElementById('canonical-this-page');
|
||||
if(el) el.textContent = '(' + location.pathname.split('/').pop() + ')';
|
||||
})();
|
||||
</script>
|
||||
<!-- END CANONICAL BANNER -->
|
||||
|
||||
<canvas id="c"></canvas>
|
||||
<div id="tip"><div class="box"><div class="nm"></div><div class="tp"></div><div class="ds"></div><div class="pr"></div><div class="bar"><i></i></div></div></div>
|
||||
<div id="hud">
|
||||
<div class="logo">WEVAL <span>COMMAND</span></div>
|
||||
<div class="hud-stats">
|
||||
<div class="hs"><div class="hs-v">31</div><div class="hs-l">Agents</div></div>
|
||||
<div class="hs"><div class="hs-v">8</div><div class="hs-l">Zones</div></div>
|
||||
<div class="hs"><div class="hs-v" id="fps">60</div><div class="hs-l">FPS</div></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="bot-hud"><div class="zones-bar" id="zbar"></div></div>
|
||||
<script>
|
||||
const C=document.getElementById('c'),X=C.getContext('2d');
|
||||
let W,H,mx=-1,my=-1,hov=null,frame=0,camX=0,camTargetX=0;
|
||||
const dpr=Math.min(devicePixelRatio,2);
|
||||
|
||||
function resize(){W=innerWidth;H=innerHeight;C.width=W*dpr;C.height=H*dpr;X.scale(dpr,dpr)}
|
||||
addEventListener('resize',resize);resize();
|
||||
|
||||
const ZN=[
|
||||
{id:'prospect',lbl:'PROSPECTION',icon:'🎯',clr:'#2563eb',x:0},
|
||||
{id:'consult',lbl:'CONSULTING',icon:'💼',clr:'#7c3aed',x:0},
|
||||
{id:'dev',lbl:'DÉVELOPPEMENT',icon:'⚡',clr:'#10b981',x:0},
|
||||
{id:'infra',lbl:'INFRASTRUCTURE',icon:'🏗️',clr:'#f59e0b',x:0},
|
||||
{id:'security',lbl:'SÉCURITÉ',icon:'🛡️',clr:'#ef4444',x:0},
|
||||
{id:'delivery',lbl:'LIVRAISON',icon:'🚀',clr:'#06b6d4',x:0},
|
||||
{id:'pharma',lbl:'PHARMA',icon:'💊',clr:'#d946ef',x:0},
|
||||
{id:'monitor',lbl:'MONITORING',icon:'📡',clr:'#eab308',x:0},
|
||||
];
|
||||
|
||||
const AG=[
|
||||
{n:'Ethica',e:'💊',z:0,t:'pharma',d:'HCP scraping DabaDoc+LinkedIn',p:'131K+ médecins DZ/MA/TN'},
|
||||
{n:'Analyst',e:'🔍',z:0,t:'cognitive',d:'Analyse besoins & requirements',p:'Specs, études marché'},
|
||||
{n:'Writer',e:'✍️',z:0,t:'cognitive',d:'Rédaction emails & proposals',p:'Cold emails, articles B2B'},
|
||||
{n:'CEO',e:'👔',z:1,t:'autonomous',d:'Agent autonome stratégique',p:'Décisions, budget, hiring'},
|
||||
{n:'Architect',e:'🏗️',z:1,t:'cognitive',d:'Architecture technique',p:'Diagrammes, blueprints'},
|
||||
{n:'Planner',e:'📋',z:1,t:'cognitive',d:'Roadmaps & milestones',p:'Sprint plans, Gantt'},
|
||||
{n:'DeerFlow',e:'🦌',z:1,t:'research',d:'Deep research multi-sources',p:'Synthèses R&D, rapports'},
|
||||
{n:'Critic',e:'⚖️',z:1,t:'cognitive',d:'Validation & risques',p:'Reviews, alertes risques'},
|
||||
{n:'Executor',e:'⚡',z:2,t:'cognitive',d:'Exécution & déploiement',p:'Scripts, migrations'},
|
||||
{n:'Debugger',e:'🐛',z:2,t:'cognitive',d:'Root cause analysis',p:'Fixes, traces, patches'},
|
||||
{n:'Reviewer',e:'👁️',z:2,t:'cognitive',d:'Code review expert',p:'PR reviews, scores qualité'},
|
||||
{n:'Designer',e:'🎨',z:2,t:'cognitive',d:'UI/UX design system',p:'Mockups, composants'},
|
||||
{n:'WEDROID',e:'🤖',z:2,t:'backend',d:'Auto-diagnostic backend v5',p:'DB fix, API repair auto'},
|
||||
{n:'Simplifier',e:'✂️',z:2,t:'cognitive',d:'Refactoring & clean code',p:'Code -40% complexité'},
|
||||
{n:'Watchdog',e:'🐕',z:3,t:'monitor',d:'Service monitor */3min',p:'Auto-restart + Telegram'},
|
||||
{n:'Guardian',e:'🛡️',z:3,t:'monitor',d:'Protection fichiers système',p:'chattr +i, lockdown'},
|
||||
{n:'Blade',e:'💻',z:3,t:'desktop',d:'Agent Razer Blade desktop',p:'PowerShell, sync, tasks'},
|
||||
{n:'Git-Master',e:'🌿',z:3,t:'cognitive',d:'Git flow & releases',p:'Tags, merges, deploys'},
|
||||
{n:'Security',e:'🔐',z:4,t:'cognitive',d:'Audit OWASP & pentests',p:'Rapports vulnérabilités'},
|
||||
{n:'Verifier',e:'✅',z:4,t:'cognitive',d:'Conformité ISO/RGPD',p:'Checks PCI-DSS, audits'},
|
||||
{n:'QA-Test',e:'🧪',z:5,t:'cognitive',d:'Tests E2E & couverture',p:'148 NonReg, Playwright'},
|
||||
{n:'TestEng',e:'🧰',z:5,t:'cognitive',d:'CI/CD pipelines',p:'Automatisation tests'},
|
||||
{n:'Tracer',e:'🔦',z:5,t:'cognitive',d:'Log tracing & debug',p:'Stack traces, analysis'},
|
||||
{n:'Scientist',e:'🔬',z:5,t:'cognitive',d:'Benchmarks & métriques',p:'AI Benchmark 182 modèles'},
|
||||
{n:'Explore',e:'🧭',z:6,t:'cognitive',d:'Exploration R&D pharma',p:'Nouvelles sources HCP'},
|
||||
{n:'DocSpec',e:'📝',z:6,t:'cognitive',d:'Documentation technique',p:'Templates, guides'},
|
||||
{n:'MiroFish',e:'🐟',z:6,t:'research',d:'Creative AI multi-agent',p:'Contenu, brainstorm'},
|
||||
{n:'TaskMgr',e:'📋',z:7,t:'cognitive',d:'Suivi tâches & deadlines',p:'Kanban, alertes retard'},
|
||||
{n:'Brain',e:'💡',z:7,t:'cognitive',d:'Brainstorming créatif',p:'Idées, innovation'},
|
||||
{n:'Intro',e:'🧠',z:7,t:'cognitive',d:'Méta-analyse & réflexion',p:'Auto-amélioration IA'},
|
||||
{n:'Orch',e:'🎯',z:7,t:'cognitive',d:'Orchestration multi-agent',p:'Coordination workflows'},
|
||||
];
|
||||
|
||||
const TC={cognitive:'#3b82f6',autonomous:'#a855f7',backend:'#22c55e',monitor:'#f59e0b',pharma:'#ec4899',research:'#06b6d4',desktop:'#64748b'};
|
||||
|
||||
// ═══ INIT AGENTS ═══
|
||||
const groundY=H*.56;
|
||||
AG.forEach((a,i)=>{
|
||||
a.x=0;a.y=0;a.tx=0;a.ty=0;a.bob=Math.random()*6.28;a.walk=Math.random()*6.28;
|
||||
a.timer=Math.random()*200;a.speed=.8+Math.random()*.4;a.scale=1;a.glow=0;
|
||||
a.breathe=Math.random()*6.28;a.eyeBlink=0;a.blinkTimer=100+Math.random()*300;
|
||||
});
|
||||
|
||||
// ═══ PARTICLES ═══
|
||||
const PTS=[];for(let i=0;i<120;i++)PTS.push({x:Math.random()*4000-500,y:Math.random()*H,r:Math.random()*1.8+.3,a:Math.random()*.2+.03,s:Math.random()*.4+.08,ph:Math.random()*6.28});
|
||||
// ═══ ZONE LIGHTS ═══
|
||||
const ZLIGHTS=[];ZN.forEach(z=>{for(let i=0;i<3;i++)ZLIGHTS.push({zx:0,ox:(Math.random()-.5)*80,oy:Math.random()*-40-20,r:40+Math.random()*60,a:.04+Math.random()*.04,clr:z.clr,z:z});});
|
||||
|
||||
function layZones(){
|
||||
const gap=(W*1.1)/ZN.length;
|
||||
ZN.forEach((z,i)=>{z.x=gap*.55+i*gap;});
|
||||
// Init agent positions
|
||||
AG.forEach(a=>{const z=ZN[a.z];if(z){const ais=AG.filter(b=>b.z===a.z);const mi=ais.indexOf(a);const spread=Math.min(gap*.35,100);a.x=z.x+(mi-ais.length/2)*26;a.y=groundY-10+Math.random()*15;a.tx=a.x;a.ty=a.y;}});
|
||||
}
|
||||
layZones();
|
||||
|
||||
// ═══ DRAW BACKGROUND ═══
|
||||
function drawBg(){
|
||||
// Gradient sky
|
||||
const g=X.createLinearGradient(0,0,0,H);
|
||||
g.addColorStop(0,'#020408');g.addColorStop(.3,'#040810');g.addColorStop(.55,'#060c18');g.addColorStop(1,'#030608');
|
||||
X.fillStyle=g;X.fillRect(0,0,W,H);
|
||||
|
||||
// Grid floor
|
||||
X.save();
|
||||
X.globalAlpha=.08;
|
||||
const gy=groundY+24;
|
||||
for(let i=-20;i<40;i++){
|
||||
const x=i*60-((frame*.3)%60);
|
||||
X.strokeStyle='#06b6d4';X.lineWidth=.5;
|
||||
X.beginPath();X.moveTo(x,gy);X.lineTo(x+(W*.3),H);X.stroke();
|
||||
}
|
||||
for(let j=0;j<12;j++){
|
||||
const y=gy+j*((H-gy)/12);
|
||||
X.beginPath();X.moveTo(0,y);X.lineTo(W,y);X.stroke();
|
||||
}
|
||||
X.restore();
|
||||
}
|
||||
|
||||
// ═══ DRAW ZONE ═══
|
||||
function drawZone(z,idx){
|
||||
const x=z.x, y=groundY;
|
||||
// Pillar glow
|
||||
const g=X.createRadialGradient(x,y-30,5,x,y-30,120);
|
||||
g.addColorStop(0,z.clr+'18');g.addColorStop(1,'transparent');
|
||||
X.fillStyle=g;X.beginPath();X.arc(x,y-30,120,0,6.28);X.fill();
|
||||
|
||||
// Platform
|
||||
X.fillStyle=z.clr+'15';
|
||||
X.beginPath();
|
||||
X.ellipse(x,y+22,70,10,0,0,6.28);
|
||||
X.fill();
|
||||
X.strokeStyle=z.clr+'40';X.lineWidth=1;
|
||||
X.beginPath();X.ellipse(x,y+22,70,10,0,0,6.28);X.stroke();
|
||||
|
||||
// Label
|
||||
X.font='900 10px Orbitron';X.textAlign='center';
|
||||
X.fillStyle=z.clr+'90';
|
||||
X.fillText(z.lbl,x,y+48);
|
||||
|
||||
// Icon
|
||||
X.font='20px sans-serif';
|
||||
X.fillText(z.icon,x,y-60);
|
||||
|
||||
// Connector to next
|
||||
if(idx<ZN.length-1){
|
||||
const nx=ZN[idx+1].x;
|
||||
X.strokeStyle='#0a1428';X.lineWidth=2;X.setLineDash([6,10]);
|
||||
X.beginPath();X.moveTo(x+72,y+22);X.lineTo(nx-72,y+22);X.stroke();
|
||||
X.setLineDash([]);
|
||||
// Animated dot
|
||||
const t=(frame*1.5+idx*40)%((nx-x));
|
||||
X.fillStyle=z.clr+'60';
|
||||
X.beginPath();X.arc(x+72+t,y+22,2.5,0,6.28);X.fill();
|
||||
}
|
||||
}
|
||||
|
||||
// ═══ DRAW AGENT CHARACTER ═══
|
||||
function drawAgent(a){
|
||||
const c=TC[a.t]||'#6080a0';
|
||||
const s=16*(a.scale);
|
||||
const bob=Math.sin(a.bob)*2.5;
|
||||
const leg=Math.sin(a.walk)*5;
|
||||
const breath=Math.sin(a.breathe)*.5;
|
||||
const isHov=a===hov;
|
||||
|
||||
X.save();
|
||||
X.translate(a.x,a.y+bob);
|
||||
|
||||
// Shadow
|
||||
X.fillStyle='rgba(0,0,0,.25)';
|
||||
X.beginPath();X.ellipse(0,s*.6,s*.5,s*.15,0,0,6.28);X.fill();
|
||||
|
||||
if(isHov){
|
||||
// Selection ring
|
||||
X.strokeStyle=c;X.lineWidth=1.5;X.globalAlpha=.3+Math.sin(frame*.08)*.2;
|
||||
X.beginPath();X.ellipse(0,s*.6,s*.8,s*.2,0,0,6.28);X.stroke();
|
||||
X.globalAlpha=1;
|
||||
// Glow
|
||||
X.shadowColor=c;X.shadowBlur=24;
|
||||
}
|
||||
|
||||
// ═ BODY (capsule shape) ═
|
||||
X.fillStyle=c+'30';X.strokeStyle=c;X.lineWidth=1.8;
|
||||
// Torso
|
||||
X.beginPath();
|
||||
X.moveTo(-s*.3,-s*1.5+breath);
|
||||
X.quadraticCurveTo(-s*.35,-s*.6, -s*.25,-s*.2);
|
||||
X.lineTo(s*.25,-s*.2);
|
||||
X.quadraticCurveTo(s*.35,-s*.6, s*.3,-s*1.5+breath);
|
||||
X.closePath();
|
||||
X.fill();X.stroke();
|
||||
|
||||
// Head
|
||||
const hr=s*.45;
|
||||
X.beginPath();X.arc(0,-s*1.9,hr,0,6.28);
|
||||
X.fillStyle=c+'20';X.fill();
|
||||
X.strokeStyle=c;X.stroke();
|
||||
|
||||
// Visor / face glow
|
||||
X.beginPath();X.arc(0,-s*1.9,hr*.6,-.4,.4);
|
||||
X.strokeStyle=c+'80';X.lineWidth=2;X.stroke();
|
||||
|
||||
// Emoji
|
||||
X.font=`${Math.round(s*.55)}px sans-serif`;X.textAlign='center';X.textBaseline='middle';
|
||||
X.fillText(a.e,0,-s*1.9);
|
||||
|
||||
// Eyes blink
|
||||
if(a.eyeBlink>0){
|
||||
X.fillStyle='#020408';
|
||||
X.fillRect(-s*.2,-s*2,s*.4,s*.12);
|
||||
}
|
||||
|
||||
// Arms
|
||||
X.strokeStyle=c;X.lineWidth=1.8;X.lineCap='round';
|
||||
X.beginPath();
|
||||
X.moveTo(-s*.5,-s*1.1+Math.sin(a.walk+1)*3);
|
||||
X.lineTo(-s*.3,-s*1.3);
|
||||
X.lineTo(s*.3,-s*1.3);
|
||||
X.lineTo(s*.5,-s*1.1-Math.sin(a.walk+1)*3);
|
||||
X.stroke();
|
||||
|
||||
// Legs
|
||||
X.beginPath();
|
||||
X.moveTo(-s*.3+leg*.4, s*.4);
|
||||
X.lineTo(-s*.1, -s*.2);
|
||||
X.lineTo(s*.1, -s*.2);
|
||||
X.lineTo(s*.3-leg*.4, s*.4);
|
||||
X.stroke();
|
||||
|
||||
// Boots
|
||||
X.fillStyle=c+'50';
|
||||
X.beginPath();X.ellipse(-s*.3+leg*.4,s*.45,s*.12,s*.06,0,0,6.28);X.fill();
|
||||
X.beginPath();X.ellipse(s*.3-leg*.4,s*.45,s*.12,s*.06,0,0,6.28);X.fill();
|
||||
|
||||
// Name tag
|
||||
if(isHov||true){
|
||||
X.font=`${isHov?'700':'600'} ${isHov?10:8}px Rajdhani`;
|
||||
X.textAlign='center';
|
||||
X.fillStyle=isHov?'#fff':c+'70';
|
||||
X.fillText(a.n,0,s*.8);
|
||||
}
|
||||
|
||||
// Activity indicator (small orbiting dot)
|
||||
const oA=frame*.04+a.bob;
|
||||
const ox=Math.cos(oA)*s*.7, oy=-s*1.9+Math.sin(oA)*s*.35;
|
||||
X.fillStyle=c;X.globalAlpha=.5;
|
||||
X.beginPath();X.arc(ox,oy,1.5,0,6.28);X.fill();
|
||||
X.globalAlpha=1;
|
||||
|
||||
X.restore();
|
||||
}
|
||||
|
||||
// ═══ UPDATE ═══
|
||||
function update(dt){
|
||||
frame++;
|
||||
AG.forEach(a=>{
|
||||
a.bob+=dt*2.8*a.speed;
|
||||
a.walk+=dt*(a.speed*5);
|
||||
a.breathe+=dt*1.5;
|
||||
a.timer-=dt*60;
|
||||
a.blinkTimer-=dt*60;
|
||||
|
||||
if(a.blinkTimer<=0){a.eyeBlink=8;a.blinkTimer=120+Math.random()*400;}
|
||||
if(a.eyeBlink>0)a.eyeBlink-=dt*60;
|
||||
|
||||
if(a.timer<=0){
|
||||
a.timer=120+Math.random()*350;
|
||||
const z=ZN[a.z];
|
||||
const ais=AG.filter(b=>b.z===a.z);
|
||||
const mi=ais.indexOf(a);
|
||||
a.tx=z.x+(mi-ais.length/2)*24+(Math.random()-.5)*30;
|
||||
a.ty=groundY-12+(Math.random()-.5)*18;
|
||||
// Rare visit to neighbor
|
||||
if(Math.random()<.04){
|
||||
const nz=Math.max(0,Math.min(ZN.length-1,a.z+(Math.random()<.5?-1:1)));
|
||||
a.tx=ZN[nz].x+(Math.random()-.5)*50;
|
||||
a.ty=groundY-12+(Math.random()-.5)*14;
|
||||
}
|
||||
}
|
||||
a.x+=(a.tx-a.x)*.018*a.speed;
|
||||
a.y+=(a.ty-a.y)*.018*a.speed;
|
||||
// Hover scale
|
||||
a.scale+=(a===hov?1.35:1-a.scale)*.1;
|
||||
a.glow+=(a===hov?1:0-a.glow)*.1;
|
||||
});
|
||||
}
|
||||
|
||||
// ═══ TOOLTIP ═══
|
||||
function showTip(){
|
||||
const t=document.getElementById('tip');
|
||||
if(!hov){t.style.display='none';return;}
|
||||
t.style.display='block';
|
||||
t.style.left=Math.min(mx+20,W-280)+'px';
|
||||
t.style.top=Math.max(my-160,10)+'px';
|
||||
const c=TC[hov.t]||'#6080a0';
|
||||
t.querySelector('.nm').textContent=hov.e+' '+hov.n;
|
||||
t.querySelector('.tp').textContent=hov.t;
|
||||
t.querySelector('.tp').style.background=c+'25';
|
||||
t.querySelector('.tp').style.color=c;
|
||||
t.querySelector('.ds').textContent=hov.d;
|
||||
t.querySelector('.pr').textContent='→ '+hov.p;
|
||||
t.querySelector('.bar i').style.background=`linear-gradient(90deg,${c},${c}80)`;
|
||||
t.querySelector('.bar i').style.width='100%';
|
||||
}
|
||||
|
||||
// ═══ HIT TEST ═══
|
||||
function hitTest(){
|
||||
hov=null;
|
||||
AG.forEach(a=>{
|
||||
if(Math.abs(mx-a.x)<20&&Math.abs(my-a.y+10)<30)hov=a;
|
||||
});
|
||||
}
|
||||
|
||||
// ═══ PARTICLES ═══
|
||||
function drawPts(){
|
||||
PTS.forEach(p=>{
|
||||
p.y-=p.s;p.ph+=.01;
|
||||
p.x+=Math.sin(p.ph)*.2;
|
||||
if(p.y<-5){p.y=H+5;p.x=Math.random()*W*1.2-100;}
|
||||
X.fillStyle=`rgba(6,182,212,${p.a})`;
|
||||
X.beginPath();X.arc(p.x,p.y,p.r,0,6.28);X.fill();
|
||||
});
|
||||
}
|
||||
|
||||
// ═══ ZONE BAR ═══
|
||||
function initZbar(){
|
||||
const el=document.getElementById('zbar');
|
||||
el.innerHTML=ZN.map(z=>`<div class="zb" onmouseenter="litZone('${z.id}')" onmouseleave="unlitZone()">${z.icon} ${z.lbl}</div>`).join('');
|
||||
}
|
||||
let litZ=null;
|
||||
window.litZone=id=>{litZ=id;document.querySelectorAll('.zb').forEach((b,i)=>b.classList.toggle('lit',ZN[i].id===id));};
|
||||
window.unlitZone=()=>{litZ=null;document.querySelectorAll('.zb').forEach(b=>b.classList.remove('lit'));};
|
||||
initZbar();
|
||||
|
||||
// ═══ MAIN LOOP ═══
|
||||
let lt=0,fpsC=0,fpsT=0;
|
||||
function loop(t){
|
||||
const dt=Math.min((t-lt)/1000,.04);lt=t;
|
||||
fpsC++;if(t-fpsT>1000){document.getElementById('fps').textContent=fpsC;fpsC=0;fpsT=t;}
|
||||
|
||||
X.clearRect(0,0,W,H);
|
||||
drawBg();
|
||||
drawPts();
|
||||
|
||||
// Zone lights
|
||||
ZLIGHTS.forEach(l=>{
|
||||
const g=X.createRadialGradient(l.z.x+l.ox,groundY+l.oy,0,l.z.x+l.ox,groundY+l.oy,l.r);
|
||||
g.addColorStop(0,l.clr+Math.round(l.a*255).toString(16).padStart(2,'0'));
|
||||
g.addColorStop(1,'transparent');
|
||||
X.fillStyle=g;X.beginPath();X.arc(l.z.x+l.ox,groundY+l.oy,l.r,0,6.28);X.fill();
|
||||
});
|
||||
|
||||
ZN.forEach((z,i)=>drawZone(z,i));
|
||||
update(dt);
|
||||
|
||||
// Draw agents (sorted by Y for depth)
|
||||
const sorted=[...AG].sort((a,b)=>a.y-b.y);
|
||||
sorted.forEach(a=>{
|
||||
// Dim if zone filter active
|
||||
if(litZ){const zIdx=ZN.findIndex(z=>z.id===litZ);X.globalAlpha=a.z===zIdx?1:.15;}
|
||||
drawAgent(a);
|
||||
X.globalAlpha=1;
|
||||
});
|
||||
|
||||
hitTest();
|
||||
showTip();
|
||||
requestAnimationFrame(loop);
|
||||
}
|
||||
|
||||
C.addEventListener('mousemove',e=>{mx=e.clientX;my=e.clientY});
|
||||
C.addEventListener('mouseleave',()=>{mx=my=-1});
|
||||
addEventListener('resize',()=>{resize();layZones()});
|
||||
|
||||
requestAnimationFrame(loop);
|
||||
</script>
|
||||
<!-- CARTO_REMOVED -->
|
||||
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN v1 19avr — append-only, doctrine #14 === -->
|
||||
<script>
|
||||
(function(){
|
||||
if (window.__opusUniversalDrill) return; window.__opusUniversalDrill = true;
|
||||
var d = document;
|
||||
var m = d.createElement('div');
|
||||
m.id = 'opus-udrill';
|
||||
m.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.82);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:99995;padding:20px;cursor:pointer';
|
||||
var inner = d.createElement('div');
|
||||
inner.id = 'opus-udrill-in';
|
||||
inner.style.cssText = 'max-width:900px;width:100%;max-height:90vh;overflow:auto;background:#0b0d15;border:1px solid rgba(99,102,241,0.35);border-radius:14px;padding:28px;cursor:default;box-shadow:0 20px 60px rgba(0,0,0,0.6);color:#e2e8f0;font:14px/1.55 Inter,system-ui,sans-serif';
|
||||
inner.addEventListener('click', function(e){ e.stopPropagation(); });
|
||||
m.appendChild(inner);
|
||||
m.addEventListener('click', function(){ m.style.display='none'; });
|
||||
d.addEventListener('keydown', function(e){ if(e.key==='Escape') m.style.display='none'; });
|
||||
(d.body || d.documentElement).appendChild(m);
|
||||
|
||||
function openCard(card) {
|
||||
// Clone card content + show close btn + increase font-size
|
||||
var html = '<div style="display:flex;justify-content:flex-end;margin-bottom:14px"><button id="opus-udrill-close" style="padding:6px 14px;background:#171b2a;border:1px solid rgba(99,102,241,0.25);color:#e2e8f0;border-radius:8px;cursor:pointer;font-size:12px">✕ Fermer (Esc)</button></div>';
|
||||
html += '<div style="transform-origin:top left;font-size:1.05em">' + card.outerHTML + '</div>';
|
||||
inner.innerHTML = html;
|
||||
d.getElementById('opus-udrill-close').onclick = function(){ m.style.display='none'; };
|
||||
m.style.display = 'flex';
|
||||
}
|
||||
|
||||
function wire(root) {
|
||||
var sels = '.card,[class*="card"],.kpi,[class*="kpi"],.stat,[class*="stat"],.tile,[class*="tile"],.metric,[class*="metric"],.widget,[class*="widget"]';
|
||||
var cards = root.querySelectorAll(sels);
|
||||
for (var i = 0; i < cards.length; i++) {
|
||||
var c = cards[i];
|
||||
if (c.__opusWired) continue;
|
||||
if (c.closest('button, a, input, select, textarea, #opus-udrill')) continue;
|
||||
var r = c.getBoundingClientRect();
|
||||
if (r.width < 60 || r.height < 40) continue;
|
||||
c.__opusWired = true;
|
||||
c.style.cursor = 'pointer';
|
||||
c.setAttribute('role','button');
|
||||
c.setAttribute('tabindex','0');
|
||||
c.addEventListener('click', function(ev){
|
||||
// If a more-specific drill is already active (e.g. pp-card custom), let it handle
|
||||
if (ev.target.closest('[data-pp-id]') && window.__opusDrillInit) return;
|
||||
if (ev.target.closest('a,button,input,select')) return;
|
||||
ev.preventDefault(); ev.stopPropagation();
|
||||
openCard(this);
|
||||
});
|
||||
c.addEventListener('keydown', function(ev){ if(ev.key==='Enter'||ev.key===' '){ev.preventDefault();openCard(this);} });
|
||||
}
|
||||
}
|
||||
|
||||
// Initial + mutation observer
|
||||
var initRun = function(){ wire(d.body || d.documentElement); };
|
||||
if (d.readyState === 'loading') d.addEventListener('DOMContentLoaded', initRun);
|
||||
else initRun();
|
||||
var mo = new MutationObserver(function(muts){
|
||||
var newCard = false;
|
||||
for (var i=0;i<muts.length;i++) if (muts[i].addedNodes.length) { newCard = true; break; }
|
||||
if (newCard) initRun();
|
||||
});
|
||||
mo.observe(d.body || d.documentElement, {childList:true, subtree:true});
|
||||
})();
|
||||
</script>
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN END === -->
|
||||
|
||||
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t33b6) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1776776094" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
349
agents-hd2.html
349
agents-hd2.html
@@ -1,349 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>WEVAL Enterprise</title>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@600;800;900&display=swap');
|
||||
*{margin:0;padding:0;box-sizing:border-box}body{background:#1a1a2e;overflow:hidden;font-family:'Nunito',sans-serif}canvas{display:block}
|
||||
#tip{position:fixed;pointer-events:none;display:none;z-index:99;background:#16213eee;border:2px solid;border-radius:14px;padding:12px 16px;color:#e0e8ff;max-width:240px;box-shadow:0 6px 30px #00000060}
|
||||
#tip b{font-size:1rem;color:#fff;display:block}#tip i{font-size:.62rem;text-transform:uppercase;letter-spacing:2px;font-style:normal;display:block;margin:2px 0 5px}
|
||||
#tip p{font-size:.78rem;color:#8a98c0;margin:0}#tip s{font-size:.68rem;color:#53d8fb;text-decoration:none;display:block;margin-top:4px;border-top:1px solid #fff1;padding-top:4px}
|
||||
#tip em{font-size:.66rem;display:block;margin-top:3px;font-style:normal;font-weight:700}
|
||||
#h{position:fixed;top:0;left:0;right:0;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;z-index:10;background:#1a1a2eee}
|
||||
#h span{font-size:.72rem;color:#5a6a88}#h span b{color:#53d8fb}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- CANONICAL BANNER doctrine 103 -->
|
||||
<div id="canonical-banner-v103" style="position:fixed;top:0;left:0;right:0;z-index:99990;background:linear-gradient(90deg,#1e293b,#0f172a);border-bottom:1px solid rgba(99,102,241,0.3);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;font-family:Inter,system-ui,sans-serif;font-size:12px;backdrop-filter:blur(8px)">
|
||||
<span style="color:#94a3b8">Variante agents-* <span id="canonical-this-page" style="color:#64748b">(cette page)</span></span>
|
||||
<a href="/agents-archi.html" style="color:#a5b4fc;text-decoration:none;padding:4px 12px;background:rgba(99,102,241,0.15);border-radius:6px;border:1px solid rgba(99,102,241,0.25)">Voir canonical : agents-archi</a>
|
||||
<button type="button" aria-label="Fermer banner" onclick="this.parentElement.style.display='none'" style="background:transparent;border:none;color:#64748b;font-size:16px;cursor:pointer;padding:0 8px">×</button>
|
||||
</div>
|
||||
<style>#canonical-banner-v103+*{margin-top:36px!important}</style>
|
||||
<script>
|
||||
(function(){
|
||||
var el = document.getElementById('canonical-this-page');
|
||||
if(el) el.textContent = '(' + location.pathname.split('/').pop() + ')';
|
||||
})();
|
||||
</script>
|
||||
<!-- END CANONICAL BANNER -->
|
||||
|
||||
<canvas id="c"></canvas>
|
||||
<div id="tip"><b></b><i></i><p></p><s></s><em></em></div>
|
||||
<div id="h"><div style="font-weight:900;font-size:1.1rem"><span style="color:#e94560">WEVAL</span> <span style="color:#53d8fb">Enterprise</span></div><div><span>Agents <b>31</b></span> · <span>Actifs <b id="ac">0</b></span> · <span>Tasks <b id="tc" style="color:#f59e0b">0</b></span></div></div>
|
||||
<script>
|
||||
const C=document.getElementById('c'),X=C.getContext('2d');
|
||||
let W,H,mx=-1,my=-1,hov=null,fr=0,tasks=0;
|
||||
function resize(){W=innerWidth;H=innerHeight;C.width=W*2;C.height=H*2;X.scale(2,2);lay()}
|
||||
addEventListener('resize',resize);
|
||||
|
||||
const RM=[
|
||||
{id:'ceo', l:'👑 CEO Office', c:'#e94560'},
|
||||
{id:'sales',l:'🎯 Prospection', c:'#3b82f6'},
|
||||
{id:'con', l:'💼 Consulting', c:'#7c3aed'},
|
||||
{id:'dev', l:'⚡ Dev Lab', c:'#10b981'},
|
||||
{id:'srv', l:'🖥️ Server Room',c:'#f59e0b'},
|
||||
{id:'sec', l:'🛡️ Sécurité', c:'#ef4444'},
|
||||
{id:'qa', l:'🧪 QA Center', c:'#06b6d4'},
|
||||
{id:'pha', l:'💊 Pharma Lab', c:'#d946ef'},
|
||||
{id:'ops', l:'📡 Monitoring', c:'#eab308'},
|
||||
];
|
||||
RM.forEach(r=>{r.x=0;r.y=0;r.w=0;r.h=0;});
|
||||
|
||||
const SN=[{l:'LEADS',c:'#3b82f6'},{l:'QUALIFY',c:'#7c3aed'},{l:'DESIGN',c:'#10b981'},{l:'BUILD',c:'#22c55e'},{l:'SECURE',c:'#ef4444'},{l:'TEST',c:'#06b6d4'},{l:'DEPLOY',c:'#f59e0b'},{l:'DELIVER',c:'#84cc16'}];
|
||||
SN.forEach(s=>{s.x=0;s.y=0;});
|
||||
|
||||
const AG=[
|
||||
{n:'CEO',e:'👔',r:'ceo',s:1,d:'Agent CEO autonome',p:'Stratégie, budget',sk:'#f0d0b0',ey:'#1a1a3a',sh:'#1a1a2e',hr:'slick',hc:'#111',gl:0},
|
||||
{n:'Ethica',e:'💊',r:'sales',s:0,d:'Scraping HCP',p:'131K+ médecins',sk:'#d4a574',ey:'#1a1a3a',sh:'#3b82f6',hr:'curly',hc:'#1a0a00',gl:0},
|
||||
{n:'Analyst',e:'🔍',r:'sales',s:0,d:'Analyse besoins',p:'Specs, études',sk:'#f0d0b0',ey:'#1a3a1a',sh:'#3b82f6',hr:'short',hc:'#4a3020',gl:1},
|
||||
{n:'Writer',e:'✍️',r:'sales',s:0,d:'Rédaction proposals',p:'Cold emails',sk:'#f0d0b0',ey:'#3a1a1a',sh:'#3b82f6',hr:'bob',hc:'#8a4a20',gl:0},
|
||||
{n:'Architect',e:'🏗️',r:'con',s:2,d:'Architecture tech',p:'Blueprints',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#7c3aed',hr:'short',hc:'#2a2a3a',gl:1},
|
||||
{n:'Planner',e:'📋',r:'con',s:1,d:'Roadmaps',p:'Sprint plans',sk:'#f0d0b0',ey:'#1a1a3a',sh:'#7c3aed',hr:'side',hc:'#5a3a1a',gl:0},
|
||||
{n:'DeerFlow',e:'🦌',r:'con',s:1,d:'Deep research',p:'Synthèses R&D',sk:'#e0b890',ey:'#3a2a1a',sh:'#7c3aed',hr:'wild',hc:'#6a4020',gl:0,ac:'antlers'},
|
||||
{n:'Critic',e:'⚖️',r:'con',s:1,d:'Validation risques',p:'Reviews',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#7c3aed',hr:'short',hc:'#3a3a4a',gl:1},
|
||||
{n:'Executor',e:'⚡',r:'dev',s:3,d:'Exécution deploy',p:'Scripts',sk:'#d4a574',ey:'#1a3a1a',sh:'#10b981',hr:'mohawk',hc:'#22c55e',gl:0},
|
||||
{n:'Debugger',e:'🐛',r:'dev',s:3,d:'Root cause',p:'Fixes',sk:'#f0d0b0',ey:'#1a1a3a',sh:'#10b981',hr:'messy',hc:'#4a2a10',gl:1},
|
||||
{n:'Reviewer',e:'👁️',r:'dev',s:3,d:'Code review',p:'PR reviews',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#10b981',hr:'short',hc:'#333',gl:0},
|
||||
{n:'Designer',e:'🎨',r:'dev',s:2,d:'UI/UX design',p:'Mockups',sk:'#f0d0b0',ey:'#3a1a3a',sh:'#10b981',hr:'long',hc:'#d946ef',gl:0,ac:'beret'},
|
||||
{n:'WEDROID',e:'🤖',r:'dev',s:3,d:'Auto-diag v5',p:'DB fix auto',sk:'#8899aa',ey:'#22c55e',sh:'#10b981',hr:'robot',hc:'#5a7a9a',gl:0},
|
||||
{n:'Simplifier',e:'✂️',r:'dev',s:3,d:'Refactoring',p:'-40% code',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#10b981',hr:'bun',hc:'#6a4a30',gl:1},
|
||||
{n:'Watchdog',e:'🐕',r:'srv',s:6,d:'Monitor */3min',p:'Auto-restart',sk:'#e0b890',ey:'#3a2a1a',sh:'#f59e0b',hr:'ears',hc:'#8a6a30',gl:0},
|
||||
{n:'Guardian',e:'🛡️',r:'srv',s:4,d:'Protection sys',p:'chattr +i',sk:'#d4a574',ey:'#1a1a2a',sh:'#f59e0b',hr:'buzz',hc:'#2a3a2a',gl:0,ac:'helmet'},
|
||||
{n:'Blade',e:'💻',r:'srv',s:6,d:'Desktop agent',p:'PowerShell',sk:'#f0d0b0',ey:'#1a1a3a',sh:'#f59e0b',hr:'cap',hc:'#1a3050',gl:0,ac:'headset'},
|
||||
{n:'GitMaster',e:'🌿',r:'srv',s:6,d:'Git releases',p:'Tags, deploys',sk:'#e8c8a0',ey:'#1a3a1a',sh:'#f59e0b',hr:'ponytail',hc:'#3a5a2a',gl:1},
|
||||
{n:'Security',e:'🔐',r:'sec',s:4,d:'Audit OWASP',p:'Rapports sécu',sk:'#d4a574',ey:'#1a1a1a',sh:'#ef4444',hr:'buzz',hc:'#111',gl:0,ac:'shades'},
|
||||
{n:'Verifier',e:'✅',r:'sec',s:4,d:'ISO/RGPD',p:'Checks PCI',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#ef4444',hr:'short',hc:'#3a3a4a',gl:1},
|
||||
{n:'QA',e:'🧪',r:'qa',s:5,d:'Tests E2E',p:'148 NonReg',sk:'#f0d0b0',ey:'#1a3a3a',sh:'#06b6d4',hr:'short',hc:'#2a3a5a',gl:0,ac:'goggles'},
|
||||
{n:'TestEng',e:'🧰',r:'qa',s:5,d:'CI/CD',p:'Automatisation',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#06b6d4',hr:'short',hc:'#4a3a2a',gl:0},
|
||||
{n:'Tracer',e:'🔦',r:'qa',s:5,d:'Log tracing',p:'Stack traces',sk:'#e0b890',ey:'#2a1a1a',sh:'#06b6d4',hr:'short',hc:'#3a2a1a',gl:0},
|
||||
{n:'Scientist',e:'🔬',r:'qa',s:5,d:'Benchmarks',p:'AI Bench 182',sk:'#f0d0b0',ey:'#1a1a3a',sh:'#06b6d4',hr:'einstein',hc:'#999',gl:1},
|
||||
{n:'Explore',e:'🧭',r:'pha',s:0,d:'Exploration R&D',p:'Sources HCP',sk:'#d4a574',ey:'#3a2a1a',sh:'#d946ef',hr:'wild',hc:'#5a3a10',gl:0},
|
||||
{n:'DocSpec',e:'📝',r:'pha',s:7,d:'Documentation',p:'Templates',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#d946ef',hr:'short',hc:'#333',gl:1},
|
||||
{n:'MiroFish',e:'🐟',r:'pha',s:2,d:'Creative AI',p:'Brainstorm',sk:'#f0d0b0',ey:'#1a3a3a',sh:'#d946ef',hr:'wavy',hc:'#06b6d4',gl:0},
|
||||
{n:'TaskMgr',e:'📋',r:'ops',s:7,d:'Suivi tâches',p:'Kanban',sk:'#e8c8a0',ey:'#1a1a3a',sh:'#eab308',hr:'side',hc:'#4a4a3a',gl:0},
|
||||
{n:'Brain',e:'💡',r:'ops',s:2,d:'Brainstorming',p:'Idées',sk:'#f0d0b0',ey:'#3a3a1a',sh:'#eab308',hr:'spiky',hc:'#eab308',gl:0},
|
||||
{n:'Intro',e:'🧠',r:'ops',s:5,d:'Méta-analyse',p:'Amélioration',sk:'#e8c8a0',ey:'#2a1a3a',sh:'#eab308',hr:'short',hc:'#a855f7',gl:0},
|
||||
{n:'Orch',e:'🎯',r:'ops',s:6,d:'Orchestration',p:'Coordination',sk:'#d4a574',ey:'#1a1a2a',sh:'#eab308',hr:'buzz',hc:'#222',gl:0},
|
||||
];
|
||||
AG.forEach(a=>{a.st='idle';a.x=0;a.y=0;a.dx=0;a.dy=0;a.cx=0;a.cy=0;a.bob=Math.random()*6.28;a.wk=0;a.tmr=200+Math.random()*500;a.wtmr=0;a.dir=1;a.bl=0;a.blt=80+Math.random()*200;a.bub='';a.bubt=0;});
|
||||
|
||||
function lay(){
|
||||
// 3x3 room grid at top
|
||||
const pad=10,topY=36;
|
||||
const rw=(W-pad*4)/3,rh=(H*.58-topY-pad*3)/3;
|
||||
for(let i=0;i<9;i++){
|
||||
const col=i%3,row=Math.floor(i/3);
|
||||
RM[i].x=pad+col*(rw+pad);RM[i].y=topY+row*(rh+pad);RM[i].w=rw;RM[i].h=rh;
|
||||
}
|
||||
// Chain at bottom
|
||||
const cy=H*.82;
|
||||
const sg=(W-60)/SN.length;
|
||||
SN.forEach((s,i)=>{s.x=40+i*sg+sg/2;s.y=cy;});
|
||||
// Agent desk positions
|
||||
AG.forEach(a=>{
|
||||
const rm=RM.find(r=>r.id===a.r);if(!rm)return;
|
||||
const mates=AG.filter(b=>b.r===a.r);const mi=mates.indexOf(a);
|
||||
const cols=Math.max(Math.ceil(mates.length/2),1);
|
||||
const row=Math.floor(mi/cols),col=mi%cols;
|
||||
a.dx=rm.x+24+col*Math.min((rm.w-48)/Math.max(cols-1,1),48);
|
||||
a.dy=rm.y+30+row*32;
|
||||
if(a.st==='idle'){a.x=a.dx;a.y=a.dy;}
|
||||
const sn=SN[a.s];if(sn){a.cx=sn.x+(Math.random()-.5)*18;a.cy=sn.y-8;}
|
||||
});
|
||||
}
|
||||
resize();
|
||||
|
||||
// ═ DRAW ROOM ═
|
||||
function dR(r){
|
||||
X.fillStyle='#00000020';X.beginPath();X.roundRect(r.x+3,r.y+3,r.w,r.h,8);X.fill();
|
||||
const g=X.createLinearGradient(r.x,r.y,r.x,r.y+r.h);g.addColorStop(0,'#161938');g.addColorStop(1,'#0e1025');
|
||||
X.fillStyle=g;X.beginPath();X.roundRect(r.x,r.y,r.w,r.h,8);X.fill();
|
||||
X.strokeStyle=r.c+'40';X.lineWidth=1;X.beginPath();X.roundRect(r.x,r.y,r.w,r.h,8);X.stroke();
|
||||
X.fillStyle=r.c+'60';X.beginPath();X.roundRect(r.x,r.y,r.w,3,[8,8,0,0]);X.fill();
|
||||
// Floor tiles
|
||||
X.strokeStyle=r.c+'06';X.lineWidth=.3;
|
||||
for(let i=1;i<5;i++){X.beginPath();X.moveTo(r.x+i*(r.w/5),r.y+18);X.lineTo(r.x+i*(r.w/5),r.y+r.h-3);X.stroke();}
|
||||
X.font='800 9px Nunito';X.fillStyle=r.c;X.textAlign='left';X.fillText(r.l,r.x+8,r.y+14);
|
||||
// Decorations per room
|
||||
if(r.id==='srv'){for(let i=0;i<3;i++){const rx=r.x+r.w-14-i*14;X.fillStyle='#1a2535';X.fillRect(rx,r.y+18,10,r.h-24);
|
||||
for(let j=0;j<5;j++){X.fillStyle=Math.sin(fr*.04+i+j)>.2?'#22c55e':'#ef4444';X.beginPath();X.arc(rx+3,r.y+24+j*7,1.2,0,6.28);X.fill();}}}
|
||||
if(r.id==='ceo'){X.fillStyle='#2a5a2a';X.beginPath();X.arc(r.x+r.w-16,r.y+r.h-10,6,Math.PI,0);X.fill();X.fillStyle='#5a3a2a';X.fillRect(r.x+r.w-18,r.y+r.h-10,4,6);
|
||||
X.fillStyle='#f59e0b30';X.beginPath();X.arc(r.x+r.w-35,r.y+26,8,0,6.28);X.fill();}
|
||||
if(r.id==='pha'){for(let i=0;i<3;i++){X.fillStyle=['#d946ef30','#3b82f630','#22c55e30'][i];X.beginPath();X.roundRect(r.x+r.w-12-i*9,r.y+20,5,14,2);X.fill();}}
|
||||
if(r.id==='sec'){X.fillStyle=Math.sin(fr*.08)>.5?'#ef4444':'#ef444440';X.beginPath();X.arc(r.x+r.w-12,r.y+24,3,0,6.28);X.fill();}
|
||||
if(r.id==='ops'){X.strokeStyle='#eab30850';X.lineWidth=.8;X.beginPath();for(let i=0;i<6;i++)X.lineTo(r.x+r.w-38+i*5,r.y+35-Math.sin(fr*.015+i)*5);X.stroke();}
|
||||
}
|
||||
|
||||
// ═ DRAW DESK ═
|
||||
function dD(x,y,c,occ){
|
||||
X.fillStyle=occ?'#1c2540':'#141a2a';X.beginPath();X.roundRect(x-12,y+2,24,7,2);X.fill();
|
||||
X.fillStyle=occ?c+'30':'#0e1420';X.fillRect(x-5,y-4,10,6);
|
||||
if(occ){X.fillStyle=c+'06';X.beginPath();X.arc(x,y,14,0,6.28);X.fill();}
|
||||
}
|
||||
|
||||
// ═ CHIBI CHARACTER ═
|
||||
function dC(a){
|
||||
const isH=a===hov,sit=a.st==='idle',sc=isH?1.15:1;
|
||||
const bob=sit?Math.sin(a.bob)*.3:Math.sin(a.bob)*1.5;
|
||||
const lsw=sit?0:Math.sin(a.wk)*3;
|
||||
X.save();X.translate(a.x,a.y+bob);X.scale(sc*a.dir,sc);
|
||||
if(isH){X.shadowColor=a.sh;X.shadowBlur=14;}
|
||||
const rm=RM.find(r=>r.id===a.r);
|
||||
// Shadow
|
||||
X.fillStyle='rgba(0,0,0,.25)';X.beginPath();X.ellipse(0,sit?6:10,6,2,0,0,6.28);X.fill();
|
||||
const oy=sit?-2:0;
|
||||
// Legs
|
||||
X.fillStyle='#25254a';
|
||||
if(sit){X.beginPath();X.roundRect(-4,oy+3,3,4,1);X.fill();X.beginPath();X.roundRect(1,oy+3,3,4,1);X.fill();}
|
||||
else{X.save();X.translate(-2,oy+3);X.rotate(lsw*.04);X.beginPath();X.roundRect(-1.5,0,3,7,1);X.fill();X.restore();
|
||||
X.save();X.translate(2,oy+3);X.rotate(-lsw*.04);X.beginPath();X.roundRect(-1.5,0,3,7,1);X.fill();X.restore();}
|
||||
// Shoes
|
||||
X.fillStyle='#1a1a38';
|
||||
X.beginPath();X.roundRect(-4.5+lsw*.15,oy+(sit?6:9),4.5,2,[0,0,1.5,1.5]);X.fill();
|
||||
X.beginPath();X.roundRect(0-lsw*.15,oy+(sit?6:9),4.5,2,[0,0,1.5,1.5]);X.fill();
|
||||
// Body
|
||||
const bg=X.createLinearGradient(0,oy-6,0,oy+3);bg.addColorStop(0,a.sh);bg.addColorStop(1,a.sh+'88');
|
||||
X.fillStyle=bg;X.beginPath();X.roundRect(-5.5,oy-6,11,10,[3,3,1,1]);X.fill();
|
||||
X.fillStyle='rgba(255,255,255,.06)';X.beginPath();X.roundRect(-4,oy-5,3.5,7,[1,0,0,1]);X.fill();
|
||||
// Arms
|
||||
X.fillStyle=a.sk;const asw=sit?.05:Math.sin(a.wk+.5)*.15;
|
||||
X.save();X.translate(-6.5,oy-3);X.rotate(sit?.25:asw);X.beginPath();X.roundRect(-1.5,0,3,sit?4.5:7,1.5);X.fill();X.restore();
|
||||
X.save();X.translate(6.5,oy-3);X.rotate(sit?-.25:-asw);X.beginPath();X.roundRect(-1.5,0,3,sit?4.5:7,1.5);X.fill();X.restore();
|
||||
// HEAD
|
||||
const hy=oy-15;const hr=8;
|
||||
X.fillStyle=a.sk;X.beginPath();X.arc(0,hy+1,hr,0,6.28);X.fill();
|
||||
X.fillStyle='#ff8a8a10';X.beginPath();X.arc(-5,hy+4,2.5,0,6.28);X.fill();X.beginPath();X.arc(5,hy+4,2.5,0,6.28);X.fill();
|
||||
// HAIR
|
||||
X.fillStyle=a.hc;
|
||||
switch(a.hr){
|
||||
case'slick':X.beginPath();X.arc(0,hy-.5,hr+.5,.7,Math.PI+.5);X.fill();X.fillRect(-6,hy-5,12,5);break;
|
||||
case'short':X.beginPath();X.arc(0,hy,hr+.5,.5,Math.PI-.3);X.fill();break;
|
||||
case'buzz':X.beginPath();X.arc(0,hy,hr+.8,.4,Math.PI-.2);X.fill();break;
|
||||
case'curly':for(let i=0;i<9;i++){const ag=-2.3+i*.5;X.beginPath();X.arc(Math.cos(ag)*7,hy-1+Math.sin(ag)*6.5,3,0,6.28);X.fill();}break;
|
||||
case'bob':X.beginPath();X.arc(0,hy-.5,hr+.5,.2,Math.PI);X.fill();X.fillRect(-8.5,hy+1,4,7);X.fillRect(4.5,hy+1,4,7);break;
|
||||
case'side':X.beginPath();X.arc(0,hy,hr+.5,.4,Math.PI-.2);X.fill();X.fillRect(-9,hy-1,4.5,7);break;
|
||||
case'wild':X.beginPath();X.arc(0,hy-.5,hr+1.5,.2,Math.PI);X.fill();X.beginPath();X.arc(-9,hy-1,3.5,0,6.28);X.fill();X.beginPath();X.arc(9,hy-1,3.5,0,6.28);X.fill();break;
|
||||
case'mohawk':X.beginPath();X.arc(0,hy,hr+.5,.5,Math.PI-.3);X.fill();for(let i=0;i<4;i++)X.fillRect(-1.5,hy-8-i*2,3,3.5);break;
|
||||
case'messy':X.beginPath();X.arc(0,hy-.5,hr+.8,.3,Math.PI-.1);X.fill();for(let i=0;i<4;i++)X.fillRect(-5+i*3,hy-7-Math.random()*2,2.5,4);break;
|
||||
case'long':X.beginPath();X.arc(0,hy-.5,hr+.5,.2,Math.PI);X.fill();X.fillRect(-9,hy,4,8);X.fillRect(5,hy,4,8);break;
|
||||
case'bun':X.beginPath();X.arc(0,hy,hr+.5,.5,Math.PI-.3);X.fill();X.beginPath();X.arc(0,hy-7,3.5,0,6.28);X.fill();break;
|
||||
case'ponytail':X.beginPath();X.arc(0,hy,hr+.5,.4,Math.PI-.2);X.fill();X.fillRect(6,hy,2.5,10);X.beginPath();X.arc(7,hy+10,2.5,0,6.28);X.fill();break;
|
||||
case'ears':X.beginPath();X.arc(0,hy,hr+.5,.5,Math.PI-.3);X.fill();X.beginPath();X.moveTo(-7,hy-2);X.lineTo(-11,hy-9);X.lineTo(-4,hy);X.fill();X.beginPath();X.moveTo(7,hy-2);X.lineTo(11,hy-9);X.lineTo(4,hy);X.fill();break;
|
||||
case'cap':X.beginPath();X.arc(0,hy-.5,hr+.5,.3,Math.PI-.1);X.fill();X.fillRect(-10,hy,20,3);X.fillRect(-12,hy+2,7,2);break;
|
||||
case'einstein':X.beginPath();X.arc(0,hy-.5,hr+1.5,.2,Math.PI);X.fill();X.beginPath();X.arc(-9,hy,3.5,0,6.28);X.fill();X.beginPath();X.arc(9,hy,3.5,0,6.28);X.fill();break;
|
||||
case'spiky':for(let i=0;i<5;i++){const ag=-1.6+i*.6,rr=hr+3;X.beginPath();X.moveTo(Math.cos(ag)*6,hy+Math.sin(ag)*5.5);X.lineTo(Math.cos(ag)*rr,hy-2+Math.sin(ag)*rr*.6);X.lineTo(Math.cos(ag+.3)*6,hy+Math.sin(ag+.3)*5.5);X.fill();}break;
|
||||
case'wavy':for(let i=0;i<7;i++){const ag=-2+i*.55;X.beginPath();X.arc(Math.cos(ag)*7.5,hy-1+Math.sin(ag)*6+Math.sin(i)*1.2,2.5,0,6.28);X.fill();}break;
|
||||
case'robot':X.fillStyle='#5a7a9a';X.beginPath();X.roundRect(-8,hy-5,16,13,3);X.fill();X.strokeStyle='#3a5a7a';X.lineWidth=.8;X.strokeRect(-6,hy-1,12,4);
|
||||
X.strokeStyle='#8aa';X.lineWidth=1.2;X.beginPath();X.moveTo(0,hy-5);X.lineTo(0,hy-9);X.stroke();X.fillStyle='#ef4444';X.beginPath();X.arc(0,hy-9,2,0,6.28);X.fill();break;
|
||||
default:X.beginPath();X.arc(0,hy,hr+.5,.5,Math.PI-.3);X.fill();
|
||||
}
|
||||
// EYES
|
||||
if(a.hr!=='robot'){
|
||||
if(a.bl<=0){
|
||||
X.fillStyle='#fff';X.beginPath();X.ellipse(-3,hy+1,2.8,3.2,0,0,6.28);X.fill();X.beginPath();X.ellipse(3,hy+1,2.8,3.2,0,0,6.28);X.fill();
|
||||
X.fillStyle=a.ey;X.beginPath();X.arc(-2.5,hy+1.5,1.8,0,6.28);X.fill();X.beginPath();X.arc(3.5,hy+1.5,1.8,0,6.28);X.fill();
|
||||
X.fillStyle='#000';X.beginPath();X.arc(-2.5,hy+1.8,1,0,6.28);X.fill();X.beginPath();X.arc(3.5,hy+1.8,1,0,6.28);X.fill();
|
||||
X.fillStyle='#fff';X.beginPath();X.arc(-3.2,hy+.5,.7,0,6.28);X.fill();X.beginPath();X.arc(2.8,hy+.5,.7,0,6.28);X.fill();
|
||||
}else{X.strokeStyle=a.ey;X.lineWidth=1.2;X.lineCap='round';X.beginPath();X.moveTo(-5,hy+1);X.lineTo(-1,hy+1);X.stroke();X.beginPath();X.moveTo(1,hy+1);X.lineTo(5,hy+1);X.stroke();}
|
||||
if(a.gl){X.strokeStyle='#8aa0be';X.lineWidth=.6;X.beginPath();X.arc(-3,hy+1,3.8,0,6.28);X.stroke();X.beginPath();X.arc(3,hy+1,3.8,0,6.28);X.stroke();X.beginPath();X.moveTo(-.2,hy+1);X.lineTo(.2,hy+1);X.stroke();}
|
||||
X.fillStyle=a.sk+'cc';X.beginPath();X.arc(0,hy+4.5,.8,0,6.28);X.fill();
|
||||
X.strokeStyle='#c08080';X.lineWidth=.6;X.lineCap='round';X.beginPath();
|
||||
if(a.st==='wk'){X.arc(0,hy+6.5,1.8,.2,Math.PI-.2);}else{X.moveTo(-1.2,hy+7);X.lineTo(1.2,hy+7);}X.stroke();
|
||||
}else{X.fillStyle=a.st!=='idle'?'#22c55e':'#3b82f6';X.beginPath();X.roundRect(-4,hy,.5,3,2.5,1);X.fill();X.beginPath();X.roundRect(1,hy+.5,3,2.5,1);X.fill();}
|
||||
// Accessories
|
||||
if(a.ac==='shades'){X.fillStyle='#000b';X.beginPath();X.roundRect(-6.5,hy-.5,5.5,3.5,1.2);X.fill();X.beginPath();X.roundRect(1,hy-.5,5.5,3.5,1.2);X.fill();}
|
||||
if(a.ac==='antlers'){X.strokeStyle=a.hc;X.lineWidth=1;X.beginPath();X.moveTo(-6,hy-4);X.lineTo(-9,hy-10);X.moveTo(-8,hy-7);X.lineTo(-11,hy-11);X.stroke();X.beginPath();X.moveTo(6,hy-4);X.lineTo(9,hy-10);X.moveTo(8,hy-7);X.lineTo(11,hy-11);X.stroke();}
|
||||
if(a.ac==='beret'){X.fillStyle='#e94560';X.beginPath();X.arc(-1,hy-6,5.5,.3,Math.PI);X.fill();X.beginPath();X.arc(-1,hy-8,1.5,0,6.28);X.fill();}
|
||||
if(a.ac==='goggles'){X.fillStyle='#06b6d430';X.beginPath();X.roundRect(-6.5,hy-1,5.5,4,1.5);X.fill();X.beginPath();X.roundRect(1,hy-1,5.5,4,1.5);X.fill();}
|
||||
if(a.ac==='headset'){X.strokeStyle='#444';X.lineWidth=1.5;X.beginPath();X.arc(0,hy-1,hr+1.5,.7,Math.PI-.5);X.stroke();X.fillStyle='#333';X.beginPath();X.arc(-8,hy+2,2.5,0,6.28);X.fill();}
|
||||
if(a.ac==='helmet'){X.fillStyle='#4a6a4a';X.beginPath();X.arc(0,hy-1,hr+1.5,.3,Math.PI-.1);X.fill();}
|
||||
// Emoji + name
|
||||
X.font='7px sans-serif';X.textAlign='center';X.fillText(a.e,hr+3,hy-1);
|
||||
X.font=`${isH?'800':'600'} ${isH?7.5:6}px Nunito`;X.fillStyle=isH?'#fff':a.st!=='idle'?'#b0c0e0':'#3a4a60';X.fillText(a.n,0,sit?14:20);
|
||||
if(a.st!=='idle'){X.fillStyle='#22c55e';X.beginPath();X.arc(0,oy-20,2,0,6.28);X.fill();}
|
||||
if(a.bubt>0){const ba=Math.min(a.bubt/16,1);X.globalAlpha=ba;X.fillStyle='#fffd';const bw=Math.min(a.bub.length*3.5+10,90);X.beginPath();X.roundRect(-bw/2,oy-36,bw,13,5);X.fill();
|
||||
X.fillStyle='#fff';X.beginPath();X.moveTo(-2,oy-23);X.lineTo(2,oy-23);X.lineTo(0,oy-20);X.closePath();X.fill();
|
||||
X.font='600 5.5px Nunito';X.fillStyle='#1a1a2e';X.fillText(a.bub,0,oy-27.5);X.globalAlpha=1;}
|
||||
X.restore();
|
||||
}
|
||||
|
||||
// ═ CHAIN ═
|
||||
function dChain(){const y=SN[0].y;
|
||||
X.fillStyle='#0c0e1e';X.beginPath();X.roundRect(20,y-16,W-40,32,6);X.fill();
|
||||
X.strokeStyle='#1a2040';X.lineWidth=.8;X.beginPath();X.roundRect(20,y-16,W-40,32,6);X.stroke();
|
||||
const off=(fr*.8)%18;X.strokeStyle='#12182a';X.lineWidth=.3;
|
||||
for(let x=24-off;x<W-24;x+=18){X.beginPath();X.moveTo(x,y-15);X.lineTo(x,y+15);X.stroke();}
|
||||
SN.forEach((s,i)=>{
|
||||
X.fillStyle=s.c+'28';X.beginPath();X.arc(s.x,y,16,0,6.28);X.fill();
|
||||
X.fillStyle=s.c+'50';X.beginPath();X.arc(s.x,y,5,0,6.28);X.fill();
|
||||
X.strokeStyle=s.c;X.lineWidth=1;X.beginPath();X.arc(s.x,y,5,0,6.28);X.stroke();
|
||||
X.font='700 7px Nunito';X.textAlign='center';X.fillStyle=s.c;X.fillText(s.l,s.x,y+24);
|
||||
if(i<SN.length-1){const n=SN[i+1];X.strokeStyle='#182040';X.lineWidth=.6;X.beginPath();X.moveTo(s.x+7,y);X.lineTo(n.x-7,y);X.stroke();}
|
||||
});
|
||||
}
|
||||
|
||||
// ═ UPDATE ═
|
||||
function upd(dt){fr++;let ac=0;
|
||||
AG.forEach(a=>{a.bob+=dt*(a.st==='idle'?1.5:3.2);a.blt-=dt*60;if(a.blt<=0){a.bl=4;a.blt=80+Math.random()*180;}if(a.bl>0)a.bl-=dt*60;if(a.bubt>0)a.bubt-=dt*20;
|
||||
switch(a.st){
|
||||
case'idle':a.tmr-=dt*60;if(a.tmr<=0){a.st='wt';a.wk=0;}break;
|
||||
case'wt':a.wk+=dt*7;ac++;{const dx=a.cx-a.x,dy=a.cy-a.y,d=Math.hypot(dx,dy);if(d>2){const sp=85*dt;a.x+=dx/d*sp;a.y+=dy/d*sp;a.dir=dx>0?1:-1;}else{a.st='wk';a.wtmr=55+Math.random()*90;a.bub=a.p.substring(0,16);a.bubt=40;tasks++;}}break;
|
||||
case'wk':a.wk+=dt*2.5;ac++;a.wtmr-=dt*60;if(a.wtmr<=0)a.st='wb';break;
|
||||
case'wb':a.wk+=dt*7;ac++;{const dx=a.dx-a.x,dy=a.dy-a.y,d=Math.hypot(dx,dy);if(d>2){const sp=85*dt;a.x+=dx/d*sp;a.y+=dy/d*sp;a.dir=dx>0?1:-1;}else{a.st='idle';a.x=a.dx;a.y=a.dy;a.dir=1;a.tmr=220+Math.random()*550;}}break;
|
||||
}});document.getElementById('ac').textContent=ac;document.getElementById('tc').textContent=tasks;}
|
||||
|
||||
function hit(){hov=null;AG.forEach(a=>{if(Math.abs(mx-a.x)<9&&Math.abs(my-a.y)<16)hov=a;});
|
||||
const t=document.getElementById('tip');if(hov){t.style.display='block';t.style.left=Math.min(mx+14,W-250)+'px';t.style.top=Math.max(my-150,10)+'px';
|
||||
const rm=RM.find(r=>r.id===hov.r);t.style.borderColor=rm?rm.c:'#53d8fb';
|
||||
t.querySelector('b').textContent=hov.e+' '+hov.n;t.querySelector('i').textContent=rm?rm.l:'';t.querySelector('i').style.color=rm?rm.c:'#fff';
|
||||
t.querySelector('p').textContent=hov.d;t.querySelector('s').textContent='→ '+hov.p;
|
||||
const sm={idle:'💤 Au bureau',wt:'🚶 → Production',wk:'⚙️ En production',wb:'🔙 Retour'};
|
||||
t.querySelector('em').textContent=sm[hov.st]||'';t.querySelector('em').style.color=hov.st==='idle'?'#5a6888':'#22c55e';
|
||||
}else t.style.display='none';}
|
||||
|
||||
let lt=0;function loop(t){const dt=Math.min((t-lt)/1000,.04);lt=t;X.clearRect(0,0,W,H);X.fillStyle='#1a1a2e';X.fillRect(0,0,W,H);
|
||||
RM.forEach(r=>dR(r));AG.forEach(a=>{const rm=RM.find(r=>r.id===a.r);if(rm)dD(a.dx,a.dy,rm.c,a.st==='idle');});
|
||||
dChain();upd(dt);
|
||||
AG.filter(a=>a.st==='wt'||a.st==='wb').forEach(a=>{X.strokeStyle='#22c55e08';X.lineWidth=.6;X.setLineDash([1.5,4]);X.beginPath();X.moveTo(a.dx,a.dy);X.lineTo(a.x,a.y);X.stroke();X.setLineDash([]);});
|
||||
[...AG].sort((a,b)=>a.y-b.y).forEach(a=>dC(a));hit();requestAnimationFrame(loop);}
|
||||
|
||||
C.addEventListener('mousemove',e=>{mx=e.clientX;my=e.clientY;C.style.cursor=hov?'pointer':'default'});
|
||||
C.addEventListener('mouseleave',()=>{mx=my=-1});
|
||||
requestAnimationFrame(loop);
|
||||
</script>
|
||||
<!-- CARTO_REMOVED -->
|
||||
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN v1 19avr — append-only, doctrine #14 === -->
|
||||
<script>
|
||||
(function(){
|
||||
if (window.__opusUniversalDrill) return; window.__opusUniversalDrill = true;
|
||||
var d = document;
|
||||
var m = d.createElement('div');
|
||||
m.id = 'opus-udrill';
|
||||
m.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.82);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:99995;padding:20px;cursor:pointer';
|
||||
var inner = d.createElement('div');
|
||||
inner.id = 'opus-udrill-in';
|
||||
inner.style.cssText = 'max-width:900px;width:100%;max-height:90vh;overflow:auto;background:#0b0d15;border:1px solid rgba(99,102,241,0.35);border-radius:14px;padding:28px;cursor:default;box-shadow:0 20px 60px rgba(0,0,0,0.6);color:#e2e8f0;font:14px/1.55 Inter,system-ui,sans-serif';
|
||||
inner.addEventListener('click', function(e){ e.stopPropagation(); });
|
||||
m.appendChild(inner);
|
||||
m.addEventListener('click', function(){ m.style.display='none'; });
|
||||
d.addEventListener('keydown', function(e){ if(e.key==='Escape') m.style.display='none'; });
|
||||
(d.body || d.documentElement).appendChild(m);
|
||||
|
||||
function openCard(card) {
|
||||
// Clone card content + show close btn + increase font-size
|
||||
var html = '<div style="display:flex;justify-content:flex-end;margin-bottom:14px"><button id="opus-udrill-close" style="padding:6px 14px;background:#171b2a;border:1px solid rgba(99,102,241,0.25);color:#e2e8f0;border-radius:8px;cursor:pointer;font-size:12px">✕ Fermer (Esc)</button></div>';
|
||||
html += '<div style="transform-origin:top left;font-size:1.05em">' + card.outerHTML + '</div>';
|
||||
inner.innerHTML = html;
|
||||
d.getElementById('opus-udrill-close').onclick = function(){ m.style.display='none'; };
|
||||
m.style.display = 'flex';
|
||||
}
|
||||
|
||||
function wire(root) {
|
||||
var sels = '.card,[class*="card"],.kpi,[class*="kpi"],.stat,[class*="stat"],.tile,[class*="tile"],.metric,[class*="metric"],.widget,[class*="widget"]';
|
||||
var cards = root.querySelectorAll(sels);
|
||||
for (var i = 0; i < cards.length; i++) {
|
||||
var c = cards[i];
|
||||
if (c.__opusWired) continue;
|
||||
if (c.closest('button, a, input, select, textarea, #opus-udrill')) continue;
|
||||
var r = c.getBoundingClientRect();
|
||||
if (r.width < 60 || r.height < 40) continue;
|
||||
c.__opusWired = true;
|
||||
c.style.cursor = 'pointer';
|
||||
c.setAttribute('role','button');
|
||||
c.setAttribute('tabindex','0');
|
||||
c.addEventListener('click', function(ev){
|
||||
// If a more-specific drill is already active (e.g. pp-card custom), let it handle
|
||||
if (ev.target.closest('[data-pp-id]') && window.__opusDrillInit) return;
|
||||
if (ev.target.closest('a,button,input,select')) return;
|
||||
ev.preventDefault(); ev.stopPropagation();
|
||||
openCard(this);
|
||||
});
|
||||
c.addEventListener('keydown', function(ev){ if(ev.key==='Enter'||ev.key===' '){ev.preventDefault();openCard(this);} });
|
||||
}
|
||||
}
|
||||
|
||||
// Initial + mutation observer
|
||||
var initRun = function(){ wire(d.body || d.documentElement); };
|
||||
if (d.readyState === 'loading') d.addEventListener('DOMContentLoaded', initRun);
|
||||
else initRun();
|
||||
var mo = new MutationObserver(function(muts){
|
||||
var newCard = false;
|
||||
for (var i=0;i<muts.length;i++) if (muts[i].addedNodes.length) { newCard = true; break; }
|
||||
if (newCard) initRun();
|
||||
});
|
||||
mo.observe(d.body || d.documentElement, {childList:true, subtree:true});
|
||||
})();
|
||||
</script>
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN END === -->
|
||||
|
||||
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t33b5) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1776776094" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
491
agents-hub.html
491
agents-hub.html
@@ -1,156 +1,347 @@
|
||||
<!DOCTYPE html><html lang="fr"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Agents Hub — WEVAL</title>
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>WEVIA Agents Hub — 906 agents · Catalog filtré · Multi-service</title>
|
||||
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
|
||||
<style>
|
||||
*{margin:0;padding:0;box-sizing:border-box}body{background:#0a0e1a;color:#e2e8f0;font-family:'Segoe UI',system-ui,sans-serif;min-height:100vh}
|
||||
.top{background:linear-gradient(135deg,#0f172a,#1a1040,#1e293b);padding:32px 40px;border-bottom:1px solid rgba(99,102,241,.2)}
|
||||
.top h1{font-size:32px;font-weight:800;color:#fff}.top h1 span{background:linear-gradient(135deg,#818cf8,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
|
||||
.top p{color:#94a3b8;margin-top:6px;font-size:15px}
|
||||
.nav{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.nav a{color:#a5b4fc;text-decoration:none;padding:6px 16px;border:1px solid rgba(99,102,241,.3);border-radius:20px;font-size:13px;transition:.2s}.nav a:hover{background:rgba(99,102,241,.15);color:#fff}
|
||||
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;padding:24px 40px}
|
||||
.card{background:rgba(99,102,241,.06);border:1px solid rgba(99,102,241,.15);border-radius:14px;padding:18px;text-decoration:none;display:block;transition:.2s}.card:hover{border-color:#6366f1;transform:translateY(-2px)}
|
||||
.card h3{font-size:16px;font-weight:700;color:#818cf8;margin-bottom:6px}.card p{font-size:13px;color:#94a3b8}
|
||||
.badge{display:inline-block;margin-top:8px;font-size:11px;padding:3px 10px;border-radius:8px}
|
||||
.int{background:rgba(16,185,129,.15);color:#10b981}.ext{background:rgba(99,102,241,.15);color:#818cf8}
|
||||
.section{padding:24px 40px}.section h2{font-size:20px;font-weight:700;margin-bottom:16px}
|
||||
</style></head><body>
|
||||
<!-- CANONICAL BANNER doctrine 103 -->
|
||||
<div id="canonical-banner-v103" style="position:fixed;top:0;left:0;right:0;z-index:99990;background:linear-gradient(90deg,#1e293b,#0f172a);border-bottom:1px solid rgba(99,102,241,0.3);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;font-family:Inter,system-ui,sans-serif;font-size:12px;backdrop-filter:blur(8px)">
|
||||
<span style="color:#94a3b8">Variante agents-* <span id="canonical-this-page" style="color:#64748b">(cette page)</span></span>
|
||||
<a href="/agents-archi.html" style="color:#a5b4fc;text-decoration:none;padding:4px 12px;background:rgba(99,102,241,0.15);border-radius:6px;border:1px solid rgba(99,102,241,0.25)">Voir canonical : agents-archi</a>
|
||||
<button type="button" aria-label="Fermer banner" onclick="this.parentElement.style.display='none'" style="background:transparent;border:none;color:#64748b;font-size:16px;cursor:pointer;padding:0 8px">×</button>
|
||||
*{box-sizing:border-box;margin:0;padding:0}
|
||||
body{background:linear-gradient(135deg,#0a0e1a 0%,#152030 50%,#0d1117 100%);color:#e6edf3;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:24px}
|
||||
.header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(90deg,rgba(52,152,219,.10),rgba(46,213,115,.05));border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:24px}
|
||||
.header h1{font-size:22px;font-weight:700;background:linear-gradient(90deg,#3498db,#2ed573);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
|
||||
.badge{display:inline-block;padding:4px 10px;background:rgba(46,213,115,.15);color:#2ed573;border:1px solid #2ed573;border-radius:6px;font-size:11px;font-weight:600;margin-left:12px}
|
||||
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:28px}
|
||||
.kpi{background:linear-gradient(135deg,rgba(30,40,60,.6),rgba(20,25,40,.4));border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;transition:all .2s}
|
||||
.kpi:hover{transform:translateY(-2px);border-color:rgba(52,152,219,.3)}
|
||||
.kpi-value{font-size:26px;font-weight:800;color:#3498db}
|
||||
.kpi-label{font-size:11px;color:#8b949e;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
|
||||
.kpi-sub{font-size:11px;color:#6e7681;margin-top:4px}
|
||||
.section{background:rgba(15,20,30,.5);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:20px;margin-bottom:20px}
|
||||
.section h2{font-size:16px;color:#4ecdc4;margin-bottom:14px}
|
||||
.grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:20px}
|
||||
.chart-container{height:280px;position:relative}
|
||||
@media(max-width:768px){.grid-2col{grid-template-columns:1fr}}
|
||||
.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;padding:14px;background:rgba(0,0,0,.2);border-radius:8px}
|
||||
.search-box{flex:1;min-width:200px;padding:10px 14px;background:rgba(0,0,0,.3);border:1px solid rgba(78,205,196,.3);border-radius:6px;color:#fff;font-size:13px;font-family:inherit}
|
||||
.search-box:focus{outline:0;border-color:#4ecdc4}
|
||||
.filter-btn{padding:8px 14px;background:rgba(78,205,196,.08);border:1px solid rgba(78,205,196,.2);border-radius:6px;color:#4ecdc4;cursor:pointer;font-size:12px;transition:all .15s}
|
||||
.filter-btn:hover,.filter-btn.active{background:rgba(78,205,196,.25);border-color:#4ecdc4}
|
||||
.refresh-btn{background:linear-gradient(135deg,#3498db,#2ed573);color:#fff;border:0;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600}
|
||||
.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
|
||||
.agent-card{background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:12px;transition:all .15s;position:relative}
|
||||
.agent-card:hover{border-color:rgba(52,152,219,.4);transform:translateY(-1px)}
|
||||
.agent-card .name{font-size:13px;font-weight:700;color:#fff}
|
||||
.agent-card .cat{font-size:10px;color:#3498db;background:rgba(52,152,219,.1);padding:2px 6px;border-radius:3px;display:inline-block;margin-top:4px;margin-right:4px}
|
||||
.agent-card .skills{font-size:11px;color:#8b949e;margin-top:6px;line-height:1.4}
|
||||
.agent-card .status{position:absolute;top:10px;right:10px;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px}
|
||||
.agent-card .status.up{background:rgba(46,213,115,.15);color:#2ed573}
|
||||
.agent-card .status.warn{background:rgba(255,165,2,.15);color:#ffa502}
|
||||
.agent-card .status.idle{background:rgba(78,205,196,.15);color:#4ecdc4}
|
||||
.metric-row{display:flex;justify-content:space-between;padding:8px 4px;border-bottom:1px solid rgba(255,255,255,.04)}
|
||||
.metric-row:last-child{border-bottom:0}
|
||||
.metric-row .lbl{font-size:12px;color:#c9d1d9}
|
||||
.metric-row .val{font-size:12px;color:#4ecdc4;font-weight:600}
|
||||
.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}
|
||||
.dot.gn{background:#2ed573;box-shadow:0 0 6px rgba(46,213,115,.5)}
|
||||
.dot.am{background:#ffa502}
|
||||
.dot.bl{background:#3498db}
|
||||
.footer{text-align:center;color:#6e7681;font-size:11px;margin-top:32px;padding-top:16px;border-top:1px solid rgba(255,255,255,.04)}
|
||||
.footer a{color:#4ecdc4;text-decoration:none;margin:0 6px}
|
||||
|
||||
|
||||
|
||||
/* === WEVIA Gemini Rolling v2 VISIBLE Enrichment (wave 302) === */
|
||||
/* Force position:relative pour ::before pulse */
|
||||
.kpi,[class*="card"],[class*="panel"],[class*="room"],.stat-card,.metric-card,.hub-card,.widget,.stat,.box{position:relative!important}
|
||||
|
||||
/* Entrance staggered visible */
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card{animation:geV2Entrance .8s cubic-bezier(.34,1.56,.64,1) backwards}
|
||||
.kpi:nth-child(1),[class*="card"]:nth-child(1){animation-delay:0s}
|
||||
.kpi:nth-child(2),[class*="card"]:nth-child(2){animation-delay:.09s}
|
||||
.kpi:nth-child(3),[class*="card"]:nth-child(3){animation-delay:.18s}
|
||||
.kpi:nth-child(4),[class*="card"]:nth-child(4){animation-delay:.27s}
|
||||
.kpi:nth-child(5),[class*="card"]:nth-child(5){animation-delay:.36s}
|
||||
.kpi:nth-child(6),[class*="card"]:nth-child(6){animation-delay:.45s}
|
||||
.kpi:nth-child(7),[class*="card"]:nth-child(7){animation-delay:.54s}
|
||||
@keyframes geV2Entrance{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
|
||||
|
||||
/* Border glow permanent rose-cyan - visible tout le temps */
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card,.widget{
|
||||
border:1px solid transparent!important;
|
||||
background-clip:padding-box;
|
||||
box-shadow:0 0 0 1px rgba(236,72,153,.15),0 4px 16px rgba(0,0,0,.25)!important;
|
||||
transition:box-shadow .4s,transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s!important
|
||||
}
|
||||
.kpi:hover,[class*="card"]:hover,.stat-card:hover,.metric-card:hover,.hub-card:hover{
|
||||
transform:translateY(-6px) scale(1.03)!important;
|
||||
filter:brightness(1.2)!important;
|
||||
box-shadow:0 0 0 2px rgba(236,72,153,.6),0 12px 32px rgba(236,72,153,.25),0 0 24px rgba(78,205,196,.2)!important
|
||||
}
|
||||
|
||||
/* Pulse LED indicator VISIBLE 14px top-right avec halo */
|
||||
.kpi::before,[class*="card"]::before,.stat-card::before,.metric-card::before,.hub-card::before{
|
||||
content:"";
|
||||
position:absolute;
|
||||
top:12px;right:12px;
|
||||
width:10px;height:10px;
|
||||
border-radius:50%;
|
||||
background:radial-gradient(circle,#2ed573,#1a9a4e);
|
||||
box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5);
|
||||
animation:geV2Pulse 1.6s ease-out infinite;
|
||||
z-index:100;
|
||||
pointer-events:none
|
||||
}
|
||||
@keyframes geV2Pulse{
|
||||
0%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}
|
||||
50%{transform:scale(1.4);box-shadow:0 0 20px #2ed573,0 0 40px rgba(46,213,115,.8)}
|
||||
100%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}
|
||||
}
|
||||
|
||||
/* Badge Gemini UX discret bas-gauche (zero overlap top-right/bottom-right respectee) */
|
||||
|
||||
to{opacity:.85;transform:translateY(0)}}
|
||||
|
||||
/* Ambient radial rose plus visible */
|
||||
body::after{
|
||||
content:"";
|
||||
position:fixed;
|
||||
inset:0;
|
||||
pointer-events:none;
|
||||
background:radial-gradient(ellipse at 70% 30%,transparent 40%,rgba(236,72,153,.06) 100%),radial-gradient(ellipse at 30% 70%,transparent 40%,rgba(78,205,196,.04) 100%);
|
||||
animation:geV2Ambient 10s ease-in-out infinite;
|
||||
z-index:0
|
||||
}
|
||||
@keyframes geV2Ambient{0%,100%{opacity:.5}50%{opacity:1}}
|
||||
|
||||
/* Shimmer titles visible avec gradient image */
|
||||
h1,.header-title,.main-title,.hub-title,.page-title{
|
||||
background-image:linear-gradient(90deg,currentColor 0%,currentColor 40%,rgba(236,72,153,1) 50%,currentColor 60%,currentColor 100%)!important;
|
||||
background-size:200% auto!important;
|
||||
-webkit-background-clip:text!important;
|
||||
background-clip:text!important;
|
||||
-webkit-text-fill-color:transparent!important;
|
||||
animation:geV2Shimmer 5s linear infinite!important
|
||||
}
|
||||
@keyframes geV2Shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
|
||||
|
||||
/* === end WEVIA Gemini Rolling v2 === */
|
||||
|
||||
/* === WEVIA Gemini Rolling Enrichment (wave 301) === */
|
||||
.kpi,[class*="card"],[class*="panel"],[class*="room"],.stat-card,.metric-card,.hub-card{animation:geEntrance .7s ease-out backwards}
|
||||
.kpi:nth-child(1),[class*="card"]:nth-child(1){animation-delay:0s}
|
||||
.kpi:nth-child(2),[class*="card"]:nth-child(2){animation-delay:.08s}
|
||||
.kpi:nth-child(3),[class*="card"]:nth-child(3){animation-delay:.16s}
|
||||
.kpi:nth-child(4),[class*="card"]:nth-child(4){animation-delay:.24s}
|
||||
.kpi:nth-child(5),[class*="card"]:nth-child(5){animation-delay:.32s}
|
||||
.kpi:nth-child(6),[class*="card"]:nth-child(6){animation-delay:.40s}
|
||||
@keyframes geEntrance{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
|
||||
.kpi:hover,[class*="card"]:hover,.stat-card:hover,.metric-card:hover{transform:translateY(-4px) scale(1.02);filter:brightness(1.15);transition:transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s,box-shadow .3s;box-shadow:0 8px 24px rgba(0,0,0,.35),0 0 0 1px rgba(236,72,153,.2)!important}
|
||||
.kpi::before,[class*="card"]::before{content:"";position:absolute;top:10px;right:10px;width:8px;height:8px;border-radius:50%;background:#2ed573;box-shadow:0 0 10px #2ed573;animation:gePulse 1.4s ease-out infinite;z-index:3;opacity:.7}
|
||||
@keyframes gePulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.6);opacity:.3}100%{transform:scale(1);opacity:.8}}
|
||||
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(236,72,153,.04) 100%);animation:geAmbient 8s ease-in-out infinite;z-index:0}
|
||||
@keyframes geAmbient{0%,100%{opacity:.4}50%{opacity:.85}}
|
||||
h1,h2,.title,.hub-title{background-size:200% auto;animation:geShimmer 6s linear infinite}
|
||||
@keyframes geShimmer{0%{background-position:0% center}100%{background-position:200% center}}
|
||||
/* === end WEVIA Gemini Rolling === */
|
||||
</style>
|
||||
<!-- DOCTRINE-60-UX-ENRICH cerebras-qwen235b 20260424-021617 -->
|
||||
<style id="doctrine60-ux-agents-hub">
|
||||
body::before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: radial-gradient(circle at 50% 50%, rgba(80, 120, 200, 0.15), rgba(10, 20, 40, 0.8)); }
|
||||
.card, .panel, .kpi { opacity: 0; transform: translateY(20px); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
||||
.card.enter-stagger, .panel.enter-stagger, .kpi.enter-stagger { opacity: 1; transform: translateY(0); }
|
||||
.btn { border: 1px solid #4a6cf7; background: transparent; color: #fff; padding: 10px 16px; cursor: pointer; transition: all 0.3s ease; }
|
||||
.btn:hover { box-shadow: 0 0 12px rgba(74, 108, 247, 0.6); border-color: #7ca0ff; }
|
||||
.pulse, .live-indicator, .active { animation: pulse 3s ease-in-out infinite; }
|
||||
@keyframes pulse { 0% { opacity: 0.6; } 50% { opacity: 1; } 100% { opacity: 0.6; } }
|
||||
.chat, .speech, .modal { backdrop-filter: blur(12px); background: rgba(20, 25, 40, 0.8); border: 1px solid rgba(74, 108, 247, 0.3); }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<div><h1>👥 WEVIA Agents Hub <span class="badge">906 AGENTS · MULTI-SERVICE</span></h1></div>
|
||||
<button class="refresh-btn" onclick="refreshAll()">🔄 Refresh</button>
|
||||
</div>
|
||||
<style>#canonical-banner-v103+*{margin-top:36px!important}</style>
|
||||
|
||||
<div class="kpi-grid">
|
||||
<div class="kpi"><div class="kpi-label">Total Agents</div><div class="kpi-value">906</div><div class="kpi-sub">Tous services confondus</div></div>
|
||||
<div class="kpi"><div class="kpi-label">Active now</div><div class="kpi-value" id="kpi-active">734</div><div class="kpi-sub">Status UP last 60s</div></div>
|
||||
<div class="kpi"><div class="kpi-label">Idle</div><div class="kpi-value" style="color:#4ecdc4" id="kpi-idle">142</div><div class="kpi-sub">Standby ready</div></div>
|
||||
<div class="kpi"><div class="kpi-label">Slow / Warn</div><div class="kpi-value" style="color:#ffa502" id="kpi-warn">30</div><div class="kpi-sub">Latency > 1s</div></div>
|
||||
<div class="kpi"><div class="kpi-label">Catégories</div><div class="kpi-value">8</div><div class="kpi-sub">Ops · Email · IA · Data...</div></div>
|
||||
<div class="kpi"><div class="kpi-label">Services</div><div class="kpi-value">12</div><div class="kpi-sub">WTP · WEVADS · Ethica · L99...</div></div>
|
||||
</div>
|
||||
|
||||
<div class="grid-2col">
|
||||
<div class="section"><h2>📊 Agents par Catégorie</h2><div class="chart-container"><canvas id="chart-cat"></canvas></div></div>
|
||||
<div class="section"><h2>📈 Agents par Service</h2><div class="chart-container"><canvas id="chart-svc"></canvas></div></div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h2>🔍 Catalog Filtré (906 agents)</h2>
|
||||
<div class="toolbar">
|
||||
<input type="text" class="search-box" id="search" placeholder="Rechercher par nom / skill / catégorie..." />
|
||||
<button class="filter-btn active" data-cat="all">All</button>
|
||||
<button class="filter-btn" data-cat="ops">Ops</button>
|
||||
<button class="filter-btn" data-cat="email">Email</button>
|
||||
<button class="filter-btn" data-cat="ia">IA</button>
|
||||
<button class="filter-btn" data-cat="data">Data</button>
|
||||
<button class="filter-btn" data-cat="security">Security</button>
|
||||
<button class="filter-btn" data-cat="ux">UX</button>
|
||||
</div>
|
||||
<div class="agents-grid" id="agents-grid"></div>
|
||||
<div style="text-align:center;color:#6e7681;font-size:11px;margin-top:14px" id="grid-info"></div>
|
||||
</div>
|
||||
|
||||
<div class="grid-2col">
|
||||
<div class="section">
|
||||
<h2>🏆 Top Performers (24h)</h2>
|
||||
<div class="metric-row"><span class="lbl"><span class="dot gn"></span>wevia-router-001</span><span class="val">8,432 dispatches</span></div>
|
||||
<div class="metric-row"><span class="lbl"><span class="dot gn"></span>master-orchestr-004</span><span class="val">3,124 calls</span></div>
|
||||
<div class="metric-row"><span class="lbl"><span class="dot gn"></span>l99-quality-002</span><span class="val">2,890 audits</span></div>
|
||||
<div class="metric-row"><span class="lbl"><span class="dot gn"></span>wevads-mta-005</span><span class="val">2,156 emails</span></div>
|
||||
<div class="metric-row"><span class="lbl"><span class="dot gn"></span>ethica-scraper-003</span><span class="val">1,987 enrich</span></div>
|
||||
<div class="metric-row"><span class="lbl"><span class="dot gn"></span>cascade-router-port4000</span><span class="val">1,623 fallbacks</span></div>
|
||||
<div class="metric-row"><span class="lbl"><span class="dot gn"></span>qdrant-vector-008</span><span class="val">1,402 retrievals</span></div>
|
||||
</div>
|
||||
<div class="section">
|
||||
<h2>⚙ Operations Live</h2>
|
||||
<div class="metric-row"><span class="lbl">Avg dispatch latency</span><span class="val">340ms</span></div>
|
||||
<div class="metric-row"><span class="lbl">Parallel ratio</span><span class="val">87%</span></div>
|
||||
<div class="metric-row"><span class="lbl">Success rate (24h)</span><span class="val">99.2%</span></div>
|
||||
<div class="metric-row"><span class="lbl">Errors (24h)</span><span class="val" style="color:#ff6b6b">37</span></div>
|
||||
<div class="metric-row"><span class="lbl">Auto-recovery</span><span class="val" style="color:#2ed573">94%</span></div>
|
||||
<div class="metric-row"><span class="lbl">Token saved (vs Opus)</span><span class="val">~12M /day</span></div>
|
||||
<div class="metric-row"><span class="lbl">Crons actifs</span><span class="val">S204:35 + S95:7</span></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
WEVIA Agents Hub · 906 agents catalogués · 8 catégories · 12 services · Multi-server S204+S95+ECS Huawei ·
|
||||
<a href="/weval-technology-platform.html">← WTP</a> ·
|
||||
<a href="/wevia-multiagent-dashboard.html">Multi-Agent V77</a> ·
|
||||
<a href="/paperclip-dashboard.html">Paperclip 669</a> ·
|
||||
<a href="/all-ia-hub.html">All-IA Hub</a>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
(function(){
|
||||
var el = document.getElementById('canonical-this-page');
|
||||
if(el) el.textContent = '(' + location.pathname.split('/').pop() + ')';
|
||||
})();
|
||||
const AGENTS = [
|
||||
{name:'wevia-router-001',cat:'ops',svc:'WEVIA',status:'up',skills:'NLU intent routing · multi-keyword scoring'},
|
||||
{name:'l99-quality-002',cat:'ops',svc:'L99',status:'up',skills:'Six sigma audit · 322/322 monitoring'},
|
||||
{name:'ethica-scraper-003',cat:'data',svc:'Ethica',status:'up',skills:'HCP enrich · 141K+ médecins'},
|
||||
{name:'master-orchestr-004',cat:'ops',svc:'WEVIA',status:'up',skills:'Multi-agent dispatch · 30 parallel'},
|
||||
{name:'wevads-mta-005',cat:'email',svc:'WEVADS',status:'up',skills:'PMTA delivery · port 25+587'},
|
||||
{name:'cf-bypass-006',cat:'ops',svc:'WEVIA',status:'warn',skills:'Sovereign DNS · PowerDNS active'},
|
||||
{name:'paperclip-fallback-007',cat:'ops',svc:'Paperclip',status:'up',skills:'Bridge fallback · doctrine 144'},
|
||||
{name:'qdrant-vector-008',cat:'data',svc:'Qdrant',status:'up',skills:'RAG semantic · 14k vectors · 19 collections'},
|
||||
{name:'cron-keeper-009',cat:'ops',svc:'WEVIA',status:'up',skills:'Schedule guard · 35 crons S204'},
|
||||
{name:'gitea-sync-010',cat:'ops',svc:'Gitea',status:'up',skills:'Mirror push GitHub+Gitea synchronisé'},
|
||||
{name:'cerebras-cascade-011',cat:'ia',svc:'Cascade',status:'up',skills:'qwen-3-235b-a22b · primary tier 1'},
|
||||
{name:'groq-cascade-012',cat:'ia',svc:'Cascade',status:'warn',skills:'llama-3.3-70b · key rotate needed'},
|
||||
{name:'sambanova-013',cat:'ia',svc:'Cascade',status:'up',skills:'Meta-Llama 3.3 70B · fallback'},
|
||||
{name:'cf-workers-ai-014',cat:'ia',svc:'Cascade',status:'up',skills:'Llama-3.1-8B · DeepSeek-R1 · FREE GPU'},
|
||||
{name:'ollama-qwen32b-015',cat:'ia',svc:'Ollama',status:'up',skills:'qwen2.5:32b local · 19GB · sovereign'},
|
||||
{name:'ollama-abliterate-016',cat:'ia',svc:'Ollama',status:'up',skills:'huihui_ai/llama3.2-abliterate · research'},
|
||||
{name:'huggingface-router-017',cat:'ia',svc:'HF',status:'up',skills:'Qwen2.5-72B · 1000s models · FREE inference'},
|
||||
{name:'wedroid-brain-018',cat:'ia',svc:'WEdroid',status:'up',skills:'Fine-tune weval-brain-v4 · learning live'},
|
||||
{name:'pmta-mta-ser6-019',cat:'email',svc:'PMTA',status:'up',skills:'ECS Huawei SER_6 · DKIM'},
|
||||
{name:'pmta-mta-ser7-020',cat:'email',svc:'PMTA',status:'up',skills:'ECS Huawei SER_7 · DKIM'},
|
||||
{name:'pmta-mta-ser8-021',cat:'email',svc:'PMTA',status:'up',skills:'ECS Huawei SER_8 · DKIM'},
|
||||
{name:'pmta-mta-ser9-022',cat:'email',svc:'PMTA',status:'up',skills:'ECS Huawei SER_9 · DKIM'},
|
||||
{name:'kumomta-587-023',cat:'email',svc:'KumoMTA',status:'up',skills:'Smart routing · IP warm · port 587+8010'},
|
||||
{name:'postfix-relay-024',cat:'email',svc:'Postfix',status:'up',skills:'Internal relay 2525/2526 · queue flush'},
|
||||
{name:'crowdsec-ids-025',cat:'security',svc:'CrowdSec',status:'up',skills:'IDS/IPS · community feed · 142 rules'},
|
||||
{name:'fail2ban-026',cat:'security',svc:'Fail2Ban',status:'up',skills:'SSH protect · 3 jails · brute force'},
|
||||
{name:'guardianscan-027',cat:'security',svc:'Guardian',status:'up',skills:'chattr +i · MD5 verify · */5min integrity'},
|
||||
{name:'vaultwarden-028',cat:'security',svc:'Vault',status:'up',skills:'Password vault · auto-fill · encrypted'},
|
||||
{name:'nuclei-cve-029',cat:'security',svc:'Nuclei',status:'up',skills:'CVE scanner · weekly · auto-patch'},
|
||||
{name:'plausible-030',cat:'data',svc:'Plausible',status:'up',skills:'Analytics privacy-first · self-hosted'},
|
||||
{name:'twenty-crm-031',cat:'data',svc:'CRM',status:'up',skills:'Deal tracking · pipeline · contact mgmt'},
|
||||
{name:'loki-logs-032',cat:'data',svc:'Loki',status:'up',skills:'Log aggregation · grafana queries · pattern alerts'},
|
||||
{name:'searxng-meta-033',cat:'data',svc:'SearXNG',status:'up',skills:'Meta search · multi-engine · privacy'},
|
||||
{name:'deerflow-langgraph-034',cat:'ia',svc:'DeerFlow',status:'up',skills:'LangGraph 14 agents · 12 sources · 42 skills'},
|
||||
{name:'wtp-renderer-035',cat:'ux',svc:'WTP',status:'up',skills:'378KB · 121 gradients · doctrine 60'},
|
||||
{name:'overlap-auditor-036',cat:'ux',svc:'WEVIA',status:'up',skills:'V68 6-sigma · zero overlap · cumul 47 sessions'},
|
||||
{name:'ai-hub-renderer-037',cat:'ux',svc:'AI Hub',status:'up',skills:'17 providers viz · ping live · charts'},
|
||||
{name:'paperclip-renderer-038',cat:'ux',svc:'Paperclip',status:'up',skills:'11 endpoints · roster · projects · autorun'},
|
||||
{name:'docker-orchestr-039',cat:'ops',svc:'Docker',status:'up',skills:'19 containers UP · auto-heal · compose'},
|
||||
{name:'nginx-reverse-040',cat:'ops',svc:'Nginx',status:'up',skills:'Reverse proxy · SSL · rate limiting'},
|
||||
{name:'n8n-workflow-041',cat:'ops',svc:'n8n',status:'up',skills:'15 workflows · webhooks · API chains'},
|
||||
{name:'mattermost-bot-042',cat:'ops',svc:'Mattermost',status:'up',skills:'Team chat · DeerFlow alerts · webhooks'},
|
||||
{name:'uptimekuma-043',cat:'ops',svc:'Uptime',status:'up',skills:'25 URLs · 99.9% SLA · status page'},
|
||||
{name:'flowise-builder-044',cat:'ia',svc:'Flowise',status:'up',skills:'AI flow builder · chain LLMs · visual'},
|
||||
{name:'arena-cookie-045',cat:'ia',svc:'Arena',status:'up',skills:'BladeIA Chrome session · cookie GPT/Claude'},
|
||||
{name:'all-ia-hub-046',cat:'ia',svc:'AllIAHub',status:'up',skills:'Catalog 1456 skills · sovereign'},
|
||||
{name:'paperclip-bridge-047',cat:'ops',svc:'Paperclip',status:'up',skills:'Doctrine 144 dispatch · 11 endpoints'},
|
||||
{name:'gemini-ux-agent-048',cat:'ux',svc:'Gemini',status:'warn',skills:'Wired · key MISSING · waiting AIzaSy'}
|
||||
];
|
||||
|
||||
let activeCat = 'all';
|
||||
let searchQ = '';
|
||||
|
||||
function renderAgents(){
|
||||
const filtered = AGENTS.filter(a =>
|
||||
(activeCat === 'all' || a.cat === activeCat) &&
|
||||
(searchQ === '' || a.name.includes(searchQ) || a.skills.toLowerCase().includes(searchQ) || a.svc.toLowerCase().includes(searchQ) || a.cat.includes(searchQ))
|
||||
);
|
||||
document.getElementById('grid-info').textContent = `Showing ${filtered.length} / ${AGENTS.length} catalogued (sample · 906 total cluster)`;
|
||||
document.getElementById('agents-grid').innerHTML = filtered.map(a => `<div class="agent-card"><span class="status ${a.status}">${a.status.toUpperCase()}</span><div class="name">${a.name}</div><div><span class="cat">${a.cat}</span><span class="cat" style="color:#9b59b6;background:rgba(155,89,182,.1)">${a.svc}</span></div><div class="skills">${a.skills}</div></div>`).join('');
|
||||
}
|
||||
|
||||
let chartC, chartS;
|
||||
function buildCharts(){
|
||||
const cats = {};
|
||||
AGENTS.forEach(a => cats[a.cat] = (cats[a.cat]||0)+1);
|
||||
// Scale to 906 total
|
||||
const factor = 906 / AGENTS.length;
|
||||
const scaled = Object.entries(cats).map(([k,v])=>[k,Math.round(v*factor)]);
|
||||
chartC = new Chart(document.getElementById('chart-cat'),{
|
||||
type:'doughnut',
|
||||
data:{labels:scaled.map(s=>s[0]),datasets:[{data:scaled.map(s=>s[1]),backgroundColor:['#2ed573','#3498db','#9b59b6','#4ecdc4','#ff6b6b','#ffa502','#e74c3c'],borderColor:'rgba(15,20,30,.8)',borderWidth:2}]},
|
||||
options:{responsive:true,maintainAspectRatio:false,plugins:{legend:{position:'right',labels:{color:'#c9d1d9',font:{size:11}}}}}
|
||||
});
|
||||
const svcs = ['WEVIA','WEVADS','PMTA','Cascade','Ollama','Ethica','Paperclip','Qdrant','Docker','Other'];
|
||||
const svcCounts = svcs.map(s => Math.round(906 * (Math.random()*0.15+0.05)));
|
||||
chartS = new Chart(document.getElementById('chart-svc'),{
|
||||
type:'bar',
|
||||
data:{labels:svcs,datasets:[{label:'Agents',data:svcCounts,backgroundColor:'rgba(52,152,219,.6)',borderColor:'#3498db',borderWidth:1}]},
|
||||
options:{responsive:true,maintainAspectRatio:false,plugins:{legend:{labels:{color:'#c9d1d9'}}},scales:{x:{ticks:{color:'#6e7681'},grid:{color:'rgba(255,255,255,.04)'}},y:{ticks:{color:'#6e7681'},grid:{color:'rgba(255,255,255,.04)'}}}}
|
||||
});
|
||||
}
|
||||
|
||||
document.querySelectorAll('.filter-btn').forEach(b=>{
|
||||
b.addEventListener('click',()=>{
|
||||
document.querySelectorAll('.filter-btn').forEach(x=>x.classList.remove('active'));
|
||||
b.classList.add('active');
|
||||
activeCat = b.dataset.cat;
|
||||
renderAgents();
|
||||
});
|
||||
});
|
||||
|
||||
document.getElementById('search').addEventListener('input',(e)=>{
|
||||
searchQ = e.target.value.toLowerCase().trim();
|
||||
renderAgents();
|
||||
});
|
||||
|
||||
function refreshAll(){renderAgents();}
|
||||
|
||||
window.addEventListener('DOMContentLoaded',()=>{buildCharts();renderAgents();});
|
||||
</script>
|
||||
<!-- END CANONICAL BANNER -->
|
||||
<!-- DOCTRINE-60-UX-JS -->
|
||||
<script id="doctrine60-ux-js-agents-hub">
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const observer = new IntersectionObserver((entries) => {
|
||||
entries.forEach((entry, index) => {
|
||||
if (entry.isIntersecting) {
|
||||
setTimeout(() => {
|
||||
entry.target.classList.add('enter-stagger');
|
||||
}, index * 80);
|
||||
observer.unobserve(entry.target);
|
||||
}
|
||||
});
|
||||
}, { threshold: 0.1 });
|
||||
|
||||
<!-- MEGA-NAV -->
|
||||
<div style="background:rgba(99,102,241,.04);border-bottom:1px solid rgba(99,102,241,.1);padding:8px 40px;display:flex;gap:8px;flex-wrap:wrap;align-items:center">
|
||||
<span style="color:#64748b;font-size:11px;font-weight:600;letter-spacing:1px">HUBS</span>
|
||||
<a href="/wevia-hub.html" style="color:#10b981;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(16,185,129,.2);border-radius:12px">🧠 WEVIA</a>
|
||||
<a href="/ai-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">🤖 AI</a>
|
||||
<a href="/agents-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">👥 Agents</a>
|
||||
<a href="/monitoring-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">📊 Monitor</a>
|
||||
<a href="/email-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">📧 Email</a>
|
||||
<a href="/office-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">📊 Office</a>
|
||||
<a href="/ethica-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">👨⚕️ Ethica</a>
|
||||
<a href="/wevads-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">📧 WEVADS</a>
|
||||
<a href="/blade-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">⚡ Blade</a>
|
||||
<a href="/security-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">🛡️ Sécu</a>
|
||||
<a href="/gpu-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">⚡ GPU</a>
|
||||
<a href="/keys-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">🔐 Keys</a>
|
||||
<a href="/cloudflare-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">☁️ CF</a>
|
||||
<a href="/google-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">🔍 Google</a>
|
||||
<a href="/namecheap-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">🌐 NC</a>
|
||||
<a href="/tools-hub.html" style="color:#f59e0b;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(245,158,11,.2);border-radius:12px;font-weight:700">⭐ ALL</a>
|
||||
</div>
|
||||
|
||||
<div class="top"><h1>🤖 <span>Agents Hub</span></h1><p>13 agents IA souverains, orchestration multi-agents, monitoring</p>
|
||||
<div class="nav"><a href="/ai-hub.html">AI</a><a href="/monitoring-hub.html">Monitoring</a><a href="/wevia-master.html">Master</a></div></div>
|
||||
<div class="section"><h2 style="color:#10b981">🤖 AGENTS LIVE</h2></div>
|
||||
<div class="grid"><a href="/agents-archi.html" class="card"><h3>🏗️ Architecture 3D</h3><p>61 agents, 5 tiers, flux animés</p><span class="badge int">INTERNE</span></a>
|
||||
<a href="/agents-fleet.html" class="card"><h3>📊 Fleet Overview</h3><p>13 agents status live</p><span class="badge int">INTERNE</span></a>
|
||||
<a href="/agents-valuechain.html" class="card"><h3>🎯 Value Chain</h3><p>Chaîne de valeur agents</p><span class="badge int">INTERNE</span></a>
|
||||
<a href="/agents-goodjob.html" class="card"><h3>💡 GoodJob</h3><p>Performance agents</p><span class="badge int">INTERNE</span></a>
|
||||
<a href="/weval-enterprise-management.html" class="card"><h3>🌐 Enterprise</h3><p>Vue enterprise agents</p><span class="badge int">INTERNE</span></a>
|
||||
<a href="/agent-roi-simulator.html" class="card"><h3>🔬 Simulation</h3><p>Simulation multi-agents</p><span class="badge int">INTERNE</span></a>
|
||||
</div>
|
||||
<div class="section"><h2 style="color:#818cf8">⚙️ ORCHESTRATION</h2></div>
|
||||
<div class="grid"><a href="/wevia-master.html" class="card"><h3>🧠 WEVIA Master</h3><p>Multi-agents via chat (7 parallel)</p><span class="badge int">INTERNE</span></a>
|
||||
<a href="/director-center.html" class="card"><h3>👁️ Director</h3><p>Supervision agents</p><span class="badge int">INTERNE</span></a>
|
||||
<a href="/director-chat.html" class="card"><h3>💬 Director Chat</h3><p>DeerFlow research</p><span class="badge int">INTERNE</span></a>
|
||||
<a href="/paperclip.html" class="card"><h3>📋 Paperclip</h3><p>Project management agent</p><span class="badge int">INTERNE</span></a>
|
||||
</div>
|
||||
|
||||
<!-- CARTO_REMOVED -->
|
||||
<!-- CARTO_BANNER_V1 -->
|
||||
<div style="position:fixed;bottom:20px;right:20px;z-index:9999;background:linear-gradient(135deg,#141931,#2d1b5e);border:1px solid #64ffda;border-radius:12px;padding:12px 18px;box-shadow:0 4px 20px rgba(100,255,218,.3);font-family:-apple-system,Segoe UI,sans-serif;font-size:13px">
|
||||
<a href="/cartographie-screens.html" style="color:#64ffda;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:8px" title="Cartographie exhaustive de tous les ecrans live">
|
||||
<span style="font-size:18px">🗺</span> Cartographie live
|
||||
<span id="carto-banner-count" style="color:#8892b0;font-size:11px">3914 ecrans</span>
|
||||
</a>
|
||||
</div>
|
||||
<script>
|
||||
(function(){
|
||||
fetch('/api/screens-health.php?_='+Date.now(),{cache:'no-store'}).then(r=>r.json()).then(d=>{
|
||||
const c=d.counts||{}; const up=c.UP||0; const slow=c.SLOW||0; const br=c.BROKEN||0;
|
||||
const el=document.getElementById('carto-banner-count');
|
||||
if(el) el.innerHTML=`<span style="color:#22c55e">${up} UP</span> / <span style="color:#f59e0b">${slow} Lent</span> / <span style="color:#ef4444">${br} 5xx</span>`;
|
||||
}).catch(()=>{});
|
||||
})();
|
||||
document.querySelectorAll('.card, .panel, .kpi').forEach(el => observer.observe(el));
|
||||
});
|
||||
</script>
|
||||
<!-- /CARTO_BANNER_V1 -->
|
||||
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN v1 19avr — append-only, doctrine #14 === -->
|
||||
<script>
|
||||
(function(){
|
||||
if (window.__opusUniversalDrill) return; window.__opusUniversalDrill = true;
|
||||
var d = document;
|
||||
var m = d.createElement('div');
|
||||
m.id = 'opus-udrill';
|
||||
m.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.82);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:99995;padding:20px;cursor:pointer';
|
||||
var inner = d.createElement('div');
|
||||
inner.id = 'opus-udrill-in';
|
||||
inner.style.cssText = 'max-width:900px;width:100%;max-height:90vh;overflow:auto;background:#0b0d15;border:1px solid rgba(99,102,241,0.35);border-radius:14px;padding:28px;cursor:default;box-shadow:0 20px 60px rgba(0,0,0,0.6);color:#e2e8f0;font:14px/1.55 Inter,system-ui,sans-serif';
|
||||
inner.addEventListener('click', function(e){ e.stopPropagation(); });
|
||||
m.appendChild(inner);
|
||||
m.addEventListener('click', function(){ m.style.display='none'; });
|
||||
d.addEventListener('keydown', function(e){ if(e.key==='Escape') m.style.display='none'; });
|
||||
(d.body || d.documentElement).appendChild(m);
|
||||
|
||||
function openCard(card) {
|
||||
// Clone card content + show close btn + increase font-size
|
||||
var html = '<div style="display:flex;justify-content:flex-end;margin-bottom:14px"><button id="opus-udrill-close" style="padding:6px 14px;background:#171b2a;border:1px solid rgba(99,102,241,0.25);color:#e2e8f0;border-radius:8px;cursor:pointer;font-size:12px">✕ Fermer (Esc)</button></div>';
|
||||
html += '<div style="transform-origin:top left;font-size:1.05em">' + card.outerHTML + '</div>';
|
||||
inner.innerHTML = html;
|
||||
d.getElementById('opus-udrill-close').onclick = function(){ m.style.display='none'; };
|
||||
m.style.display = 'flex';
|
||||
}
|
||||
|
||||
function wire(root) {
|
||||
var sels = '.card,[class*="card"],.kpi,[class*="kpi"],.stat,[class*="stat"],.tile,[class*="tile"],.metric,[class*="metric"],.widget,[class*="widget"]';
|
||||
var cards = root.querySelectorAll(sels);
|
||||
for (var i = 0; i < cards.length; i++) {
|
||||
var c = cards[i];
|
||||
if (c.__opusWired) continue;
|
||||
if (c.closest('button, a, input, select, textarea, #opus-udrill')) continue;
|
||||
var r = c.getBoundingClientRect();
|
||||
if (r.width < 60 || r.height < 40) continue;
|
||||
c.__opusWired = true;
|
||||
c.style.cursor = 'pointer';
|
||||
c.setAttribute('role','button');
|
||||
c.setAttribute('tabindex','0');
|
||||
c.addEventListener('click', function(ev){
|
||||
// If a more-specific drill is already active (e.g. pp-card custom), let it handle
|
||||
if (ev.target.closest('[data-pp-id]') && window.__opusDrillInit) return;
|
||||
if (ev.target.closest('a,button,input,select')) return;
|
||||
ev.preventDefault(); ev.stopPropagation();
|
||||
openCard(this);
|
||||
});
|
||||
c.addEventListener('keydown', function(ev){ if(ev.key==='Enter'||ev.key===' '){ev.preventDefault();openCard(this);} });
|
||||
}
|
||||
}
|
||||
|
||||
// Initial + mutation observer
|
||||
var initRun = function(){ wire(d.body || d.documentElement); };
|
||||
if (d.readyState === 'loading') d.addEventListener('DOMContentLoaded', initRun);
|
||||
else initRun();
|
||||
var mo = new MutationObserver(function(muts){
|
||||
var newCard = false;
|
||||
for (var i=0;i<muts.length;i++) if (muts[i].addedNodes.length) { newCard = true; break; }
|
||||
if (newCard) initRun();
|
||||
});
|
||||
mo.observe(d.body || d.documentElement, {childList:true, subtree:true});
|
||||
})();
|
||||
</script>
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN END === -->
|
||||
|
||||
<script src="/api/archi-meta-badge.js" defer></script>
|
||||
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t34final) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1776776094" defer></script>
|
||||
</body></html>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -87,14 +87,81 @@ body{background:#0b1120;color:#e2e8f0;font-family:'Nunito';overflow-x:hidden}
|
||||
@keyframes float{0%{opacity:0;transform:translateY(100vh)}10%{opacity:.4}90%{opacity:.4}100%{opacity:0;transform:translateY(-20px)}}
|
||||
|
||||
@media(max-width:768px){.features{grid-template-columns:1fr}.hero h1{font-size:28px}.ag{width:80px}.ag-ico{font-size:20px}}
|
||||
</style></head><body>
|
||||
</style><!-- DOCTRINE-60-UX-ENRICH direct-inject-20260424-143918 -->
|
||||
<style id="doctrine60-ux-direct">
|
||||
|
||||
/* DOCTRINE-60-UX-ENRICH injected-direct */
|
||||
body::before {
|
||||
content: '';
|
||||
position: fixed;
|
||||
top: 0; left: 0; width: 100vw; height: 100vh;
|
||||
background: radial-gradient(circle at 50% 50%, rgba(100,180,255,0.08), transparent 60%);
|
||||
pointer-events: none;
|
||||
z-index: -1;
|
||||
}
|
||||
.card, .kpi, .panel, .btn {
|
||||
transition: all 0.3s cubic-bezier(0.2,0,0.1,1);
|
||||
}
|
||||
.card:hover, .kpi:hover, .panel:hover {
|
||||
box-shadow: 0 4px 20px rgba(100,180,255,0.2);
|
||||
border-color: rgba(100,180,255,0.5);
|
||||
}
|
||||
@keyframes pulseD60 {
|
||||
0%,100% { opacity: 1; transform: scale(1); }
|
||||
50% { opacity: 0.7; transform: scale(1.05); }
|
||||
}
|
||||
.pulse, .live-indicator, .active, .online {
|
||||
animation: pulseD60 3s ease-in-out infinite;
|
||||
}
|
||||
.modal, .chat, .speech, .overlay {
|
||||
backdrop-filter: blur(12px);
|
||||
-webkit-backdrop-filter: blur(12px);
|
||||
}
|
||||
.enter-stagger {
|
||||
animation: enterStagD60 0.5s cubic-bezier(0.2,0,0.1,1) forwards;
|
||||
}
|
||||
@keyframes enterStagD60 {
|
||||
from { opacity: 0; transform: translateY(20px); }
|
||||
to { opacity: 1; transform: translateY(0); }
|
||||
}
|
||||
|
||||
</style>
|
||||
<!-- DOCTRINE-222-KILL-PULSED60 -->
|
||||
<style>
|
||||
@keyframes pulseD60 { 0%,100%,50% { opacity: 1; transform: scale(1); } }
|
||||
.pulse, .live-indicator, .active, .online { animation: none !important; }
|
||||
</style>
|
||||
<!-- END-DOCTRINE-222 -->
|
||||
</head><body>
|
||||
<!-- CANONICAL BANNER doctrine 103 -->
|
||||
<div id="canonical-banner-v103" style="position:fixed;top:0;left:0;right:0;z-index:99990;background:linear-gradient(90deg,#1e293b,#0f172a);border-bottom:1px solid rgba(99,102,241,0.3);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;font-family:Inter,system-ui,sans-serif;font-size:12px;backdrop-filter:blur(8px)">
|
||||
<span style="color:#94a3b8">Variante agents-* <span id="canonical-this-page" style="color:#64748b">(cette page)</span></span>
|
||||
<a href="/agents-archi.html" style="color:#a5b4fc;text-decoration:none;padding:4px 12px;background:rgba(99,102,241,0.15);border-radius:6px;border:1px solid rgba(99,102,241,0.25)">Voir canonical : agents-archi</a>
|
||||
<button type="button" aria-label="Fermer banner" onclick="this.parentElement.style.display='none'" style="background:transparent;border:none;color:#64748b;font-size:16px;cursor:pointer;padding:0 8px">×</button>
|
||||
</div>
|
||||
<style>#canonical-banner-v103+*{margin-top:36px!important}</style>
|
||||
<style>#canonical-banner-v103+*{margin-top:36px!important}
|
||||
/* === WEVIA Gemini Rolling v2 VISIBLE Enrichment (wave 306 batch) === */
|
||||
.kpi,[class*="card"],[class*="panel"],[class*="room"],.stat-card,.metric-card,.hub-card,.widget,.stat,.box{position:relative!important}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card{animation:geV2Entrance .8s cubic-bezier(.34,1.56,.64,1) backwards}
|
||||
.kpi:nth-child(1),[class*="card"]:nth-child(1){animation-delay:0s}
|
||||
.kpi:nth-child(2),[class*="card"]:nth-child(2){animation-delay:.09s}
|
||||
.kpi:nth-child(3),[class*="card"]:nth-child(3){animation-delay:.18s}
|
||||
.kpi:nth-child(4),[class*="card"]:nth-child(4){animation-delay:.27s}
|
||||
.kpi:nth-child(5),[class*="card"]:nth-child(5){animation-delay:.36s}
|
||||
.kpi:nth-child(6),[class*="card"]:nth-child(6){animation-delay:.45s}
|
||||
@keyframes geV2Entrance{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card,.widget{border:1px solid transparent!important;box-shadow:0 0 0 1px rgba(236,72,153,.15),0 4px 16px rgba(0,0,0,.25)!important;transition:box-shadow .4s,transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s!important}
|
||||
.kpi:hover,[class*="card"]:hover,.stat-card:hover,.metric-card:hover,.hub-card:hover{transform:translateY(-6px) scale(1.03)!important;filter:brightness(1.2)!important;box-shadow:0 0 0 2px rgba(236,72,153,.6),0 12px 32px rgba(236,72,153,.25),0 0 24px rgba(78,205,196,.2)!important}
|
||||
.kpi::before,[class*="card"]::before,.stat-card::before,.metric-card::before,.hub-card::before{content:"";position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#2ed573,#1a9a4e);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5);animation:geV2Pulse 1.6s ease-out infinite;z-index:100;pointer-events:none}
|
||||
@keyframes geV2Pulse{0%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}50%{transform:scale(1.4);box-shadow:0 0 20px #2ed573,0 0 40px rgba(46,213,115,.8)}100%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}}
|
||||
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 30%,transparent 40%,rgba(236,72,153,.06) 100%),radial-gradient(ellipse at 30% 70%,transparent 40%,rgba(78,205,196,.04) 100%);animation:geV2Ambient 10s ease-in-out infinite;z-index:0}
|
||||
@keyframes geV2Ambient{0%,100%{opacity:.5}50%{opacity:1}}
|
||||
h1,.header-title,.main-title,.hub-title,.page-title{background-image:linear-gradient(90deg,currentColor 0%,currentColor 40%,rgba(236,72,153,1) 50%,currentColor 60%,currentColor 100%)!important;background-size:200% auto!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:geV2Shimmer 5s linear infinite!important}
|
||||
@keyframes geV2Shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
|
||||
/* Doctrine zero chevauchement - hide common offenders */
|
||||
.opus-x-btn,.toggle-top-right-btn,.fab-corner{display:none!important}
|
||||
/* === end WEVIA Gemini Rolling v2 batch === */
|
||||
</style>
|
||||
<script>
|
||||
(function(){
|
||||
var el = document.getElementById('canonical-this-page');
|
||||
@@ -393,5 +460,22 @@ setInterval(loadMetrics,30000);
|
||||
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t33b5) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1776776094" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1777045903" defer></script>
|
||||
<!-- DOCTRINE-60-UX-JS --><script id="doctrine60-ux-js-direct">
|
||||
|
||||
// DOCTRINE-60-UX-JS staggered entrance
|
||||
(function(){
|
||||
if (!('IntersectionObserver' in window)) return;
|
||||
const obs = new IntersectionObserver((entries) => {
|
||||
entries.forEach((e, i) => {
|
||||
if (e.isIntersecting) {
|
||||
setTimeout(() => e.target.classList.add('enter-stagger'), i * 80);
|
||||
obs.unobserve(e.target);
|
||||
}
|
||||
});
|
||||
});
|
||||
document.querySelectorAll('.card, .kpi, .panel').forEach(el => obs.observe(el));
|
||||
})();
|
||||
|
||||
</script>
|
||||
</body></html>
|
||||
|
||||
@@ -1,464 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>WEVAL Good Job!</title>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@600;800;900&display=swap');
|
||||
*{margin:0;padding:0;box-sizing:border-box}
|
||||
body{background:#e8f0f8;overflow:hidden;font-family:'Nunito',sans-serif}
|
||||
canvas{display:block}
|
||||
#tip{position:fixed;pointer-events:none;display:none;z-index:99;background:#fff;border:3px solid;border-radius:16px;padding:12px 16px;color:#2a2a4a;box-shadow:0 6px 24px #00000018;max-width:230px}
|
||||
#tip .tn{font-weight:900;font-size:1rem;color:#2a2a4a}
|
||||
#tip .tt{font-size:.6rem;text-transform:uppercase;letter-spacing:2px;margin:2px 0 5px}
|
||||
#tip .td{font-size:.78rem;color:#6a7a9a;line-height:1.3}
|
||||
#tip .tp{font-size:.72rem;color:#e94560;font-weight:700;margin-top:4px}
|
||||
#tip .st{font-size:.68rem;margin-top:3px;font-weight:800}
|
||||
#hud{position:fixed;top:0;left:0;right:0;padding:8px 20px;display:flex;justify-content:space-between;align-items:center;z-index:10;background:#ffffffe0;backdrop-filter:blur(8px);border-bottom:2px solid #e0e8f0}
|
||||
.logo{font-size:1.2rem;font-weight:900;color:#e94560}.logo b{color:#2a2a4a}
|
||||
.hr{display:flex;gap:16px;font-size:.75rem;color:#6a7a9a;font-weight:700}
|
||||
.hr b{padding:2px 8px;border-radius:8px}
|
||||
</style>
|
||||
<script src="/js/wevia-a11y-auto.js" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- BETON-DOCTRINE-101 dual-dummy block (pages pub) -->
|
||||
<div id="weval-global-logout" style="display:none!important;visibility:hidden!important" aria-hidden="true" data-beton-101="dummy-to-block-auto-injection"></div>
|
||||
<a id="weval-gl" href="#" style="display:none!important;visibility:hidden!important" aria-hidden="true" data-beton-101="dummy-to-block-auto-injection" tabindex="-1"></a>
|
||||
|
||||
<!-- CANONICAL BANNER doctrine 103 -->
|
||||
<div id="canonical-banner-v103" style="position:fixed;top:0;left:0;right:0;z-index:99990;background:linear-gradient(90deg,#1e293b,#0f172a);border-bottom:1px solid rgba(99,102,241,0.3);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;font-family:Inter,system-ui,sans-serif;font-size:12px;backdrop-filter:blur(8px)">
|
||||
<span style="color:#94a3b8">Variante agents-* <span id="canonical-this-page" style="color:#64748b">(cette page)</span></span>
|
||||
<a href="/agents-archi.html" style="color:#a5b4fc;text-decoration:none;padding:4px 12px;background:rgba(99,102,241,0.15);border-radius:6px;border:1px solid rgba(99,102,241,0.25)">Voir canonical : agents-archi</a>
|
||||
<button type="button" aria-label="Fermer banner" onclick="this.parentElement.style.display='none'" style="background:transparent;border:none;color:#64748b;font-size:16px;cursor:pointer;padding:0 8px">×</button>
|
||||
</div>
|
||||
<style>#canonical-banner-v103+*{margin-top:36px!important}</style>
|
||||
<script>
|
||||
(function(){
|
||||
var el = document.getElementById('canonical-this-page');
|
||||
if(el) el.textContent = '(' + location.pathname.split('/').pop() + ')';
|
||||
})();
|
||||
</script>
|
||||
<!-- END CANONICAL BANNER -->
|
||||
|
||||
<canvas id="c"></canvas>
|
||||
<div id="tip"><div class="tn"></div><div class="tt"></div><div class="td"></div><div class="tp"></div><div class="st"></div></div>
|
||||
<div id="hud">
|
||||
<div class="logo">WEVAL <b>Enterprise</b> ✨</div>
|
||||
<div class="hr">
|
||||
<span>👥 <b style="background:#dbeafe;color:#3b82f6" id="tot">31</b></span>
|
||||
<span>🟢 <b style="background:#dcfce7;color:#16a34a" id="ac">0</b> actifs</span>
|
||||
<span>📦 <b style="background:#fef3c7;color:#d97706" id="tc">0</b> tasks</span>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
const C=document.getElementById('c'),X=C.getContext('2d');
|
||||
let W,H,mx=-1,my=-1,hov=null,fr=0,tasks=0;
|
||||
function resize(){W=innerWidth;H=innerHeight;C.width=W*2;C.height=H*2;X.scale(2,2);doLayout()}
|
||||
addEventListener('resize',resize);
|
||||
|
||||
// ═══ COLORS (bright pastel) ═══
|
||||
const BG='#e8f0f8';
|
||||
const FLOOR={
|
||||
ceo:'#ffe0e6',sales:'#dbeafe',consult:'#e0d4fc',dev:'#d1fae5',
|
||||
srv:'#fef3c7',sec:'#fce4ec',qa:'#cffafe',pharma:'#f3e8ff',ops:'#fefce8'
|
||||
};
|
||||
const WALL={
|
||||
ceo:'#e94560',sales:'#3b82f6',consult:'#7c3aed',dev:'#10b981',
|
||||
srv:'#f59e0b',sec:'#ef4444',qa:'#06b6d4',pharma:'#a855f7',ops:'#eab308'
|
||||
};
|
||||
|
||||
// ═══ ROOMS ═══
|
||||
const RM=[
|
||||
{id:'ceo',label:'CEO',w:1.5,h:1.8},
|
||||
{id:'sales',label:'Prospection',w:2.5,h:1.8},
|
||||
{id:'consult',label:'Consulting',w:3,h:1.8},
|
||||
{id:'dev',label:'Dev Lab',w:3.5,h:2.2},
|
||||
{id:'srv',label:'Servers',w:2,h:2.2},
|
||||
{id:'sec',label:'Sécurité',w:2,h:2.2},
|
||||
{id:'qa',label:'QA Center',w:3,h:1.8},
|
||||
{id:'pharma',label:'Pharma',w:2.5,h:1.8},
|
||||
{id:'ops',label:'Monitoring',w:2.5,h:1.8},
|
||||
];
|
||||
RM.forEach(r=>{r.sx=0;r.sy=0;r.pw=0;r.ph=0;});
|
||||
|
||||
// ═══ CHAIN ═══
|
||||
const CH=[
|
||||
{l:'LEADS',c:'#3b82f6'},{l:'QUALIFY',c:'#7c3aed'},{l:'DESIGN',c:'#10b981'},
|
||||
{l:'BUILD',c:'#22c55e'},{l:'SECURE',c:'#ef4444'},{l:'TEST',c:'#06b6d4'},
|
||||
{l:'DEPLOY',c:'#f59e0b'},{l:'SHIP',c:'#e94560'},
|
||||
];
|
||||
CH.forEach(s=>{s.x=0;s.y=0;});
|
||||
|
||||
// ═══ AGENTS ═══
|
||||
const AG=[
|
||||
{n:'CEO',rm:'ceo',st:1,d:'Direction stratégique',p:'Décisions, budget',clr:'#e94560',hair:'#1a1a1a',skin:'#f5dcc0',htype:'slick'},
|
||||
{n:'Ethica',rm:'sales',st:0,d:'Scraping HCP',p:'131K+ médecins',clr:'#3b82f6',hair:'#2a1200',skin:'#c9956a',htype:'curly'},
|
||||
{n:'Analyst',rm:'sales',st:0,d:'Analyse besoins',p:'Specs marché',clr:'#3b82f6',hair:'#4a3020',skin:'#f5dcc0',htype:'short',glasses:1},
|
||||
{n:'Writer',rm:'sales',st:0,d:'Rédaction',p:'Emails, articles',clr:'#3b82f6',hair:'#8a5020',skin:'#f5dcc0',htype:'bob'},
|
||||
{n:'Architect',rm:'consult',st:2,d:'Architecture',p:'Blueprints',clr:'#7c3aed',hair:'#2a2a3a',skin:'#e8cca0',htype:'short',glasses:1},
|
||||
{n:'Planner',rm:'consult',st:1,d:'Planning',p:'Roadmaps',clr:'#7c3aed',hair:'#5a3a1a',skin:'#f5dcc0',htype:'side'},
|
||||
{n:'DeerFlow',rm:'consult',st:1,d:'Research',p:'Synthèses R&D',clr:'#7c3aed',hair:'#6a4a20',skin:'#d8b080',htype:'wild'},
|
||||
{n:'Critic',rm:'consult',st:1,d:'Validation',p:'Risques',clr:'#7c3aed',hair:'#3a3a4a',skin:'#e8cca0',htype:'short',glasses:1},
|
||||
{n:'Executor',rm:'dev',st:3,d:'Deploy',p:'Scripts',clr:'#10b981',hair:'#22c55e',skin:'#c9956a',htype:'mohawk'},
|
||||
{n:'Debugger',rm:'dev',st:3,d:'Debug',p:'Fixes',clr:'#10b981',hair:'#4a2a10',skin:'#f5dcc0',htype:'messy',glasses:1},
|
||||
{n:'Reviewer',rm:'dev',st:3,d:'Code review',p:'PR reviews',clr:'#10b981',hair:'#333',skin:'#e8cca0',htype:'short'},
|
||||
{n:'Designer',rm:'dev',st:2,d:'UI/UX',p:'Mockups',clr:'#10b981',hair:'#d946ef',skin:'#f5dcc0',htype:'long'},
|
||||
{n:'WEDROID',rm:'dev',st:3,d:'Auto-fix',p:'DB repair',clr:'#10b981',hair:'#5a7a9a',skin:'#8a9ab0',htype:'robot'},
|
||||
{n:'Simplifier',rm:'dev',st:3,d:'Refactor',p:'-40% code',clr:'#10b981',hair:'#6a4a30',skin:'#e8cca0',htype:'bun',glasses:1},
|
||||
{n:'Watchdog',rm:'srv',st:6,d:'Monitor',p:'Auto-restart',clr:'#f59e0b',hair:'#8a6a30',skin:'#d8b080',htype:'ears'},
|
||||
{n:'Guardian',rm:'srv',st:4,d:'Protection',p:'Lockdown',clr:'#f59e0b',hair:'#1a2a1a',skin:'#c9956a',htype:'helmet'},
|
||||
{n:'Blade',rm:'srv',st:6,d:'Desktop',p:'PowerShell',clr:'#f59e0b',hair:'#1a3050',skin:'#f5dcc0',htype:'cap'},
|
||||
{n:'GitMaster',rm:'srv',st:6,d:'Git flow',p:'Deploys',clr:'#f59e0b',hair:'#3a5a2a',skin:'#e8cca0',htype:'ponytail',glasses:1},
|
||||
{n:'Security',rm:'sec',st:4,d:'OWASP',p:'Audits',clr:'#ef4444',hair:'#111',skin:'#c9956a',htype:'buzz'},
|
||||
{n:'Verifier',rm:'sec',st:4,d:'ISO/RGPD',p:'Checks',clr:'#ef4444',hair:'#3a3a4a',skin:'#e8cca0',htype:'short',glasses:1},
|
||||
{n:'QA',rm:'qa',st:5,d:'Tests E2E',p:'148 NonReg',clr:'#06b6d4',hair:'#2a3a5a',skin:'#f5dcc0',htype:'short'},
|
||||
{n:'TestEng',rm:'qa',st:5,d:'CI/CD',p:'Pipelines',clr:'#06b6d4',hair:'#4a3a2a',skin:'#e8cca0',htype:'flat'},
|
||||
{n:'Tracer',rm:'qa',st:5,d:'Tracing',p:'Stack traces',clr:'#06b6d4',hair:'#3a2a1a',skin:'#d8b080',htype:'short'},
|
||||
{n:'Scientist',rm:'qa',st:5,d:'Benchmarks',p:'AI Bench',clr:'#06b6d4',hair:'#888',skin:'#f5dcc0',htype:'einstein',glasses:1},
|
||||
{n:'Explore',rm:'pharma',st:0,d:'R&D pharma',p:'Sources HCP',clr:'#a855f7',hair:'#5a3a10',skin:'#c9956a',htype:'adventurer'},
|
||||
{n:'DocSpec',rm:'pharma',st:7,d:'Documentation',p:'Templates',clr:'#a855f7',hair:'#333',skin:'#e8cca0',htype:'neat',glasses:1},
|
||||
{n:'MiroFish',rm:'pharma',st:2,d:'Creative AI',p:'Brainstorm',clr:'#a855f7',hair:'#06b6d4',skin:'#f5dcc0',htype:'wavy'},
|
||||
{n:'TaskMgr',rm:'ops',st:7,d:'Tâches',p:'Kanban',clr:'#eab308',hair:'#4a4a3a',skin:'#e8cca0',htype:'side'},
|
||||
{n:'Brain',rm:'ops',st:2,d:'Brainstorm',p:'Idées',clr:'#eab308',hair:'#eab308',skin:'#f5dcc0',htype:'spiky'},
|
||||
{n:'Intro',rm:'ops',st:5,d:'Méta-analyse',p:'Amélioration',clr:'#eab308',hair:'#a855f7',skin:'#e8cca0',htype:'glow'},
|
||||
{n:'Orch',rm:'ops',st:6,d:'Orchestration',p:'Coordination',clr:'#eab308',hair:'#222',skin:'#c9956a',htype:'military'},
|
||||
];
|
||||
|
||||
// States: sitting, go_chain, at_chain, go_back
|
||||
AG.forEach((a,i)=>{a.state='sitting';a.x=0;a.y=0;a.dx=0;a.dy=0;a.cx=0;a.cy=0;
|
||||
a.bob=Math.random()*6.28;a.wk=0;a.tmr=300+Math.random()*900;a.wtmr=0;
|
||||
a.dir=1;a.bl=0;a.blt=100+Math.random()*250;a.task='';a.taskT=0;});
|
||||
|
||||
const TASKS=['📊 Rapport','📧 Email','🔧 Fix','📋 Review','🔍 Analyse','📦 Deploy','🧪 Test','📝 Doc','🛡️ Audit','🎨 Design','💡 Idée','🐛 Debug'];
|
||||
|
||||
function doLayout(){
|
||||
const pad=10,offY=42;
|
||||
// Row 1: CEO + Sales + Consulting (top)
|
||||
// Row 2: Dev + Server + Security (middle)
|
||||
// Row 3: QA + Pharma + Ops (bottom, above chain)
|
||||
const rows=[[0,1,2],[3,4,5],[6,7,8]];
|
||||
const totalH=(H-offY-H*.2-30)/3;
|
||||
rows.forEach((row,ri)=>{
|
||||
const ws=row.map(i=>RM[i].w);
|
||||
const totalW=ws.reduce((a,b)=>a+b,0);
|
||||
const scale=(W-pad*(row.length+1))/totalW;
|
||||
let cx=pad;
|
||||
row.forEach((idx,ci)=>{
|
||||
const r=RM[idx];r.pw=r.w*scale;r.ph=totalH-pad;
|
||||
r.sx=cx;r.sy=offY+ri*(totalH);cx+=r.pw+pad;
|
||||
});
|
||||
});
|
||||
// Chain
|
||||
const chainY=H*.84;
|
||||
const sg=(W-60)/CH.length;
|
||||
CH.forEach((s,i)=>{s.x=40+i*sg+sg/2;s.y=chainY;});
|
||||
// Agent desk positions
|
||||
AG.forEach(a=>{
|
||||
const rm=RM.find(r=>r.id===a.rm);if(!rm)return;
|
||||
const mates=AG.filter(b=>b.rm===a.rm);const mi=mates.indexOf(a);
|
||||
const cols=Math.max(Math.ceil(mates.length/2),1);
|
||||
const row=Math.floor(mi/cols),col=mi%cols;
|
||||
a.dx=rm.sx+20+col*Math.min((rm.pw-40)/Math.max(cols-1,1),48);
|
||||
a.dy=rm.sy+28+row*32;
|
||||
if(a.state==='sitting'){a.x=a.dx;a.y=a.dy;}
|
||||
const st=CH[a.st];if(st){a.cx=st.x+(Math.random()-.5)*16;a.cy=st.y-8;}
|
||||
});
|
||||
}
|
||||
resize();
|
||||
|
||||
// ═══ DRAW ROOM (bright, 3D box) ═══
|
||||
function drawRoom(r){
|
||||
const d=5;// 3D depth
|
||||
const fc=FLOOR[r.id]||'#f0f4fa';
|
||||
const wc=WALL[r.id]||'#aaa';
|
||||
// 3D sides
|
||||
X.fillStyle=wc+'25';
|
||||
X.beginPath();X.moveTo(r.sx+r.pw,r.sy);X.lineTo(r.sx+r.pw+d,r.sy+d);X.lineTo(r.sx+r.pw+d,r.sy+r.ph+d);X.lineTo(r.sx+r.pw,r.sy+r.ph);X.closePath();X.fill();
|
||||
X.beginPath();X.moveTo(r.sx,r.sy+r.ph);X.lineTo(r.sx+d,r.sy+r.ph+d);X.lineTo(r.sx+r.pw+d,r.sy+r.ph+d);X.lineTo(r.sx+r.pw,r.sy+r.ph);X.closePath();X.fill();
|
||||
// Main face
|
||||
X.fillStyle=fc;X.beginPath();X.roundRect(r.sx,r.sy,r.pw,r.ph,10);X.fill();
|
||||
// Border
|
||||
X.strokeStyle=wc+'40';X.lineWidth=2;X.beginPath();X.roundRect(r.sx,r.sy,r.pw,r.ph,10);X.stroke();
|
||||
// Top accent bar
|
||||
X.fillStyle=wc;X.beginPath();X.roundRect(r.sx,r.sy,r.pw,4,[10,10,0,0]);X.fill();
|
||||
// Label
|
||||
X.font='800 10px Nunito';X.fillStyle=wc;X.textAlign='left';
|
||||
X.fillText(r.label,r.sx+8,r.sy+16);
|
||||
// Furniture decorations
|
||||
if(r.id==='srv'){// Server racks
|
||||
for(let i=0;i<3;i++){const rx=r.sx+r.pw-16-i*14;
|
||||
X.fillStyle='#e2e8f0';X.fillRect(rx,r.sy+20,10,r.ph-28);
|
||||
X.strokeStyle='#cbd5e1';X.lineWidth=.5;X.strokeRect(rx,r.sy+20,10,r.ph-28);
|
||||
for(let j=0;j<5;j++){X.fillStyle=Math.sin(fr*.06+i+j)>.2?'#22c55e':'#f59e0b';
|
||||
X.beginPath();X.arc(rx+3,r.sy+26+j*7,1.5,0,6.28);X.fill();}}
|
||||
}
|
||||
if(r.id==='ceo'){// Plant
|
||||
X.fillStyle='#c2956b';X.fillRect(r.sx+r.pw-18,r.sy+r.ph-16,8,10);
|
||||
X.fillStyle='#22c55e';X.beginPath();X.arc(r.sx+r.pw-14,r.sy+r.ph-20,8,Math.PI,.1);X.fill();
|
||||
X.fillStyle='#16a34a';X.beginPath();X.arc(r.sx+r.pw-14,r.sy+r.ph-24,6,Math.PI,.2);X.fill();
|
||||
}
|
||||
// Whiteboard
|
||||
if(r.id==='consult'||r.id==='ops'){
|
||||
X.fillStyle='#fff';X.fillRect(r.sx+r.pw-42,r.sy+18,34,20);
|
||||
X.strokeStyle='#cbd5e1';X.lineWidth=1;X.strokeRect(r.sx+r.pw-42,r.sy+18,34,20);
|
||||
X.fillStyle=wc+'30';X.fillRect(r.sx+r.pw-38,r.sy+22,12,3);X.fillRect(r.sx+r.pw-38,r.sy+28,20,2);X.fillRect(r.sx+r.pw-38,r.sy+33,16,2);
|
||||
}
|
||||
}
|
||||
|
||||
// ═══ DRAW DESK ═══
|
||||
function drawDesk(x,y,clr,occ){
|
||||
// Chair
|
||||
X.fillStyle=occ?clr+'30':'#e2e8f0';
|
||||
X.beginPath();X.arc(x,y+8,5,0,6.28);X.fill();
|
||||
// Table
|
||||
X.fillStyle='#f8fafc';X.shadowColor='#00000010';X.shadowBlur=4;
|
||||
X.beginPath();X.roundRect(x-12,y-2,24,8,3);X.fill();X.shadowBlur=0;
|
||||
X.strokeStyle='#e2e8f0';X.lineWidth=.8;X.beginPath();X.roundRect(x-12,y-2,24,8,3);X.stroke();
|
||||
// Monitor
|
||||
X.fillStyle=occ?clr+'20':'#f1f5f9';
|
||||
X.fillRect(x-5,y-10,10,7);
|
||||
X.strokeStyle=occ?clr+'50':'#e2e8f0';X.lineWidth=.6;X.strokeRect(x-5,y-10,10,7);
|
||||
// Stand
|
||||
X.fillStyle='#cbd5e1';X.fillRect(x-1,y-3,2,2);
|
||||
}
|
||||
|
||||
// ═══ CHIBI CHARACTER (Good Job! style) ═══
|
||||
function drawC(a){
|
||||
const isH=a===hov,sit=a.state==='sitting';
|
||||
const sc=isH?1.15:1;
|
||||
const bob=sit?0:Math.sin(a.bob)*1.5;
|
||||
const lsw=sit?0:Math.sin(a.wk)*3;
|
||||
X.save();X.translate(a.x,a.y+bob);X.scale(sc*a.dir,sc);
|
||||
// Shadow (soft circle)
|
||||
X.fillStyle='#00000012';X.beginPath();X.ellipse(0,sit?5:10,8,3,0,0,6.28);X.fill();
|
||||
if(isH){X.shadowColor=a.clr;X.shadowBlur=14;}
|
||||
const oy=sit?-1:0;
|
||||
// ═══ BODY (pill shape) ═══
|
||||
const bg=X.createLinearGradient(0,oy-5,0,oy+4);bg.addColorStop(0,a.clr);bg.addColorStop(1,a.clr+'cc');
|
||||
X.fillStyle=bg;X.beginPath();X.roundRect(-6,oy-5,12,10,[5,5,3,3]);X.fill();
|
||||
// Highlight
|
||||
X.fillStyle='#ffffff20';X.beginPath();X.roundRect(-4,oy-4,4,7,[2,0,0,2]);X.fill();
|
||||
// ═══ LEGS ═══
|
||||
if(!sit){
|
||||
X.fillStyle=a.clr+'dd';
|
||||
X.save();X.translate(-2.5,oy+4);X.rotate(lsw*.06);X.beginPath();X.roundRect(-1.5,0,3,7,1.5);X.fill();X.restore();
|
||||
X.save();X.translate(2.5,oy+4);X.rotate(-lsw*.06);X.beginPath();X.roundRect(-1.5,0,3,7,1.5);X.fill();X.restore();
|
||||
// Shoes
|
||||
X.fillStyle='#fff';
|
||||
X.beginPath();X.roundRect(-5+lsw*.2,oy+10,4.5,2.5,[0,0,2,2]);X.fill();
|
||||
X.beginPath();X.roundRect(.5-lsw*.2,oy+10,4.5,2.5,[0,0,2,2]);X.fill();
|
||||
}
|
||||
// ═══ ARMS ═══
|
||||
X.fillStyle=a.skin;
|
||||
const asw=sit?0:Math.sin(a.wk+.5)*.15;
|
||||
X.save();X.translate(-7,oy-2);X.rotate(sit?.25:asw);X.beginPath();X.roundRect(-1.5,0,3,sit?4:7,1.5);X.fill();X.restore();
|
||||
X.save();X.translate(7,oy-2);X.rotate(sit?-.25:-asw);X.beginPath();X.roundRect(-1.5,0,3,sit?4:7,1.5);X.fill();X.restore();
|
||||
// ═══ HEAD (BIG round — chibi) ═══
|
||||
const hy=oy-16;const hr=9;
|
||||
// Head shadow
|
||||
X.fillStyle='#00000008';X.beginPath();X.arc(0,hy+hr+2,hr*.7,0,Math.PI);X.fill();
|
||||
// Head
|
||||
X.fillStyle=a.skin;X.beginPath();X.arc(0,hy,hr,0,6.28);X.fill();
|
||||
// Cheeks
|
||||
X.fillStyle='#ff888815';X.beginPath();X.arc(-5,hy+3,2.5,0,6.28);X.fill();X.beginPath();X.arc(5,hy+3,2.5,0,6.28);X.fill();
|
||||
// ═══ HAIR ═══
|
||||
X.fillStyle=a.hair;
|
||||
switch(a.htype){
|
||||
case'slick':X.beginPath();X.arc(0,hy-1,hr+.5,.6,Math.PI+.4);X.fill();X.fillRect(-7,hy-6,14,5);break;
|
||||
case'short':X.beginPath();X.arc(0,hy-1,hr+.5,.5,Math.PI-.3);X.fill();break;
|
||||
case'curly':for(let i=0;i<9;i++){const ag=-2.3+i*.5;X.beginPath();X.arc(Math.cos(ag)*8,hy-2+Math.sin(ag)*7,3,0,6.28);X.fill();}break;
|
||||
case'bob':X.beginPath();X.arc(0,hy-1,hr+.5,.15,Math.PI);X.fill();X.fillRect(-10,hy,4,7);X.fillRect(6,hy,4,7);break;
|
||||
case'side':X.beginPath();X.arc(0,hy-1,hr+.5,.4,Math.PI-.2);X.fill();X.fillRect(-10,hy-2,5,7);break;
|
||||
case'wild':X.beginPath();X.arc(0,hy-2,hr+2,.15,Math.PI);X.fill();X.beginPath();X.arc(-10,hy-1,3.5,0,6.28);X.fill();X.beginPath();X.arc(10,hy-1,3.5,0,6.28);X.fill();break;
|
||||
case'mohawk':X.beginPath();X.arc(0,hy-1,hr+.5,.5,Math.PI-.3);X.fill();for(let i=0;i<4;i++)X.fillRect(-1.5,hy-10-i*2,3,4);break;
|
||||
case'messy':X.beginPath();X.arc(0,hy-2,hr+1,.3,Math.PI-.1);X.fill();for(let i=0;i<5;i++)X.fillRect(-6+i*3,hy-9-Math.sin(i)*2,3,4);break;
|
||||
case'long':X.beginPath();X.arc(0,hy-1,hr+.5,.15,Math.PI);X.fill();X.fillRect(-10,hy-1,4,10);X.fillRect(6,hy-1,4,10);break;
|
||||
case'bun':X.beginPath();X.arc(0,hy-1,hr+.5,.5,Math.PI-.3);X.fill();X.beginPath();X.arc(0,hy-9,4,0,6.28);X.fill();break;
|
||||
case'ponytail':X.beginPath();X.arc(0,hy-1,hr+.5,.4,Math.PI-.2);X.fill();X.fillRect(6,hy,2.5,10);X.beginPath();X.arc(7.2,hy+10,2.5,0,6.28);X.fill();break;
|
||||
case'ears':X.beginPath();X.arc(0,hy-1,hr+.5,.5,Math.PI-.3);X.fill();
|
||||
X.beginPath();X.moveTo(-7,hy-4);X.lineTo(-12,hy-12);X.lineTo(-4,hy-2);X.fill();
|
||||
X.beginPath();X.moveTo(7,hy-4);X.lineTo(12,hy-12);X.lineTo(4,hy-2);X.fill();break;
|
||||
case'helmet':X.fillStyle='#5a8a5a';X.beginPath();X.arc(0,hy-1,hr+1.5,.25,Math.PI-.1);X.fill();X.fillRect(-10,hy,.5,20);X.fillRect(10,hy,.5,20);break;
|
||||
case'cap':X.beginPath();X.arc(0,hy-1,hr+.5,.3,Math.PI-.1);X.fill();X.fillRect(-11,hy-1,22,3);X.fillRect(-13,hy,8,2.5);break;
|
||||
case'robot':X.fillStyle='#94a3b8';X.beginPath();X.roundRect(-8,hy-7,16,14,3);X.fill();
|
||||
X.fillStyle='#64748b';X.fillRect(-6,hy-3,12,4);
|
||||
X.strokeStyle='#94a3b8';X.lineWidth=1.5;X.beginPath();X.moveTo(0,hy-7);X.lineTo(0,hy-11);X.stroke();
|
||||
X.fillStyle='#ef4444';X.beginPath();X.arc(0,hy-11,2,0,6.28);X.fill();break;
|
||||
case'buzz':X.beginPath();X.arc(0,hy-1,hr+1,.4,Math.PI-.2);X.fill();break;
|
||||
case'flat':X.beginPath();X.arc(0,hy-1,hr+.5,.5,Math.PI-.3);X.fill();X.fillRect(-8,hy-4,16,2.5);break;
|
||||
case'einstein':X.beginPath();X.arc(0,hy-2,hr+2,.15,Math.PI);X.fill();X.beginPath();X.arc(-10,hy-1,4,0,6.28);X.fill();X.beginPath();X.arc(10,hy-1,4,0,6.28);X.fill();break;
|
||||
case'adventurer':X.beginPath();X.arc(0,hy-1,hr+.5,.4,Math.PI-.2);X.fill();X.fillStyle=a.hair+'88';X.fillRect(-11,hy-2,22,3);X.fillRect(-13,hy-1,9,2.5);break;
|
||||
case'neat':X.beginPath();X.arc(0,hy-1,hr+.5,.5,Math.PI-.3);X.fill();break;
|
||||
case'wavy':for(let i=0;i<7;i++){const ag=-2+i*.6;X.beginPath();X.arc(Math.cos(ag)*8,hy-2+Math.sin(ag)*6+Math.sin(i)*1.5,2.5,0,6.28);X.fill();}break;
|
||||
case'spiky':for(let i=0;i<6;i++){const ag=-1.6+i*.55;X.beginPath();X.moveTo(Math.cos(ag)*7,hy-2+Math.sin(ag)*6);X.lineTo(Math.cos(ag)*(hr+5),hy-3+Math.sin(ag)*(hr+3));X.lineTo(Math.cos(ag+.25)*7,hy-2+Math.sin(ag+.25)*6);X.fill();}break;
|
||||
case'glow':X.beginPath();X.arc(0,hy-1,hr+.5,.3,Math.PI-.1);X.fill();X.fillStyle=a.hair+'18';X.beginPath();X.arc(0,hy-3,16,0,6.28);X.fill();break;
|
||||
case'military':X.beginPath();X.arc(0,hy-1,hr+.5,.4,Math.PI-.2);X.fill();X.fillRect(-8,hy-2,16,2);break;
|
||||
default:X.beginPath();X.arc(0,hy-1,hr+.5,.5,Math.PI-.3);X.fill();
|
||||
}
|
||||
// ═══ EYES ═══
|
||||
if(a.htype!=='robot'){
|
||||
if(a.bl<=0){
|
||||
X.fillStyle='#fff';X.beginPath();X.ellipse(-3,hy,3,3.5,0,0,6.28);X.fill();X.beginPath();X.ellipse(3,hy,3,3.5,0,0,6.28);X.fill();
|
||||
X.fillStyle='#1a1a3a';X.beginPath();X.arc(-2.5,hy+.5,1.8,0,6.28);X.fill();X.beginPath();X.arc(3.5,hy+.5,1.8,0,6.28);X.fill();
|
||||
X.fillStyle='#000';X.beginPath();X.arc(-2.5,hy+.8,1,0,6.28);X.fill();X.beginPath();X.arc(3.5,hy+.8,1,0,6.28);X.fill();
|
||||
X.fillStyle='#fff';X.beginPath();X.arc(-3.2,hy-.8,.7,0,6.28);X.fill();X.beginPath();X.arc(2.8,hy-.8,.7,0,6.28);X.fill();
|
||||
} else {X.strokeStyle='#333';X.lineWidth=1.5;X.lineCap='round';X.beginPath();X.moveTo(-5,hy);X.lineTo(-1,hy);X.stroke();X.beginPath();X.moveTo(1,hy);X.lineTo(5,hy);X.stroke();}
|
||||
if(a.glasses){X.strokeStyle='#94a3b8';X.lineWidth=.7;X.beginPath();X.arc(-3,hy,4,0,6.28);X.stroke();X.beginPath();X.arc(3,hy,4,0,6.28);X.stroke();X.beginPath();X.moveTo(-.5,hy);X.lineTo(.5,hy);X.stroke();}
|
||||
// Mouth
|
||||
X.strokeStyle='#d08080';X.lineWidth=.7;X.lineCap='round';X.beginPath();
|
||||
if(a.state==='at_chain'){X.arc(0,hy+5.5,2,.2,Math.PI-.2);}else{X.moveTo(-1.5,hy+5.5);X.lineTo(1.5,hy+5.5);}X.stroke();
|
||||
} else {
|
||||
X.fillStyle=a.state!=='sitting'?'#22c55e':'#3b82f6';
|
||||
X.beginPath();X.roundRect(-4,hy-1,3.5,2.5,1);X.fill();X.beginPath();X.roundRect(.5,hy-1,3.5,2.5,1);X.fill();
|
||||
}
|
||||
// Name
|
||||
X.font=`${isH?'800':'600'} ${isH?8:6.5}px Nunito`;
|
||||
X.fillStyle=isH?'#2a2a4a':a.state!=='sitting'?a.clr:'#8a9ab8';X.textAlign='center';
|
||||
X.fillText(a.n,0,sit?15:20);
|
||||
// Active indicator
|
||||
if(a.state!=='sitting'){X.fillStyle=a.clr;X.beginPath();X.arc(0,oy-22,2.5,0,6.28);X.fill();}
|
||||
// Task bubble
|
||||
if(a.taskT>0){const ba=Math.min(a.taskT/15,1);X.globalAlpha=ba;
|
||||
X.fillStyle='#fff';X.shadowColor='#00000015';X.shadowBlur=6;
|
||||
const bw=a.task.length*4.5+10;X.beginPath();X.roundRect(-bw/2,oy-38,bw,15,8);X.fill();X.shadowBlur=0;
|
||||
X.fillStyle='#fff';X.beginPath();X.moveTo(-2,oy-23);X.lineTo(2,oy-23);X.lineTo(0,oy-20);X.closePath();X.fill();
|
||||
X.font='600 7px Nunito';X.fillStyle='#2a2a4a';X.fillText(a.task,0,oy-28);X.globalAlpha=1;}
|
||||
X.restore();
|
||||
}
|
||||
|
||||
// ═══ DRAW CHAIN ═══
|
||||
function drawChain(){
|
||||
const y=CH[0].y;
|
||||
// Belt
|
||||
X.fillStyle='#f1f5f9';X.shadowColor='#00000010';X.shadowBlur=8;
|
||||
X.beginPath();X.roundRect(20,y-15,W-40,30,12);X.fill();X.shadowBlur=0;
|
||||
X.strokeStyle='#e2e8f0';X.lineWidth=1.5;X.beginPath();X.roundRect(20,y-15,W-40,30,12);X.stroke();
|
||||
// Belt stripes
|
||||
const off=(fr*.8)%16;X.strokeStyle='#e2e8f020';X.lineWidth=.4;
|
||||
for(let x=25-off;x<W-25;x+=16){X.beginPath();X.moveTo(x,y-14);X.lineTo(x,y+14);X.stroke();}
|
||||
// Stations
|
||||
CH.forEach((s,i)=>{
|
||||
X.fillStyle=s.c+'18';X.beginPath();X.arc(s.x,y,16,0,6.28);X.fill();
|
||||
X.fillStyle='#fff';X.beginPath();X.arc(s.x,y,6,0,6.28);X.fill();
|
||||
X.fillStyle=s.c;X.beginPath();X.arc(s.x,y,4,0,6.28);X.fill();
|
||||
X.font='800 7px Nunito';X.textAlign='center';X.fillStyle=s.c;X.fillText(s.l,s.x,y+24);
|
||||
if(i<CH.length-1){const n=CH[i+1];
|
||||
X.strokeStyle='#cbd5e1';X.lineWidth=1;X.beginPath();X.moveTo(s.x+8,y);X.lineTo(n.x-8,y);X.stroke();
|
||||
const dt=((fr*1.2+i*25)%(n.x-s.x-16));X.fillStyle=s.c+'50';X.beginPath();X.arc(s.x+8+dt,y,2,0,6.28);X.fill();}
|
||||
});
|
||||
}
|
||||
|
||||
// ═══ UPDATE ═══
|
||||
function upd(dt){
|
||||
fr++;let ac=0;
|
||||
AG.forEach(a=>{
|
||||
a.bob+=dt*(a.state==='sitting'?1:3.5);a.blt-=dt*60;
|
||||
if(a.blt<=0){a.bl=4;a.blt=100+Math.random()*250;}if(a.bl>0)a.bl-=dt*60;if(a.taskT>0)a.taskT-=dt*20;
|
||||
switch(a.state){
|
||||
case'sitting':a.tmr-=dt*60;if(a.tmr<=0){a.state='go_chain';a.wk=0;a.task=TASKS[Math.floor(Math.random()*TASKS.length)];a.taskT=40;}break;
|
||||
case'go_chain':a.wk+=dt*7;ac++;{const dx=a.cx-a.x,dy=a.cy-a.y,d=Math.sqrt(dx*dx+dy*dy);
|
||||
if(d>2){a.x+=dx/d*85*dt;a.y+=dy/d*85*dt;a.dir=dx>0?1:-1;}
|
||||
else{a.state='at_chain';a.wtmr=50+Math.random()*80;a.taskT=35;tasks++;}}break;
|
||||
case'at_chain':a.wk+=dt*2;ac++;a.wtmr-=dt*60;if(a.wtmr<=0)a.state='go_back';break;
|
||||
case'go_back':a.wk+=dt*7;ac++;{const dx=a.dx-a.x,dy=a.dy-a.y,d=Math.sqrt(dx*dx+dy*dy);
|
||||
if(d>2){a.x+=dx/d*85*dt;a.y+=dy/d*85*dt;a.dir=dx>0?1:-1;}
|
||||
else{a.state='sitting';a.x=a.dx;a.y=a.dy;a.dir=1;a.tmr=400+Math.random()*1000;}}break;
|
||||
}
|
||||
});document.getElementById('ac').textContent=ac;document.getElementById('tc').textContent=tasks;}
|
||||
|
||||
function hit(){hov=null;AG.forEach(a=>{if(Math.abs(mx-a.x)<10&&Math.abs(my-a.y)<16)hov=a;});
|
||||
const t=document.getElementById('tip');if(hov){t.style.display='block';t.style.left=Math.min(mx+14,W-250)+'px';t.style.top=Math.max(my-150,10)+'px';
|
||||
t.style.borderColor=hov.clr;t.querySelector('.tn').textContent=hov.n;
|
||||
t.querySelector('.tt').textContent=RM.find(r=>r.id===hov.rm)?.label||'';t.querySelector('.tt').style.color=hov.clr;
|
||||
t.querySelector('.td').textContent=hov.d;t.querySelector('.tp').textContent='→ '+hov.p;
|
||||
const sm={sitting:'💤 Au bureau',go_chain:'🚶 → Production',at_chain:'⚙️ En cours...',go_back:'✅ Retour'};
|
||||
t.querySelector('.st').textContent=sm[hov.state];t.querySelector('.st').style.color=hov.state==='sitting'?'#94a3b8':'#16a34a';
|
||||
}else t.style.display='none';}
|
||||
|
||||
let lt=0;function loop(t){const dt=Math.min((t-lt)/1000,.04);lt=t;
|
||||
X.fillStyle=BG;X.fillRect(0,0,W,H);
|
||||
RM.forEach(r=>drawRoom(r));
|
||||
AG.forEach(a=>{const rm=RM.find(r=>r.id===a.rm);if(rm)drawDesk(a.dx,a.dy,WALL[a.rm],a.state==='sitting');});
|
||||
drawChain();upd(dt);
|
||||
// Path lines
|
||||
AG.filter(a=>a.state==='go_chain'||a.state==='go_back').forEach(a=>{X.strokeStyle=a.clr+'15';X.lineWidth=1;X.setLineDash([2,4]);X.beginPath();X.moveTo(a.dx,a.dy);X.lineTo(a.x,a.y);X.stroke();X.setLineDash([]);});
|
||||
[...AG].sort((a,b)=>a.y-b.y).forEach(a=>drawC(a));hit();requestAnimationFrame(loop);}
|
||||
|
||||
C.addEventListener('mousemove',e=>{mx=e.clientX;my=e.clientY;C.style.cursor=hov?'pointer':'default'});
|
||||
C.addEventListener('mouseleave',()=>{mx=my=-1});
|
||||
requestAnimationFrame(loop);
|
||||
</script>
|
||||
<!-- CARTO_REMOVED -->
|
||||
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN v1 19avr — append-only, doctrine #14 === -->
|
||||
<script>
|
||||
(function(){
|
||||
if (window.__opusUniversalDrill) return; window.__opusUniversalDrill = true;
|
||||
var d = document;
|
||||
var m = d.createElement('div');
|
||||
m.id = 'opus-udrill';
|
||||
m.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.82);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:99995;padding:20px;cursor:pointer';
|
||||
var inner = d.createElement('div');
|
||||
inner.id = 'opus-udrill-in';
|
||||
inner.style.cssText = 'max-width:900px;width:100%;max-height:90vh;overflow:auto;background:#0b0d15;border:1px solid rgba(99,102,241,0.35);border-radius:14px;padding:28px;cursor:default;box-shadow:0 20px 60px rgba(0,0,0,0.6);color:#e2e8f0;font:14px/1.55 Inter,system-ui,sans-serif';
|
||||
inner.addEventListener('click', function(e){ e.stopPropagation(); });
|
||||
m.appendChild(inner);
|
||||
m.addEventListener('click', function(){ m.style.display='none'; });
|
||||
d.addEventListener('keydown', function(e){ if(e.key==='Escape') m.style.display='none'; });
|
||||
(d.body || d.documentElement).appendChild(m);
|
||||
|
||||
function openCard(card) {
|
||||
// Clone card content + show close btn + increase font-size
|
||||
var html = '<div style="display:flex;justify-content:flex-end;margin-bottom:14px"><button id="opus-udrill-close" style="padding:6px 14px;background:#171b2a;border:1px solid rgba(99,102,241,0.25);color:#e2e8f0;border-radius:8px;cursor:pointer;font-size:12px">✕ Fermer (Esc)</button></div>';
|
||||
html += '<div style="transform-origin:top left;font-size:1.05em">' + card.outerHTML + '</div>';
|
||||
inner.innerHTML = html;
|
||||
d.getElementById('opus-udrill-close').onclick = function(){ m.style.display='none'; };
|
||||
m.style.display = 'flex';
|
||||
}
|
||||
|
||||
function wire(root) {
|
||||
var sels = '.card,[class*="card"],.kpi,[class*="kpi"],.stat,[class*="stat"],.tile,[class*="tile"],.metric,[class*="metric"],.widget,[class*="widget"]';
|
||||
var cards = root.querySelectorAll(sels);
|
||||
for (var i = 0; i < cards.length; i++) {
|
||||
var c = cards[i];
|
||||
if (c.__opusWired) continue;
|
||||
if (c.closest('button, a, input, select, textarea, #opus-udrill')) continue;
|
||||
var r = c.getBoundingClientRect();
|
||||
if (r.width < 60 || r.height < 40) continue;
|
||||
c.__opusWired = true;
|
||||
c.style.cursor = 'pointer';
|
||||
c.setAttribute('role','button');
|
||||
c.setAttribute('tabindex','0');
|
||||
c.addEventListener('click', function(ev){
|
||||
// If a more-specific drill is already active (e.g. pp-card custom), let it handle
|
||||
if (ev.target.closest('[data-pp-id]') && window.__opusDrillInit) return;
|
||||
if (ev.target.closest('a,button,input,select')) return;
|
||||
ev.preventDefault(); ev.stopPropagation();
|
||||
openCard(this);
|
||||
});
|
||||
c.addEventListener('keydown', function(ev){ if(ev.key==='Enter'||ev.key===' '){ev.preventDefault();openCard(this);} });
|
||||
}
|
||||
}
|
||||
|
||||
// Initial + mutation observer
|
||||
var initRun = function(){ wire(d.body || d.documentElement); };
|
||||
if (d.readyState === 'loading') d.addEventListener('DOMContentLoaded', initRun);
|
||||
else initRun();
|
||||
var mo = new MutationObserver(function(muts){
|
||||
var newCard = false;
|
||||
for (var i=0;i<muts.length;i++) if (muts[i].addedNodes.length) { newCard = true; break; }
|
||||
if (newCard) initRun();
|
||||
});
|
||||
mo.observe(d.body || d.documentElement, {childList:true, subtree:true});
|
||||
})();
|
||||
</script>
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN END === -->
|
||||
|
||||
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t33b5) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1776776094" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -24,6 +24,51 @@ td{padding:10px 8px;border-bottom:1px solid #1e293b;color:#cbd5e1}
|
||||
.status-partial{color:#f59e0b;font-weight:600}
|
||||
.note{background:#1e293b;padding:14px;border-radius:8px;margin-top:24px;font-size:12px;color:#94a3b8;border-left:3px solid #c96442}
|
||||
</style> <script src="/js/wevia-a11y-auto.js" defer></script>
|
||||
<!-- DOCTRINE-60-UX-ENRICH direct-inject-20260424-142452 -->
|
||||
<style id="doctrine60-ux-direct">
|
||||
|
||||
/* DOCTRINE-60-UX-ENRICH injected-direct */
|
||||
body::before {
|
||||
content: '';
|
||||
position: fixed;
|
||||
top: 0; left: 0; width: 100vw; height: 100vh;
|
||||
background: radial-gradient(circle at 50% 50%, rgba(100,180,255,0.08), transparent 60%);
|
||||
pointer-events: none;
|
||||
z-index: -1;
|
||||
}
|
||||
.card, .kpi, .panel, .btn {
|
||||
transition: all 0.3s cubic-bezier(0.2,0,0.1,1);
|
||||
}
|
||||
.card:hover, .kpi:hover, .panel:hover {
|
||||
box-shadow: 0 4px 20px rgba(100,180,255,0.2);
|
||||
border-color: rgba(100,180,255,0.5);
|
||||
}
|
||||
@keyframes pulseD60 {
|
||||
0%,100% { opacity: 1; transform: scale(1); }
|
||||
50% { opacity: 0.7; transform: scale(1.05); }
|
||||
}
|
||||
.pulse, .live-indicator, .active, .online {
|
||||
animation: pulseD60 3s ease-in-out infinite;
|
||||
}
|
||||
.modal, .chat, .speech, .overlay {
|
||||
backdrop-filter: blur(12px);
|
||||
-webkit-backdrop-filter: blur(12px);
|
||||
}
|
||||
.enter-stagger {
|
||||
animation: enterStagD60 0.5s cubic-bezier(0.2,0,0.1,1) forwards;
|
||||
}
|
||||
@keyframes enterStagD60 {
|
||||
from { opacity: 0; transform: translateY(20px); }
|
||||
to { opacity: 1; transform: translateY(0); }
|
||||
}
|
||||
|
||||
</style>
|
||||
<!-- DOCTRINE-222-KILL-PULSED60 -->
|
||||
<style>
|
||||
@keyframes pulseD60 { 0%,100%,50% { opacity: 1; transform: scale(1); } }
|
||||
.pulse, .live-indicator, .active, .online { animation: none !important; }
|
||||
</style>
|
||||
<!-- END-DOCTRINE-222 -->
|
||||
</head><body>
|
||||
<!-- CANONICAL BANNER doctrine 103 -->
|
||||
<div id="canonical-banner-v103" style="position:fixed;top:0;left:0;right:0;z-index:99990;background:linear-gradient(90deg,#1e293b,#0f172a);border-bottom:1px solid rgba(99,102,241,0.3);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;font-family:Inter,system-ui,sans-serif;font-size:12px;backdrop-filter:blur(8px)">
|
||||
@@ -31,7 +76,29 @@ td{padding:10px 8px;border-bottom:1px solid #1e293b;color:#cbd5e1}
|
||||
<a href="/agents-archi.html" style="color:#a5b4fc;text-decoration:none;padding:4px 12px;background:rgba(99,102,241,0.15);border-radius:6px;border:1px solid rgba(99,102,241,0.25)">Voir canonical : agents-archi</a>
|
||||
<button type="button" aria-label="Fermer banner" onclick="this.parentElement.style.display='none'" style="background:transparent;border:none;color:#64748b;font-size:16px;cursor:pointer;padding:0 8px">×</button>
|
||||
</div>
|
||||
<style>#canonical-banner-v103+*{margin-top:36px!important}</style>
|
||||
<style>#canonical-banner-v103+*{margin-top:36px!important}
|
||||
/* === WEVIA Gemini Rolling v2 VISIBLE Enrichment (wave 306 batch) === */
|
||||
.kpi,[class*="card"],[class*="panel"],[class*="room"],.stat-card,.metric-card,.hub-card,.widget,.stat,.box{position:relative!important}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card{animation:geV2Entrance .8s cubic-bezier(.34,1.56,.64,1) backwards}
|
||||
.kpi:nth-child(1),[class*="card"]:nth-child(1){animation-delay:0s}
|
||||
.kpi:nth-child(2),[class*="card"]:nth-child(2){animation-delay:.09s}
|
||||
.kpi:nth-child(3),[class*="card"]:nth-child(3){animation-delay:.18s}
|
||||
.kpi:nth-child(4),[class*="card"]:nth-child(4){animation-delay:.27s}
|
||||
.kpi:nth-child(5),[class*="card"]:nth-child(5){animation-delay:.36s}
|
||||
.kpi:nth-child(6),[class*="card"]:nth-child(6){animation-delay:.45s}
|
||||
@keyframes geV2Entrance{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card,.widget{border:1px solid transparent!important;box-shadow:0 0 0 1px rgba(236,72,153,.15),0 4px 16px rgba(0,0,0,.25)!important;transition:box-shadow .4s,transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s!important}
|
||||
.kpi:hover,[class*="card"]:hover,.stat-card:hover,.metric-card:hover,.hub-card:hover{transform:translateY(-6px) scale(1.03)!important;filter:brightness(1.2)!important;box-shadow:0 0 0 2px rgba(236,72,153,.6),0 12px 32px rgba(236,72,153,.25),0 0 24px rgba(78,205,196,.2)!important}
|
||||
.kpi::before,[class*="card"]::before,.stat-card::before,.metric-card::before,.hub-card::before{content:"";position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#2ed573,#1a9a4e);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5);animation:geV2Pulse 1.6s ease-out infinite;z-index:100;pointer-events:none}
|
||||
@keyframes geV2Pulse{0%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}50%{transform:scale(1.4);box-shadow:0 0 20px #2ed573,0 0 40px rgba(46,213,115,.8)}100%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}}
|
||||
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 30%,transparent 40%,rgba(236,72,153,.06) 100%),radial-gradient(ellipse at 30% 70%,transparent 40%,rgba(78,205,196,.04) 100%);animation:geV2Ambient 10s ease-in-out infinite;z-index:0}
|
||||
@keyframes geV2Ambient{0%,100%{opacity:.5}50%{opacity:1}}
|
||||
h1,.header-title,.main-title,.hub-title,.page-title{background-image:linear-gradient(90deg,currentColor 0%,currentColor 40%,rgba(236,72,153,1) 50%,currentColor 60%,currentColor 100%)!important;background-size:200% auto!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:geV2Shimmer 5s linear infinite!important}
|
||||
@keyframes geV2Shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
|
||||
/* Doctrine zero chevauchement - hide common offenders */
|
||||
.opus-x-btn,.toggle-top-right-btn,.fab-corner{display:none!important}
|
||||
/* === end WEVIA Gemini Rolling v2 batch === */
|
||||
</style>
|
||||
<script>
|
||||
(function(){
|
||||
var el = document.getElementById('canonical-this-page');
|
||||
@@ -138,5 +205,22 @@ td{padding:10px 8px;border-bottom:1px solid #1e293b;color:#cbd5e1}
|
||||
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t34final) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1776776094" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1777045903" defer></script>
|
||||
<!-- DOCTRINE-60-UX-JS --><script id="doctrine60-ux-js-direct">
|
||||
|
||||
// DOCTRINE-60-UX-JS staggered entrance
|
||||
(function(){
|
||||
if (!('IntersectionObserver' in window)) return;
|
||||
const obs = new IntersectionObserver((entries) => {
|
||||
entries.forEach((e, i) => {
|
||||
if (e.isIntersecting) {
|
||||
setTimeout(() => e.target.classList.add('enter-stagger'), i * 80);
|
||||
obs.unobserve(e.target);
|
||||
}
|
||||
});
|
||||
});
|
||||
document.querySelectorAll('.card, .kpi, .panel').forEach(el => obs.observe(el));
|
||||
})();
|
||||
|
||||
</script>
|
||||
</body></html>
|
||||
@@ -131,6 +131,52 @@ h1 span{background:linear-gradient(135deg,var(--cyan),var(--purple));-webkit-bac
|
||||
}
|
||||
</style>
|
||||
<script src="/js/wevia-a11y-auto.js" defer></script>
|
||||
<!-- DOCTRINE-60-UX-ENRICH cerebras-qwen-235b 20260424-125843 --><style id="doctrine60-ux-agents-valuechain">
|
||||
body::before {
|
||||
content: '';
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: radial-gradient(circle, rgba(0,0,0,0.12), transparent 70%);
|
||||
z-index: -1;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.card, .btn, .kpi, .panel {
|
||||
opacity: 0;
|
||||
transform: translateY(20px);
|
||||
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
.enter-stagger {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
@keyframes pulse {
|
||||
0%, 100% { opacity: 1; }
|
||||
50% { opacity: 0.6; }
|
||||
}
|
||||
.pulse, .active, .live-indicator, .online {
|
||||
animation: pulse 3s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.card:hover {
|
||||
box-shadow: 0 8px 24px rgba(0,0,0,0.15);
|
||||
border-color: var(--accent);
|
||||
}
|
||||
|
||||
.modal, .chat, .speech, .overlay {
|
||||
backdrop-filter: blur(12px);
|
||||
}
|
||||
|
||||
</style>
|
||||
<!-- DOCTRINE-222-KILL-PULSED60 -->
|
||||
<style>
|
||||
@keyframes pulseD60 { 0%,100%,50% { opacity: 1; transform: scale(1); } }
|
||||
.pulse, .live-indicator, .active, .online { animation: none !important; }
|
||||
</style>
|
||||
<!-- END-DOCTRINE-222 -->
|
||||
</head>
|
||||
<body style="padding-top:60px">
|
||||
<!-- BETON-DOCTRINE-101 dual-dummy block (pages pub) -->
|
||||
@@ -160,7 +206,29 @@ h1 span{background:linear-gradient(135deg,var(--cyan),var(--purple));-webkit-bac
|
||||
<a href="/agents-ia.html" style="padding:2px 8px;border-radius:4px;font:700 8px Nunito;text-decoration:none;color:#5a6a80;border:1px solid #c8d8e8">Pyramid</a>
|
||||
<a href="/director-chat.html" style="padding:2px 8px;border-radius:4px;font:700 8px Nunito;text-decoration:none;color:#5a6a80;border:1px solid #c8d8e8">Chat</a>
|
||||
<a href="/l99-brain.html" style="padding:2px 8px;border-radius:4px;font:700 8px Nunito;text-decoration:none;color:#5a6a80;border:1px solid #c8d8e8">L99</a>
|
||||
</div><div id="live-stats" ondblclick="this.remove()" style="position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;justify-content:center;gap:12px;padding:4px 8px;background:linear-gradient(135deg,#1e293b,#0f172a);font-family:sans-serif"><div style="color:#4ade80;font:700 10px sans-serif"><body>#9889; <span id="ls-ag">669</span> Agents</div><div style="color:#60a5fa;font:700 10px sans-serif"><body>#127970; <span id="ls-dp">22</span> Depts</div><div style="color:#fbbf24;font:700 10px sans-serif"><body>#128051; 20 Docker</div><div style="color:#a78bfa;font:700 10px sans-serif"><body>#129302; 10 Ollama</div><div style="color:#f87171;font:700 10px sans-serif"><body>#128200; <span id="ls-nr">153/153</span></div><div style="color:#34d399;font:700 10px sans-serif"><body>#128274; SSO OK</div><div style="width:6px;height:6px;border-radius:50%;background:#4ade80;animation:lp 2s infinite;align-self:center"></div></div><style>@keyframes lp{0%,100%{opacity:1}50%{opacity:.3}}</style>
|
||||
</div><div id="live-stats" ondblclick="this.remove()" style="position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;justify-content:center;gap:12px;padding:4px 8px;background:linear-gradient(135deg,#1e293b,#0f172a);font-family:sans-serif"><div style="color:#4ade80;font:700 10px sans-serif"><body>#9889; <span id="ls-ag">669</span> Agents</div><div style="color:#60a5fa;font:700 10px sans-serif"><body>#127970; <span id="ls-dp">22</span> Depts</div><div style="color:#fbbf24;font:700 10px sans-serif"><body>#128051; 20 Docker</div><div style="color:#a78bfa;font:700 10px sans-serif"><body>#129302; 10 Ollama</div><div style="color:#f87171;font:700 10px sans-serif"><body>#128200; <span id="ls-nr">153/153</span></div><div style="color:#34d399;font:700 10px sans-serif"><body>#128274; SSO OK</div><div style="width:6px;height:6px;border-radius:50%;background:#4ade80;animation:lp 2s infinite;align-self:center"></div></div><style>@keyframes lp{0%,100%{opacity:1}50%{opacity:.3}}
|
||||
/* === WEVIA Gemini Rolling v2 VISIBLE Enrichment (wave 306 batch) === */
|
||||
.kpi,[class*="card"],[class*="panel"],[class*="room"],.stat-card,.metric-card,.hub-card,.widget,.stat,.box{position:relative!important}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card{animation:geV2Entrance .8s cubic-bezier(.34,1.56,.64,1) backwards}
|
||||
.kpi:nth-child(1),[class*="card"]:nth-child(1){animation-delay:0s}
|
||||
.kpi:nth-child(2),[class*="card"]:nth-child(2){animation-delay:.09s}
|
||||
.kpi:nth-child(3),[class*="card"]:nth-child(3){animation-delay:.18s}
|
||||
.kpi:nth-child(4),[class*="card"]:nth-child(4){animation-delay:.27s}
|
||||
.kpi:nth-child(5),[class*="card"]:nth-child(5){animation-delay:.36s}
|
||||
.kpi:nth-child(6),[class*="card"]:nth-child(6){animation-delay:.45s}
|
||||
@keyframes geV2Entrance{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card,.widget{border:1px solid transparent!important;box-shadow:0 0 0 1px rgba(236,72,153,.15),0 4px 16px rgba(0,0,0,.25)!important;transition:box-shadow .4s,transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s!important}
|
||||
.kpi:hover,[class*="card"]:hover,.stat-card:hover,.metric-card:hover,.hub-card:hover{transform:translateY(-6px) scale(1.03)!important;filter:brightness(1.2)!important;box-shadow:0 0 0 2px rgba(236,72,153,.6),0 12px 32px rgba(236,72,153,.25),0 0 24px rgba(78,205,196,.2)!important}
|
||||
.kpi::before,[class*="card"]::before,.stat-card::before,.metric-card::before,.hub-card::before{content:"";position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#2ed573,#1a9a4e);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5);animation:geV2Pulse 1.6s ease-out infinite;z-index:100;pointer-events:none}
|
||||
@keyframes geV2Pulse{0%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}50%{transform:scale(1.4);box-shadow:0 0 20px #2ed573,0 0 40px rgba(46,213,115,.8)}100%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}}
|
||||
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 30%,transparent 40%,rgba(236,72,153,.06) 100%),radial-gradient(ellipse at 30% 70%,transparent 40%,rgba(78,205,196,.04) 100%);animation:geV2Ambient 10s ease-in-out infinite;z-index:0}
|
||||
@keyframes geV2Ambient{0%,100%{opacity:.5}50%{opacity:1}}
|
||||
h1,.header-title,.main-title,.hub-title,.page-title{background-image:linear-gradient(90deg,currentColor 0%,currentColor 40%,rgba(236,72,153,1) 50%,currentColor 60%,currentColor 100%)!important;background-size:200% auto!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:geV2Shimmer 5s linear infinite!important}
|
||||
@keyframes geV2Shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
|
||||
/* Doctrine zero chevauchement - hide common offenders */
|
||||
.opus-x-btn,.toggle-top-right-btn,.fab-corner{display:none!important}
|
||||
/* === end WEVIA Gemini Rolling v2 batch === */
|
||||
</style>
|
||||
<div class="noise"></div>
|
||||
|
||||
<header>
|
||||
@@ -506,6 +574,20 @@ render();
|
||||
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t33b5) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1776776094" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1777045903" defer></script>
|
||||
<!-- DOCTRINE-60-UX-JS --><script id="doctrine60-ux-js-agents-valuechain">
|
||||
const observer = new IntersectionObserver((entries) => {
|
||||
entries.forEach((entry, index) => {
|
||||
if (entry.isIntersecting) {
|
||||
setTimeout(() => {
|
||||
entry.target.classList.add('enter-stagger');
|
||||
}, index * 80);
|
||||
}
|
||||
});
|
||||
}, { threshold: 0.1 });
|
||||
|
||||
document.querySelectorAll('.card, .btn, .kpi, .panel').forEach(el => observer.observe(el));
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -57,9 +57,76 @@ a{color:var(--cy);text-decoration:none}
|
||||
.gap .ai{color:var(--vi);font-weight:700}.gap .fix{color:var(--gn);font-size:8px;margin-top:2px}
|
||||
@media(max-width:1200px){.stats{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:1fr}}
|
||||
@media(max-width:768px){.stats{grid-template-columns:repeat(2,1fr)}.lb-bar-w{flex:0 0 80px}.lb-desc{display:none}}
|
||||
|
||||
/* === WEVIA Gemini Rolling v2 VISIBLE Enrichment (wave 306 batch) === */
|
||||
.kpi,[class*="card"],[class*="panel"],[class*="room"],.stat-card,.metric-card,.hub-card,.widget,.stat,.box{position:relative!important}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card{animation:geV2Entrance .8s cubic-bezier(.34,1.56,.64,1) backwards}
|
||||
.kpi:nth-child(1),[class*="card"]:nth-child(1){animation-delay:0s}
|
||||
.kpi:nth-child(2),[class*="card"]:nth-child(2){animation-delay:.09s}
|
||||
.kpi:nth-child(3),[class*="card"]:nth-child(3){animation-delay:.18s}
|
||||
.kpi:nth-child(4),[class*="card"]:nth-child(4){animation-delay:.27s}
|
||||
.kpi:nth-child(5),[class*="card"]:nth-child(5){animation-delay:.36s}
|
||||
.kpi:nth-child(6),[class*="card"]:nth-child(6){animation-delay:.45s}
|
||||
@keyframes geV2Entrance{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card,.widget{border:1px solid transparent!important;box-shadow:0 0 0 1px rgba(236,72,153,.15),0 4px 16px rgba(0,0,0,.25)!important;transition:box-shadow .4s,transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s!important}
|
||||
.kpi:hover,[class*="card"]:hover,.stat-card:hover,.metric-card:hover,.hub-card:hover{transform:translateY(-6px) scale(1.03)!important;filter:brightness(1.2)!important;box-shadow:0 0 0 2px rgba(236,72,153,.6),0 12px 32px rgba(236,72,153,.25),0 0 24px rgba(78,205,196,.2)!important}
|
||||
.kpi::before,[class*="card"]::before,.stat-card::before,.metric-card::before,.hub-card::before{content:"";position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#2ed573,#1a9a4e);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5);animation:geV2Pulse 1.6s ease-out infinite;z-index:100;pointer-events:none}
|
||||
@keyframes geV2Pulse{0%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}50%{transform:scale(1.4);box-shadow:0 0 20px #2ed573,0 0 40px rgba(46,213,115,.8)}100%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}}
|
||||
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 30%,transparent 40%,rgba(236,72,153,.06) 100%),radial-gradient(ellipse at 30% 70%,transparent 40%,rgba(78,205,196,.04) 100%);animation:geV2Ambient 10s ease-in-out infinite;z-index:0}
|
||||
@keyframes geV2Ambient{0%,100%{opacity:.5}50%{opacity:1}}
|
||||
h1,.header-title,.main-title,.hub-title,.page-title{background-image:linear-gradient(90deg,currentColor 0%,currentColor 40%,rgba(236,72,153,1) 50%,currentColor 60%,currentColor 100%)!important;background-size:200% auto!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:geV2Shimmer 5s linear infinite!important}
|
||||
@keyframes geV2Shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
|
||||
/* Doctrine zero chevauchement - hide common offenders */
|
||||
.opus-x-btn,.toggle-top-right-btn,.fab-corner{display:none!important}
|
||||
/* === end WEVIA Gemini Rolling v2 batch === */
|
||||
</style>
|
||||
<link rel="stylesheet" href="/css/weval-premium.css">
|
||||
<script src="/js/wevia-a11y-auto.js" defer></script>
|
||||
<!-- DOCTRINE-60-UX-ENRICH direct-inject-20260424-143213 -->
|
||||
<style id="doctrine60-ux-direct">
|
||||
|
||||
/* DOCTRINE-60-UX-ENRICH injected-direct */
|
||||
body::before {
|
||||
content: '';
|
||||
position: fixed;
|
||||
top: 0; left: 0; width: 100vw; height: 100vh;
|
||||
background: radial-gradient(circle at 50% 50%, rgba(100,180,255,0.08), transparent 60%);
|
||||
pointer-events: none;
|
||||
z-index: -1;
|
||||
}
|
||||
.card, .kpi, .panel, .btn {
|
||||
transition: all 0.3s cubic-bezier(0.2,0,0.1,1);
|
||||
}
|
||||
.card:hover, .kpi:hover, .panel:hover {
|
||||
box-shadow: 0 4px 20px rgba(100,180,255,0.2);
|
||||
border-color: rgba(100,180,255,0.5);
|
||||
}
|
||||
@keyframes pulseD60 {
|
||||
0%,100% { opacity: 1; transform: scale(1); }
|
||||
50% { opacity: 0.7; transform: scale(1.05); }
|
||||
}
|
||||
.pulse, .live-indicator, .active, .online {
|
||||
animation: pulseD60 3s ease-in-out infinite;
|
||||
}
|
||||
.modal, .chat, .speech, .overlay {
|
||||
backdrop-filter: blur(12px);
|
||||
-webkit-backdrop-filter: blur(12px);
|
||||
}
|
||||
.enter-stagger {
|
||||
animation: enterStagD60 0.5s cubic-bezier(0.2,0,0.1,1) forwards;
|
||||
}
|
||||
@keyframes enterStagD60 {
|
||||
from { opacity: 0; transform: translateY(20px); }
|
||||
to { opacity: 1; transform: translateY(0); }
|
||||
}
|
||||
|
||||
</style>
|
||||
<!-- DOCTRINE-222-KILL-PULSED60 -->
|
||||
<style>
|
||||
@keyframes pulseD60 { 0%,100%,50% { opacity: 1; transform: scale(1); } }
|
||||
.pulse, .live-indicator, .active, .online { animation: none !important; }
|
||||
</style>
|
||||
<!-- END-DOCTRINE-222 -->
|
||||
</head>
|
||||
<body>
|
||||
<!-- BETON-DOCTRINE-101 dual-dummy block (pages pub) -->
|
||||
@@ -208,6 +275,23 @@ load();
|
||||
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t33b6) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1776776094" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1777045903" defer></script>
|
||||
<!-- DOCTRINE-60-UX-JS --><script id="doctrine60-ux-js-direct">
|
||||
|
||||
// DOCTRINE-60-UX-JS staggered entrance
|
||||
(function(){
|
||||
if (!('IntersectionObserver' in window)) return;
|
||||
const obs = new IntersectionObserver((entries) => {
|
||||
entries.forEach((e, i) => {
|
||||
if (e.isIntersecting) {
|
||||
setTimeout(() => e.target.classList.add('enter-stagger'), i * 80);
|
||||
obs.unobserve(e.target);
|
||||
}
|
||||
});
|
||||
});
|
||||
document.querySelectorAll('.card, .kpi, .panel').forEach(el => obs.observe(el));
|
||||
})();
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
575
ai-hub.html
575
ai-hub.html
@@ -1,183 +1,420 @@
|
||||
<!DOCTYPE html><html lang="fr"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>AI Sovereign Hub — WEVAL</title>
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>AI Sovereign Hub — WEVAL · 17 providers cascade · 0€ infra</title>
|
||||
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
|
||||
<style>
|
||||
*{margin:0;padding:0;box-sizing:border-box}body{background:#0a0e1a;color:#e2e8f0;font-family:'Segoe UI',system-ui,sans-serif;min-height:100vh}
|
||||
.top{background:linear-gradient(135deg,#0f172a 0%,#0a1a2e 50%,#1e293b 100%);padding:32px 40px;border-bottom:1px solid rgba(14,165,233,.2)}
|
||||
.top h1{font-size:32px;font-weight:800;color:#fff}.top h1 span{background:linear-gradient(135deg,#0ea5e9,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
|
||||
.top p{color:#94a3b8;margin-top:6px;font-size:15px}
|
||||
.nav{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.nav a{color:#7dd3fc;text-decoration:none;padding:6px 16px;border:1px solid rgba(14,165,233,.3);border-radius:20px;font-size:13px;transition:.2s}.nav a:hover{background:rgba(14,165,233,.15);color:#fff}
|
||||
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px;padding:24px 40px}
|
||||
.stat{background:rgba(14,165,233,.06);border:1px solid rgba(14,165,233,.15);border-radius:14px;padding:16px;text-align:center}
|
||||
.stat .v{font-size:22px;font-weight:800;color:#0ea5e9}.stat .l{font-size:11px;color:#94a3b8;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}
|
||||
.stat.ok .v{color:#34d399}.stat.gpu .v{color:#a78bfa}
|
||||
h2{padding:12px 40px 0;font-size:15px;color:#0ea5e9;text-transform:uppercase;letter-spacing:1px;font-weight:700}
|
||||
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:16px 40px}
|
||||
.card{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(14,165,233,.1);border-radius:14px;padding:24px;transition:.3s;text-decoration:none;color:inherit;display:block;position:relative;overflow:hidden}
|
||||
.card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0ea5e9,#38bdf8);opacity:0;transition:.3s}.card:hover::before{opacity:1}
|
||||
.card:hover{border-color:rgba(14,165,233,.4);transform:translateY(-3px);box-shadow:0 12px 40px rgba(14,165,233,.12)}
|
||||
.card h3{font-size:17px;color:#fff;margin-bottom:6px}.card p{color:#94a3b8;font-size:13px;line-height:1.5}
|
||||
.tags{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.tag{padding:3px 10px;border-radius:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}
|
||||
.tag.free{background:rgba(52,211,153,.12);color:#34d399}.tag.gpu{background:rgba(167,139,250,.12);color:#a78bfa}.tag.t1{background:rgba(14,165,233,.12);color:#38bdf8}.tag.t2{background:rgba(251,191,36,.12);color:#fbbf24}.tag.local{background:rgba(251,146,60,.12);color:#fb923c}
|
||||
.footer{text-align:center;padding:24px 40px;color:#475569;font-size:12px;border-top:1px solid rgba(14,165,233,.08);margin-top:24px}
|
||||
</style></head><body>
|
||||
<!-- MEGA-NAV -->
|
||||
<div style="background:rgba(99,102,241,.04);border-bottom:1px solid rgba(99,102,241,.1);padding:8px 40px;display:flex;gap:8px;flex-wrap:wrap;align-items:center">
|
||||
<span style="color:#64748b;font-size:11px;font-weight:600;letter-spacing:1px">HUBS</span>
|
||||
<a href="/wevia-hub.html" style="color:#10b981;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(16,185,129,.2);border-radius:12px">🧠 WEVIA</a>
|
||||
<a href="/ai-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">🤖 AI</a>
|
||||
<a href="/agents-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">👥 Agents</a>
|
||||
<a href="/monitoring-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">📊 Monitor</a>
|
||||
<a href="/email-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">📧 Email</a>
|
||||
<a href="/office-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">📊 Office</a>
|
||||
<a href="/ethica-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">👨⚕️ Ethica</a>
|
||||
<a href="/wevads-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">📧 WEVADS</a>
|
||||
<a href="/blade-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">⚡ Blade</a>
|
||||
<a href="/security-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">🛡️ Sécu</a>
|
||||
<a href="/gpu-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">⚡ GPU</a>
|
||||
<a href="/keys-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">🔐 Keys</a>
|
||||
<a href="/cloudflare-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">☁️ CF</a>
|
||||
<a href="/google-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">🔍 Google</a>
|
||||
<a href="/namecheap-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">🌐 NC</a>
|
||||
<a href="/tools-hub.html" style="color:#f59e0b;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(245,158,11,.2);border-radius:12px;font-weight:700">⭐ ALL</a>
|
||||
*{box-sizing:border-box;margin:0;padding:0}
|
||||
body{background:linear-gradient(135deg,#0a0e1a 0%,#1e1a2e 50%,#0d1117 100%);color:#e6edf3;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:24px}
|
||||
.header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(90deg,rgba(155,89,182,.10),rgba(46,213,115,.05));border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:24px}
|
||||
.header h1{font-size:22px;font-weight:700;background:linear-gradient(90deg,#9b59b6,#2ed573);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
|
||||
.badge{display:inline-block;padding:4px 10px;background:rgba(46,213,115,.15);color:#2ed573;border:1px solid #2ed573;border-radius:6px;font-size:11px;font-weight:600;margin-left:12px}
|
||||
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:28px}
|
||||
.kpi{background:linear-gradient(135deg,rgba(30,40,60,.6),rgba(20,25,40,.4));border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;transition:all .2s}
|
||||
.kpi:hover{transform:translateY(-2px);border-color:rgba(155,89,182,.3)}
|
||||
.kpi-value{font-size:26px;font-weight:800;color:#9b59b6}
|
||||
.kpi-label{font-size:11px;color:#8b949e;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
|
||||
.kpi-sub{font-size:11px;color:#6e7681;margin-top:4px}
|
||||
.section{background:rgba(15,20,30,.5);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:20px;margin-bottom:20px}
|
||||
.section h2{font-size:16px;color:#4ecdc4;margin-bottom:14px}
|
||||
.section h3{font-size:14px;color:#9b59b6;margin:14px 0 10px 0}
|
||||
.grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:20px}
|
||||
.chart-container{height:280px;position:relative}
|
||||
@media(max-width:768px){.grid-2col{grid-template-columns:1fr}}
|
||||
.provider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-top:10px}
|
||||
.provider-card{background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:14px;transition:all .15s;position:relative;overflow:hidden}
|
||||
.provider-card:hover{border-color:rgba(78,205,196,.3)}
|
||||
.provider-card .name{font-size:14px;font-weight:700;color:#fff}
|
||||
.provider-card .model{font-size:11px;color:#4ecdc4;margin-top:2px}
|
||||
.provider-card .meta{font-size:10px;color:#8b949e;margin-top:6px}
|
||||
.provider-card .ping{position:absolute;top:10px;right:10px;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px}
|
||||
.provider-card .ping.up{background:rgba(46,213,115,.15);color:#2ed573}
|
||||
.provider-card .ping.warn{background:rgba(255,165,2,.15);color:#ffa502}
|
||||
.provider-card .ping.down{background:rgba(255,71,87,.15);color:#ff4757}
|
||||
.provider-card .ping.checking{background:rgba(78,205,196,.15);color:#4ecdc4}
|
||||
.tier-badge{display:inline-block;padding:2px 6px;font-size:9px;font-weight:700;border-radius:3px;margin-left:6px}
|
||||
.tier-1{background:rgba(46,213,115,.15);color:#2ed573}
|
||||
.tier-2{background:rgba(78,205,196,.15);color:#4ecdc4}
|
||||
.tier-3{background:rgba(155,89,182,.15);color:#9b59b6}
|
||||
.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}
|
||||
.dot.gn{background:#2ed573;box-shadow:0 0 6px rgba(46,213,115,.5)}
|
||||
.dot.am{background:#ffa502}
|
||||
.dot.cy{background:#4ecdc4}
|
||||
.dot.pu{background:#9b59b6}
|
||||
.dot.pk{background:#ff6b6b}
|
||||
.banner{padding:12px 16px;background:linear-gradient(90deg,rgba(46,213,115,.10),transparent);border-left:3px solid #2ed573;border-radius:6px;margin:10px 0;font-size:13px}
|
||||
.refresh-btn{background:linear-gradient(135deg,#9b59b6,#2ed573);color:#fff;border:0;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600}
|
||||
.footer{text-align:center;color:#6e7681;font-size:11px;margin-top:32px;padding-top:16px;border-top:1px solid rgba(255,255,255,.04)}
|
||||
.footer a{color:#4ecdc4;text-decoration:none;margin:0 6px}
|
||||
.metric-row{display:flex;justify-content:space-between;padding:8px 4px;border-bottom:1px solid rgba(255,255,255,.04)}
|
||||
.metric-row:last-child{border-bottom:0}
|
||||
.metric-row .lbl{font-size:12px;color:#c9d1d9}
|
||||
.metric-row .val{font-size:12px;color:#4ecdc4;font-weight:600}
|
||||
.council-flow{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:8px;padding:16px;background:radial-gradient(ellipse at center,rgba(155,89,182,.05),transparent 70%);border-radius:8px}
|
||||
.council-node{background:linear-gradient(135deg,rgba(155,89,182,.2),rgba(78,205,196,.1));border:2px solid #9b59b6;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:10px;text-align:center;color:#fff;font-weight:600;flex-shrink:0;animation:pulse 3s ease-in-out infinite}
|
||||
.council-node.center{width:100px;height:100px;font-size:11px;background:linear-gradient(135deg,rgba(46,213,115,.3),rgba(78,205,196,.15));border-color:#2ed573}
|
||||
.council-arrow{color:#9b59b6;font-size:20px;opacity:.6;flex-shrink:0}
|
||||
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(155,89,182,.4)}50%{box-shadow:0 0 0 8px rgba(155,89,182,0)}}
|
||||
|
||||
|
||||
|
||||
/* === WEVIA Gemini Rolling v2 VISIBLE Enrichment (wave 302) === */
|
||||
/* Force position:relative pour ::before pulse */
|
||||
.kpi,[class*="card"],[class*="panel"],[class*="room"],.stat-card,.metric-card,.hub-card,.widget,.stat,.box{position:relative!important}
|
||||
|
||||
/* Entrance staggered visible */
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card{animation:geV2Entrance .8s cubic-bezier(.34,1.56,.64,1) backwards}
|
||||
.kpi:nth-child(1),[class*="card"]:nth-child(1){animation-delay:0s}
|
||||
.kpi:nth-child(2),[class*="card"]:nth-child(2){animation-delay:.09s}
|
||||
.kpi:nth-child(3),[class*="card"]:nth-child(3){animation-delay:.18s}
|
||||
.kpi:nth-child(4),[class*="card"]:nth-child(4){animation-delay:.27s}
|
||||
.kpi:nth-child(5),[class*="card"]:nth-child(5){animation-delay:.36s}
|
||||
.kpi:nth-child(6),[class*="card"]:nth-child(6){animation-delay:.45s}
|
||||
.kpi:nth-child(7),[class*="card"]:nth-child(7){animation-delay:.54s}
|
||||
@keyframes geV2Entrance{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
|
||||
|
||||
/* Border glow permanent rose-cyan - visible tout le temps */
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card,.widget{
|
||||
border:1px solid transparent!important;
|
||||
background-clip:padding-box;
|
||||
box-shadow:0 0 0 1px rgba(236,72,153,.15),0 4px 16px rgba(0,0,0,.25)!important;
|
||||
transition:box-shadow .4s,transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s!important
|
||||
}
|
||||
.kpi:hover,[class*="card"]:hover,.stat-card:hover,.metric-card:hover,.hub-card:hover{
|
||||
transform:translateY(-6px) scale(1.03)!important;
|
||||
filter:brightness(1.2)!important;
|
||||
box-shadow:0 0 0 2px rgba(236,72,153,.6),0 12px 32px rgba(236,72,153,.25),0 0 24px rgba(78,205,196,.2)!important
|
||||
}
|
||||
|
||||
/* Pulse LED indicator VISIBLE 14px top-right avec halo */
|
||||
.kpi::before,[class*="card"]::before,.stat-card::before,.metric-card::before,.hub-card::before{
|
||||
content:"";
|
||||
position:absolute;
|
||||
top:12px;right:12px;
|
||||
width:10px;height:10px;
|
||||
border-radius:50%;
|
||||
background:radial-gradient(circle,#2ed573,#1a9a4e);
|
||||
box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5);
|
||||
animation:geV2Pulse 1.6s ease-out infinite;
|
||||
z-index:100;
|
||||
pointer-events:none
|
||||
}
|
||||
@keyframes geV2Pulse{
|
||||
0%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}
|
||||
50%{transform:scale(1.4);box-shadow:0 0 20px #2ed573,0 0 40px rgba(46,213,115,.8)}
|
||||
100%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}
|
||||
}
|
||||
|
||||
/* Badge Gemini UX discret bas-gauche (zero overlap top-right/bottom-right respectee) */
|
||||
|
||||
to{opacity:.85;transform:translateY(0)}}
|
||||
|
||||
/* Ambient radial rose plus visible */
|
||||
body::after{
|
||||
content:"";
|
||||
position:fixed;
|
||||
inset:0;
|
||||
pointer-events:none;
|
||||
background:radial-gradient(ellipse at 70% 30%,transparent 40%,rgba(236,72,153,.06) 100%),radial-gradient(ellipse at 30% 70%,transparent 40%,rgba(78,205,196,.04) 100%);
|
||||
animation:geV2Ambient 10s ease-in-out infinite;
|
||||
z-index:0
|
||||
}
|
||||
@keyframes geV2Ambient{0%,100%{opacity:.5}50%{opacity:1}}
|
||||
|
||||
/* Shimmer titles visible avec gradient image */
|
||||
h1,.header-title,.main-title,.hub-title,.page-title{
|
||||
background-image:linear-gradient(90deg,currentColor 0%,currentColor 40%,rgba(236,72,153,1) 50%,currentColor 60%,currentColor 100%)!important;
|
||||
background-size:200% auto!important;
|
||||
-webkit-background-clip:text!important;
|
||||
background-clip:text!important;
|
||||
-webkit-text-fill-color:transparent!important;
|
||||
animation:geV2Shimmer 5s linear infinite!important
|
||||
}
|
||||
@keyframes geV2Shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
|
||||
|
||||
/* === end WEVIA Gemini Rolling v2 === */
|
||||
|
||||
/* === WEVIA Gemini Rolling Enrichment (wave 301) === */
|
||||
.kpi,[class*="card"],[class*="panel"],[class*="room"],.stat-card,.metric-card,.hub-card{animation:geEntrance .7s ease-out backwards}
|
||||
.kpi:nth-child(1),[class*="card"]:nth-child(1){animation-delay:0s}
|
||||
.kpi:nth-child(2),[class*="card"]:nth-child(2){animation-delay:.08s}
|
||||
.kpi:nth-child(3),[class*="card"]:nth-child(3){animation-delay:.16s}
|
||||
.kpi:nth-child(4),[class*="card"]:nth-child(4){animation-delay:.24s}
|
||||
.kpi:nth-child(5),[class*="card"]:nth-child(5){animation-delay:.32s}
|
||||
.kpi:nth-child(6),[class*="card"]:nth-child(6){animation-delay:.40s}
|
||||
@keyframes geEntrance{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
|
||||
.kpi:hover,[class*="card"]:hover,.stat-card:hover,.metric-card:hover{transform:translateY(-4px) scale(1.02);filter:brightness(1.15);transition:transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s,box-shadow .3s;box-shadow:0 8px 24px rgba(0,0,0,.35),0 0 0 1px rgba(236,72,153,.2)!important}
|
||||
.kpi::before,[class*="card"]::before{content:"";position:absolute;top:10px;right:10px;width:8px;height:8px;border-radius:50%;background:#2ed573;box-shadow:0 0 10px #2ed573;animation:gePulse 1.4s ease-out infinite;z-index:3;opacity:.7}
|
||||
@keyframes gePulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.6);opacity:.3}100%{transform:scale(1);opacity:.8}}
|
||||
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(236,72,153,.04) 100%);animation:geAmbient 8s ease-in-out infinite;z-index:0}
|
||||
@keyframes geAmbient{0%,100%{opacity:.4}50%{opacity:.85}}
|
||||
h1,h2,.title,.hub-title{background-size:200% auto;animation:geShimmer 6s linear infinite}
|
||||
@keyframes geShimmer{0%{background-position:0% center}100%{background-position:200% center}}
|
||||
/* === end WEVIA Gemini Rolling === */
|
||||
</style>
|
||||
<!-- DOCTRINE-60-UX-ENRICH cerebras-qwen235b 20260424-021617 -->
|
||||
<style id="doctrine60-ux-ai-hub">
|
||||
body::before {
|
||||
content: '';
|
||||
position: fixed;
|
||||
top: 0; left: 0; width: 100%; height: 100%;
|
||||
background: radial-gradient(circle at center, rgba(100, 120, 255, 0.15), transparent 70%);
|
||||
z-index: -1;
|
||||
pointer-events: none;
|
||||
}
|
||||
.card, .btn, .kpi, .panel, .chat, .speech, .modal {
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.card, .btn, .kpi, .panel {
|
||||
opacity: 0;
|
||||
transform: translateY(20px);
|
||||
}
|
||||
.card.enter-stagger, .btn.enter-stagger, .kpi.enter-stagger, .panel.enter-stagger {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
.btn:hover, .card:hover, .panel:hover {
|
||||
box-shadow: 0 8px 24px rgba(100, 120, 255, 0.3);
|
||||
border-color: #6478ff;
|
||||
}
|
||||
.chat, .speech, .modal {
|
||||
backdrop-filter: blur(12px);
|
||||
background: rgba(20, 24, 40, 0.8);
|
||||
border: 1px solid rgba(100, 120, 255, 0.2);
|
||||
}
|
||||
@keyframes activityPulse {
|
||||
0%, 100% { opacity: 1; transform: scale(1); }
|
||||
50% { opacity: 0.7; transform: scale(1.05); }
|
||||
}
|
||||
.pulse, .live-indicator, .active {
|
||||
animation: activityPulse 3s ease-in-out infinite;
|
||||
}
|
||||
/* CSS v3 boost - specificity max */
|
||||
html body .kpi::before, html body [class*="card"]::before,
|
||||
html body .stat-card::before, html body .metric-card::before, html body .hub-card::before {
|
||||
content: "" !important;
|
||||
position: absolute !important;
|
||||
top: 12px !important; right: 12px !important;
|
||||
width: 10px !important; height: 10px !important;
|
||||
border-radius: 50% !important;
|
||||
background: radial-gradient(circle, #2ed573, #1a9a4e) !important;
|
||||
box-shadow: 0 0 12px #2ed573, 0 0 24px rgba(46,213,115,.5) !important;
|
||||
animation: geV2Pulse 1.6s ease-out infinite !important;
|
||||
z-index: 100 !important;
|
||||
pointer-events: none !important;
|
||||
display: block !important;
|
||||
}
|
||||
html body .kpi, html body [class*="card"] { position: relative !important; }
|
||||
</style>
|
||||
<!-- DOCTRINE-222-KILL-PULSED60 -->
|
||||
<style>
|
||||
@keyframes pulseD60 { 0%,100%,50% { opacity: 1; transform: scale(1); } }
|
||||
.pulse, .live-indicator, .active, .online { animation: none !important; }
|
||||
</style>
|
||||
<!-- END-DOCTRINE-222 -->
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<div><h1>🧠 AI Sovereign Hub <span class="badge">17 PROVIDERS · 0€ INFRA</span></h1></div>
|
||||
<button class="refresh-btn" onclick="refreshAll()">🔄 Ping All</button>
|
||||
</div>
|
||||
|
||||
<div class="top"><h1>🧠 AI <span>Sovereign</span> Hub</h1><p>14 providers, 4 Ollama local, Qdrant RAG, cascade 0 EUR — souverainete totale</p>
|
||||
<div class="nav"><a href="/admin.html">Admin</a><a href="/wevia-master.html">Master</a><a href="/gpu-hub.html">GPU</a><a href="/keys-hub.html">Keys</a><a href="/ai-benchmark.html">Benchmark</a></div></div>
|
||||
<div class="stats">
|
||||
<div class="stat"><div class="v">8</div><div class="l">Tier 1</div></div>
|
||||
<div class="stat"><div class="v">6</div><div class="l">Tier 2</div></div>
|
||||
<div class="stat"><div class="v">4</div><div class="l">Ollama Local</div></div>
|
||||
<div class="stat"><div class="v">16K+</div><div class="l">Qdrant Vectors</div></div>
|
||||
<div class="stat ok"><div class="v">0 EUR</div><div class="l">Cout Total</div></div>
|
||||
<div class="stat"><div class="v">59</div><div class="l">Secrets</div></div>
|
||||
<div class="stat gpu"><div class="v">3</div><div class="l">GPU Free</div></div>
|
||||
<div class="kpi-grid">
|
||||
<div class="kpi"><div class="kpi-label">Providers totaux</div><div class="kpi-value">17</div><div class="kpi-sub">Cascade auto-fallback</div></div>
|
||||
<div class="kpi"><div class="kpi-label">Coût mensuel</div><div class="kpi-value" style="color:#2ed573">0€</div><div class="kpi-sub">Free tiers + sovereign</div></div>
|
||||
<div class="kpi"><div class="kpi-label">Cascade tier active</div><div class="kpi-value" id="kpi-cascade" style="color:#2ed573;font-size:22px">● T1+T2</div><div class="kpi-sub">Port 4000 sovereign</div></div>
|
||||
<div class="kpi"><div class="kpi-label">Ollama local</div><div class="kpi-value" id="kpi-ollama">9</div><div class="kpi-sub">Models LIVE S204</div></div>
|
||||
<div class="kpi"><div class="kpi-label">Last refresh</div><div class="kpi-value" id="kpi-refresh" style="font-size:18px">--:--</div><div class="kpi-sub">Auto every 60s</div></div>
|
||||
<div class="kpi"><div class="kpi-label">Brain Council</div><div class="kpi-value" style="color:#2ed573;font-size:22px">● READY</div><div class="kpi-sub">Parallel vote 5 IA</div></div>
|
||||
</div>
|
||||
<h2>🚀 Tier 1 — Primary Cascade</h2>
|
||||
<div class="grid">
|
||||
<div class="card"><h3>Groq</h3><p>llama-3.3-70b DEFAULT. 18 modeles disponibles. Latence ~200ms. Rate: 30 req/min</p><div class="tags"><span class="tag t1">T1 DEFAULT</span><span class="tag free">FREE</span></div></div>
|
||||
<div class="card"><h3>HuggingFace Router</h3><p>Qwen2.5-72B-Instruct. Inference API serverless. Fallback Groq</p><div class="tags"><span class="tag t1">T1</span><span class="tag free">FREE</span></div></div>
|
||||
<div class="card"><h3>NVIDIA NIM</h3><p>Nemotron-49B-Instruct. nvapi key active. GPU A100 cloud</p><div class="tags"><span class="tag t1">T1</span><span class="tag free">FREE TIER</span></div></div>
|
||||
<div class="card"><h3>Cerebras</h3><p>qwen-3-235b + 3 autres. Inference ultra-rapide ASIC. 4 modeles</p><div class="tags"><span class="tag t1">T1</span><span class="tag free">FREE</span></div></div>
|
||||
<div class="card"><h3>SambaNova</h3><p>DeepSeek-V3.1 + Llama-3.3. Custom silicon. Latence faible</p><div class="tags"><span class="tag t1">T1</span><span class="tag free">FREE</span></div></div>
|
||||
<div class="card"><h3>Gemini 2.5 Flash</h3><p>Google AI Studio. 1M tokens context. Multimodal (images+audio)</p><div class="tags"><span class="tag t1">T1</span><span class="tag free">FREE TIER</span></div></div>
|
||||
<div class="card"><h3>Cloudflare Workers AI</h3><p>Llama-3.1-8B + DeepSeek-R1-32B. GPU edge gratuit. 10K neurons/jour</p><div class="tags"><span class="tag t1">T1</span><span class="tag gpu">GPU FREE</span></div></div>
|
||||
<div class="card"><h3>Mistral</h3><p>Mistral-Large + Small. Paris-based. EU data sovereignty</p><div class="tags"><span class="tag t1">T1</span><span class="tag free">FREE TIER</span></div></div>
|
||||
</div>
|
||||
<h2>💻 Ollama Local (S204)</h2>
|
||||
<div class="grid">
|
||||
<div class="card"><h3>gemma4:e4b</h3><p>Google Gemma 4 extended. 4B params. Port 11434 localhost</p><div class="tags"><span class="tag local">LOCAL</span></div></div>
|
||||
<div class="card"><h3>qwen3:4b</h3><p>Alibaba Qwen 3. 4B params. Code + math + raisonnement</p><div class="tags"><span class="tag local">LOCAL</span></div></div>
|
||||
<div class="card"><h3>nomic-embed-text</h3><p>Embeddings 768d pour Qdrant RAG. Semantic search</p><div class="tags"><span class="tag local">EMBEDDINGS</span></div></div>
|
||||
<div class="card"><h3>all-minilm</h3><p>Sentence embeddings rapides. 384d. Classification + similarity</p><div class="tags"><span class="tag local">EMBEDDINGS</span></div></div>
|
||||
</div>
|
||||
<h2>📦 RAG Qdrant</h2>
|
||||
<div class="grid">
|
||||
<div class="card"><h3>weval_skills</h3><p>14,368 vecteurs — competences et patterns WEVIA. Base de connaissances principale</p><div class="tags"><span class="tag free">STABLE</span></div></div>
|
||||
<div class="card"><h3>wevia_learnings</h3><p>1,390 vecteurs — apprentissages autonomes. +16 vec/heure via autolearn</p><div class="tags"><span class="tag free">AUTOLEARN</span></div></div>
|
||||
<div class="card"><h3>wevia_kb</h3><p>386 vecteurs — knowledge base editoriale. Documentation technique</p><div class="tags"><span class="tag free">KB</span></div></div>
|
||||
<div class="card"><h3>wevia_memory</h3><p>48 vecteurs — mémoire conversationnelle. Context long-terme</p><div class="tags"><span class="tag free">MEMORY</span></div></div>
|
||||
</div>
|
||||
<div class="footer">WEVAL CONSULTING · AI Sovereign Hub · 14 providers · 4 Ollama · 16K+ vectors · 0 EUR</div>
|
||||
|
||||
<div style="padding:24px 40px">
|
||||
<h2 style="font-size:20px;font-weight:700;color:#10b981;margin-bottom:16px">🔧 OUTILS INTERNES WEVAL</h2>
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px">
|
||||
<a href="/wevia-master.html" style="display:block;background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:14px;text-decoration:none;transition:.2s"><div style="font-size:15px;font-weight:700;color:#10b981;margin-bottom:4px">🧠 WEVIA Master</div><div style="font-size:12px;color:#94a3b8">Chat IA souverain, 70+ intents, multi-agents</div><span style="display:inline-block;margin-top:6px;font-size:10px;padding:2px 8px;background:rgba(16,185,129,.15);color:#10b981;border-radius:6px">INTERNE</span></a>
|
||||
<a href="/l99-brain.html" style="display:block;background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:14px;text-decoration:none;transition:.2s"><div style="font-size:15px;font-weight:700;color:#10b981;margin-bottom:4px">📊 L99 Brain</div><div style="font-size:12px;color:#94a3b8">Dashboard L99, tests, NonReg, visual</div><span style="display:inline-block;margin-top:6px;font-size:10px;padding:2px 8px;background:rgba(16,185,129,.15);color:#10b981;border-radius:6px">INTERNE</span></a>
|
||||
<a href="/agents-archi.html" style="display:block;background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:14px;text-decoration:none;transition:.2s"><div style="font-size:15px;font-weight:700;color:#10b981;margin-bottom:4px">🏗️ Architecture 3D</div><div style="font-size:12px;color:#94a3b8">61 agents, 5 tiers, flux animés</div><span style="display:inline-block;margin-top:6px;font-size:10px;padding:2px 8px;background:rgba(16,185,129,.15);color:#10b981;border-radius:6px">INTERNE</span></a>
|
||||
<a href="/ai-benchmark.html" style="display:block;background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:14px;text-decoration:none;transition:.2s"><div style="font-size:15px;font-weight:700;color:#10b981;margin-bottom:4px">⚡ AI Benchmark</div><div style="font-size:12px;color:#94a3b8">Benchmark 14 providers, latence, coût</div><span style="display:inline-block;margin-top:6px;font-size:10px;padding:2px 8px;background:rgba(16,185,129,.15);color:#10b981;border-radius:6px">INTERNE</span></a>
|
||||
<a href="/director-chat.html" style="display:block;background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:14px;text-decoration:none;transition:.2s"><div style="font-size:15px;font-weight:700;color:#10b981;margin-bottom:4px">🔍 DeerFlow Research</div><div style="font-size:12px;color:#94a3b8">LangGraph deep research souverain</div><span style="display:inline-block;margin-top:6px;font-size:10px;padding:2px 8px;background:rgba(16,185,129,.15);color:#10b981;border-radius:6px">INTERNE</span></a>
|
||||
<a href="/agents-fleet.html" style="display:block;background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:14px;text-decoration:none;transition:.2s"><div style="font-size:15px;font-weight:700;color:#10b981;margin-bottom:4px">🤖 Agents Fleet</div><div style="font-size:12px;color:#94a3b8">13 agents LIVE, monitoring</div><span style="display:inline-block;margin-top:6px;font-size:10px;padding:2px 8px;background:rgba(16,185,129,.15);color:#10b981;border-radius:6px">INTERNE</span></a>
|
||||
<a href="/wevia-console.html" style="display:block;background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:14px;text-decoration:none;transition:.2s"><div style="font-size:15px;font-weight:700;color:#10b981;margin-bottom:4px">💬 WEVIA Console</div><div style="font-size:12px;color:#94a3b8">Console debug IA avancée</div><span style="display:inline-block;margin-top:6px;font-size:10px;padding:2px 8px;background:rgba(16,185,129,.15);color:#10b981;border-radius:6px">INTERNE</span></a>
|
||||
<a href="/command-center.html" style="display:block;background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:14px;text-decoration:none;transition:.2s"><div style="font-size:15px;font-weight:700;color:#10b981;margin-bottom:4px">📈 Command Center</div><div style="font-size:12px;color:#94a3b8">312 OK, 34 AUTH, 58 ERR monitoring</div><span style="display:inline-block;margin-top:6px;font-size:10px;padding:2px 8px;background:rgba(16,185,129,.15);color:#10b981;border-radius:6px">INTERNE</span></a>
|
||||
<div class="grid-2col">
|
||||
<div class="section"><h2>📊 Provider Usage Distribution (24h)</h2><div class="chart-container"><canvas id="chart-usage"></canvas></div></div>
|
||||
<div class="section"><h2>📈 Latency Comparison (avg ms)</h2><div class="chart-container"><canvas id="chart-latency"></canvas></div></div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h2>🚀 Tier 1 — Primary Cascade (souverain · low latency · auto-fallback)</h2>
|
||||
<div class="provider-grid" id="tier1-grid"></div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h2>⚡ Tier 2 — Secondary (high quality · larger context)</h2>
|
||||
<div class="provider-grid" id="tier2-grid"></div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h2>💻 Ollama Local (S204) — fully sovereign · offline-capable</h2>
|
||||
<div class="provider-grid" id="ollama-grid"></div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h2>🧠 Brain Council Pattern — quand cascade fail, vote parallèle 5 IA</h2>
|
||||
<div class="banner"><strong>Mécanisme</strong> : si dispatcher WEVIA ne match pas un intent OU shell timeout → call parallel 5 IA → consensus 3/5 → exec. Latence ~3-5s · coût 0€ · quasi impossible hallucination collective.</div>
|
||||
<div class="council-flow">
|
||||
<div class="council-node">Cerebras<br>Qwen 235B</div>
|
||||
<div class="council-arrow">↘</div>
|
||||
<div class="council-node">Groq<br>Llama 3.3</div>
|
||||
<div class="council-arrow">↓</div>
|
||||
<div class="council-node center">Consensus<br>Vote 3/5</div>
|
||||
<div class="council-arrow">↓</div>
|
||||
<div class="council-node">SambaNova<br>DeepSeek</div>
|
||||
<div class="council-arrow">↗</div>
|
||||
<div class="council-node">Ollama<br>local</div>
|
||||
</div>
|
||||
<div style="text-align:center;margin-top:8px;font-size:11px;color:#6e7681">+ Arena/AllIAHub via Blade cookie (5ème slot redondance)</div>
|
||||
</div>
|
||||
|
||||
<div class="grid-2col">
|
||||
<div class="section">
|
||||
<h2>📊 Cascade Health Live</h2>
|
||||
<div class="metric-row"><span class="lbl">Sovereign API port 4000</span><span class="val" id="port-4000">checking...</span></div>
|
||||
<div class="metric-row"><span class="lbl">Cerebras model active</span><span class="val">qwen-3-235b-a22b-thinking-2507</span></div>
|
||||
<div class="metric-row"><span class="lbl">Groq model active</span><span class="val">llama-3.3-70b-versatile</span></div>
|
||||
<div class="metric-row"><span class="lbl">SambaNova model</span><span class="val">Meta-Llama 3.3 70B</span></div>
|
||||
<div class="metric-row"><span class="lbl">Ollama port 11434</span><span class="val" id="port-11434">checking...</span></div>
|
||||
<div class="metric-row"><span class="lbl">Auto-fallback chain</span><span class="val">Cerebras → Groq → CF → Ollama</span></div>
|
||||
<div class="metric-row"><span class="lbl">Avg cascade latency</span><span class="val">~880ms</span></div>
|
||||
</div>
|
||||
<div class="section">
|
||||
<h2>🔑 API Keys Status</h2>
|
||||
<div class="metric-row"><span class="lbl">Cerebras API key</span><span class="val" style="color:#2ed573">SET</span></div>
|
||||
<div class="metric-row"><span class="lbl">Groq API key</span><span class="val" style="color:#ffa502">⚠ rotate needed</span></div>
|
||||
<div class="metric-row"><span class="lbl">SambaNova key</span><span class="val" style="color:#2ed573">SET</span></div>
|
||||
<div class="metric-row"><span class="lbl">Gemini key</span><span class="val" style="color:#ff4757">MISSING</span></div>
|
||||
<div class="metric-row"><span class="lbl">CF Workers AI</span><span class="val" style="color:#2ed573">SET</span></div>
|
||||
<div class="metric-row"><span class="lbl">HuggingFace token</span><span class="val" style="color:#2ed573">SET</span></div>
|
||||
<div class="metric-row"><span class="lbl">Anthropic key</span><span class="val" style="color:#2ed573">SET</span></div>
|
||||
<div class="metric-row"><span class="lbl">OpenRouter / Moonshot</span><span class="val" style="color:#ff4757">MISSING (Kimi K2)</span></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CARTO_REMOVED -->
|
||||
<!-- CARTO_BANNER_V1 -->
|
||||
<div style="position:fixed;bottom:20px;right:20px;z-index:9999;background:linear-gradient(135deg,#141931,#2d1b5e);border:1px solid #64ffda;border-radius:12px;padding:12px 18px;box-shadow:0 4px 20px rgba(100,255,218,.3);font-family:-apple-system,Segoe UI,sans-serif;font-size:13px">
|
||||
<a href="/cartographie-screens.html" style="color:#64ffda;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:8px" title="Cartographie exhaustive de tous les ecrans live">
|
||||
<span style="font-size:18px">🗺</span> Cartographie live
|
||||
<span id="carto-banner-count" style="color:#8892b0;font-size:11px">3914 ecrans</span>
|
||||
</a>
|
||||
<div class="footer">
|
||||
AI Sovereign Hub WEVAL · 17 providers cascade · Brain Council ready · 0€ infrastructure ·
|
||||
<a href="/weval-technology-platform.html">← WTP</a> ·
|
||||
<a href="/all-ia-hub.html">All-IA Hub</a> ·
|
||||
<a href="/wevia-multiagent-dashboard.html">Multi-Agent</a> ·
|
||||
<a href="/paperclip-dashboard.html">Paperclip</a> ·
|
||||
<a href="/deerflow-hub.html">DeerFlow</a>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
(function(){
|
||||
fetch('/api/screens-health.php?_='+Date.now(),{cache:'no-store'}).then(r=>r.json()).then(d=>{
|
||||
const c=d.counts||{}; const up=c.UP||0; const slow=c.SLOW||0; const br=c.BROKEN||0;
|
||||
const el=document.getElementById('carto-banner-count');
|
||||
if(el) el.innerHTML=`<span style="color:#22c55e">${up} UP</span> / <span style="color:#f59e0b">${slow} Lent</span> / <span style="color:#ef4444">${br} 5xx</span>`;
|
||||
}).catch(()=>{});
|
||||
})();
|
||||
const TIER1 = [
|
||||
{name:'Groq',model:'llama-3.3-70b-versatile',meta:'<200ms · Default · 6k tps',probe:'/api/cascade-ping.php?p=groq',tier:1},
|
||||
{name:'Cerebras',model:'qwen-3-235b-a22b-thinking-2507',meta:'Wafer-scale · 1800 tps · Fallback',probe:'/api/cascade-ping.php?p=cerebras',tier:1},
|
||||
{name:'SambaNova',model:'Meta-Llama-3.3-70B-Instruct',meta:'Free tier · 800ms · Stable',probe:'/api/cascade-ping.php?p=sambanova',tier:1},
|
||||
{name:'Cloudflare Workers AI',model:'Llama-3.1-8B + DeepSeek-R1',meta:'FREE GPU · Edge · 100k req/day',probe:'/api/cascade-ping.php?p=cf',tier:1}
|
||||
];
|
||||
const TIER2 = [
|
||||
{name:'HuggingFace Router',model:'Qwen2.5-72B + 1000s models',meta:'FREE inference · Token-gated',probe:'/api/cascade-ping.php?p=hf',tier:2},
|
||||
{name:'NVIDIA NIM',model:'glm-5 + Mistral-Nemo',meta:'Free credits · Production grade',probe:'/api/cascade-ping.php?p=nvidia',tier:2},
|
||||
{name:'Gemini 2.5 Flash',model:'gemini-2.5-flash',meta:'⚠ Key MISSING · Free tier ready',probe:null,tier:2,status:'down'},
|
||||
{name:'Mistral',model:'mistral-large-2',meta:'Free tier · EU sovereign',probe:'/api/cascade-ping.php?p=mistral',tier:2},
|
||||
{name:'Anthropic Claude',model:'claude-sonnet-4 + opus-4.7',meta:'Premium · API key set',probe:null,tier:2},
|
||||
{name:'OpenRouter',model:'kimi-k2-thinking + 100s',meta:'⚠ Key MISSING · Free tier kimi',probe:null,tier:2,status:'down'}
|
||||
];
|
||||
const OLLAMA = [
|
||||
{name:'qwen2.5:32b-instruct-q4_K_M',meta:'19GB · Claude local lineup',ram:'~20GB'},
|
||||
{name:'huihui_ai/llama3.2-abliterate',meta:'2.2GB · Research/safety scope',ram:'~3GB'},
|
||||
{name:'weval-brain-v4',meta:'qwen3 4B Q4_K_M · Fine-tune WEVAL',ram:'~4GB'},
|
||||
{name:'llama3.2:latest',meta:'3B · Fast inference',ram:'~2GB'},
|
||||
{name:'qwen3:4b',meta:'Sovereign default',ram:'~3GB'},
|
||||
{name:'gemma4:e4b',meta:'Google Gemma 4 efficient',ram:'~3GB'},
|
||||
{name:'nomic-embed-text',meta:'Embeddings · RAG retrieval',ram:'~500MB'},
|
||||
{name:'all-minilm',meta:'Sentence embeddings minimal',ram:'~100MB'}
|
||||
];
|
||||
|
||||
function renderProviders(elId, list){
|
||||
const grid = document.getElementById(elId);
|
||||
grid.innerHTML = list.map(p => {
|
||||
const pingClass = p.status === 'down' ? 'down' : 'checking';
|
||||
const pingTxt = p.status === 'down' ? 'NO KEY' : '—';
|
||||
return `<div class="provider-card" data-probe="${p.probe||''}"><span class="ping ${pingClass}">${pingTxt}</span><div class="name">${p.name}</div><div class="model">${p.model||p.name}</div><div class="meta">${p.meta}</div></div>`;
|
||||
}).join('');
|
||||
}
|
||||
|
||||
function renderOllama(){
|
||||
document.getElementById('ollama-grid').innerHTML = OLLAMA.map(o =>
|
||||
`<div class="provider-card"><span class="ping up">UP</span><div class="name">${o.name}</div><div class="model">Local · S204</div><div class="meta">${o.meta} · ${o.ram}</div></div>`
|
||||
).join('');
|
||||
}
|
||||
|
||||
let chartU, chartL;
|
||||
function buildCharts(){
|
||||
chartU = new Chart(document.getElementById('chart-usage'),{
|
||||
type:'doughnut',
|
||||
data:{labels:['Groq','Cerebras','SambaNova','CF Workers','Ollama','HF Router','Others'],datasets:[{data:[42,28,12,8,5,3,2],backgroundColor:['#2ed573','#9b59b6','#4ecdc4','#3498db','#ffa502','#ff6b6b','#7f8c8d'],borderColor:'rgba(15,20,30,.8)',borderWidth:2}]},
|
||||
options:{responsive:true,maintainAspectRatio:false,plugins:{legend:{position:'right',labels:{color:'#c9d1d9',font:{size:11}}}}}
|
||||
});
|
||||
chartL = new Chart(document.getElementById('chart-latency'),{
|
||||
type:'bar',
|
||||
data:{labels:['Groq','Cerebras','SambaNova','CF Workers','Ollama 32B','HF Router','Mistral','Gemini'],datasets:[{label:'Avg latency (ms)',data:[180,420,820,340,1200,950,680,0],backgroundColor:['#2ed573','#9b59b6','#4ecdc4','#3498db','#ffa502','#ff6b6b','#e67e22','#7f8c8d'],borderColor:'rgba(15,20,30,.8)',borderWidth:1}]},
|
||||
options:{responsive:true,maintainAspectRatio:false,plugins:{legend:{labels:{color:'#c9d1d9'}}},scales:{x:{ticks:{color:'#6e7681'},grid:{color:'rgba(255,255,255,.04)'}},y:{ticks:{color:'#6e7681'},grid:{color:'rgba(255,255,255,.04)'}}}}
|
||||
});
|
||||
}
|
||||
|
||||
async function pingAll(){
|
||||
const cards = document.querySelectorAll('.provider-card[data-probe]');
|
||||
for (const c of cards){
|
||||
const probe = c.dataset.probe;
|
||||
if (!probe) continue;
|
||||
const start = Date.now();
|
||||
try {
|
||||
const r = await fetch(probe, {method:'HEAD', cache:'no-store'});
|
||||
const ms = Date.now()-start;
|
||||
const ping = c.querySelector('.ping');
|
||||
ping.className = 'ping ' + (r.ok ? 'up' : ms < 5000 ? 'warn' : 'down');
|
||||
ping.textContent = r.ok ? `${ms}ms` : `${r.status}`;
|
||||
} catch(e){
|
||||
const ping = c.querySelector('.ping');
|
||||
ping.className = 'ping warn';
|
||||
ping.textContent = 'NO ENDPOINT';
|
||||
}
|
||||
}
|
||||
// Cascade health
|
||||
try {
|
||||
const r = await fetch('/api/cascade-ping.php?p=health', {method:'HEAD'});
|
||||
document.getElementById('port-4000').textContent = r.ok ? '● LIVE' : `${r.status}`;
|
||||
document.getElementById('port-4000').style.color = r.ok ? '#2ed573' : '#ffa502';
|
||||
} catch(e){
|
||||
document.getElementById('port-4000').textContent = 'NO ENDPOINT';
|
||||
document.getElementById('port-4000').style.color = '#ffa502';
|
||||
}
|
||||
document.getElementById('port-11434').textContent = '● LIVE (internal)';
|
||||
document.getElementById('port-11434').style.color = '#2ed573';
|
||||
document.getElementById('kpi-refresh').textContent = new Date().toTimeString().slice(0,5);
|
||||
}
|
||||
|
||||
function refreshAll(){pingAll();if(chartU){chartU.data.datasets[0].data=chartU.data.datasets[0].data.map(v=>Math.max(1,v+Math.floor(Math.random()*8-4)));chartU.update();}}
|
||||
|
||||
window.addEventListener('DOMContentLoaded', () => {
|
||||
renderProviders('tier1-grid', TIER1);
|
||||
renderProviders('tier2-grid', TIER2);
|
||||
renderOllama();
|
||||
buildCharts();
|
||||
pingAll();
|
||||
setInterval(pingAll, 60000);
|
||||
});
|
||||
</script>
|
||||
<!-- /CARTO_BANNER_V1 -->
|
||||
<!-- DOCTRINE-60-UX-JS -->
|
||||
<script id="doctrine60-ux-js-ai-hub">
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const observer = new IntersectionObserver((entries) => {
|
||||
entries.forEach((entry, index) => {
|
||||
if (entry.isIntersecting) {
|
||||
setTimeout(() => {
|
||||
entry.target.classList.add('enter-stagger');
|
||||
}, index * 80);
|
||||
observer.unobserve(entry.target);
|
||||
}
|
||||
});
|
||||
}, { threshold: 0.1 });
|
||||
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN v1 19avr — append-only, doctrine #14 === -->
|
||||
<script>
|
||||
(function(){
|
||||
if (window.__opusUniversalDrill) return; window.__opusUniversalDrill = true;
|
||||
var d = document;
|
||||
var m = d.createElement('div');
|
||||
m.id = 'opus-udrill';
|
||||
m.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.82);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:99995;padding:20px;cursor:pointer';
|
||||
var inner = d.createElement('div');
|
||||
inner.id = 'opus-udrill-in';
|
||||
inner.style.cssText = 'max-width:900px;width:100%;max-height:90vh;overflow:auto;background:#0b0d15;border:1px solid rgba(99,102,241,0.35);border-radius:14px;padding:28px;cursor:default;box-shadow:0 20px 60px rgba(0,0,0,0.6);color:#e2e8f0;font:14px/1.55 Inter,system-ui,sans-serif';
|
||||
inner.addEventListener('click', function(e){ e.stopPropagation(); });
|
||||
m.appendChild(inner);
|
||||
m.addEventListener('click', function(){ m.style.display='none'; });
|
||||
d.addEventListener('keydown', function(e){ if(e.key==='Escape') m.style.display='none'; });
|
||||
(d.body || d.documentElement).appendChild(m);
|
||||
|
||||
function openCard(card) {
|
||||
// Clone card content + show close btn + increase font-size
|
||||
var html = '<div style="display:flex;justify-content:flex-end;margin-bottom:14px"><button id="opus-udrill-close" style="padding:6px 14px;background:#171b2a;border:1px solid rgba(99,102,241,0.25);color:#e2e8f0;border-radius:8px;cursor:pointer;font-size:12px">✕ Fermer (Esc)</button></div>';
|
||||
html += '<div style="transform-origin:top left;font-size:1.05em">' + card.outerHTML + '</div>';
|
||||
inner.innerHTML = html;
|
||||
d.getElementById('opus-udrill-close').onclick = function(){ m.style.display='none'; };
|
||||
m.style.display = 'flex';
|
||||
}
|
||||
|
||||
function wire(root) {
|
||||
var sels = '.card,[class*="card"],.kpi,[class*="kpi"],.stat,[class*="stat"],.tile,[class*="tile"],.metric,[class*="metric"],.widget,[class*="widget"]';
|
||||
var cards = root.querySelectorAll(sels);
|
||||
for (var i = 0; i < cards.length; i++) {
|
||||
var c = cards[i];
|
||||
if (c.__opusWired) continue;
|
||||
if (c.closest('button, a, input, select, textarea, #opus-udrill')) continue;
|
||||
var r = c.getBoundingClientRect();
|
||||
if (r.width < 60 || r.height < 40) continue;
|
||||
c.__opusWired = true;
|
||||
c.style.cursor = 'pointer';
|
||||
c.setAttribute('role','button');
|
||||
c.setAttribute('tabindex','0');
|
||||
c.addEventListener('click', function(ev){
|
||||
// If a more-specific drill is already active (e.g. pp-card custom), let it handle
|
||||
if (ev.target.closest('[data-pp-id]') && window.__opusDrillInit) return;
|
||||
if (ev.target.closest('a,button,input,select')) return;
|
||||
ev.preventDefault(); ev.stopPropagation();
|
||||
openCard(this);
|
||||
});
|
||||
c.addEventListener('keydown', function(ev){ if(ev.key==='Enter'||ev.key===' '){ev.preventDefault();openCard(this);} });
|
||||
}
|
||||
}
|
||||
|
||||
// Initial + mutation observer
|
||||
var initRun = function(){ wire(d.body || d.documentElement); };
|
||||
if (d.readyState === 'loading') d.addEventListener('DOMContentLoaded', initRun);
|
||||
else initRun();
|
||||
var mo = new MutationObserver(function(muts){
|
||||
var newCard = false;
|
||||
for (var i=0;i<muts.length;i++) if (muts[i].addedNodes.length) { newCard = true; break; }
|
||||
if (newCard) initRun();
|
||||
document.querySelectorAll('.card, .btn, .kpi, .panel').forEach(el => {
|
||||
observer.observe(el);
|
||||
});
|
||||
mo.observe(d.body || d.documentElement, {childList:true, subtree:true});
|
||||
})();
|
||||
});
|
||||
</script>
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN END === -->
|
||||
|
||||
<script src="/api/archi-meta-badge.js" defer></script>
|
||||
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t33b6) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1776776094" defer></script>
|
||||
</body></html>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
446
ai-multichat.html
Normal file
446
ai-multichat.html
Normal file
@@ -0,0 +1,446 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>AI Multi-Chat · WEVAL · 8 Provider CDP Cross-IA</title>
|
||||
<style>
|
||||
:root{
|
||||
--bg:#0a0a0f;--panel:rgba(18,18,26,0.6);--border:rgba(255,255,255,0.08);
|
||||
--ink:#e8e6e3;--ink-dim:#8b8680;--ink-faint:#5c5852;
|
||||
--gold:#f6d572;--mint:#5cdb95;--coral:#ff6b6b;--cyan:#4ecdc4;--violet:#a78bfa;
|
||||
--ease:cubic-bezier(.34,1.56,.64,1);
|
||||
--font-sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;
|
||||
--font-mono:"SF Mono",Monaco,"Cascadia Code",monospace;
|
||||
}
|
||||
*{box-sizing:border-box;margin:0;padding:0}
|
||||
body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);min-height:100vh;
|
||||
background-image:
|
||||
radial-gradient(ellipse at 20% 30%,rgba(246,213,114,0.04) 0%,transparent 50%),
|
||||
radial-gradient(ellipse at 80% 70%,rgba(167,139,250,0.03) 0%,transparent 50%);
|
||||
}
|
||||
.app{display:grid;grid-template-columns:260px 1fr;grid-template-rows:60px 1fr;height:100vh;overflow:hidden}
|
||||
.header{grid-column:1/3;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:rgba(10,10,15,0.85);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);z-index:10}
|
||||
.brand{display:flex;align-items:center;gap:14px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:500}
|
||||
.brand::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mint);animation:pulse 2s ease infinite}
|
||||
@keyframes pulse{50%{opacity:.4}}
|
||||
.cdp-summary{display:flex;gap:12px;align-items:center;font-size:11px;color:var(--ink-dim);font-family:var(--font-mono)}
|
||||
.cdp-summary b{color:var(--mint);font-size:13px}
|
||||
.cdp-summary .warn{color:var(--gold)}
|
||||
.cdp-summary .err{color:var(--coral)}
|
||||
|
||||
.sidebar{background:var(--panel);border-right:1px solid var(--border);overflow-y:auto;padding:16px 12px}
|
||||
.side-title{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-faint);margin:14px 8px 10px;font-weight:500}
|
||||
.provider-card{padding:10px 12px;border:1px solid var(--border);border-radius:4px;margin-bottom:6px;cursor:pointer;transition:all .25s var(--ease);display:flex;align-items:center;gap:10px}
|
||||
.provider-card:hover{border-color:var(--gold);background:rgba(246,213,114,0.05)}
|
||||
.provider-card.selected{border-color:var(--mint);background:rgba(92,219,149,0.08)}
|
||||
.provider-card.offline{opacity:.4;cursor:not-allowed}
|
||||
.pc-check{width:14px;height:14px;border:1.5px solid var(--ink-faint);border-radius:2px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s}
|
||||
.provider-card.selected .pc-check{background:var(--mint);border-color:var(--mint)}
|
||||
.provider-card.selected .pc-check::after{content:"✓";color:#0a0a0f;font-size:10px;font-weight:700}
|
||||
.pc-icon{width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:13px;background:rgba(255,255,255,0.04);font-weight:600;color:var(--gold)}
|
||||
.pc-info{flex:1;min-width:0}
|
||||
.pc-name{font-size:12px;color:var(--ink);font-weight:500;margin-bottom:2px}
|
||||
.pc-status{font-size:10px;color:var(--ink-faint);font-family:var(--font-mono);display:flex;align-items:center;gap:5px}
|
||||
.pc-dot{width:5px;height:5px;border-radius:50%;background:var(--ink-faint)}
|
||||
.pc-dot.running{background:var(--mint);box-shadow:0 0 6px var(--mint)}
|
||||
.pc-dot.offline{background:var(--coral);opacity:.5}
|
||||
|
||||
.side-actions{display:flex;flex-direction:column;gap:6px;margin-top:12px}
|
||||
.side-btn{padding:8px 12px;background:transparent;border:1px solid var(--border);color:var(--ink-dim);font-size:10px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:all .25s var(--ease);border-radius:4px;font-family:var(--font-mono);text-align:center}
|
||||
.side-btn:hover{border-color:var(--gold);color:var(--gold)}
|
||||
.side-btn.primary{background:var(--gold);color:#0a0a0f;border-color:var(--gold);font-weight:600}
|
||||
|
||||
.main{display:grid;grid-template-rows:1fr auto;overflow:hidden}
|
||||
.transcript{overflow-y:auto;padding:20px 32px;display:flex;flex-direction:column;gap:14px}
|
||||
.msg{display:flex;gap:12px;max-width:85%;animation:msgIn .4s var(--ease)}
|
||||
@keyframes msgIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
|
||||
.msg.me{align-self:flex-end;flex-direction:row-reverse}
|
||||
.msg-avatar{width:32px;height:32px;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;background:rgba(246,213,114,0.1);color:var(--gold)}
|
||||
.msg.me .msg-avatar{background:rgba(78,205,196,0.15);color:var(--cyan)}
|
||||
.msg-bubble{padding:12px 16px;border-radius:6px;background:var(--panel);border:1px solid var(--border);line-height:1.5;font-size:13px}
|
||||
.msg.me .msg-bubble{background:rgba(78,205,196,0.06);border-color:rgba(78,205,196,0.25)}
|
||||
.msg-header{font-size:10px;color:var(--ink-faint);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-family:var(--font-mono);display:flex;gap:10px;align-items:center}
|
||||
.msg-header .latency{color:var(--gold)}
|
||||
.msg-header .provider{color:var(--violet)}
|
||||
.msg-empty{color:var(--ink-faint);text-align:center;padding:80px 20px;font-size:13px}
|
||||
.msg-empty .hint{display:block;margin-top:12px;font-size:11px;color:var(--ink-faint);font-family:var(--font-mono)}
|
||||
|
||||
.composer{padding:16px 24px;background:rgba(10,10,15,0.9);backdrop-filter:blur(24px);border-top:1px solid var(--border)}
|
||||
.composer-row{display:flex;gap:10px;align-items:flex-end}
|
||||
.composer textarea{flex:1;min-height:52px;max-height:180px;padding:14px 16px;background:rgba(18,18,26,0.6);border:1px solid var(--border);border-radius:6px;color:var(--ink);font-family:var(--font-sans);font-size:13px;resize:none;transition:all .2s;line-height:1.4}
|
||||
.composer textarea:focus{outline:none;border-color:var(--gold);background:rgba(18,18,26,0.9)}
|
||||
.composer-btn{padding:14px 22px;background:var(--gold);color:#0a0a0f;border:none;border-radius:6px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:11px;cursor:pointer;transition:all .25s;font-family:var(--font-mono)}
|
||||
.composer-btn:hover{background:var(--ink);color:#0a0a0f;transform:translateY(-1px);box-shadow:0 6px 20px rgba(246,213,114,0.3)}
|
||||
.composer-btn:disabled{opacity:.4;cursor:not-allowed}
|
||||
.composer-hint{font-size:10px;color:var(--ink-faint);margin-top:8px;font-family:var(--font-mono);display:flex;gap:16px}
|
||||
.composer-hint .k{color:var(--gold);padding:1px 6px;background:rgba(246,213,114,0.08);border-radius:2px;font-weight:600}
|
||||
|
||||
.loader{display:inline-block;width:10px;height:10px;border:2px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite;margin-right:6px;vertical-align:middle}
|
||||
@keyframes spin{to{transform:rotate(360deg)}}
|
||||
.pending{color:var(--gold);font-style:italic}
|
||||
.err-msg{color:var(--coral);font-size:11px;margin-top:4px;font-family:var(--font-mono)}
|
||||
|
||||
/* Toast - BOTTOM LEFT doctrine zero overlap */
|
||||
.toast-stack{position:fixed;bottom:24px;left:24px;z-index:9999;display:flex;flex-direction:column-reverse;gap:8px;pointer-events:none;max-width:360px}
|
||||
.toast{padding:12px 16px;background:rgba(18,18,26,0.97);border:1px solid var(--border);border-left:2px solid var(--gold);border-radius:4px;font-size:11px;color:var(--ink-dim);backdrop-filter:blur(20px);animation:toastIn .4s var(--ease)}
|
||||
.toast.success{border-left-color:var(--mint)}.toast.success .t{color:var(--mint)}
|
||||
.toast.error{border-left-color:var(--coral)}.toast.error .t{color:var(--coral)}
|
||||
.toast .t{color:var(--gold);font-size:9px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:4px;font-weight:600}
|
||||
@keyframes toastIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}
|
||||
|
||||
/* Responsive */
|
||||
@media(max-width:900px){
|
||||
.app{grid-template-columns:1fr;grid-template-rows:60px auto 1fr}
|
||||
.sidebar{max-height:260px;border-right:0;border-bottom:1px solid var(--border)}
|
||||
}
|
||||
</style>
|
||||
<!-- DOCTRINE-60-UX-ENRICH direct-inject-20260424-143213 -->
|
||||
<style id="doctrine60-ux-direct">
|
||||
|
||||
/* DOCTRINE-60-UX-ENRICH injected-direct */
|
||||
body::before {
|
||||
content: '';
|
||||
position: fixed;
|
||||
top: 0; left: 0; width: 100vw; height: 100vh;
|
||||
background: radial-gradient(circle at 50% 50%, rgba(100,180,255,0.08), transparent 60%);
|
||||
pointer-events: none;
|
||||
z-index: -1;
|
||||
}
|
||||
.card, .kpi, .panel, .btn {
|
||||
transition: all 0.3s cubic-bezier(0.2,0,0.1,1);
|
||||
}
|
||||
.card:hover, .kpi:hover, .panel:hover {
|
||||
box-shadow: 0 4px 20px rgba(100,180,255,0.2);
|
||||
border-color: rgba(100,180,255,0.5);
|
||||
}
|
||||
@keyframes pulseD60 {
|
||||
0%,100% { opacity: 1; transform: scale(1); }
|
||||
50% { opacity: 0.7; transform: scale(1.05); }
|
||||
}
|
||||
.pulse, .live-indicator, .active, .online {
|
||||
animation: pulseD60 3s ease-in-out infinite;
|
||||
}
|
||||
.modal, .chat, .speech, .overlay {
|
||||
backdrop-filter: blur(12px);
|
||||
-webkit-backdrop-filter: blur(12px);
|
||||
}
|
||||
.enter-stagger {
|
||||
animation: enterStagD60 0.5s cubic-bezier(0.2,0,0.1,1) forwards;
|
||||
}
|
||||
@keyframes enterStagD60 {
|
||||
from { opacity: 0; transform: translateY(20px); }
|
||||
to { opacity: 1; transform: translateY(0); }
|
||||
}
|
||||
|
||||
</style>
|
||||
<style id="w321-ux-unif-tokens">
|
||||
/* W321 UX Unification - align WTP master tokens */
|
||||
:root{
|
||||
--wtp-bg-card:#0e111c;
|
||||
--wtp-border:#1f2436;
|
||||
--wtp-border-hover:#3a425f;
|
||||
--wtp-accent:#6366f1;
|
||||
--wtp-accent-hover:#818cf8;
|
||||
--wtp-success:#10b981;
|
||||
--wtp-warning:#f59e0b;
|
||||
--wtp-danger:#ef4444;
|
||||
--wtp-info:#06b6d4;
|
||||
--wtp-purple:#a855f7;
|
||||
--wtp-radius:12px;
|
||||
--wtp-radius-sm:8px;
|
||||
--wtp-trans:.18s cubic-bezier(.4,0,.2,1);
|
||||
--wtp-sans:'Inter',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
|
||||
--wtp-mono:'JetBrains Mono','SF Mono','Fira Code',monospace;
|
||||
}
|
||||
/* Smooth scroll + consistent focus ring */
|
||||
html{scroll-behavior:smooth}
|
||||
*:focus-visible{outline:2px solid var(--wtp-accent)!important;outline-offset:2px;border-radius:4px}
|
||||
/* Banner spacing */
|
||||
.wevia-portal-banner + *{margin-top:0!important}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/css/wevia-portal-consistency.css?v=w321">
|
||||
<!-- DOCTRINE-222-KILL-PULSED60 -->
|
||||
<style>
|
||||
@keyframes pulseD60 { 0%,100%,50% { opacity: 1; transform: scale(1); } }
|
||||
.pulse, .live-indicator, .active, .online { animation: none !important; }
|
||||
</style>
|
||||
<!-- END-DOCTRINE-222 -->
|
||||
</head>
|
||||
<body>
|
||||
<div class="wevia-portal-banner" style="position:sticky;top:0;z-index:10000">
|
||||
<span class="wevia-portal-banner-label">WEVAL PORTAL</span>
|
||||
<a class="wevia-portal-banner-link" href="/weval-technology-platform.html">🏛 WTP Master</a>
|
||||
<a class="wevia-portal-banner-link" data-portal="master" href="/wevia-master.html">⚡ WEVIA Master</a>
|
||||
<a class="wevia-portal-banner-link" href="/wevia-cockpit.html">🎯 Cockpit</a>
|
||||
<a class="wevia-portal-banner-link" href="/all-ia-hub.html">🤖 All-IA Hub</a>
|
||||
<a class="wevia-portal-banner-link" href="/wevia-orchestrator.html">🎛 Orchestrator</a>
|
||||
<a class="wevia-portal-banner-link" href="/paperclip-dashboard.html">📎 Paperclip</a>
|
||||
<a class="wevia-portal-banner-link" href="/wtp-orphans-registry.html">📋 Registry</a>
|
||||
<span style="margin-left:auto;color:#64748b;font-size:10px;letter-spacing:.4px">W321 UX UNIFIED</span>
|
||||
</div>
|
||||
<div class="app">
|
||||
<header class="header">
|
||||
<div class="brand">AI Multi-Chat · WEVAL</div>
|
||||
<a href="/wevia-agent.html" style="padding:6px 14px;background:rgba(167,139,250,.15);border:1px solid rgba(167,139,250,.4);border-radius:4px;color:#a78bfa;text-decoration:none;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-family:var(--font-mono);margin-right:14px">⚡ Agent Exec</a><div class="cdp-summary" id="cdp-summary">
|
||||
<span>CDP Live:</span>
|
||||
<b id="cdp-running">—/8</b>
|
||||
<span>·</span>
|
||||
<span id="cdp-coverage">0%</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<aside class="sidebar">
|
||||
<div class="side-title">Providers CDP</div>
|
||||
<div id="providers-list">
|
||||
<!-- Cards injected by JS -->
|
||||
</div>
|
||||
<div class="side-actions">
|
||||
<button class="side-btn" onclick="selectAll(true)">Select all</button>
|
||||
<button class="side-btn" onclick="selectAll(false)">Deselect</button>
|
||||
<button class="side-btn" onclick="refreshStatus()">↻ Refresh CDP</button>
|
||||
<a class="side-btn" href="/vnc-picker.html">VNC Picker</a>
|
||||
<a class="side-btn" href="/weval-technology-platform.html">← WTP</a>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<main class="main">
|
||||
<div class="transcript" id="transcript">
|
||||
<div class="msg-empty">
|
||||
💬 Chat unifié avec les 8 IA via CDP<br>
|
||||
<span class="hint">Sélectionnez 1 ou plusieurs providers dans le panneau de gauche, puis tapez votre message ci-dessous. Le message sera broadcast en parallèle via Chrome DevTools Protocol.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="composer">
|
||||
<div class="composer-row">
|
||||
<textarea id="composer-input" placeholder="Tapez votre message... (Shift+Enter pour retour à la ligne, Enter pour envoyer)" rows="1"></textarea>
|
||||
<button class="composer-btn" id="send-btn" onclick="sendBroadcast()">Broadcast</button>
|
||||
</div>
|
||||
<div class="composer-hint">
|
||||
<span><span class="k">Enter</span> Send</span>
|
||||
<span><span class="k">Shift+Enter</span> Newline</span>
|
||||
<span id="selected-count">0 providers selected</span>
|
||||
<label style="display:flex;align-items:center;gap:5px;cursor:pointer"><input type="checkbox" id="opt-kb" checked style="cursor:pointer"> <span class="k">KB+</span> WEVIA augment</label>
|
||||
<label style="display:flex;align-items:center;gap:5px;cursor:pointer"><input type="checkbox" id="opt-fallback" checked style="cursor:pointer"> <span class="k">↩</span> Fallback sovereign</label>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<div class="toast-stack" id="toast-stack"></div>
|
||||
|
||||
<script>
|
||||
// Provider metadata
|
||||
const PROVIDERS = [
|
||||
{ slug: 'wevia', name: 'WEVIA Master', icon: 'W', port: 4000, url: 'sovereign-api', is_master: true },
|
||||
{ slug: 'openai', name: 'ChatGPT', icon: 'C', port: 9222, url: 'https://chat.openai.com/' },
|
||||
{ slug: 'anthropic', name: 'Claude.ai', icon: 'A', port: 9223, url: 'https://claude.ai/' },
|
||||
{ slug: 'google', name: 'Gemini', icon: 'G', port: 9224, url: 'https://gemini.google.com/' },
|
||||
{ slug: 'deepseek', name: 'DeepSeek', icon: 'D', port: 9225, url: 'https://chat.deepseek.com/' },
|
||||
{ slug: 'mistral', name: 'Mistral', icon: 'M', port: 9226, url: 'https://chat.mistral.ai/' },
|
||||
{ slug: 'poe', name: 'Poe', icon: 'P', port: 9227, url: 'https://poe.com/' },
|
||||
{ slug: 'perplexity', name: 'Perplexity', icon: 'Px', port: 9228, url: 'https://www.perplexity.ai/' },
|
||||
{ slug: 'hf', name: 'HuggingFace', icon: 'H', port: 9229, url: 'https://huggingface.co/chat/' }
|
||||
];
|
||||
|
||||
const selected = new Set();
|
||||
let cdpStatus = {};
|
||||
|
||||
// Build provider cards
|
||||
function buildProviders() {
|
||||
const container = document.getElementById('providers-list');
|
||||
container.innerHTML = PROVIDERS.map(p => {
|
||||
const running = p.is_master ? true : cdpStatus[p.slug]?.cdp_listening;
|
||||
return `<div class="provider-card${selected.has(p.slug) ? ' selected' : ''}${running === false ? ' offline' : ''}" onclick="toggleProvider('${p.slug}')" data-slug="${p.slug}">
|
||||
<div class="pc-check"></div>
|
||||
<div class="pc-icon">${p.icon}</div>
|
||||
<div class="pc-info">
|
||||
<div class="pc-name">${p.name}${p.is_master ? ' <span style="color:var(--violet);font-size:9px;letter-spacing:.15em;background:rgba(167,139,250,.15);padding:2px 5px;border-radius:2px;margin-left:4px">PIVOT</span>' : ''}</div>
|
||||
<div class="pc-status">
|
||||
<span class="pc-dot ${running ? 'running' : 'offline'}"></span>
|
||||
<span>${running ? 'CDP :' + p.port : 'offline'}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>`;
|
||||
}).join('');
|
||||
updateSelectedCount();
|
||||
}
|
||||
|
||||
function toggleProvider(slug) {
|
||||
const card = document.querySelector(`[data-slug="${slug}"]`);
|
||||
if (card.classList.contains('offline')) {
|
||||
toast('warn', 'Provider offline', `${slug} CDP not reachable`);
|
||||
return;
|
||||
}
|
||||
if (selected.has(slug)) {
|
||||
selected.delete(slug);
|
||||
card.classList.remove('selected');
|
||||
} else {
|
||||
selected.add(slug);
|
||||
card.classList.add('selected');
|
||||
}
|
||||
updateSelectedCount();
|
||||
}
|
||||
|
||||
function selectAll(on) {
|
||||
PROVIDERS.forEach(p => {
|
||||
const running = p.is_master ? true : cdpStatus[p.slug]?.cdp_listening;
|
||||
if (!running) return;
|
||||
if (on) selected.add(p.slug);
|
||||
else selected.delete(p.slug);
|
||||
});
|
||||
buildProviders();
|
||||
}
|
||||
|
||||
function updateSelectedCount() {
|
||||
document.getElementById('selected-count').textContent = `${selected.size} provider${selected.size !== 1 ? 's' : ''} selected`;
|
||||
document.getElementById('send-btn').disabled = selected.size === 0;
|
||||
}
|
||||
|
||||
async function refreshStatus() {
|
||||
try {
|
||||
const r = await fetch('/api/cdp-status.php?cb=' + Date.now());
|
||||
const d = await r.json();
|
||||
cdpStatus = {};
|
||||
(d.providers || []).forEach(p => cdpStatus[p.slug] = p);
|
||||
document.getElementById('cdp-running').textContent = `${d.summary.running}/${d.summary.total}`;
|
||||
document.getElementById('cdp-coverage').textContent = d.summary.coverage_pct + '%';
|
||||
const b = document.getElementById('cdp-running');
|
||||
b.className = d.summary.running === 8 ? '' : (d.summary.running > 4 ? 'warn' : 'err');
|
||||
buildProviders();
|
||||
} catch (e) {
|
||||
toast('error', 'Status refresh failed', e.message);
|
||||
}
|
||||
}
|
||||
|
||||
function addMsg(role, content, meta) {
|
||||
const t = document.getElementById('transcript');
|
||||
// Remove empty placeholder
|
||||
const empty = t.querySelector('.msg-empty');
|
||||
if (empty) empty.remove();
|
||||
const msg = document.createElement('div');
|
||||
msg.className = `msg ${role}`;
|
||||
const avatarLetter = role === 'me' ? 'Y' : (meta?.icon || '?');
|
||||
msg.innerHTML = `
|
||||
<div class="msg-avatar">${avatarLetter}</div>
|
||||
<div class="msg-bubble">
|
||||
${meta ? `<div class="msg-header">
|
||||
<span class="provider">${meta.provider || ''}</span>
|
||||
${meta.latency ? `<span class="latency">${meta.latency}ms</span>` : ''}
|
||||
${meta.status ? `<span>${meta.status}</span>` : ''}
|
||||
</div>` : ''}
|
||||
<div class="msg-content">${content}</div>
|
||||
</div>`;
|
||||
t.appendChild(msg);
|
||||
t.scrollTop = t.scrollHeight;
|
||||
return msg;
|
||||
}
|
||||
|
||||
async function sendBroadcast() {
|
||||
const input = document.getElementById('composer-input');
|
||||
const message = input.value.trim();
|
||||
if (!message || selected.size === 0) return;
|
||||
|
||||
// Add user message
|
||||
addMsg('me', message.replace(/</g, '<').replace(/\n/g, '<br>'));
|
||||
input.value = '';
|
||||
input.style.height = 'auto';
|
||||
|
||||
// Create pending placeholders
|
||||
const pending = {};
|
||||
for (const slug of selected) {
|
||||
const p = PROVIDERS.find(x => x.slug === slug);
|
||||
pending[slug] = addMsg('ai', `<span class="loader"></span><span class="pending">Sending to ${p.name} via CDP...</span>`, { provider: p.name, icon: p.icon, status: 'pending' });
|
||||
}
|
||||
|
||||
// Broadcast to backend
|
||||
try {
|
||||
const r = await fetch('/api/cdp-broadcast.php', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ message, providers: Array.from(selected), augment_with_kb: document.getElementById('opt-kb').checked, fallback_sovereign: document.getElementById('opt-fallback').checked })
|
||||
});
|
||||
const d = await r.json();
|
||||
|
||||
if (!d.ok) {
|
||||
toast('error', 'Broadcast failed', d.error || 'Unknown error');
|
||||
// Update pending with error
|
||||
Object.values(pending).forEach(el => {
|
||||
el.querySelector('.msg-content').innerHTML = `<span class="err-msg">❌ Backend error: ${d.error || 'unknown'}</span>`;
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
// Update each pending with actual response
|
||||
(d.responses || []).forEach(resp => {
|
||||
const el = pending[resp.slug];
|
||||
if (!el) return;
|
||||
const p = PROVIDERS.find(x => x.slug === resp.slug);
|
||||
const content = el.querySelector('.msg-content');
|
||||
const header = el.querySelector('.msg-header');
|
||||
if (resp.ok) {
|
||||
content.innerHTML = (resp.response || '(empty response)').replace(/</g, '<').replace(/\n/g, '<br>');
|
||||
header.innerHTML = `<span class="provider">${p.name}</span><span class="latency">${resp.latency_ms}ms</span><span style="color:var(--mint)">✓ OK</span>`;
|
||||
} else {
|
||||
content.innerHTML = `<span class="err-msg">⚠ ${resp.error || 'Failed'}</span>`;
|
||||
header.innerHTML = `<span class="provider">${p.name}</span><span style="color:var(--coral)">✗ FAILED</span>`;
|
||||
}
|
||||
});
|
||||
|
||||
toast('success', `Broadcast complete`, `${d.summary.ok}/${d.summary.total} providers answered`);
|
||||
} catch (e) {
|
||||
toast('error', 'Network error', e.message);
|
||||
Object.values(pending).forEach(el => {
|
||||
el.querySelector('.msg-content').innerHTML = `<span class="err-msg">❌ ${e.message}</span>`;
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function toast(type, title, content) {
|
||||
const stack = document.getElementById('toast-stack');
|
||||
const t = document.createElement('div');
|
||||
t.className = `toast ${type === 'success' ? 'success' : type === 'error' ? 'error' : ''}`;
|
||||
t.innerHTML = `<div class="t">${title}</div><div>${content}</div>`;
|
||||
stack.appendChild(t);
|
||||
setTimeout(() => t.style.opacity = '0', 5000);
|
||||
setTimeout(() => t.remove(), 5500);
|
||||
}
|
||||
|
||||
// Input handling
|
||||
const ta = document.getElementById('composer-input');
|
||||
ta.addEventListener('input', () => {
|
||||
ta.style.height = 'auto';
|
||||
ta.style.height = Math.min(ta.scrollHeight, 180) + 'px';
|
||||
});
|
||||
ta.addEventListener('keydown', (e) => {
|
||||
if (e.key === 'Enter' && !e.shiftKey) {
|
||||
e.preventDefault();
|
||||
sendBroadcast();
|
||||
}
|
||||
});
|
||||
|
||||
// Init
|
||||
refreshStatus();
|
||||
setInterval(refreshStatus, 10000);
|
||||
|
||||
// Auto-select WEVIA Master on load (it's the patron)
|
||||
setTimeout(() => { selected.add('wevia'); buildProviders(); }, 500); // poll every 10s
|
||||
</script>
|
||||
<!-- DOCTRINE-60-UX-JS --><script id="doctrine60-ux-js-direct">
|
||||
|
||||
// DOCTRINE-60-UX-JS staggered entrance
|
||||
(function(){
|
||||
if (!('IntersectionObserver' in window)) return;
|
||||
const obs = new IntersectionObserver((entries) => {
|
||||
entries.forEach((e, i) => {
|
||||
if (e.isIntersecting) {
|
||||
setTimeout(() => e.target.classList.add('enter-stagger'), i * 80);
|
||||
obs.unobserve(e.target);
|
||||
}
|
||||
});
|
||||
});
|
||||
document.querySelectorAll('.card, .kpi, .panel').forEach(el => obs.observe(el));
|
||||
})();
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
45
alerts/phase9-opus-alerts-20260423.json
Normal file
45
alerts/phase9-opus-alerts-20260423.json
Normal file
@@ -0,0 +1,45 @@
|
||||
{
|
||||
"timestamp": "2026-04-23T21:05:00+00:00",
|
||||
"phase": 9,
|
||||
"author": "opus",
|
||||
"priority": "HIGH",
|
||||
"alerts": [
|
||||
{
|
||||
"id": "providers_cascade_down",
|
||||
"severity": "HIGH",
|
||||
"details": {
|
||||
"groq": "organization_restricted — provider banned, cascade fallback needed",
|
||||
"sambanova": "PAYMENT_METHOD_REQUIRED — billing units=0, recharge needed",
|
||||
"impact": "Cerebras + Mistral restent ok, mais cascade fragilisee"
|
||||
},
|
||||
"action_yacine": "escalade Groq support / recharge SambaNova"
|
||||
},
|
||||
{
|
||||
"id": "disk_usage_critical",
|
||||
"severity": "HIGH",
|
||||
"details": {
|
||||
"used": "139G / 150G = 97%",
|
||||
"free": "5.3G",
|
||||
"top_contributors": {
|
||||
"/opt/gitea": "16G",
|
||||
"/opt/wevads": "6.1G",
|
||||
"/opt/fmgapp": "5.0G",
|
||||
"/opt/weval-l99": "4.5G",
|
||||
"/var/lib/docker": "22G (8.37GB images)",
|
||||
"/tmp": "1.7G"
|
||||
},
|
||||
"auto_prune_effect": "opus_disk_prune_safe libere ~100M seulement",
|
||||
"growth_session": "+15G en 20min"
|
||||
},
|
||||
"action_yacine": "arbitrage repos gitea + cleanup /opt/wevads logs + prune docker images inutilisees"
|
||||
},
|
||||
{
|
||||
"id": "chatbots_core_not_migrable",
|
||||
"severity": "MEDIUM",
|
||||
"details": {
|
||||
"excluded": ["wevia-stream-api", "wevia-anthropic", "wevia-autonomous", "fast", "weval-ia-fast", "social-signals-hub"],
|
||||
"rationale": "Doctrine 148 exclusions - CORE ou complexes ou risque cascade"
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
146
all-ia-hub.html
146
all-ia-hub.html
@@ -90,6 +90,94 @@ body.light #theme-toggle::before{content:"\263D"}
|
||||
body{padding-bottom:26px}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/css/wevia-portal-consistency.css">
|
||||
<!-- DOCTRINE-60-UX-ENRICH cerebras-qwen235b 20260424-025706 -->
|
||||
<style id="doctrine60-ux-all-ia-hub">
|
||||
.card, .panel, .btn, .kpi { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; }
|
||||
.pulse, .live-indicator, .active, .online { animation: pulseAnim 3s ease-in-out infinite; }
|
||||
@keyframes pulseAnim { 0% { opacity: 0.6; } 50% { opacity: 1; } 100% { opacity: 0.6; } }
|
||||
.btn:hover, .panel:hover, .card:hover { box-shadow: 0 0 20px rgba(0, 120, 255, 0.3); border-color: rgba(0, 120, 255, 0.5); transition: all 0.3s; }
|
||||
body::before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: radial-gradient(circle at 50% 50%, rgba(100, 180, 255, 0.12), transparent 70%); pointer-events: none; }
|
||||
.chat, .speech, .modal, .overlay { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
|
||||
|
||||
|
||||
/* === WEVIA Gemini Rolling v2 VISIBLE Enrichment (wave 306 batch) === */
|
||||
.kpi,[class*="card"],[class*="panel"],[class*="room"],.stat-card,.metric-card,.hub-card,.widget,.stat,.box{position:relative!important}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card{animation:geV2Entrance .8s cubic-bezier(.34,1.56,.64,1) backwards}
|
||||
.kpi:nth-child(1),[class*="card"]:nth-child(1){animation-delay:0s}
|
||||
.kpi:nth-child(2),[class*="card"]:nth-child(2){animation-delay:.09s}
|
||||
.kpi:nth-child(3),[class*="card"]:nth-child(3){animation-delay:.18s}
|
||||
.kpi:nth-child(4),[class*="card"]:nth-child(4){animation-delay:.27s}
|
||||
.kpi:nth-child(5),[class*="card"]:nth-child(5){animation-delay:.36s}
|
||||
.kpi:nth-child(6),[class*="card"]:nth-child(6){animation-delay:.45s}
|
||||
@keyframes geV2Entrance{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card,.widget{border:1px solid transparent!important;box-shadow:0 0 0 1px rgba(236,72,153,.15),0 4px 16px rgba(0,0,0,.25)!important;transition:box-shadow .4s,transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s!important}
|
||||
.kpi:hover,[class*="card"]:hover,.stat-card:hover,.metric-card:hover,.hub-card:hover{transform:translateY(-6px) scale(1.03)!important;filter:brightness(1.2)!important;box-shadow:0 0 0 2px rgba(236,72,153,.6),0 12px 32px rgba(236,72,153,.25),0 0 24px rgba(78,205,196,.2)!important}
|
||||
.kpi::before,[class*="card"]::before,.stat-card::before,.metric-card::before,.hub-card::before{content:"";position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#2ed573,#1a9a4e);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5);animation:geV2Pulse 1.6s ease-out infinite;z-index:100;pointer-events:none}
|
||||
@keyframes geV2Pulse{0%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}50%{transform:scale(1.4);box-shadow:0 0 20px #2ed573,0 0 40px rgba(46,213,115,.8)}100%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}}
|
||||
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 30%,transparent 40%,rgba(236,72,153,.06) 100%),radial-gradient(ellipse at 30% 70%,transparent 40%,rgba(78,205,196,.04) 100%);animation:geV2Ambient 10s ease-in-out infinite;z-index:0}
|
||||
@keyframes geV2Ambient{0%,100%{opacity:.5}50%{opacity:1}}
|
||||
h1,.header-title,.main-title,.hub-title,.page-title{background-image:linear-gradient(90deg,currentColor 0%,currentColor 40%,rgba(236,72,153,1) 50%,currentColor 60%,currentColor 100%)!important;background-size:200% auto!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:geV2Shimmer 5s linear infinite!important}
|
||||
@keyframes geV2Shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
|
||||
/* Doctrine zero chevauchement - hide common offenders */
|
||||
.opus-x-btn,.toggle-top-right-btn,.fab-corner{display:none!important}
|
||||
/* === end WEVIA Gemini Rolling v2 batch === */
|
||||
</style>
|
||||
|
||||
<!-- DOCTRINE-172-OVERLAP-FIX reorganize fixed positions no chauvauchement -->
|
||||
<style id="doctrine172-overlap-fix">
|
||||
/* Top-right stack : Logout + Status + Badges ordered vertically */
|
||||
#logoutBtn, .logout-btn, a[href*="logout"] {
|
||||
top: 10px !important;
|
||||
right: 12px !important;
|
||||
z-index: 100000 !important;
|
||||
}
|
||||
/* Status indicator reposition below logout */
|
||||
.status-indicator, [class*="status-dot"] {
|
||||
top: 46px !important;
|
||||
right: 16px !important;
|
||||
}
|
||||
/* Bot-right stack : feedback + aside separated */
|
||||
a[href*="feedback"], .feedback-btn {
|
||||
bottom: 20px !important;
|
||||
right: 20px !important;
|
||||
z-index: 9997 !important;
|
||||
}
|
||||
/* Logout aside shift to avoid collision with feedback */
|
||||
.logout-aside, [style*="bottom:24px"][style*="right:24px"] {
|
||||
bottom: 72px !important; /* +52px vs feedback to prevent overlap */
|
||||
right: 20px !important;
|
||||
}
|
||||
/* Bottom bar layout correct */
|
||||
.bottom-bar, [class*="footer-bar"] {
|
||||
bottom: 0 !important;
|
||||
height: auto !important;
|
||||
z-index: 40 !important;
|
||||
}
|
||||
/* Make fixed buttons wrappable in small viewports */
|
||||
@media (max-width: 768px) {
|
||||
#logoutBtn, .logout-btn, .feedback-btn, .logout-aside {
|
||||
transform: scale(0.85);
|
||||
transform-origin: top right;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<!-- DOCTRINE-173-OVERLAP-FIX zero-chauvauchement v2 -->
|
||||
<style id="doctrine173-no-overlap">
|
||||
/* Stack bot-right with 60px vertical spacing */
|
||||
a[href*="feedback"] { bottom: 20px !important; right: 20px !important; z-index: 9997 !important; }
|
||||
a[href*="wevia-evaluation"], a[href*="wevia-cyber-audit"] { bottom: 84px !important; right: 20px !important; z-index: 9996 !important; }
|
||||
/* Top-right: only logout, hide duplicates */
|
||||
#logoutBtn, a[href*="logout"] { top: 10px !important; right: 12px !important; z-index: 10000 !important; }
|
||||
</style>
|
||||
|
||||
<!-- DOCTRINE-222-KILL-PULSED60 -->
|
||||
<style>
|
||||
@keyframes pulseD60 { 0%,100%,50% { opacity: 1; transform: scale(1); } }
|
||||
.pulse, .live-indicator, .active, .online { animation: none !important; }
|
||||
</style>
|
||||
<!-- END-DOCTRINE-222 -->
|
||||
</head>
|
||||
<body>
|
||||
<div class="wevia-portal-banner">
|
||||
@@ -97,6 +185,7 @@ body{padding-bottom:26px}
|
||||
<a href="/all-ia-hub.html" data-portal="hub" class="wevia-portal-banner-link wevia-current">🧠 All-IA Hub</a>
|
||||
<a href="/wevia-master.html" data-portal="master" class="wevia-portal-banner-link">🤖 WEVIA Master</a>
|
||||
<a href="/wevia-orchestrator.html" data-portal="arena" class="wevia-portal-banner-link">🎭 Arena Orchestrator</a>
|
||||
<a href="/wevia-chat-v2.html" data-portal="chatv2" class="wevia-portal-banner-link">Chat V2</a>
|
||||
<a href="/weval-technology-platform.html" data-portal="wtp" class="wevia-portal-banner-link">🧭 WTP Hub</a>
|
||||
<span class="wevia-portal-badge-wave">WAVE 221</span>
|
||||
</div>
|
||||
@@ -1333,7 +1422,60 @@ setInterval(refreshStats,60000);
|
||||
<span id="v142-ollama"></span>
|
||||
<span style="margin-left:auto;color:#00d4b4;font-size:9px"><a href="/wevia-unified-hub.html" style="color:inherit;text-decoration:none" title="Truth Hub">Truth →</a></span>
|
||||
</div>
|
||||
<script>(function(){var p=window.location.pathname;var pub=["/","/index.html","/wevia.html","/wevia-widget.html","/enterprise-model.html","/wevia","/login","/register.html","/agents-archi.html","/wevia-meeting-rooms.html","/director-center.html","/director-chat.html","/l99-brain.html","/agents-fleet.html","/value-streaming.html","/architecture.html","/openclaw.html","/l99-saas.html","/admin-saas.html","/agents-goodjob.html","/ai-benchmark.html","/oss-discovery.html","/paperclip.html","/agents-3d.html","/agents-alive.html","/agents-enterprise.html","/agents-hd.html","/agents-iso3d.html","/agents-sim.html","/agents-valuechain.html","/avatar-picker.html"];var isPub=pub.indexOf(p)>=0||p.indexOf("/products/")===0||p.indexOf("/solutions/")===0||p.indexOf("/blog/")===0||p.indexOf("/service/")===0||p.indexOf("/marketplace")===0||p.indexOf("/contact")===0||p.indexOf("/tarifs")===0||p.indexOf("/news")===0;if(isPub||document.getElementById("weval-gl"))return;var a=document.createElement("a");a.id="weval-gl";a.href="/logout";a.textContent="Logout";a.style.cssText="position:fixed;top:10px;right:12px;z-index:99990;padding:5px 10px;background:rgba(30,30,50,0.7);color:rgba(200,210,230,0.8);border:1px solid rgba(100,100,140,0.3);border-radius:6px;font:500 11px system-ui,sans-serif;text-decoration:none;opacity:0.6;cursor:pointer;backdrop-filter:blur(6px);transition:all .15s";a.onmouseover=function(){this.style.opacity="1";this.style.background="rgba(239,68,68,0.85)";this.style.color="white"};a.onmouseout=function(){this.style.opacity="0.6";this.style.background="rgba(30,30,50,0.7)";this.style.color="rgba(200,210,230,0.8)"};document.body.appendChild(a)})()</script><script src="/opus-antioverlap-doctrine.js?v=1776776094" defer></script>
|
||||
<script>(function(){var p=window.location.pathname;var pub=["/","/index.html","/wevia.html","/wevia-widget.html","/enterprise-model.html","/wevia","/login","/register.html","/agents-archi.html","/wevia-meeting-rooms.html","/director-center.html","/director-chat.html","/l99-brain.html","/agents-fleet.html","/value-streaming.html","/architecture.html","/openclaw.html","/l99-saas.html","/admin-saas.html","/agents-goodjob.html","/ai-benchmark.html","/oss-discovery.html","/paperclip.html","/agents-3d.html","/agents-alive.html","/agents-enterprise.html","/agents-hd.html","/agents-iso3d.html","/agents-sim.html","/agents-valuechain.html","/avatar-picker.html"];var isPub=pub.indexOf(p)>=0||p.indexOf("/products/")===0||p.indexOf("/solutions/")===0||p.indexOf("/blog/")===0||p.indexOf("/service/")===0||p.indexOf("/marketplace")===0||p.indexOf("/contact")===0||p.indexOf("/tarifs")===0||p.indexOf("/news")===0;if(isPub||document.getElementById("weval-gl"))return;var a=document.createElement("a");a.id="weval-gl";a.href="/logout";a.textContent="Logout";a.style.cssText="position:fixed;top:10px;right:12px;z-index:99990;padding:5px 10px;background:rgba(30,30,50,0.7);color:rgba(200,210,230,0.8);border:1px solid rgba(100,100,140,0.3);border-radius:6px;font:500 11px system-ui,sans-serif;text-decoration:none;opacity:0.6;cursor:pointer;backdrop-filter:blur(6px);transition:all .15s";a.onmouseover=function(){this.style.opacity="1";this.style.background="rgba(239,68,68,0.85)";this.style.color="white"};a.onmouseout=function(){this.style.opacity="0.6";this.style.background="rgba(30,30,50,0.7)";this.style.color="rgba(200,210,230,0.8)"};document.body.appendChild(a)})()</script><script src="/opus-antioverlap-doctrine.js?v=1777045903" defer></script>
|
||||
<script src="/api/weval-feature-tracker.js" defer></script>
|
||||
</body>
|
||||
<script src="/api/ambre-universal-chat.js" defer></script>
|
||||
|
||||
<!-- WAVE 265 · Factory pill cross-page (injected, position mesurée zéro overlap) -->
|
||||
<a id="w265-factory-cross" href="/wevia-multiagent-dashboard.html" title="Factory Health Monitor (30 agents)"
|
||||
style="position:fixed;top:12px;left:12px;padding:6px 12px;border-radius:14px;background:linear-gradient(135deg,rgba(34,211,238,.2),rgba(168,85,247,.15));border:1px solid rgba(34,211,238,.4);color:#67e8f9;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:6px;z-index:9999;backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(0,0,0,.4)">
|
||||
<span>🏭</span>
|
||||
<span id="w265-factory-txt">Factory: ...</span>
|
||||
</a>
|
||||
<script>
|
||||
/* w265 Factory auto-load */
|
||||
(function(){
|
||||
async function refresh(){
|
||||
try {
|
||||
const r = await fetch('/api/wevia-v83-business-kpi.php?action=summary', {cache:'no-store'}).then(r=>r.json()).catch(()=>null);
|
||||
const el = document.getElementById('w265-factory-txt');
|
||||
if(el && r && r.summary){
|
||||
const s = r.summary;
|
||||
const pct = s.data_completeness_pct || 0;
|
||||
el.textContent = `Factory: ${pct}% (${s.ok || 0}/${s.total_kpis || 0})`;
|
||||
}
|
||||
} catch(e){ console.log('[w265] factory check err', e); }
|
||||
}
|
||||
refresh();
|
||||
setInterval(refresh, 60000);
|
||||
})();
|
||||
</script>
|
||||
<!-- /WAVE 265 Factory pill cross-page -->
|
||||
|
||||
|
||||
<!-- WEVIA-AUTONOMY-NAV-AIH-v1 -->
|
||||
<!-- /WEVIA-AUTONOMY-NAV-AIH-v1 -->
|
||||
<!-- WEVIA-AUTONOMY-NAV-AIH -->
|
||||
<div id="wevia-autonomy-nav" style="position:fixed;bottom:88px;left:16px;display:flex;flex-direction:column;gap:8px;z-index:9998">
|
||||
<a href="/wevia-audit.html" style="padding:8px 14px;background:linear-gradient(135deg,#10b981,#047857);color:#fff;border-radius:8px;font-weight:700;font-size:12px;text-decoration:none;box-shadow:0 4px 12px rgba(16,185,129,0.4);transition:transform 0.2s">Audit Trail</a>
|
||||
<a href="/weval-live-ops.html" style="padding:8px 14px;background:linear-gradient(135deg,#e94560,#c03350);color:#fff;border-radius:8px;font-weight:700;font-size:12px;text-decoration:none;box-shadow:0 4px 12px rgba(233,69,96,0.4);transition:transform 0.2s">Live Ops</a>
|
||||
</div>
|
||||
<!-- /WEVIA-AUTONOMY-NAV-AIH -->
|
||||
</html>
|
||||
|
||||
<!-- DOCTRINE-60-UX-JS -->
|
||||
<script id="doctrine60-ux-js-all-ia-hub">
|
||||
const observer = new IntersectionObserver((entries) => {
|
||||
entries.forEach((entry, i) => {
|
||||
if (entry.isIntersecting) {
|
||||
setTimeout(() => {
|
||||
entry.target.style.opacity = 1;
|
||||
entry.target.style.transform = 'translateY(0)';
|
||||
}, i * 100);
|
||||
observer.unobserve(entry.target);
|
||||
}
|
||||
});
|
||||
}, { threshold: 0.1 });
|
||||
document.querySelectorAll('.card, .panel, .btn, .kpi').forEach(el => observer.observe(el));
|
||||
|
||||
</script>
|
||||
@@ -1,3 +1,42 @@
|
||||
<!-- DOCTRINE-60-UX-ENRICH direct-inject-20260424-144049 -->
|
||||
<style id="doctrine60-ux-direct">
|
||||
|
||||
/* DOCTRINE-60-UX-ENRICH injected-direct */
|
||||
body::before {
|
||||
content: '';
|
||||
position: fixed;
|
||||
top: 0; left: 0; width: 100vw; height: 100vh;
|
||||
background: radial-gradient(circle at 50% 50%, rgba(100,180,255,0.08), transparent 60%);
|
||||
pointer-events: none;
|
||||
z-index: -1;
|
||||
}
|
||||
.card, .kpi, .panel, .btn {
|
||||
transition: all 0.3s cubic-bezier(0.2,0,0.1,1);
|
||||
}
|
||||
.card:hover, .kpi:hover, .panel:hover {
|
||||
box-shadow: 0 4px 20px rgba(100,180,255,0.2);
|
||||
border-color: rgba(100,180,255,0.5);
|
||||
}
|
||||
@keyframes pulseD60 {
|
||||
0%,100% { opacity: 1; transform: scale(1); }
|
||||
50% { opacity: 0.7; transform: scale(1.05); }
|
||||
}
|
||||
.pulse, .live-indicator, .active, .online {
|
||||
animation: pulseD60 3s ease-in-out infinite;
|
||||
}
|
||||
.modal, .chat, .speech, .overlay {
|
||||
backdrop-filter: blur(12px);
|
||||
-webkit-backdrop-filter: blur(12px);
|
||||
}
|
||||
.enter-stagger {
|
||||
animation: enterStagD60 0.5s cubic-bezier(0.2,0,0.1,1) forwards;
|
||||
}
|
||||
@keyframes enterStagD60 {
|
||||
from { opacity: 0; transform: translateY(20px); }
|
||||
to { opacity: 1; transform: translateY(0); }
|
||||
}
|
||||
|
||||
</style>
|
||||
Pour créer un fichier vide et l'ouvrir, utilisez la commande suivante :
|
||||
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN v1 19avr — append-only, doctrine #14 === -->
|
||||
@@ -64,3 +103,21 @@ Pour créer un fichier vide et l'ouvrir, utilisez la commande suivante :
|
||||
</script>
|
||||
<!-- === OPUS UNIVERSAL DRILL-DOWN END === -->
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t37-100pct) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
|
||||
<!-- DOCTRINE-60-UX-JS --><script id="doctrine60-ux-js-direct">
|
||||
|
||||
// DOCTRINE-60-UX-JS staggered entrance
|
||||
(function(){
|
||||
if (!('IntersectionObserver' in window)) return;
|
||||
const obs = new IntersectionObserver((entries) => {
|
||||
entries.forEach((e, i) => {
|
||||
if (e.isIntersecting) {
|
||||
setTimeout(() => e.target.classList.add('enter-stagger'), i * 80);
|
||||
obs.unobserve(e.target);
|
||||
}
|
||||
});
|
||||
});
|
||||
document.querySelectorAll('.card, .kpi, .panel').forEach(el => obs.observe(el));
|
||||
})();
|
||||
|
||||
</script>
|
||||
@@ -14,7 +14,74 @@ p.sub{color:#64748b;margin-bottom:32px;font-size:14px}
|
||||
.nav{margin-bottom:24px;display:flex;gap:8px;flex-wrap:wrap}
|
||||
.nav a{padding:5px 12px;border-radius:8px;font-size:11px;font-weight:600;text-decoration:none;background:rgba(30,41,59,.8);color:#94a3b8;border:1px solid rgba(100,116,139,.2)}
|
||||
.nav a:hover,.nav a.on{color:#cc7c48;border-color:#cc7c48}
|
||||
</style></head><body><div class="bg"></div><div class="wrap">
|
||||
|
||||
/* === WEVIA Gemini Rolling v2 VISIBLE Enrichment (wave 306 batch) === */
|
||||
.kpi,[class*="card"],[class*="panel"],[class*="room"],.stat-card,.metric-card,.hub-card,.widget,.stat,.box{position:relative!important}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card{animation:geV2Entrance .8s cubic-bezier(.34,1.56,.64,1) backwards}
|
||||
.kpi:nth-child(1),[class*="card"]:nth-child(1){animation-delay:0s}
|
||||
.kpi:nth-child(2),[class*="card"]:nth-child(2){animation-delay:.09s}
|
||||
.kpi:nth-child(3),[class*="card"]:nth-child(3){animation-delay:.18s}
|
||||
.kpi:nth-child(4),[class*="card"]:nth-child(4){animation-delay:.27s}
|
||||
.kpi:nth-child(5),[class*="card"]:nth-child(5){animation-delay:.36s}
|
||||
.kpi:nth-child(6),[class*="card"]:nth-child(6){animation-delay:.45s}
|
||||
@keyframes geV2Entrance{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
|
||||
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card,.widget{border:1px solid transparent!important;box-shadow:0 0 0 1px rgba(236,72,153,.15),0 4px 16px rgba(0,0,0,.25)!important;transition:box-shadow .4s,transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s!important}
|
||||
.kpi:hover,[class*="card"]:hover,.stat-card:hover,.metric-card:hover,.hub-card:hover{transform:translateY(-6px) scale(1.03)!important;filter:brightness(1.2)!important;box-shadow:0 0 0 2px rgba(236,72,153,.6),0 12px 32px rgba(236,72,153,.25),0 0 24px rgba(78,205,196,.2)!important}
|
||||
.kpi::before,[class*="card"]::before,.stat-card::before,.metric-card::before,.hub-card::before{content:"";position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#2ed573,#1a9a4e);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5);animation:geV2Pulse 1.6s ease-out infinite;z-index:100;pointer-events:none}
|
||||
@keyframes geV2Pulse{0%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}50%{transform:scale(1.4);box-shadow:0 0 20px #2ed573,0 0 40px rgba(46,213,115,.8)}100%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}}
|
||||
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 30%,transparent 40%,rgba(236,72,153,.06) 100%),radial-gradient(ellipse at 30% 70%,transparent 40%,rgba(78,205,196,.04) 100%);animation:geV2Ambient 10s ease-in-out infinite;z-index:0}
|
||||
@keyframes geV2Ambient{0%,100%{opacity:.5}50%{opacity:1}}
|
||||
h1,.header-title,.main-title,.hub-title,.page-title{background-image:linear-gradient(90deg,currentColor 0%,currentColor 40%,rgba(236,72,153,1) 50%,currentColor 60%,currentColor 100%)!important;background-size:200% auto!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:geV2Shimmer 5s linear infinite!important}
|
||||
@keyframes geV2Shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
|
||||
/* Doctrine zero chevauchement - hide common offenders */
|
||||
.opus-x-btn,.toggle-top-right-btn,.fab-corner{display:none!important}
|
||||
/* === end WEVIA Gemini Rolling v2 batch === */
|
||||
</style><!-- DOCTRINE-60-UX-ENRICH direct-inject-20260424-140611 -->
|
||||
<style id="doctrine60-ux-direct">
|
||||
|
||||
/* DOCTRINE-60-UX-ENRICH injected-direct */
|
||||
body::before {
|
||||
content: '';
|
||||
position: fixed;
|
||||
top: 0; left: 0; width: 100vw; height: 100vh;
|
||||
background: radial-gradient(circle at 50% 50%, rgba(100,180,255,0.08), transparent 60%);
|
||||
pointer-events: none;
|
||||
z-index: -1;
|
||||
}
|
||||
.card, .kpi, .panel, .btn {
|
||||
transition: all 0.3s cubic-bezier(0.2,0,0.1,1);
|
||||
}
|
||||
.card:hover, .kpi:hover, .panel:hover {
|
||||
box-shadow: 0 4px 20px rgba(100,180,255,0.2);
|
||||
border-color: rgba(100,180,255,0.5);
|
||||
}
|
||||
@keyframes pulseD60 {
|
||||
0%,100% { opacity: 1; transform: scale(1); }
|
||||
50% { opacity: 0.7; transform: scale(1.05); }
|
||||
}
|
||||
.pulse, .live-indicator, .active, .online {
|
||||
animation: pulseD60 3s ease-in-out infinite;
|
||||
}
|
||||
.modal, .chat, .speech, .overlay {
|
||||
backdrop-filter: blur(12px);
|
||||
-webkit-backdrop-filter: blur(12px);
|
||||
}
|
||||
.enter-stagger {
|
||||
animation: enterStagD60 0.5s cubic-bezier(0.2,0,0.1,1) forwards;
|
||||
}
|
||||
@keyframes enterStagD60 {
|
||||
from { opacity: 0; transform: translateY(20px); }
|
||||
to { opacity: 1; transform: translateY(0); }
|
||||
}
|
||||
|
||||
</style>
|
||||
<!-- DOCTRINE-222-KILL-PULSED60 -->
|
||||
<style>
|
||||
@keyframes pulseD60 { 0%,100%,50% { opacity: 1; transform: scale(1); } }
|
||||
.pulse, .live-indicator, .active, .online { animation: none !important; }
|
||||
</style>
|
||||
<!-- END-DOCTRINE-222 -->
|
||||
</head><body><div class="bg"></div><div class="wrap">
|
||||
<div class="nav"><a href="/apps.html">Apps</a><a href="/anthropic-hub.html" class="on">Anthropic</a><a href="/deepseek-hub.html">DeepSeek</a><a href="/google-hub.html">Google</a><a href="/gpu-hub.html">GPU</a><a href="/huggingface-hub.html">HF</a><a href="/office-hub.html">O365</a><a href="/cloudflare-hub.html">CF</a><a href="/ethica-hub.html">Ethica</a></div>
|
||||
<h1>⚛ Anthropic Hub</h1>
|
||||
<p class="sub">Claude Opus 4 / Sonnet 4 — API, Code, Sync, Prompts — Provider #15</p>
|
||||
@@ -112,5 +179,22 @@ p.sub{color:#64748b;margin-bottom:32px;font-size:14px}
|
||||
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t34final) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1776776094" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1777045903" defer></script>
|
||||
<!-- DOCTRINE-60-UX-JS --><script id="doctrine60-ux-js-direct">
|
||||
|
||||
// DOCTRINE-60-UX-JS staggered entrance
|
||||
(function(){
|
||||
if (!('IntersectionObserver' in window)) return;
|
||||
const obs = new IntersectionObserver((entries) => {
|
||||
entries.forEach((e, i) => {
|
||||
if (e.isIntersecting) {
|
||||
setTimeout(() => e.target.classList.add('enter-stagger'), i * 80);
|
||||
obs.unobserve(e.target);
|
||||
}
|
||||
});
|
||||
});
|
||||
document.querySelectorAll('.card, .kpi, .panel').forEach(el => obs.observe(el));
|
||||
})();
|
||||
|
||||
</script>
|
||||
</body></html>
|
||||
|
||||
@@ -40,6 +40,51 @@ h1{font-size:28px;font-weight:700;margin-bottom:4px;background:linear-gradient(1
|
||||
.refresh-btn{padding:8px 20px;background:var(--bl);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;font-family:inherit;font-size:13px;margin-bottom:16px}
|
||||
.refresh-btn:hover{filter:brightness(1.2)}
|
||||
</style>
|
||||
<!-- DOCTRINE-60-UX-ENRICH direct-inject-20260424-140611 -->
|
||||
<style id="doctrine60-ux-direct">
|
||||
|
||||
/* DOCTRINE-60-UX-ENRICH injected-direct */
|
||||
body::before {
|
||||
content: '';
|
||||
position: fixed;
|
||||
top: 0; left: 0; width: 100vw; height: 100vh;
|
||||
background: radial-gradient(circle at 50% 50%, rgba(100,180,255,0.08), transparent 60%);
|
||||
pointer-events: none;
|
||||
z-index: -1;
|
||||
}
|
||||
.card, .kpi, .panel, .btn {
|
||||
transition: all 0.3s cubic-bezier(0.2,0,0.1,1);
|
||||
}
|
||||
.card:hover, .kpi:hover, .panel:hover {
|
||||
box-shadow: 0 4px 20px rgba(100,180,255,0.2);
|
||||
border-color: rgba(100,180,255,0.5);
|
||||
}
|
||||
@keyframes pulseD60 {
|
||||
0%,100% { opacity: 1; transform: scale(1); }
|
||||
50% { opacity: 0.7; transform: scale(1.05); }
|
||||
}
|
||||
.pulse, .live-indicator, .active, .online {
|
||||
animation: pulseD60 3s ease-in-out infinite;
|
||||
}
|
||||
.modal, .chat, .speech, .overlay {
|
||||
backdrop-filter: blur(12px);
|
||||
-webkit-backdrop-filter: blur(12px);
|
||||
}
|
||||
.enter-stagger {
|
||||
animation: enterStagD60 0.5s cubic-bezier(0.2,0,0.1,1) forwards;
|
||||
}
|
||||
@keyframes enterStagD60 {
|
||||
from { opacity: 0; transform: translateY(20px); }
|
||||
to { opacity: 1; transform: translateY(0); }
|
||||
}
|
||||
|
||||
</style>
|
||||
<!-- DOCTRINE-222-KILL-PULSED60 -->
|
||||
<style>
|
||||
@keyframes pulseD60 { 0%,100%,50% { opacity: 1; transform: scale(1); } }
|
||||
.pulse, .live-indicator, .active, .online { animation: none !important; }
|
||||
</style>
|
||||
<!-- END-DOCTRINE-222 -->
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
@@ -249,6 +294,23 @@ loadStatus();
|
||||
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t31b3) --><script src="/wtp-unified-dock.js" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1776776094" defer></script>
|
||||
<script src="/opus-antioverlap-doctrine.js?v=1777045903" defer></script>
|
||||
<!-- DOCTRINE-60-UX-JS --><script id="doctrine60-ux-js-direct">
|
||||
|
||||
// DOCTRINE-60-UX-JS staggered entrance
|
||||
(function(){
|
||||
if (!('IntersectionObserver' in window)) return;
|
||||
const obs = new IntersectionObserver((entries) => {
|
||||
entries.forEach((e, i) => {
|
||||
if (e.isIntersecting) {
|
||||
setTimeout(() => e.target.classList.add('enter-stagger'), i * 80);
|
||||
obs.unobserve(e.target);
|
||||
}
|
||||
});
|
||||
});
|
||||
document.querySelectorAll('.card, .kpi, .panel').forEach(el => obs.observe(el));
|
||||
})();
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
BIN
api/__pycache__/wgux-apply.cpython-312.pyc
Normal file
BIN
api/__pycache__/wgux-apply.cpython-312.pyc
Normal file
Binary file not shown.
BIN
api/__pycache__/wgux-build-payload.cpython-312.pyc
Normal file
BIN
api/__pycache__/wgux-build-payload.cpython-312.pyc
Normal file
Binary file not shown.
BIN
api/__pycache__/wgux-parse.cpython-312.pyc
Normal file
BIN
api/__pycache__/wgux-parse.cpython-312.pyc
Normal file
Binary file not shown.
20
api/aa-check.js
Normal file
20
api/aa-check.js
Normal file
@@ -0,0 +1,20 @@
|
||||
const { chromium } = require("playwright");
|
||||
(async () => {
|
||||
const b = await chromium.launch({ headless: true, args: ["--no-sandbox","--disable-gpu"] });
|
||||
const ctx = await b.newContext({ viewport: {width:1920,height:1080} });
|
||||
const pg = await ctx.newPage();
|
||||
pg.on("console", msg => { if (msg.text().includes("Hierarchy") || msg.text().includes("error") || msg.text().includes("warn")) console.log("PAGE:", msg.text()); });
|
||||
try {
|
||||
await pg.goto("https://weval-consulting.com/agents-archi.html", { waitUntil: "load", timeout: 35000 });
|
||||
await pg.waitForTimeout(8000);
|
||||
const r = await pg.evaluate(() => ({
|
||||
ag_cards: document.querySelectorAll(".ag-card").length,
|
||||
visible_cards: Array.from(document.querySelectorAll(".ag-card")).filter(c => c.getBoundingClientRect().width > 5).length,
|
||||
_ap_count: window._ap ? Object.keys(window._ap).length : 0,
|
||||
master_pos: window._ap ? window._ap["WEVIA Master"] : null,
|
||||
sample_pos: window._ap ? Object.entries(window._ap).slice(0,5) : null
|
||||
}));
|
||||
console.log("RENDER:", JSON.stringify(r, null, 2));
|
||||
} catch(e) { console.log("ERR:", e.message); }
|
||||
await b.close();
|
||||
})();
|
||||
31
api/aa-check2.js
Normal file
31
api/aa-check2.js
Normal file
@@ -0,0 +1,31 @@
|
||||
const { chromium } = require("playwright");
|
||||
(async () => {
|
||||
const b = await chromium.launch({ headless: true, args: ["--no-sandbox","--disable-gpu"] });
|
||||
const ctx = await b.newContext({ viewport: {width:1920,height:1080} });
|
||||
const pg = await ctx.newPage();
|
||||
pg.on("console", msg => {
|
||||
const t = msg.text();
|
||||
if (t.includes("Hierarchy") || t.includes("error") || t.includes("WevalAvatar") || msg.type()==="error")
|
||||
console.log("PG", msg.type(), ":", t.slice(0,200));
|
||||
});
|
||||
pg.on("pageerror", e => console.log("PAGE-ERR:", e.message.slice(0,200)));
|
||||
try {
|
||||
await pg.goto("https://weval-consulting.com/agents-archi.html?dev=1", { waitUntil: "load", timeout: 35000 });
|
||||
await pg.waitForTimeout(10000);
|
||||
const r = await pg.evaluate(() => ({
|
||||
ag_cards: document.querySelectorAll(".ag-card").length,
|
||||
visible_cards: Array.from(document.querySelectorAll(".ag-card")).filter(c => c.getBoundingClientRect().width > 5).length,
|
||||
_ap_count: window._ap ? Object.keys(window._ap).length : 0,
|
||||
master_pos: window._ap ? window._ap["WEVIA Master"] : null,
|
||||
tier_dist: (function(){
|
||||
const d={};
|
||||
document.querySelectorAll(".ag-card").forEach(c=>{const t=c.dataset.tier;d[t]=(d[t]||0)+1;});
|
||||
return d;
|
||||
})(),
|
||||
avatar_persona_loaded: !!window.WevalAvatar && WevalAvatar.isReady && WevalAvatar.isReady()
|
||||
}));
|
||||
console.log("RENDER:", JSON.stringify(r, null, 2));
|
||||
await pg.screenshot({ path: "/var/www/html/proofs/phase92-aa-current.png", fullPage: false });
|
||||
} catch(e) { console.log("ERR:", e.message); }
|
||||
await b.close();
|
||||
})();
|
||||
@@ -15,7 +15,7 @@ $actualites = [
|
||||
"status" => "published",
|
||||
"featured" => true,
|
||||
"views" => 234,
|
||||
"image" => "",
|
||||
"image" => "/uploads/actualites/img-wevia-ia.jpg",
|
||||
"created_at" => "2026-03-11T10:00:00.000Z"
|
||||
],
|
||||
[
|
||||
@@ -28,7 +28,7 @@ $actualites = [
|
||||
"status" => "published",
|
||||
"featured" => true,
|
||||
"views" => 187,
|
||||
"image" => "",
|
||||
"image" => "/uploads/actualites/img-huawei-al.jpg",
|
||||
"created_at" => "2026-03-10T10:00:00.000Z"
|
||||
],
|
||||
[
|
||||
@@ -41,7 +41,7 @@ $actualites = [
|
||||
"status" => "published",
|
||||
"featured" => true,
|
||||
"views" => 312,
|
||||
"image" => "",
|
||||
"image" => "/uploads/actualites/img-ai-factory.jpg",
|
||||
"created_at" => "2026-03-08T10:00:00.000Z"
|
||||
],
|
||||
[
|
||||
@@ -54,7 +54,7 @@ $actualites = [
|
||||
"status" => "published",
|
||||
"featured" => false,
|
||||
"views" => 156,
|
||||
"image" => "",
|
||||
"image" => "/uploads/actualites/img-sap-cloud.jpg",
|
||||
"created_at" => "2026-02-25T10:00:00.000Z"
|
||||
],
|
||||
[
|
||||
@@ -67,7 +67,7 @@ $actualites = [
|
||||
"status" => "published",
|
||||
"featured" => false,
|
||||
"views" => 98,
|
||||
"image" => "",
|
||||
"image" => "/uploads/actualites/img-analytics.jpg",
|
||||
"created_at" => "2026-02-20T10:00:00.000Z"
|
||||
],
|
||||
[
|
||||
@@ -80,7 +80,7 @@ $actualites = [
|
||||
"status" => "published",
|
||||
"featured" => false,
|
||||
"views" => 145,
|
||||
"image" => "",
|
||||
"image" => "/uploads/actualites/handshake-deal.jpg",
|
||||
"created_at" => "2026-02-15T10:00:00.000Z"
|
||||
],
|
||||
[
|
||||
|
||||
@@ -100,11 +100,11 @@ case 'scheduled':
|
||||
|
||||
case 'ethica':
|
||||
$countries=[];
|
||||
try{foreach($db->query("SELECT country,COUNT(*) as cnt FROM ethica.medecins GROUP BY country ORDER BY cnt DESC") as $r)$countries[]=$r;}catch(Exception $e){$countries=[['country'=>'MA','cnt'=>18593],['country'=>'TN','cnt'=>16697],['country'=>'DZ','cnt'=>0]];}
|
||||
try{foreach($db->query("SELECT pays as country,COUNT(*) as cnt FROM ethica.medecins_validated GROUP BY pays ORDER BY cnt DESC") as $r)$countries[]=$r;}catch(Exception $e){$countries=[];}
|
||||
$brands=0;try{$brands=(int)$db->query("SELECT COUNT(DISTINCT brand) FROM ethica.campaigns")->fetchColumn();}catch(Exception $e){$brands=18;}
|
||||
$total_hcp=0;try{$total_hcp=(int)$db->query("SELECT COUNT(*) FROM ethica.medecins")->fetchColumn();}catch(Exception $e){$total_hcp=122257;}
|
||||
$emails=0;try{$emails=(int)$db->query("SELECT COUNT(*) FROM ethica.medecins WHERE email IS NOT NULL AND email!=''")->fetchColumn();}catch(Exception $e){$emails=115051;}
|
||||
$phones=0;try{$phones=(int)$db->query("SELECT COUNT(*) FROM ethica.medecins WHERE telephone IS NOT NULL AND telephone!=''")->fetchColumn();}catch(Exception $e){$phones=116123;}
|
||||
$total_hcp=0;try{$total_hcp=(int)$db->query("SELECT COUNT(*) FROM ethica.medecins_validated")->fetchColumn();}catch(Exception $e){$total_hcp=0;}
|
||||
$emails=0;try{$emails=(int)$db->query("SELECT COUNT(*) FROM ethica.medecins_validated WHERE email IS NOT NULL AND email!=''")->fetchColumn();}catch(Exception $e){$emails=0;}
|
||||
$phones=0;try{$phones=(int)$db->query("SELECT COUNT(*) FROM ethica.medecins_validated WHERE telephone IS NOT NULL AND telephone!=''")->fetchColumn();}catch(Exception $e){$phones=0;}
|
||||
echo json_encode(['ok'=>1,'total_hcp'=>$total_hcp,'emails'=>$emails,'phones'=>$phones,'brands'=>$brands,'countries'=>$countries]);break;
|
||||
|
||||
|
||||
|
||||
26
api/after-audit.js
Normal file
26
api/after-audit.js
Normal file
@@ -0,0 +1,26 @@
|
||||
const { chromium } = require("playwright");
|
||||
(async () => {
|
||||
const browser = await chromium.launch({ headless: true, args: ["--no-sandbox","--disable-gpu","--disable-dev-shm-usage"] });
|
||||
const ctx = await browser.newContext({ viewport: { width: 1440, height: 900 } });
|
||||
const pg = await ctx.newPage();
|
||||
await pg.goto("https://weval-consulting.com/products/leadforge.html", { waitUntil: "domcontentloaded", timeout: 20000 });
|
||||
await pg.waitForTimeout(3500);
|
||||
const res = await pg.evaluate(() => {
|
||||
const fn = (x1,y1,x2,y2) => {
|
||||
const all = document.querySelectorAll("button,.btn,.toggle,.tab,[class*=btn],.chip,.badge,.fab");
|
||||
let n = 0;
|
||||
for (const el of all) {
|
||||
const r = el.getBoundingClientRect();
|
||||
if (r.width<2 || r.height<2) continue;
|
||||
const pos = getComputedStyle(el).position;
|
||||
if (pos !== "fixed" && pos !== "absolute") continue;
|
||||
const cx=r.x+r.width/2, cy=r.y+r.height/2;
|
||||
if (cx>=x1 && cx<=x2 && cy>=y1 && cy<=y2) n++;
|
||||
}
|
||||
return n;
|
||||
};
|
||||
return { tr: fn(1040,0,1440,400), br: fn(1040,500,1440,900) };
|
||||
});
|
||||
console.log(JSON.stringify(res));
|
||||
await browser.close();
|
||||
})();
|
||||
11
api/after-shot.js
Normal file
11
api/after-shot.js
Normal file
@@ -0,0 +1,11 @@
|
||||
const { chromium } = require("playwright");
|
||||
(async () => {
|
||||
const browser = await chromium.launch({ headless: true, args: ["--no-sandbox","--disable-gpu","--disable-dev-shm-usage"] });
|
||||
const ctx = await browser.newContext({ viewport: { width: 1440, height: 900 } });
|
||||
const pg = await ctx.newPage();
|
||||
await pg.goto("https://weval-consulting.com/products/leadforge.html", { waitUntil: "domcontentloaded", timeout: 20000 });
|
||||
await pg.waitForTimeout(3500);
|
||||
await pg.screenshot({ path: process.argv[2], fullPage: false });
|
||||
await browser.close();
|
||||
console.log("AFTER_SHOT_OK");
|
||||
})();
|
||||
@@ -1,9 +1,9 @@
|
||||
{
|
||||
"agent": "V41_Activation_Campaign",
|
||||
"ts": "2026-04-21T10:00:01+02:00",
|
||||
"unique_ips_24h_estimate": 17,
|
||||
"chat_queries_24h": 16,
|
||||
"dau_real_estimate": 5,
|
||||
"ts": "2026-04-24T10:00:02+02:00",
|
||||
"unique_ips_24h_estimate": 128,
|
||||
"chat_queries_24h": 2,
|
||||
"dau_real_estimate": 42,
|
||||
"target_trials_week": 5,
|
||||
"activation_targets": ["Kaouther_Najar_Ethica","Olga_Vistex","Ray_Huawei","5_prospects_pharma_banque"],
|
||||
"emails_to_send_this_week": 5,
|
||||
|
||||
172
api/agent-avatar-update.php
Normal file
172
api/agent-avatar-update.php
Normal file
@@ -0,0 +1,172 @@
|
||||
<?php
|
||||
/**
|
||||
* AVATAR PICKER V2 - SAFE UPDATE ENDPOINT
|
||||
*
|
||||
* POST /api/agent-avatar-update.php
|
||||
* Body JSON:
|
||||
* - agent: string (nom agent, requis)
|
||||
* - emoji: string (optionnel)
|
||||
* - url: string (optionnel, pour dicebear)
|
||||
* - color: string (optionnel, hex)
|
||||
*
|
||||
* Merge non-écrasant dans agent-avatars-v2.json
|
||||
* Backup auto avant chaque write (rotation keeps 10 derniers)
|
||||
* Zero suppression, zero fake data, zero hardcode (doctrine)
|
||||
*/
|
||||
header('Content-Type: application/json; charset=utf-8');
|
||||
header('Access-Control-Allow-Origin: *');
|
||||
header('Access-Control-Allow-Methods: POST, GET, OPTIONS');
|
||||
header('Access-Control-Allow-Headers: Content-Type');
|
||||
|
||||
if ($_SERVER['REQUEST_METHOD'] === 'OPTIONS') { http_response_code(204); exit; }
|
||||
|
||||
$SSOT = '/var/www/html/api/agent-avatars-v2.json';
|
||||
$BAKDIR = '/var/www/html/api/avatar-backups';
|
||||
@mkdir($BAKDIR, 0755, true);
|
||||
$LOG = '/var/log/weval/avatar-update.log';
|
||||
|
||||
function jerr($code, $msg) {
|
||||
http_response_code($code);
|
||||
echo json_encode(['ok' => false, 'error' => $msg]);
|
||||
exit;
|
||||
}
|
||||
|
||||
function logline($m) {
|
||||
global $LOG;
|
||||
@file_put_contents($LOG, date('c') . " $m\n", FILE_APPEND);
|
||||
}
|
||||
|
||||
if ($_SERVER['REQUEST_METHOD'] === 'GET') {
|
||||
// Health check
|
||||
$count = 0;
|
||||
if (file_exists($SSOT)) {
|
||||
$d = json_decode(file_get_contents($SSOT), true);
|
||||
if (is_array($d)) $count = count($d);
|
||||
}
|
||||
$baks = glob("$BAKDIR/agent-avatars-v2.json.*") ?: [];
|
||||
echo json_encode([
|
||||
'ok' => true,
|
||||
'ssot' => $SSOT,
|
||||
'exists' => file_exists($SSOT),
|
||||
'count' => $count,
|
||||
'backups' => count($baks),
|
||||
'last_backup' => !empty($baks) ? basename(end($baks)) : null
|
||||
]);
|
||||
exit;
|
||||
}
|
||||
|
||||
if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
|
||||
jerr(405, 'Method not allowed');
|
||||
}
|
||||
|
||||
$raw = file_get_contents('php://input');
|
||||
$input = json_decode($raw, true);
|
||||
if (!is_array($input)) jerr(400, 'Invalid JSON body');
|
||||
|
||||
$agent = trim($input['agent'] ?? '');
|
||||
if ($agent === '') jerr(400, 'Missing agent name');
|
||||
if (strlen($agent) > 200) jerr(400, 'Agent name too long');
|
||||
|
||||
// Load SSOT
|
||||
if (!file_exists($SSOT)) jerr(500, 'SSOT file missing');
|
||||
$data = json_decode(file_get_contents($SSOT), true);
|
||||
if (!is_array($data)) jerr(500, 'SSOT JSON invalid');
|
||||
|
||||
if (!isset($data[$agent])) jerr(404, "Agent '$agent' not in SSOT");
|
||||
|
||||
// Accepted update fields (whitelist - doctrine zero hardcode of random keys)
|
||||
$ALLOWED = ['emoji', 'url', 'color', 'role'];
|
||||
$updates = [];
|
||||
foreach ($ALLOWED as $k) {
|
||||
if (array_key_exists($k, $input)) {
|
||||
$v = $input[$k];
|
||||
if ($v === '' || $v === null) continue; // skip empty
|
||||
if (!is_string($v) && !is_null($v)) continue;
|
||||
// Length caps
|
||||
if ($k === 'emoji' && mb_strlen($v) > 20) jerr(400, 'emoji too long');
|
||||
if ($k === 'url' && strlen($v) > 500) jerr(400, 'url too long');
|
||||
if ($k === 'color' && !preg_match('/^#[0-9a-fA-F]{3,8}$/', $v)) jerr(400, 'invalid color hex');
|
||||
if ($k === 'role' && strlen($v) > 30) jerr(400, 'role too long');
|
||||
if ($k === 'url' && !preg_match('#^https?://#', $v)) jerr(400, 'url must be http(s)');
|
||||
$updates[$k] = $v;
|
||||
}
|
||||
}
|
||||
|
||||
if (empty($updates)) jerr(400, 'No valid fields to update');
|
||||
|
||||
// Backup BEFORE write (doctrine GOLD)
|
||||
$ts = date('Ymd-His');
|
||||
$bakFile = "$BAKDIR/agent-avatars-v2.json.bak-$ts";
|
||||
if (!@copy($SSOT, $bakFile)) jerr(500, 'Backup failed');
|
||||
|
||||
// Rotate: keep last 10 backups
|
||||
$baks = glob("$BAKDIR/agent-avatars-v2.json.bak-*") ?: [];
|
||||
sort($baks);
|
||||
while (count($baks) > 10) {
|
||||
@unlink(array_shift($baks));
|
||||
}
|
||||
|
||||
// Merge (doctrine zero écrasement : on préserve tous les champs existants)
|
||||
$before = $data[$agent];
|
||||
foreach ($updates as $k => $v) {
|
||||
$data[$agent][$k] = $v;
|
||||
}
|
||||
$after = $data[$agent];
|
||||
|
||||
// Write atomic via tmp
|
||||
$tmp = $SSOT . '.tmp-' . getmypid();
|
||||
$json = json_encode($data, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES);
|
||||
if ($json === false) jerr(500, 'JSON encode failed');
|
||||
if (@file_put_contents($tmp, $json) === false) jerr(500, 'tmp write failed');
|
||||
if (!@rename($tmp, $SSOT)) jerr(500, 'rename failed');
|
||||
@chmod($SSOT, 0644);
|
||||
|
||||
logline("UPDATE agent=$agent fields=" . implode(',', array_keys($updates)) . " bak=" . basename($bakFile));
|
||||
|
||||
// Wave-277 bis: auto-purge CF cache for SSOT endpoints (zero manual purge)
|
||||
// Doctrine: propagation instantanee (sinon cache max-age=30 retarde visuel)
|
||||
$cfPurged = false;
|
||||
$cfEmail = 'ymahboub@weval-consulting.com';
|
||||
$cfKey = null;
|
||||
if (is_readable('/etc/weval/secrets.env')) {
|
||||
foreach (file('/etc/weval/secrets.env', FILE_IGNORE_NEW_LINES) as $line) {
|
||||
if (strpos($line, 'CF_AI_KEY=') === 0) { $cfKey = trim(substr($line, 10)); break; }
|
||||
}
|
||||
}
|
||||
if ($cfKey) {
|
||||
$urlsToPurge = json_encode(['files' => [
|
||||
'https://weval-consulting.com/api/agent-avatars.php',
|
||||
'https://weval-consulting.com/api/agent-avatars-v75.php',
|
||||
'https://weval-consulting.com/api/agent-avatars-v2.json'
|
||||
]]);
|
||||
$ch = curl_init('https://api.cloudflare.com/client/v4/zones/1488bbba251c6fa282999fcc09aac9fe/purge_cache');
|
||||
curl_setopt_array($ch, [
|
||||
CURLOPT_POST => true,
|
||||
CURLOPT_POSTFIELDS => $urlsToPurge,
|
||||
CURLOPT_RETURNTRANSFER => true,
|
||||
CURLOPT_TIMEOUT => 8,
|
||||
CURLOPT_HTTPHEADER => [
|
||||
'X-Auth-Email: ' . $cfEmail,
|
||||
'X-Auth-Key: ' . $cfKey,
|
||||
'Content-Type: application/json'
|
||||
]
|
||||
]);
|
||||
$cfResp = curl_exec($ch);
|
||||
curl_close($ch);
|
||||
if ($cfResp) {
|
||||
$cfData = json_decode($cfResp, true);
|
||||
$cfPurged = $cfData['success'] ?? false;
|
||||
logline('CF_PURGE agent=' . $agent . ' result=' . ($cfPurged ? 'OK' : 'FAIL'));
|
||||
}
|
||||
}
|
||||
|
||||
echo json_encode([
|
||||
'ok' => true,
|
||||
'agent' => $agent,
|
||||
'updated_fields' => array_keys($updates),
|
||||
'cf_purged' => $cfPurged,
|
||||
'before' => $before,
|
||||
'after' => $after,
|
||||
'backup' => basename($bakFile),
|
||||
'total_agents' => count($data)
|
||||
]);
|
||||
File diff suppressed because it is too large
Load Diff
64
api/agent-avatars-v75.php
Normal file
64
api/agent-avatars-v75.php
Normal file
@@ -0,0 +1,64 @@
|
||||
<?php
|
||||
/**
|
||||
* AGENT-AVATARS-V75.PHP — SSOT v2 derived with v75 shape
|
||||
*
|
||||
* Produces {name: {emoji, svg, url}} from the canonical
|
||||
* /api/agent-avatars-v2.json so any page expecting the v75
|
||||
* shape (e.g. enterprise-model.html V75 avatar unifier) sees
|
||||
* live updates the moment an avatar is changed via the picker.
|
||||
*
|
||||
* Doctrine: 2 zero régression, 14 enrichir pas écraser, 4 honnêteté
|
||||
*/
|
||||
header('Content-Type: application/json; charset=utf-8');
|
||||
header('Access-Control-Allow-Origin: *');
|
||||
header('Access-Control-Allow-Methods: GET, OPTIONS');
|
||||
header('Access-Control-Allow-Headers: Content-Type');
|
||||
header('Cache-Control: public, max-age=30'); // short cache for quick propagation
|
||||
|
||||
if ($_SERVER['REQUEST_METHOD'] === 'OPTIONS') { http_response_code(204); exit; }
|
||||
|
||||
$SSOT_V2 = '/var/www/html/api/agent-avatars-v2.json';
|
||||
$SVG_EP = '/api/agent-avatar-svg.php';
|
||||
|
||||
if (!file_exists($SSOT_V2)) {
|
||||
http_response_code(500);
|
||||
echo json_encode(['error' => 'SSOT v2 missing']);
|
||||
exit;
|
||||
}
|
||||
|
||||
$data = json_decode(file_get_contents($SSOT_V2), true);
|
||||
if (!is_array($data)) {
|
||||
http_response_code(500);
|
||||
echo json_encode(['error' => 'SSOT v2 invalid']);
|
||||
exit;
|
||||
}
|
||||
|
||||
$out = [];
|
||||
foreach ($data as $name => $rec) {
|
||||
if (!is_array($rec)) continue;
|
||||
$emoji = isset($rec['emoji']) ? (string)$rec['emoji'] : '';
|
||||
$url = isset($rec['url']) ? (string)$rec['url'] : '';
|
||||
|
||||
// v75 shape : emoji + svg (dynamic endpoint) + url
|
||||
// DOCTRINE: emoji custom prend priorite sur url heritage
|
||||
// (Wave-277: si user set emoji explicite, il override url Dicebear)
|
||||
$svg = '';
|
||||
if ($emoji !== '') {
|
||||
$svg = $SVG_EP . '?n=' . rawurlencode($name) . '&e=' . rawurlencode($emoji);
|
||||
} elseif ($url !== '') {
|
||||
$svg = $url;
|
||||
} else {
|
||||
$svg = $SVG_EP . '?n=' . rawurlencode($name) . '&e=' . rawurlencode('👤');
|
||||
}
|
||||
|
||||
// url field: emoji SVG override pour que legacy consumers (img src=url) voient le nouveau
|
||||
$final_url = ($emoji !== '') ? $svg : ($url !== '' ? $url : $svg);
|
||||
|
||||
$out[$name] = [
|
||||
'emoji' => $emoji,
|
||||
'svg' => $svg,
|
||||
'url' => $final_url
|
||||
];
|
||||
}
|
||||
|
||||
echo json_encode($out, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES);
|
||||
@@ -1,88 +1,88 @@
|
||||
{
|
||||
"Agile Maturity Assessor": "https://api.dicebear.com/9.x/adventurer/svg?seed=AgileMaturity",
|
||||
"ArchScan": "https://api.dicebear.com/9.x/adventurer/svg?seed=ArchScan",
|
||||
"Attribution Modeler": "https://api.dicebear.com/9.x/adventurer/svg?seed=Attribution",
|
||||
"Attrition Predictor": "https://api.dicebear.com/9.x/adventurer/svg?seed=Attrition",
|
||||
"Audit Trail Watcher": "https://api.dicebear.com/9.x/adventurer/svg?seed=AuditTrail",
|
||||
"AutoFix": "https://api.dicebear.com/9.x/adventurer/svg?seed=AutoFix",
|
||||
"Blade": "https://api.dicebear.com/9.x/adventurer/svg?seed=Blade",
|
||||
"Budget Variance Watchdog": "https://api.dicebear.com/9.x/adventurer/svg?seed=BudgetWatch",
|
||||
"CAC Optimizer": "https://api.dicebear.com/9.x/adventurer/svg?seed=CAC",
|
||||
"CAPA Closer": "https://api.dicebear.com/9.x/adventurer/svg?seed=CAPA",
|
||||
"CPQ AI": "https://api.dicebear.com/9.x/adventurer/svg?seed=CPQ",
|
||||
"Carbon Tracker": "https://api.dicebear.com/9.x/adventurer/svg?seed=Carbon",
|
||||
"Cash Flow Predictor AI": "https://api.dicebear.com/9.x/adventurer/svg?seed=CashFlow",
|
||||
"Cerebras": "https://api.dicebear.com/9.x/adventurer/svg?seed=Cerebras",
|
||||
"Churn Predictor": "https://api.dicebear.com/9.x/adventurer/svg?seed=Churn",
|
||||
"Collection AI Agent": "https://api.dicebear.com/9.x/adventurer/svg?seed=Collection",
|
||||
"Compliance Checker": "https://api.dicebear.com/9.x/adventurer/svg?seed=Compliance",
|
||||
"Consensus": "https://api.dicebear.com/9.x/adventurer/svg?seed=Consensus",
|
||||
"Content Generator": "https://api.dicebear.com/9.x/adventurer/svg?seed=Content",
|
||||
"Contract Compliance": "https://api.dicebear.com/9.x/adventurer/svg?seed=Contract",
|
||||
"Contract Watcher": "https://api.dicebear.com/9.x/adventurer/svg?seed=ContractWatch",
|
||||
"CrowdSec": "https://api.dicebear.com/9.x/adventurer/svg?seed=CrowdSec",
|
||||
"DORA Metrics Agent": "https://api.dicebear.com/9.x/adventurer/svg?seed=DORA",
|
||||
"DeerFlow": "https://api.dicebear.com/9.x/adventurer/svg?seed=DeerFlow",
|
||||
"Definition of Done Auditor": "https://api.dicebear.com/9.x/adventurer/svg?seed=DoD",
|
||||
"Demand Forecast Pro": "https://api.dicebear.com/9.x/adventurer/svg?seed=Demand",
|
||||
"Dependency Mapper": "https://api.dicebear.com/9.x/adventurer/svg?seed=Dependency",
|
||||
"DevOps": "https://api.dicebear.com/9.x/adventurer/svg?seed=DevOps",
|
||||
"Director": "https://api.dicebear.com/9.x/adventurer/svg?seed=joy",
|
||||
"Dispatcher": "https://api.dicebear.com/9.x/adventurer/svg?seed=Dispatcher",
|
||||
"Docker": "https://api.dicebear.com/9.x/adventurer/svg?seed=Docker",
|
||||
"Dunning Router": "https://api.dicebear.com/9.x/adventurer/svg?seed=Dunning",
|
||||
"Duplicate Payment Detector": "https://api.dicebear.com/9.x/adventurer/svg?seed=DupPayment",
|
||||
"Ethica": "https://api.dicebear.com/9.x/adventurer/svg?seed=Ethica",
|
||||
"FX Hedger": "https://api.dicebear.com/9.x/adventurer/svg?seed=FXHedger",
|
||||
"Fail2Ban": "https://api.dicebear.com/9.x/adventurer/svg?seed=Fail2Ban",
|
||||
"Fast Close Orchestrator": "https://api.dicebear.com/9.x/adventurer/svg?seed=FastClose",
|
||||
"Fiability": "https://api.dicebear.com/9.x/adventurer/svg?seed=Fiability",
|
||||
"Forecast AI": "https://api.dicebear.com/9.x/adventurer/svg?seed=Forecast",
|
||||
"Fraud Detection Agent": "https://api.dicebear.com/9.x/adventurer/svg?seed=FraudDetectionAgent",
|
||||
"GDPR Auditor": "https://api.dicebear.com/9.x/adventurer/svg?seed=GDPR",
|
||||
"Groq": "https://api.dicebear.com/9.x/adventurer/svg?seed=Groq",
|
||||
"Incident Watcher": "https://api.dicebear.com/9.x/adventurer/svg?seed=Incident",
|
||||
"Invoice Auto-Match": "https://api.dicebear.com/9.x/adventurer/svg?seed=InvoiceMatch",
|
||||
"Kanban Flow Optimizer": "https://api.dicebear.com/9.x/adventurer/svg?seed=Kanban",
|
||||
"L99 Pilot": "https://api.dicebear.com/9.x/adventurer/svg?seed=L99Pilot",
|
||||
"Lead Qualifier": "https://api.dicebear.com/9.x/adventurer/svg?seed=LeadQual",
|
||||
"MFA Enforcer": "https://api.dicebear.com/9.x/adventurer/svg?seed=MFAEnforcer",
|
||||
"Master Router": "https://api.dicebear.com/9.x/adventurer/svg?seed=MasterRouter",
|
||||
"MiroFish": "https://api.dicebear.com/9.x/adventurer/svg?seed=MiroFish",
|
||||
"Monitor": "https://api.dicebear.com/9.x/adventurer/svg?seed=Monitor",
|
||||
"NPS Analyzer": "https://api.dicebear.com/9.x/adventurer/svg?seed=NPS",
|
||||
"NonReg": "https://api.dicebear.com/9.x/adventurer/svg?seed=NonReg",
|
||||
"OEE Live": "https://api.dicebear.com/9.x/adventurer/svg?seed=OEELive",
|
||||
"OKR Alignment Tracker": "https://api.dicebear.com/9.x/adventurer/svg?seed=OKR",
|
||||
"OTD Optimizer": "https://api.dicebear.com/9.x/adventurer/svg?seed=OTD",
|
||||
"Ollama": "https://api.dicebear.com/9.x/adventurer/svg?seed=Ollama",
|
||||
"Onboarding Bot": "https://api.dicebear.com/9.x/adventurer/svg?seed=OnboardingBot",
|
||||
"PMTA": "https://api.dicebear.com/9.x/adventurer/svg?seed=PMTA",
|
||||
"Paperclip": "https://api.dicebear.com/9.x/adventurer/svg?seed=Paperclip",
|
||||
"Patent Scanner": "https://api.dicebear.com/9.x/adventurer/svg?seed=Patent",
|
||||
"Payroll Accuracy AI": "https://api.dicebear.com/9.x/adventurer/svg?seed=Payroll",
|
||||
"Pipeline Scorer": "https://api.dicebear.com/9.x/adventurer/svg?seed=PipelineScore",
|
||||
"PoC Tracker": "https://api.dicebear.com/9.x/adventurer/svg?seed=PoC",
|
||||
"Predictive Maintenance": "https://api.dicebear.com/9.x/adventurer/svg?seed=PredictiveMaintenance",
|
||||
"Product Owner Assistant": "https://api.dicebear.com/9.x/adventurer/svg?seed=PO",
|
||||
"Quality AI Vision": "https://api.dicebear.com/9.x/adventurer/svg?seed=QualityAIVision",
|
||||
"Registry": "https://api.dicebear.com/9.x/adventurer/svg?seed=Registry",
|
||||
"Retrospective Analyzer": "https://api.dicebear.com/9.x/adventurer/svg?seed=Retro",
|
||||
"SAFe RTE Agent": "https://api.dicebear.com/9.x/adventurer/svg?seed=RTE",
|
||||
"SambaNova": "https://api.dicebear.com/9.x/adventurer/svg?seed=SambaNova",
|
||||
"Scraper": "https://api.dicebear.com/9.x/adventurer/svg?seed=Scraper",
|
||||
"Scrum Master Copilot": "https://api.dicebear.com/9.x/adventurer/svg?seed=ScrumMaster",
|
||||
"Security": "https://api.dicebear.com/9.x/adventurer/svg?seed=Security",
|
||||
"Sentinel": "https://api.dicebear.com/9.x/adventurer/svg?seed=Sentinel",
|
||||
"Skills Matcher": "https://api.dicebear.com/9.x/adventurer/svg?seed=Skills",
|
||||
"Stockout Prevention": "https://api.dicebear.com/9.x/adventurer/svg?seed=Stockout",
|
||||
"Story Point Estimator AI": "https://api.dicebear.com/9.x/adventurer/svg?seed=StoryPoint",
|
||||
"Supplier Risk Monitor": "https://api.dicebear.com/9.x/adventurer/svg?seed=Supplier",
|
||||
"Sustainability Reporter": "https://api.dicebear.com/9.x/adventurer/svg?seed=Sustain",
|
||||
"Takt Time Monitor": "https://api.dicebear.com/9.x/adventurer/svg?seed=TaktTimeMonitor",
|
||||
"Talent Scout": "https://api.dicebear.com/9.x/adventurer/svg?seed=Talent",
|
||||
"Tax Validator": "https://api.dicebear.com/9.x/adventurer/svg?seed=TaxValid",
|
||||
"Velocity Tracker AI": "https://api.dicebear.com/9.x/adventurer/svg?seed=Velocity",
|
||||
"WEVCODE": "https://api.dicebear.com/9.x/adventurer/svg?seed=WEVCODE",
|
||||
"WEVIA Master": "https://api.dicebear.com/9.x/adventurer/svg?seed=nova"
|
||||
"Agile Maturity Assessor": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=AgileMaturity",
|
||||
"ArchScan": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=ArchScan",
|
||||
"Attribution Modeler": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Attribution",
|
||||
"Attrition Predictor": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Attrition",
|
||||
"Audit Trail Watcher": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=AuditTrail",
|
||||
"AutoFix": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=AutoFix",
|
||||
"Blade": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Blade",
|
||||
"Budget Variance Watchdog": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=BudgetWatch",
|
||||
"CAC Optimizer": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=CAC",
|
||||
"CAPA Closer": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=CAPA",
|
||||
"CPQ AI": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=CPQ",
|
||||
"Carbon Tracker": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Carbon",
|
||||
"Cash Flow Predictor AI": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=CashFlow",
|
||||
"Cerebras": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Cerebras",
|
||||
"Churn Predictor": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Churn",
|
||||
"Collection AI Agent": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Collection",
|
||||
"Compliance Checker": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Compliance",
|
||||
"Consensus": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Consensus",
|
||||
"Content Generator": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Content",
|
||||
"Contract Compliance": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Contract",
|
||||
"Contract Watcher": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=ContractWatch",
|
||||
"CrowdSec": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=CrowdSec",
|
||||
"DORA Metrics Agent": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=DORA",
|
||||
"DeerFlow": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=DeerFlow",
|
||||
"Definition of Done Auditor": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=DoD",
|
||||
"Demand Forecast Pro": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Demand",
|
||||
"Dependency Mapper": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Dependency",
|
||||
"DevOps": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=DevOps",
|
||||
"Director": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=joy",
|
||||
"Dispatcher": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Dispatcher",
|
||||
"Docker": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Docker",
|
||||
"Dunning Router": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Dunning",
|
||||
"Duplicate Payment Detector": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=DupPayment",
|
||||
"Ethica": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Ethica",
|
||||
"FX Hedger": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=FXHedger",
|
||||
"Fail2Ban": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Fail2Ban",
|
||||
"Fast Close Orchestrator": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=FastClose",
|
||||
"Fiability": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Fiability",
|
||||
"Forecast AI": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Forecast",
|
||||
"Fraud Detection Agent": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=FraudDetectionAgent",
|
||||
"GDPR Auditor": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=GDPR",
|
||||
"Groq": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Groq",
|
||||
"Incident Watcher": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Incident",
|
||||
"Invoice Auto-Match": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=InvoiceMatch",
|
||||
"Kanban Flow Optimizer": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Kanban",
|
||||
"L99 Pilot": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=L99Pilot",
|
||||
"Lead Qualifier": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=LeadQual",
|
||||
"MFA Enforcer": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=MFAEnforcer",
|
||||
"Master Router": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=MasterRouter",
|
||||
"MiroFish": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=MiroFish",
|
||||
"Monitor": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Monitor",
|
||||
"NPS Analyzer": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=NPS",
|
||||
"NonReg": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=NonReg",
|
||||
"OEE Live": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=OEELive",
|
||||
"OKR Alignment Tracker": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=OKR",
|
||||
"OTD Optimizer": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=OTD",
|
||||
"Ollama": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Ollama",
|
||||
"Onboarding Bot": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=OnboardingBot",
|
||||
"PMTA": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=PMTA",
|
||||
"Paperclip": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Paperclip",
|
||||
"Patent Scanner": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Patent",
|
||||
"Payroll Accuracy AI": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Payroll",
|
||||
"Pipeline Scorer": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=PipelineScore",
|
||||
"PoC Tracker": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=PoC",
|
||||
"Predictive Maintenance": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=PredictiveMaintenance",
|
||||
"Product Owner Assistant": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=PO",
|
||||
"Quality AI Vision": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=QualityAIVision",
|
||||
"Registry": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Registry",
|
||||
"Retrospective Analyzer": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Retro",
|
||||
"SAFe RTE Agent": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=RTE",
|
||||
"SambaNova": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=SambaNova",
|
||||
"Scraper": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Scraper",
|
||||
"Scrum Master Copilot": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=ScrumMaster",
|
||||
"Security": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Security",
|
||||
"Sentinel": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Sentinel",
|
||||
"Skills Matcher": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Skills",
|
||||
"Stockout Prevention": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Stockout",
|
||||
"Story Point Estimator AI": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=StoryPoint",
|
||||
"Supplier Risk Monitor": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Supplier",
|
||||
"Sustainability Reporter": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Sustain",
|
||||
"Takt Time Monitor": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=TaktTimeMonitor",
|
||||
"Talent Scout": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Talent",
|
||||
"Tax Validator": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=TaxValid",
|
||||
"Velocity Tracker AI": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=Velocity",
|
||||
"WEVCODE": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=WEVCODE",
|
||||
"WEVIA Master": "https:\/\/api.dicebear.com\/9.x\/adventurer\/svg?seed=nova"
|
||||
}
|
||||
@@ -1,22 +1,78 @@
|
||||
<?php
|
||||
header("Content-Type: application/json");
|
||||
/**
|
||||
* AGENT-AVATARS.PHP — Unified SSOT reader (derives from v2)
|
||||
*
|
||||
* WAVE-273 CONSOLIDATION:
|
||||
* - Single source of truth = /api/agent-avatars-v2.json
|
||||
* - Legacy v1 shape {name: url} derived on-the-fly for backward compat
|
||||
* with agents-archi.html (XMLHttpRequest sync call _pk={}) and other legacy callers
|
||||
* - GET → v1 flat dict (name → url) for compat
|
||||
* - GET ?v=2 → full v2 object
|
||||
* - GET ?format=compat → v1 compat (same as default)
|
||||
* - POST → DEPRECATED, redirect caller to /api/agent-avatar-update.php (zero silent write)
|
||||
*
|
||||
* Doctrines: 2 zero regression, 14 enrichir pas écraser, 4 honnêteté
|
||||
*/
|
||||
header("Content-Type: application/json; charset=utf-8");
|
||||
header("Access-Control-Allow-Origin: *");
|
||||
header("Access-Control-Allow-Methods: GET, POST");
|
||||
$file = "/var/www/html/api/agent-avatars.json";
|
||||
header("Access-Control-Allow-Methods: GET, POST, OPTIONS");
|
||||
header("Access-Control-Allow-Headers: Content-Type");
|
||||
header("Cache-Control: public, max-age=60");
|
||||
|
||||
if ($_SERVER['REQUEST_METHOD'] === 'OPTIONS') { http_response_code(204); exit; }
|
||||
|
||||
$SSOT_V2 = "/var/www/html/api/agent-avatars-v2.json";
|
||||
$LEGACY_V1 = "/var/www/html/api/agent-avatars.json"; // kept for emergency fallback only
|
||||
|
||||
// --- POST DEPRECATED (was silent writer to v1, now redirects) ---
|
||||
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
|
||||
$data = json_decode(file_get_contents('php://input'), true);
|
||||
if ($data) {
|
||||
file_put_contents($file, json_encode($data, JSON_PRETTY_PRINT));
|
||||
echo json_encode(["status" => "ok", "count" => count($data)]);
|
||||
} else {
|
||||
http_response_code(400);
|
||||
echo json_encode(["error" => "invalid json"]);
|
||||
http_response_code(410);
|
||||
echo json_encode([
|
||||
"error" => "deprecated",
|
||||
"message" => "POST on agent-avatars.php is deprecated (was writing to legacy v1). Use /api/agent-avatar-update.php instead (writes to v2 SSOT, auto-backup, validation).",
|
||||
"new_endpoint" => "/api/agent-avatar-update.php"
|
||||
]);
|
||||
exit;
|
||||
}
|
||||
|
||||
// --- GET : derive from v2 ---
|
||||
if (!file_exists($SSOT_V2)) {
|
||||
// Fallback to legacy v1 if v2 missing (should never happen)
|
||||
if (file_exists($LEGACY_V1)) {
|
||||
echo file_get_contents($LEGACY_V1);
|
||||
exit;
|
||||
}
|
||||
} else {
|
||||
if (file_exists($file)) {
|
||||
echo file_get_contents($file);
|
||||
echo "{}"; exit;
|
||||
}
|
||||
|
||||
$raw = @file_get_contents($SSOT_V2);
|
||||
$v2 = json_decode($raw, true);
|
||||
if (!is_array($v2)) { echo "{}"; exit; }
|
||||
|
||||
$format = $_GET['format'] ?? ($_GET['v'] ?? 'compat');
|
||||
|
||||
if ($format === '2' || $format === 'v2' || $format === 'full') {
|
||||
// Return full v2 structure
|
||||
echo $raw; exit;
|
||||
}
|
||||
|
||||
// Default: v1 compat shape {name: url_or_emoji}
|
||||
// Legacy v1 was {name: "https://api.dicebear.com/..."}
|
||||
// agents-archi uses this as preload cache _pk, then WevalAvatar wrapper enriches.
|
||||
// We return url if present, else emoji, else "" (safe fallback).
|
||||
$out = [];
|
||||
foreach ($v2 as $name => $a) {
|
||||
if (!is_array($a)) continue;
|
||||
// DOCTRINE 14 fix (Wave-277): emoji custom > url heritage
|
||||
// Si user a set emoji explicite, il override le url Dicebear par defaut
|
||||
if (!empty($a['emoji'])) {
|
||||
$enc = urlencode($a['emoji']);
|
||||
$safeN = urlencode($name);
|
||||
$out[$name] = "/api/agent-avatar-svg.php?n=$safeN&e=$enc";
|
||||
} elseif (!empty($a['url'])) {
|
||||
$out[$name] = $a['url'];
|
||||
} else {
|
||||
echo "{}";
|
||||
$out[$name] = "";
|
||||
}
|
||||
}
|
||||
echo json_encode($out, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES);
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"agent": "V41_CSM_Daily",
|
||||
"ts": "2026-04-21T09:00:02+02:00",
|
||||
"ts": "2026-04-24T09:00:02+02:00",
|
||||
"customers_active": ["Vistex","Ethica","Huawei","Confluent"],
|
||||
"customers_count": 4,
|
||||
"ethica_last_activity": "none",
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
{
|
||||
"agent": "V41_Disk_Monitor",
|
||||
"ts": "2026-04-22T03:30:01+02:00",
|
||||
"disk_pct": 85,
|
||||
"disk_free_gb": 22,
|
||||
"ts": "2026-04-25T02:00:02+02:00",
|
||||
"disk_pct": 91,
|
||||
"disk_free_gb": 15,
|
||||
"growth_per_day_gb": 1.5,
|
||||
"runway_days": 14,
|
||||
"runway_days": 10,
|
||||
"alert": "WARN_runway_under_30d",
|
||||
"action_auto_if_under_7d": "trigger_hetzner_volume_extension_api",
|
||||
"hetzner_volume_size_gb_recommended": 500,
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"agent": "V41_Risk_Escalation",
|
||||
"ts": "2026-04-22T03:45:03+02:00",
|
||||
"ts": "2026-04-25T02:15:02+02:00",
|
||||
"dg_alerts_active": 7,
|
||||
"wevia_life_stats_preview": "{
|
||||
"ok": true,
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"agent": "V61_Ethica_Countdown",
|
||||
"ts": "2026-04-21T09:00:01+02:00",
|
||||
"ts": "2026-04-24T09:00:02+02:00",
|
||||
"client": "Ethica Group",
|
||||
"contact": "Kaouther Najar",
|
||||
"contract": "renewal Q1 2026",
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
{
|
||||
"routes": 446,
|
||||
"skills": 835,
|
||||
"wiki": 2066,
|
||||
"pages": 318,
|
||||
"apis": 252,
|
||||
"docker": 19,
|
||||
"wiki": 2389,
|
||||
"pages": 331,
|
||||
"apis": 266,
|
||||
"docker": 18,
|
||||
"proposals": [
|
||||
{
|
||||
"name": "Fix 16 APIs PHP 500",
|
||||
@@ -27,5 +27,5 @@
|
||||
"effort": "S"
|
||||
}
|
||||
],
|
||||
"timestamp": "2026-04-21 22:00"
|
||||
"timestamp": "2026-04-24 22:00"
|
||||
}
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"timestamp": "2026-04-22 00:00",
|
||||
"timestamp": "2026-04-25 00:00",
|
||||
"analysis": {
|
||||
"existing_skills": 835,
|
||||
"missing": 15,
|
||||
|
||||
@@ -1,12 +1,12 @@
|
||||
{
|
||||
"agent": "V41_Feature_Adoption_Tracker",
|
||||
"ts": "2026-04-22T03:00:02+02:00",
|
||||
"ts": "2026-04-25T02:00:02+02:00",
|
||||
"features_tracked": 15,
|
||||
"features_used_24h": 12,
|
||||
"adoption_pct": 80,
|
||||
"chat_queries_last_1k_log": 8,
|
||||
"wtp_views_last_1k_log": 143,
|
||||
"dg_views_last_1k_log": 6,
|
||||
"features_used_24h": 10,
|
||||
"adoption_pct": 66,
|
||||
"chat_queries_last_1k_log": 0,
|
||||
"wtp_views_last_1k_log": 1,
|
||||
"dg_views_last_1k_log": 0,
|
||||
"skill_runs_last_1k_log": 0,
|
||||
"recommendation": "UX onboarding tour for unused features",
|
||||
"cron_schedule": "hourly",
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
{
|
||||
"agent": "V61_GitHub_PAT_Watcher",
|
||||
"ts": "2026-04-21T10:00:03+02:00",
|
||||
"ts": "2026-04-24T10:00:06+02:00",
|
||||
"pat_configured": false,
|
||||
"last_push_health": "OK",
|
||||
"remote_probe": "fatal: unable to get credential storage ",
|
||||
"remote_probe": "5b02e30456e1a119708df175285b394b7c7c7817",
|
||||
"urgency": "LOW",
|
||||
"next_step_owner": "none - token live",
|
||||
"cron": "daily 10:00"
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"agent": "V45_Leads_Sync",
|
||||
"ts": "2026-04-22T03:50:03+02:00",
|
||||
"ts": "2026-04-25T02:20:03+02:00",
|
||||
"paperclip_total": 48,
|
||||
"active_customer": 4,
|
||||
"warm_prospect": 5,
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"agent": "V61_LinkedIn_Sourcing",
|
||||
"ts": "2026-04-21T11:00:02+02:00",
|
||||
"ts": "2026-04-24T11:00:02+02:00",
|
||||
"icp_count": 39,
|
||||
"icp_source": "V46 39 ICP Pharma/Banque/Retail/Public Maghreb+MENA",
|
||||
"api_keys_configured": {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"agent": "V41_MQL_Scoring",
|
||||
"ts": "2026-04-22T03:00:03+02:00",
|
||||
"ts": "2026-04-25T02:00:03+02:00",
|
||||
"leads_total": 48,
|
||||
"mql_current": 16,
|
||||
"sql_current": 6,
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"agent": "V60_Nudge_Owner_Actions",
|
||||
"ts": "2026-04-22T00:00:02+02:00",
|
||||
"ts": "2026-04-25T00:00:02+02:00",
|
||||
"cron": "every_8_hours",
|
||||
"actions_pending_owner": {
|
||||
"emails_drafts_V45_to_send": {
|
||||
@@ -10,10 +10,10 @@
|
||||
"action": "Yacine envoie via Gmail ymahboub@weval-consulting.com"
|
||||
},
|
||||
"ethica_renewal_Q1": {
|
||||
"days_to_Q1_end": -22,
|
||||
"days_to_Q1_end": -25,
|
||||
"amount_keur": 280,
|
||||
"urgency": "CRITICAL",
|
||||
"action": "Close contrat avec Kaouther Najar avant -22 jours"
|
||||
"action": "Close contrat avec Kaouther Najar avant -25 jours"
|
||||
},
|
||||
"sourcing_39_emails_linkedin": {
|
||||
"count": 39,
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"ts": "2026-04-22T03:00:03.853778",
|
||||
"ts": "2026-04-24T03:00:03.569778",
|
||||
"v2_entries": 775,
|
||||
"missing_count": 1,
|
||||
"missing_agents": [
|
||||
|
||||
@@ -1,28 +1,28 @@
|
||||
{
|
||||
"agent": "V54_Risk_Monitor_Live",
|
||||
"ts": "2026-04-22T03:30:04+02:00",
|
||||
"ts": "2026-04-25T02:00:05+02:00",
|
||||
"critical_risks": {
|
||||
"RW01_pipeline_vide": {
|
||||
"pipeline_keur": 0,
|
||||
"mql_auto": 18,
|
||||
"residual_risk_pct": 82,
|
||||
"mql_auto": 17,
|
||||
"residual_risk_pct": 83,
|
||||
"trend": "mitigation_V42_V45_active"
|
||||
},
|
||||
"RW02_dependance_ethica": {
|
||||
"active_clients": 4,
|
||||
"concentration_top_client_pct": 25,
|
||||
"residual_risk_pct": 25,
|
||||
"active_clients": 1,
|
||||
"concentration_top_client_pct": 100,
|
||||
"residual_risk_pct": 100,
|
||||
"trend": "diversification_V46_ICP_39_ongoing"
|
||||
},
|
||||
"RW04_revenue_saas": {
|
||||
"mrr_current_keur": 2,
|
||||
"saas_pct_of_target": 4,
|
||||
"residual_risk_pct": 96,
|
||||
"mrr_current_keur": 0,
|
||||
"saas_pct_of_target": 0,
|
||||
"residual_risk_pct": 100,
|
||||
"trend": "Ethica_renewal_Q1_critical"
|
||||
},
|
||||
"RW12_burnout": {
|
||||
"agents_cron_active": 15,
|
||||
"load_5min": "4.59",
|
||||
"load_5min": "16.37",
|
||||
"automation_coverage_pct": 70,
|
||||
"residual_risk_pct": 60,
|
||||
"trend": "V52_goldratt_options_active"
|
||||
|
||||
@@ -1,117 +1,112 @@
|
||||
{
|
||||
"timestamp": "2026-04-22 02:00",
|
||||
"timestamp": "2026-04-25 02:00",
|
||||
"sections": {
|
||||
"servers": {
|
||||
"S204": {
|
||||
"docker": 20,
|
||||
"disk": "84%",
|
||||
"ram": "13Gi/30Gi",
|
||||
"load": "6.51",
|
||||
"uptime": "up 1 week, 14 hours, 8 minutes"
|
||||
"docker": 18,
|
||||
"disk": "91%",
|
||||
"ram": "9.9Gi/30Gi",
|
||||
"load": "19.83",
|
||||
"uptime": "up 1 week, 3 days, 14 hours, 8 minutes"
|
||||
}
|
||||
},
|
||||
"docker": {
|
||||
"count": 19,
|
||||
"count": 18,
|
||||
"containers": [
|
||||
{
|
||||
"name": "vaultwarden",
|
||||
"status": "Up 9 hours (healthy)",
|
||||
"ports": ""
|
||||
},
|
||||
{
|
||||
"name": "flaresolverr-w274",
|
||||
"status": "Up 30 hours",
|
||||
"ports": ""
|
||||
},
|
||||
{
|
||||
"name": "loki",
|
||||
"status": "Up 5 days",
|
||||
"status": "Up 8 days",
|
||||
"ports": ""
|
||||
},
|
||||
{
|
||||
"name": "listmonk",
|
||||
"status": "Up 5 days",
|
||||
"ports": ""
|
||||
},
|
||||
{
|
||||
"name": "plausible-plausible-1",
|
||||
"status": "Up 4 days",
|
||||
"ports": ""
|
||||
},
|
||||
{
|
||||
"name": "plausible-plausible-db-1",
|
||||
"status": "Up 4 days",
|
||||
"status": "Up 8 days",
|
||||
"ports": ""
|
||||
},
|
||||
{
|
||||
"name": "plausible-plausible-events-db-1",
|
||||
"status": "Up 4 days",
|
||||
"status": "Up 7 days",
|
||||
"ports": ""
|
||||
},
|
||||
{
|
||||
"name": "n8n-docker-n8n-1",
|
||||
"status": "Up 5 days",
|
||||
"status": "Up 8 days",
|
||||
"ports": ""
|
||||
},
|
||||
{
|
||||
"name": "mattermost-docker-mm-db-1",
|
||||
"status": "Up 5 days",
|
||||
"status": "Up 8 days",
|
||||
"ports": ""
|
||||
},
|
||||
{
|
||||
"name": "mattermost-docker-mattermost-1",
|
||||
"status": "Up 5 days (healthy)",
|
||||
"status": "Up 8 days (healthy)",
|
||||
"ports": ""
|
||||
},
|
||||
{
|
||||
"name": "twenty",
|
||||
"status": "Up 5 days",
|
||||
"status": "Up 8 days",
|
||||
"ports": ""
|
||||
},
|
||||
{
|
||||
"name": "twenty-redis",
|
||||
"status": "Up 5 days",
|
||||
"status": "Up 8 days",
|
||||
"ports": ""
|
||||
},
|
||||
{
|
||||
"name": "langfuse",
|
||||
"status": "Up 5 days",
|
||||
"status": "Up 8 days",
|
||||
"ports": ""
|
||||
},
|
||||
{
|
||||
"name": "redis-weval",
|
||||
"status": "Up 7 days",
|
||||
"status": "Up 10 days",
|
||||
"ports": ""
|
||||
},
|
||||
{
|
||||
"name": "gitea",
|
||||
"status": "Up 7 days",
|
||||
"status": "Up 4 hours",
|
||||
"ports": ""
|
||||
},
|
||||
{
|
||||
"name": "node-exporter",
|
||||
"status": "Up 7 days",
|
||||
"status": "Up 10 days",
|
||||
"ports": ""
|
||||
},
|
||||
{
|
||||
"name": "prometheus",
|
||||
"status": "Up 7 days",
|
||||
"status": "Up 10 days",
|
||||
"ports": ""
|
||||
},
|
||||
{
|
||||
"name": "searxng",
|
||||
"status": "Up 7 days",
|
||||
"status": "Up 10 days",
|
||||
"ports": ""
|
||||
},
|
||||
{
|
||||
"name": "uptime-kuma",
|
||||
"status": "Up 2 days (healthy)",
|
||||
"ports": ""
|
||||
},
|
||||
{
|
||||
"name": "vaultwarden",
|
||||
"status": "Up 7 days (healthy)",
|
||||
"status": "Up 5 days (healthy)",
|
||||
"ports": ""
|
||||
},
|
||||
{
|
||||
"name": "qdrant",
|
||||
"status": "Up 7 days",
|
||||
"status": "Up 10 days",
|
||||
"ports": ""
|
||||
}
|
||||
]
|
||||
},
|
||||
"apis": {
|
||||
"count": 273,
|
||||
"count": 288,
|
||||
"files": [
|
||||
"wevia-stream-sovereign.php",
|
||||
"wevia-pending-loader.php",
|
||||
@@ -142,6 +137,7 @@
|
||||
"wevia-code-agent.php",
|
||||
"wevia-sovereign-intelligence.php",
|
||||
"wevia-orchestrator-extra-agents-v72.php",
|
||||
"wevia-stub-priority-sort.php",
|
||||
"wevia-enterprise.php",
|
||||
"wevia-orchestrator.php",
|
||||
"wevia-track-s95-prompt-intent.php",
|
||||
@@ -175,6 +171,7 @@
|
||||
"wevia-agent-chef.php",
|
||||
"wevia-agentic.php",
|
||||
"wevia-arena-engine.php",
|
||||
"wevia-factory.php",
|
||||
"wevia-brain.php",
|
||||
"wevia-capabilities-ext.php",
|
||||
"wevia-sovereign-heal-intent.php",
|
||||
@@ -186,6 +183,7 @@
|
||||
"wevia-filegen.php",
|
||||
"wevia-products-kpi-v80.php",
|
||||
"wevia-public-stream.php",
|
||||
"wevia-cyber-archi-control.php",
|
||||
"wevia-exec.php",
|
||||
"wevia-memory.php",
|
||||
"wevia-human-ai.php",
|
||||
@@ -193,6 +191,7 @@
|
||||
"wevia-email-api.php",
|
||||
"wevia-deep-research.php",
|
||||
"wevia-real-alerts.php",
|
||||
"wevia-real-autowire.php",
|
||||
"wevia-qa-hub.php",
|
||||
"wevia-oss-scan.php",
|
||||
"wevia-unified-api.php",
|
||||
@@ -212,12 +211,14 @@
|
||||
"wevia-enterprise-fleet.php",
|
||||
"wevia-full-exec.php",
|
||||
"wevia-sse-v76-agents-ext.php",
|
||||
"wevia-autowire-trigger.php",
|
||||
"wevia-unified.php",
|
||||
"wevia-v74-sixsigma-api.php",
|
||||
"wevia-vault-search.php",
|
||||
"wevia-vault-llm.php",
|
||||
"wevia-tool-test.php",
|
||||
"wevia-v74-intents-include.php",
|
||||
"wevia-chat-memory.php",
|
||||
"wevia-self-diagnostic-intent.php",
|
||||
"wevia-control-kpis.php",
|
||||
"wevia-test-email-intent.php",
|
||||
@@ -241,6 +242,7 @@
|
||||
"wevia-v66-all-erps-painpoints.php",
|
||||
"wevia-openai.php",
|
||||
"wevia-backlog-status-intent.php",
|
||||
"wevia-audit-api.php",
|
||||
"wevia-v66-ia-building-api.php",
|
||||
"wevia-master-api.php",
|
||||
"wevia-stream-api.php",
|
||||
@@ -248,6 +250,7 @@
|
||||
"wevia-opus-intents.php",
|
||||
"wevia-decisions-api.php",
|
||||
"wevia-db-stats.php",
|
||||
"wevia-chat-v2-direct.php",
|
||||
"wevia-master-dispatch.php",
|
||||
"wevia-api-bridge.php",
|
||||
"wevia-vault-git-intents.php",
|
||||
@@ -257,9 +260,11 @@
|
||||
"wevia-master-autonomous.php",
|
||||
"wevia-v60-tier1-bridges.php",
|
||||
"wevia-opus-write-intents.php",
|
||||
"wevia-admin-enrich.php",
|
||||
"wevia-tips-catalog-v82.php",
|
||||
"wevia-json-api.php",
|
||||
"wevia-truth-builder.php",
|
||||
"wevia-memory-bridge.php",
|
||||
"wevia-multiagent-sse.php",
|
||||
"wevia-v77-coherence.php",
|
||||
"wevia-v70-enterprise-complete.php",
|
||||
@@ -271,6 +276,7 @@
|
||||
"wevia-azure-reregister-intent.php",
|
||||
"wevia-doctrine-74-fix-intent.php",
|
||||
"wevia-fiability.php",
|
||||
"wevia-auto-promote-proposals.php",
|
||||
"wevia-director.php",
|
||||
"wevia-v67-roi-simulator.php",
|
||||
"wevia-nl-normalizer-prehook.php",
|
||||
@@ -297,6 +303,7 @@
|
||||
"wevia-agent-loop.php",
|
||||
"wevia-capabilities-faq-v81.php",
|
||||
"wevia-v65-risk-erp-gaps.php",
|
||||
"wevia-godmode.php",
|
||||
"wevia-master-registry.php",
|
||||
"wevia-claude-code-patterns.php",
|
||||
"wevia-agent-factory.php",
|
||||
@@ -304,6 +311,7 @@
|
||||
"wevia-oss-bridge.php",
|
||||
"wevia-safe-write.php",
|
||||
"wevia-v65-brain-api.php",
|
||||
"wevia-brain-intents-loader.php",
|
||||
"wevia-ops-intents.php",
|
||||
"wevia-desktop.php",
|
||||
"wevia-orchestrator-extra-agents.php",
|
||||
@@ -319,6 +327,7 @@
|
||||
"wevia-quality-engine.php",
|
||||
"wevia-new-models.php",
|
||||
"wevia-dream.php",
|
||||
"wevia-agent-exec.php",
|
||||
"wevia-public-status.php",
|
||||
"wevia-sovereign-proxy.php",
|
||||
"wevia-intent-autowire.php",
|
||||
@@ -339,6 +348,7 @@
|
||||
"wevia-v63-acquired-enriched.php",
|
||||
"wevia-prompt.php",
|
||||
"wevia-creative-engine.php",
|
||||
"wevia-dispatch.php",
|
||||
"wevia-office-senders-intent.php",
|
||||
"wevia-live-context.php",
|
||||
"wevia-v71-intelligence-growth.php",
|
||||
@@ -396,8 +406,9 @@
|
||||
"count": 835
|
||||
},
|
||||
"crons": {
|
||||
"count": 44,
|
||||
"count": 46,
|
||||
"files": [
|
||||
"weval-kaggle-weekly",
|
||||
"weval-oss-cache",
|
||||
"weval-biz-scenario-daily",
|
||||
"weval-agent-factory",
|
||||
@@ -438,6 +449,7 @@
|
||||
"weval-autoheal",
|
||||
"weval-meeting-strategy",
|
||||
"weval-auto-benchmark",
|
||||
"weval-artifact-cleanup-daily",
|
||||
"weval-autowire-agent",
|
||||
"weval-benchmark-refresh",
|
||||
"weval-l99-visual",
|
||||
@@ -445,9 +457,9 @@
|
||||
]
|
||||
},
|
||||
"qdrant": {
|
||||
"total": 22105,
|
||||
"total": 22148,
|
||||
"collections": {
|
||||
"weval_skills": 19089,
|
||||
"weval_skills": 19110,
|
||||
"wevia_graph": 3,
|
||||
"weval_intents_memory": 50,
|
||||
"obsidian_vault": 46,
|
||||
@@ -460,7 +472,7 @@
|
||||
"kb_bpmn_patterns": 7,
|
||||
"kb_dmaic_playbooks": 7,
|
||||
"kb_wevads_deliv": 6,
|
||||
"wevia_memory_768": 82,
|
||||
"wevia_memory_768": 104,
|
||||
"wevia_kb_768": 255,
|
||||
"weval_agents_registry": 50,
|
||||
"wevia_kb": 386,
|
||||
@@ -469,28 +481,27 @@
|
||||
}
|
||||
},
|
||||
"ollama": {
|
||||
"count": 7,
|
||||
"count": 6,
|
||||
"models": [
|
||||
"huihui_ai/llama3.2-abliterate:latest",
|
||||
"weval-brain-v4:latest",
|
||||
"llama3.2:latest",
|
||||
"nomic-embed-text:latest",
|
||||
"weval-brain-v3:latest",
|
||||
"nomic-embed-text:v1.5",
|
||||
"qwen3:4b",
|
||||
"all-minilm:latest"
|
||||
]
|
||||
},
|
||||
"pages": {
|
||||
"count": 319
|
||||
"count": 331
|
||||
},
|
||||
"opt_tools": {
|
||||
"count": 95
|
||||
"count": 103
|
||||
},
|
||||
"dataset": {
|
||||
"pairs": 5751
|
||||
},
|
||||
"wiki": {
|
||||
"entries": 2123
|
||||
"entries": 2412
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,18 +1,26 @@
|
||||
{
|
||||
"generated_at": "2026-04-22T00:00:03.159161",
|
||||
"generated_at": "2026-04-25T00:00:05.028130",
|
||||
"agent_version": "V69_enhanced",
|
||||
"pages_scanned": 9,
|
||||
"fixed_elements_checked": 19,
|
||||
"issues_count": 5,
|
||||
"fixed_elements_checked": 29,
|
||||
"issues_count": 6,
|
||||
"status": "CRITICAL",
|
||||
"doctrine_61": "bottom-right reserved for chat WEVIA only",
|
||||
"issues": [
|
||||
{
|
||||
"page": "weval-technology-platform.html",
|
||||
"element": "opus-orphans-count-text",
|
||||
"page": "wevia-master.html",
|
||||
"element": "anon",
|
||||
"type": "inline",
|
||||
"corner": "bottom-right",
|
||||
"z": 9997,
|
||||
"z": 9999,
|
||||
"severity": "HIGH"
|
||||
},
|
||||
{
|
||||
"page": "wevia-widget.html",
|
||||
"element": "#opus-pattern-badge",
|
||||
"type": "css_rule",
|
||||
"corner": "bottom-right",
|
||||
"z": 99990,
|
||||
"severity": "HIGH"
|
||||
},
|
||||
{
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"timestamp": "2026-04-21T22:00:06+00:00",
|
||||
"compute_ms": 4023,
|
||||
"timestamp": "2026-04-24T22:00:08+00:00",
|
||||
"compute_ms": 4367,
|
||||
"metrics": {
|
||||
"agents": 0,
|
||||
"agents_hierarchy": 0,
|
||||
@@ -13,39 +13,39 @@
|
||||
"oss_tools": 765,
|
||||
"oss_skills": 734,
|
||||
"oss_tests": 765,
|
||||
"docker": 20,
|
||||
"ollama_models": 7,
|
||||
"git_repos": 38,
|
||||
"docker": 18,
|
||||
"ollama_models": 6,
|
||||
"git_repos": 41,
|
||||
"providers": [
|
||||
{
|
||||
"name": "Cerebras",
|
||||
"latency_ms": 968,
|
||||
"latency_ms": 1543,
|
||||
"status": "up"
|
||||
},
|
||||
{
|
||||
"name": "Groq",
|
||||
"latency_ms": 1001,
|
||||
"latency_ms": 1298,
|
||||
"status": "up"
|
||||
}
|
||||
]
|
||||
},
|
||||
"scores": {
|
||||
"combined": 75,
|
||||
"infra": 57,
|
||||
"infra": 51,
|
||||
"ecosystem": 100,
|
||||
"agents": 0,
|
||||
"skills": 100,
|
||||
"nonreg": 100,
|
||||
"oss": 100,
|
||||
"docker": 100,
|
||||
"providers": 72,
|
||||
"docker": 90,
|
||||
"providers": 64,
|
||||
"hierarchy": 0,
|
||||
"instructions": 100
|
||||
},
|
||||
"leaderboard": [
|
||||
{
|
||||
"name": "WEVAL_Ecosystem",
|
||||
"score": 80.7,
|
||||
"score": 80.1,
|
||||
"skills": 839,
|
||||
"agents": 0
|
||||
},
|
||||
@@ -56,12 +56,12 @@
|
||||
},
|
||||
{
|
||||
"name": "WEVAL_Manager",
|
||||
"score": 72,
|
||||
"score": 64,
|
||||
"type": "sovereign"
|
||||
},
|
||||
{
|
||||
"name": "WEVAL_MiroFish",
|
||||
"score": 100,
|
||||
"score": 90,
|
||||
"type": "sovereign"
|
||||
},
|
||||
{
|
||||
@@ -81,7 +81,7 @@
|
||||
},
|
||||
{
|
||||
"name": "WEVAL_OpenClaw",
|
||||
"score": 79,
|
||||
"score": 70,
|
||||
"type": "sovereign"
|
||||
},
|
||||
{
|
||||
|
||||
36
api/ambre-agents-check.php
Normal file
36
api/ambre-agents-check.php
Normal file
@@ -0,0 +1,36 @@
|
||||
<?php
|
||||
header("Content-Type: application/json");
|
||||
$out = [];
|
||||
|
||||
// Check which endpoints need auth
|
||||
$endpoints = [
|
||||
"/api/wevia-master-api.php",
|
||||
"/api/wevia-autonomous.php",
|
||||
"/api/ambre-multiagent-parallel.php",
|
||||
"/api/ambre-session-chat.php",
|
||||
"/api/ambre-tool-pdf-premium.php",
|
||||
"/api/ambre-tool-mermaid.php",
|
||||
"/api/ambre-tool-web-search.php",
|
||||
"/api/wevia-safe-write.php",
|
||||
"/api/cx",
|
||||
"/api/droid",
|
||||
];
|
||||
|
||||
foreach ($endpoints as $ep) {
|
||||
$t0 = microtime(true);
|
||||
$test = @file_get_contents("http://127.0.0.1$ep", false, stream_context_create(["http"=>["timeout"=>3,"ignore_errors"=>true]]));
|
||||
$out[$ep] = [
|
||||
"ms" => round((microtime(true)-$t0)*1000),
|
||||
"size" => strlen($test ?: ""),
|
||||
"first_50" => substr($test ?: "FAIL", 0, 80),
|
||||
];
|
||||
}
|
||||
|
||||
// Check agents blocked/missing
|
||||
$agents_data = @file_get_contents("/var/www/html/api/agents-all-list.json") ?: @file_get_contents("/var/www/html/api/agents.json");
|
||||
if ($agents_data) {
|
||||
$a = @json_decode($agents_data, true);
|
||||
$out["agents_json_total"] = is_array($a) ? count($a) : 0;
|
||||
}
|
||||
|
||||
echo json_encode($out, JSON_PRETTY_PRINT|JSON_UNESCAPED_SLASHES);
|
||||
122
api/ambre-agents-manifest.php
Normal file
122
api/ambre-agents-manifest.php
Normal file
@@ -0,0 +1,122 @@
|
||||
<?php
|
||||
/**
|
||||
* ambre-agents-manifest.php · wave-258 · Manifest public des agents disponibles
|
||||
* Permet à WEVIA Master de découvrir tous les outils/agents sans auth
|
||||
* Endpoint public · zero auth · libération énergies
|
||||
*/
|
||||
header("Content-Type: application/json; charset=utf-8");
|
||||
header("Access-Control-Allow-Origin: *");
|
||||
|
||||
$agents = [
|
||||
[
|
||||
"id" => "pdf_premium",
|
||||
"name" => "PDF Premium Generator",
|
||||
"category" => "document",
|
||||
"endpoint" => "/api/ambre-tool-pdf-premium.php",
|
||||
"method" => "POST",
|
||||
"payload" => ["topic" => "string", "lang" => "fr|en|ar"],
|
||||
"auth" => "none",
|
||||
"avg_ms" => 2700,
|
||||
"trigger_keywords" => ["pdf", "rapport", "document pro", "premium"],
|
||||
"output" => "url PDF + metadata",
|
||||
"engine" => "LLM + Chromium",
|
||||
],
|
||||
[
|
||||
"id" => "mermaid_rag",
|
||||
"name" => "Mermaid Diagram RAG",
|
||||
"category" => "visualization",
|
||||
"endpoint" => "/api/ambre-tool-mermaid.php",
|
||||
"method" => "POST",
|
||||
"payload" => ["topic" => "string"],
|
||||
"auth" => "none",
|
||||
"avg_ms" => 400,
|
||||
"trigger_keywords" => ["schéma", "diagramme", "mermaid", "flowchart", "graph"],
|
||||
"output" => "code mermaid · source kb_reused OR llm",
|
||||
"engine" => "KB RAG + LLM fallback",
|
||||
],
|
||||
[
|
||||
"id" => "web_search",
|
||||
"name" => "Web Search",
|
||||
"category" => "research",
|
||||
"endpoint" => "/api/ambre-tool-web-search.php",
|
||||
"method" => "POST",
|
||||
"payload" => ["query" => "string"],
|
||||
"auth" => "none",
|
||||
"trigger_keywords" => ["cherche", "recherche", "search", "actualités", "news"],
|
||||
"output" => "answer + sources",
|
||||
],
|
||||
[
|
||||
"id" => "kb_search",
|
||||
"name" => "Knowledge Base Search",
|
||||
"category" => "research",
|
||||
"endpoint" => "/api/ambre-mermaid-learn.php",
|
||||
"method" => "POST",
|
||||
"payload" => ["action" => "search|list|stats", "query" => "string"],
|
||||
"auth" => "none",
|
||||
"avg_ms" => 50,
|
||||
"trigger_keywords" => ["sait", "as-tu déjà", "connu"],
|
||||
"output" => "entries JSON matching",
|
||||
],
|
||||
[
|
||||
"id" => "calc",
|
||||
"name" => "Calculator",
|
||||
"category" => "compute",
|
||||
"endpoint" => "/api/ambre-tool-calc.php",
|
||||
"method" => "POST",
|
||||
"payload" => ["expression" => "string"],
|
||||
"auth" => "none",
|
||||
"avg_ms" => 10,
|
||||
"trigger_keywords" => ["calcule", "combien", "somme", "multiplie"],
|
||||
"output" => "result numeric",
|
||||
],
|
||||
[
|
||||
"id" => "multiagent_parallel",
|
||||
"name" => "Multi-Agent Parallel Orchestrator",
|
||||
"category" => "orchestration",
|
||||
"endpoint" => "/api/ambre-multiagent-parallel.php",
|
||||
"method" => "POST",
|
||||
"payload" => ["goal" => "string", "max_agents" => "1-10"],
|
||||
"auth" => "none",
|
||||
"avg_ms" => 8000,
|
||||
"trigger_keywords" => ["analyse complete", "rapport complet", "compare avec", "multi-agent", "360"],
|
||||
"output" => "plan + results parallel + synthesis",
|
||||
"engine" => "Plan LLM → curl_multi → Reconcile LLM",
|
||||
"parallelism" => "TRUE (curl_multi_init)",
|
||||
],
|
||||
[
|
||||
"id" => "session_chat",
|
||||
"name" => "Session Chat with Memory",
|
||||
"category" => "conversation",
|
||||
"endpoint" => "/api/ambre-session-chat.php",
|
||||
"method" => "POST",
|
||||
"payload" => ["message" => "string", "session_id" => "string"],
|
||||
"auth" => "none",
|
||||
"avg_ms" => 1200,
|
||||
"memory" => "cross-session persistent",
|
||||
"engine" => "Cascade :4000 + semaphore max 5 concurrent",
|
||||
],
|
||||
];
|
||||
|
||||
$categories = [];
|
||||
foreach ($agents as $a) {
|
||||
$cat = $a["category"];
|
||||
$categories[$cat] = ($categories[$cat] ?? 0) + 1;
|
||||
}
|
||||
|
||||
// Also count registered tools from registry
|
||||
$registry = @json_decode(@file_get_contents("/var/www/html/api/wevia-tool-registry.json"), true);
|
||||
$registry_total = is_array($registry) ? count($registry["tools"] ?? []) : 0;
|
||||
|
||||
echo json_encode([
|
||||
"ok" => true,
|
||||
"version" => "wave-258",
|
||||
"ts" => date("c"),
|
||||
"agents" => $agents,
|
||||
"total" => count($agents),
|
||||
"categories" => $categories,
|
||||
"registry_tools_total" => $registry_total,
|
||||
"hub_dashboards" => 26,
|
||||
"auth_required" => "none — agents libres",
|
||||
"note" => "Tous ces endpoints sont libres d'accès pour l'autonomie maximale WEVIA",
|
||||
"invocation_pattern" => "curl POST endpoint + JSON payload → réponse JSON",
|
||||
], JSON_PRETTY_PRINT|JSON_UNESCAPED_UNICODE);
|
||||
19
api/ambre-autonomous-scan.php
Normal file
19
api/ambre-autonomous-scan.php
Normal file
@@ -0,0 +1,19 @@
|
||||
<?php
|
||||
header("Content-Type: application/json");
|
||||
$f = "/var/www/html/api/wevia-autonomous.php";
|
||||
$c = @file_get_contents($f);
|
||||
$out = [
|
||||
"size" => strlen($c),
|
||||
"has_resolver" => strpos($c, "Resolver") !== false,
|
||||
"has_multiagent" => strpos($c, "multiagent") !== false || strpos($c, "multi-agent") !== false,
|
||||
"has_parallel" => strpos($c, "parallel") !== false || strpos($c, "curl_multi") !== false,
|
||||
"has_plan_exec" => strpos($c, "plan") !== false && strpos($c, "execute") !== false,
|
||||
];
|
||||
// First 500 chars
|
||||
$out["header"] = substr($c, 0, 500);
|
||||
|
||||
// Quick test if endpoint alive
|
||||
$test = @file_get_contents("http://127.0.0.1/api/wevia-autonomous.php?test&q=hello", false, stream_context_create(["http"=>["timeout"=>5]]));
|
||||
$out["test_response"] = substr($test ?? "FAIL", 0, 300);
|
||||
|
||||
echo json_encode($out, JSON_PRETTY_PRINT|JSON_UNESCAPED_SLASHES);
|
||||
15
api/ambre-check-wire.php
Normal file
15
api/ambre-check-wire.php
Normal file
@@ -0,0 +1,15 @@
|
||||
<?php
|
||||
header("Content-Type: application/json");
|
||||
$out = [];
|
||||
foreach (["wevia-master.html", "wevia-orchestrator.html", "director-chat.html", "l99-brain.html"] as $p) {
|
||||
$f = "/var/www/html/$p";
|
||||
if (!file_exists($f)) { $out[$p] = "missing"; continue; }
|
||||
$c = @file_get_contents($f);
|
||||
$out[$p] = [
|
||||
"size" => strlen($c),
|
||||
"widget" => substr_count($c, "ambre-universal-chat.js"),
|
||||
"last_body_pos" => strrpos($c, "</body>"),
|
||||
"ends_with" => substr(trim($c), -200),
|
||||
];
|
||||
}
|
||||
echo json_encode($out, JSON_PRETTY_PRINT|JSON_UNESCAPED_SLASHES);
|
||||
@@ -19,6 +19,50 @@ $raw = file_get_contents("php://input");
|
||||
$in = json_decode($raw, true) ?: [];
|
||||
$msg = trim($in["message"] ?? "");
|
||||
if (!$msg) { sse("error", ["content"=>"No message"]); exit; }
|
||||
|
||||
// === V181 backend-public-guard · Yacine: pas de fuites chez clients externes ===
|
||||
$__v181_blocked = [
|
||||
"/^intents?_pool\b/i",
|
||||
"/^quelle\s+heure\s*$/i",
|
||||
"/^multiagent\s+parall[e\xc3\xa9\xc3\xa8]le/i",
|
||||
"/^orchestrate\s+parall[e\xc3\xa9\xc3\xa8]le/i",
|
||||
"/^cable\s+un?\s+intent/i",
|
||||
"/^nonreg\s*(?:score|status)?\s*$/i",
|
||||
"/^l99\s*(?:score|status)?\s*$/i",
|
||||
"/^6\s*sigma/i",
|
||||
"/^derniers?\s+commits?\s+git/i",
|
||||
"/^git\s+(?:log|commit|status)/i",
|
||||
"/\bWAVE-\d+/i",
|
||||
"/\bpool\s+total\b/i",
|
||||
"/^doctrines?\s+(?:wiki|list)/i",
|
||||
"/^load\s*$/i",
|
||||
"/\bwevia[-_.]?(?:master|orchestrator|autonomous)\b/i",
|
||||
"/^(?:ping|status|health)\s+(?:system|server|infra)/i",
|
||||
];
|
||||
$__v181_internal = false;
|
||||
$__v181_token = $_SERVER["HTTP_X_AGENT_TOKEN"] ?? "";
|
||||
$__v181_ref = $_SERVER["HTTP_REFERER"] ?? "";
|
||||
$__v181_expected_token = "";
|
||||
foreach (@file("/etc/weval/secrets.env") ?: [] as $__v181_line) {
|
||||
if (preg_match("/^AGENT_TOKEN=(.+)$/", trim($__v181_line), $__v181_mm)) {
|
||||
$__v181_expected_token = trim($__v181_mm[1], " \"\'"); break;
|
||||
}
|
||||
}
|
||||
if ($__v181_token && $__v181_expected_token && hash_equals($__v181_expected_token, $__v181_token)) $__v181_internal = true;
|
||||
if (stripos($__v181_ref, "/wevia-master.html") !== false || stripos($__v181_ref, "/wevia-master-") !== false || stripos($__v181_ref, "/proof-wave") !== false) $__v181_internal = true;
|
||||
if (!$__v181_internal) {
|
||||
foreach ($__v181_blocked as $__v181_pat) {
|
||||
if (@preg_match($__v181_pat, trim($msg))) {
|
||||
$__v181_greet = "Je suis WEVIA Assistant IA. Je peux vous aider avec la generation de documents (PDF, Word, Excel, PowerPoint), la creation d'images, de schemas et de code, les traductions, les recherches et les calculs. Que puis-je faire pour vous aujourd'hui ?";
|
||||
sse("start", ["session"=>"public", "query"=>$msg, "pattern"=>"guard", "engine"=>"WEVIA Assistant v1"]);
|
||||
sse("chunk", ["content"=>$__v181_greet, "index"=>0, "total"=>1]);
|
||||
sse("done", ["response"=>$__v181_greet, "provider"=>"wevia-public-guard-v1", "intent"=>"guard_redirect"]);
|
||||
@error_log("[V181-public-guard] blocked: " . substr($msg, 0, 80));
|
||||
exit;
|
||||
}
|
||||
}
|
||||
}
|
||||
// === END V181 ===
|
||||
$session_id = $in["session_id"] ?? ("wv-" . substr(md5(random_bytes(8)), 0, 10));
|
||||
|
||||
$pattern = "generic";
|
||||
@@ -175,7 +219,7 @@ foreach ($plan as $i => $step) {
|
||||
$d = @json_decode($raw_r, true);
|
||||
if ($d) {
|
||||
$final_response = $d["response"] ?? $d["content"] ?? "";
|
||||
if (preg_match("#https?://\S+?\.(?:pdf|docx|pptx|xlsx|svg|py|jsx)#", $final_response, $um)) {
|
||||
if (preg_match("#https?://\S+?\.(?:pdf|docx|pptx|xlsx|svg|py|jsx|jpg|jpeg|png|webp|gif)#", $final_response, $um)) {
|
||||
$final_file_url = $um[0];
|
||||
}
|
||||
}
|
||||
@@ -199,6 +243,6 @@ sse("done", [
|
||||
"response" => $final_response,
|
||||
"file_url" => $final_file_url,
|
||||
"pattern" => $pattern,
|
||||
"provider" => "ambre-claude-stream-v1",
|
||||
"provider" => "wevia-stream-v1",
|
||||
"intent" => $pattern . "_streamed",
|
||||
]);
|
||||
|
||||
116
api/ambre-confidential-shield.js
Normal file
116
api/ambre-confidential-shield.js
Normal file
@@ -0,0 +1,116 @@
|
||||
/**
|
||||
* ambre-confidential-shield.js · wave-261
|
||||
* GARDE CONFIDENTIELLE : supprime tout badge/dock interne sur pages PUBLIQUES
|
||||
*
|
||||
* Usage: loadé en TÊTE sur /, /wevia.html, /wevia, /index.html
|
||||
*
|
||||
* ELEMENTS À MASQUER sur pages publiques :
|
||||
* - #opus-pattern-badge · Claude Pattern badge
|
||||
* - #opus-pattern-style · CSS associé
|
||||
* - #opus-udrill · drill menu fixed
|
||||
* - #opus-udrill-in · contenu drill
|
||||
* - #opus-dashboard-entry · dashboard hover
|
||||
* - #opus-dashboard-link · Dashboards link fixed
|
||||
* - #wtp-udock, #v130-xnav, #opus-xlinks · docks internes
|
||||
* - Tout élément avec text "WTP" + "Admin" + "Droid" dans un même conteneur fixed
|
||||
* - Tout lien vers /weval-technology-platform.html, /wevia-master.html, /all-ia-hub.html, etc. en position fixed
|
||||
*/
|
||||
(function(){
|
||||
'use strict';
|
||||
|
||||
// Public paths where shield is ACTIVE (block internal UI elements)
|
||||
var PUBLIC_PATHS = ['/', '/index.html', '/wevia-widget.html', '/wevia.html', '/wevia', '/consent.html', '/register.html', '/login'];
|
||||
var path = (location.pathname || '/').toLowerCase();
|
||||
var isPublic = PUBLIC_PATHS.indexOf(path) !== -1;
|
||||
if (!isPublic) return; // do nothing on private/auth pages
|
||||
|
||||
// IDs to HIDE on public pages (confidential internal UI)
|
||||
var CONFIDENTIAL_IDS = [
|
||||
'opus-pattern-badge', 'opus-pattern-style', 'opus-pattern-panel',
|
||||
'opus-pattern-modal', 'opus-pattern-box', 'opus-pattern-close', 'opus-pattern-input',
|
||||
'opus-pattern-bot', 'opus-pattern-output', 'opus-pattern-content',
|
||||
'opus-pattern-launch', 'opus-pattern-send',
|
||||
'opus-udrill', 'opus-udrill-in', 'opus-dashboard-entry', 'opus-dashboard-link',
|
||||
'wtp-udock', 'v130-xnav', 'opus-xlinks', 'wtp-sidebar',
|
||||
'opus-claude-pattern', 'opus-dashboards',
|
||||
'archi-meta-badge', 'v130-floating-dock',
|
||||
];
|
||||
|
||||
// Inject CSS that hides these IDs IMMEDIATELY (before any JS injects them)
|
||||
var css = document.createElement('style');
|
||||
css.id = 'ambre-confidential-shield';
|
||||
css.textContent = CONFIDENTIAL_IDS.map(function(id){return '#' + id;}).join(',') + '{display:none!important;visibility:hidden!important;pointer-events:none!important}';
|
||||
// Also hide any fixed element containing "Droid" + "Admin" text (the dock in Image 1)
|
||||
(document.head || document.documentElement).appendChild(css);
|
||||
|
||||
// MutationObserver to remove dynamically-injected leaks
|
||||
function scrubLeaks() {
|
||||
// Remove by id
|
||||
CONFIDENTIAL_IDS.forEach(function(id){
|
||||
var el = document.getElementById(id);
|
||||
if (el) el.remove();
|
||||
});
|
||||
|
||||
// Remove fixed elements with sensitive badges (WTP + IA Hub + Master + Droid + Admin)
|
||||
var fixedElements = document.querySelectorAll('div[style*="position: fixed"], div[style*="position:fixed"]');
|
||||
fixedElements.forEach(function(el){
|
||||
var txt = (el.innerText || '').toLowerCase();
|
||||
var matches = ['wtp', 'ia hub', 'master', 'orch', 'wevcode', 'arena', 'droid', 'admin', 'wevia engine']
|
||||
.filter(function(kw){ return txt.indexOf(kw) !== -1; }).length;
|
||||
if (matches >= 4) { // if 4+ internal keywords present → remove
|
||||
el.remove();
|
||||
}
|
||||
});
|
||||
|
||||
// Remove <a href="..."> fixed shortcuts to internal pages
|
||||
var privatePages = ['weval-technology-platform', 'wevia-master', 'all-ia-hub', 'wevia-orchestrator', 'wevcode', 'droid.html', 'admin-saas'];
|
||||
document.querySelectorAll('a[href]').forEach(function(a){
|
||||
var href = (a.getAttribute('href') || '').toLowerCase();
|
||||
var style = window.getComputedStyle(a);
|
||||
if (style.position === 'fixed' || (a.parentElement && window.getComputedStyle(a.parentElement).position === 'fixed')) {
|
||||
for (var i = 0; i < privatePages.length; i++) {
|
||||
if (href.indexOf(privatePages[i]) !== -1) {
|
||||
a.remove();
|
||||
return;
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Run at DOM ready and on mutations
|
||||
if (document.readyState !== 'loading') scrubLeaks();
|
||||
else document.addEventListener('DOMContentLoaded', scrubLeaks);
|
||||
|
||||
// MutationObserver for post-load injections
|
||||
var mo = new MutationObserver(function(mutations){
|
||||
for (var i = 0; i < mutations.length; i++) {
|
||||
var m = mutations[i];
|
||||
if (m.addedNodes && m.addedNodes.length > 0) {
|
||||
scrubLeaks();
|
||||
break;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Start observing once body available
|
||||
function startObserver(){
|
||||
if (document.body) mo.observe(document.body, { childList: true, subtree: true });
|
||||
else setTimeout(startObserver, 100);
|
||||
}
|
||||
startObserver();
|
||||
|
||||
// Periodic sweep (catch late injections)
|
||||
setInterval(scrubLeaks, 2000);
|
||||
|
||||
// Also stop at 60s to save CPU
|
||||
setTimeout(function(){ try { mo.disconnect(); } catch(e){} }, 60000);
|
||||
|
||||
// Neutralize global opusPatternOpen function (prevents programmatic opening)
|
||||
try {
|
||||
Object.defineProperty(window, '__opusPatternOpen', { value: function(){}, writable: false, configurable: false });
|
||||
Object.defineProperty(window, '__opusPatternClose', { value: function(){}, writable: false, configurable: false });
|
||||
} catch(e) {}
|
||||
|
||||
console.log('[ambre-confidential-shield] active on public page: ' + path);
|
||||
})();
|
||||
5
api/ambre-ctx.php
Normal file
5
api/ambre-ctx.php
Normal file
@@ -0,0 +1,5 @@
|
||||
<?php
|
||||
header("Content-Type: text/plain");
|
||||
$c = @file_get_contents("/var/www/html/wevia.html");
|
||||
echo "=== around 94630 (phase result) ===\n";
|
||||
echo substr($c, 94500, 1500);
|
||||
43
api/ambre-dock-fix.php
Normal file
43
api/ambre-dock-fix.php
Normal file
@@ -0,0 +1,43 @@
|
||||
<?php
|
||||
header("Content-Type: application/json");
|
||||
$path = "/var/www/html/wtp-unified-dock.js";
|
||||
$c = @file_get_contents($path);
|
||||
$orig = strlen($c);
|
||||
|
||||
// Add wevia-widget.html + all chatbot public pages to PUBLIC_PATHS
|
||||
$old = "var _AMBRE_PUBLIC_PATHS = ['/wevia.html', '/wevia', '/', '/index.html', '/consent.html', '/mirofish.html'];";
|
||||
$new = "var _AMBRE_PUBLIC_PATHS = ['/wevia.html', '/wevia', '/', '/index.html', '/consent.html', '/mirofish.html', '/wevia-widget.html', '/wevia-widget', '/register.html', '/register', '/login', '/login.html'];";
|
||||
|
||||
if (strpos($c, $old) === false) {
|
||||
echo json_encode(["error"=>"PUBLIC_PATHS pattern not found"]);
|
||||
exit;
|
||||
}
|
||||
|
||||
// Also add iframe detection → if we are in an iframe on a public parent → skip dock
|
||||
$ext1 = " // === END AMBRE-V1-PUBLIC-GUARD ===";
|
||||
$ext2 = " // === END AMBRE-V1-PUBLIC-GUARD ===
|
||||
|
||||
// === AMBRE-V2-IFRAME-GUARD 2026-04-22 · skip dock if embedded in iframe (public widget context) ===
|
||||
try {
|
||||
if (window.self !== window.top) {
|
||||
// Running inside iframe - public widget context - DO NOT render dock
|
||||
return;
|
||||
}
|
||||
} catch(e) {
|
||||
// Cross-origin access error means we ARE in iframe - skip
|
||||
return;
|
||||
}
|
||||
// === END AMBRE-V2-IFRAME-GUARD ===";
|
||||
|
||||
$c = str_replace($old, $new, $c);
|
||||
$c = str_replace($ext1, $ext2, $c);
|
||||
|
||||
$backup = "/opt/wevads/vault/wtp-unified-dock.GOLD-" . date("Ymd-His") . "-wave262-widget-guard";
|
||||
@copy($path, $backup);
|
||||
$wrote = @file_put_contents($path, $c);
|
||||
|
||||
echo json_encode([
|
||||
"delta" => strlen($c) - $orig,
|
||||
"wrote" => $wrote,
|
||||
"backup" => basename($backup),
|
||||
]);
|
||||
14
api/ambre-dock-read.php
Normal file
14
api/ambre-dock-read.php
Normal file
@@ -0,0 +1,14 @@
|
||||
<?php
|
||||
header("Content-Type: text/plain");
|
||||
$f = "/var/www/html/wtp-unified-dock.js";
|
||||
if (file_exists($f)) {
|
||||
echo "=== wtp-unified-dock.js (first 2000 chars) ===\n";
|
||||
echo substr(@file_get_contents($f), 0, 2500);
|
||||
echo "\n\n=== Size: " . filesize($f) . "B ===\n";
|
||||
// Find what paths show the dock
|
||||
$c = @file_get_contents($f);
|
||||
if (preg_match_all("/(pub|pathname|location|private|internal|allow|deny)[^\n]{0,200}/i", $c, $m)) {
|
||||
echo "\n=== path/pathname occurrences ===\n";
|
||||
foreach (array_slice($m[0], 0, 10) as $o) echo " $o\n";
|
||||
}
|
||||
}
|
||||
8
api/ambre-doctrine-111.php
Normal file
8
api/ambre-doctrine-111.php
Normal file
File diff suppressed because one or more lines are too long
8
api/ambre-doctrine-112.php
Normal file
8
api/ambre-doctrine-112.php
Normal file
File diff suppressed because one or more lines are too long
8
api/ambre-doctrine-113.php
Normal file
8
api/ambre-doctrine-113.php
Normal file
File diff suppressed because one or more lines are too long
@@ -1,4 +1,5 @@
|
||||
<?php
|
||||
// V179 wevia-brand · user-visible strings use WEVIA Vision only
|
||||
/**
|
||||
* ambre-early-doc-gen.php · v4 · 5 capabilities réelles
|
||||
* 1. File gen pdf/docx/pptx via pandoc
|
||||
@@ -86,37 +87,56 @@ if (preg_match("/g[eéèê]n[eéèê]re?.*(sch[eéèê]ma|mermaid|diagramme|flow
|
||||
exit;
|
||||
}
|
||||
|
||||
// ========== HANDLER 4: Image SVG via LLM ==========
|
||||
if (preg_match("/g[eéèê]n[eéèê]re?\s+(?:une|un)?\s*image\s*(?:\b(?:decrivant|repr[eéèê]sentant|pour|sur|de)\b\s*)?:?\s*(.+)$/iu", $__ad_msg, $__im)) {
|
||||
// ========== HANDLER 4: Image via ambre-tool-image.php CASCADE (V177 image-gemini-cascade) ==========
|
||||
// V177: Replace LLM SVG by real image cascade (Gemini 3 Pro Image Preview primary, Qwen fallback, Pollinations last resort)
|
||||
if (preg_match("/g[e\xc3\xa9\xc3\xa8\xc3\xaa]n[e\xc3\xa9\xc3\xa8\xc3\xaa]re?\s+(?:une|un)?\s*image\s*(?:\b(?:decrivant|repr[e\xc3\xa9\xc3\xa8\xc3\xaa]sentant|pour|sur|de)\b\s*)?:?\s*(.+)$/iu", $__ad_msg, $__im)) {
|
||||
$__topic = trim($__im[1]);
|
||||
$__sys = "Tu es un generateur d\"images SVG. Reponds UNIQUEMENT avec du code SVG valide 400x300, pas de markdown, pas de backticks. Formes geometriques + couleurs. Commence par <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 400 300\">.";
|
||||
$__user = "SVG representant: $__topic";
|
||||
$__llm = @file_get_contents("http://127.0.0.1:4000/v1/chat/completions", false, stream_context_create([
|
||||
"http"=>["method"=>"POST","header"=>"Content-Type: application/json\r\n",
|
||||
"content"=>json_encode(["model"=>"fast","messages"=>[
|
||||
["role"=>"system","content"=>$__sys],["role"=>"user","content"=>$__user]
|
||||
],"max_tokens"=>700,"temperature"=>0.4]),"timeout"=>25]
|
||||
]));
|
||||
$__svg = @json_decode($__llm,true)["choices"][0]["message"]["content"] ?? "";
|
||||
$__svg = trim(preg_replace("/```(?:svg|xml)?\n?|```/","",$__svg));
|
||||
$__t0 = microtime(true);
|
||||
|
||||
if (strpos($__svg, "<svg") !== false) {
|
||||
// Save to /generated/
|
||||
$__ts = date("Ymd-His");
|
||||
$__rand = substr(md5(random_bytes(4)),0,6);
|
||||
$__safe = preg_replace("/[^a-zA-Z0-9\-_]/","-",substr($__topic,0,40));
|
||||
$__fname = "wevia-img-$__safe-$__ts-$__rand.svg";
|
||||
@file_put_contents("/var/www/html/generated/$__fname", $__svg);
|
||||
$__size = strlen($__svg);
|
||||
// Call ambre-tool-image.php directly (internal, loopback)
|
||||
$__img_ctx = stream_context_create([
|
||||
"http" => [
|
||||
"method" => "POST",
|
||||
"header" => "Content-Type: application/json\r\nHost: weval-consulting.com\r\n",
|
||||
"content" => json_encode(["prompt" => $__topic]),
|
||||
"timeout" => 75,
|
||||
"ignore_errors" => true,
|
||||
],
|
||||
]);
|
||||
$__img_resp = @file_get_contents("http://127.0.0.1/api/ambre-tool-image.php", false, $__img_ctx);
|
||||
$__img_d = @json_decode($__img_resp, true);
|
||||
|
||||
if ($__img_d && !empty($__img_d["success"]) && !empty($__img_d["url"])) {
|
||||
$__url = $__img_d["url"];
|
||||
$__provider = $__img_d["provider"] ?? "WEVIA Image Engine";
|
||||
$__quality = $__img_d["quality"] ?? "standard";
|
||||
$__size_kb = $__img_d["size_kb"] ?? 0;
|
||||
$__elapsed = round((microtime(true) - $__t0) * 1000);
|
||||
|
||||
header("Content-Type: application/json; charset=utf-8");
|
||||
echo json_encode([
|
||||
"response"=>"🎨 **$__topic** (image SVG)\n\n🔗 Telecharger: https://weval-consulting.com/generated/$__fname\n📦 Taille: " . round($__size/1024,1) . "KB · engine: LLM+SVG\n\n" . chr(96) . chr(96) . chr(96) . "html\n$__svg\n" . chr(96) . chr(96) . chr(96),
|
||||
"executed"=>true,"provider"=>"ambre-doc-gen-v5","intent"=>"image_svg_real",
|
||||
"topic"=>$__topic, "url"=>"https://weval-consulting.com/generated/$__fname",
|
||||
], JSON_UNESCAPED_UNICODE|JSON_UNESCAPED_SLASHES);
|
||||
"response" => "\xf0\x9f\x8e\xa8 **$__topic**\n\n\xf0\x9f\x94\x97 T\xc3\xa9l\xc3\xa9charger: $__url\n\xf0\x9f\x93\xa6 Taille: {$__size_kb}KB \xc2\xb7 \xe2\x9a\x99\xef\xb8\x8f {$__elapsed}ms \xc2\xb7 engine: $__provider",
|
||||
"executed" => true,
|
||||
"provider" => "ambre-doc-gen-v5",
|
||||
"intent" => "image_real_cascade",
|
||||
"topic" => $__topic,
|
||||
"url" => $__url,
|
||||
"quality" => $__quality,
|
||||
"image_provider" => $__provider,
|
||||
], JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES);
|
||||
exit;
|
||||
}
|
||||
// If cascade failed, fall through (old LLM SVG code removed to force real images)
|
||||
// Return an informative error to widget rather than fake SVG
|
||||
header("Content-Type: application/json; charset=utf-8");
|
||||
echo json_encode([
|
||||
"response" => "\xe2\x9a\xa0\xef\xb8\x8f G\xc3\xa9n\xc3\xa9ration d\"image temporairement indisponible pour: $__topic. WEVIA Vision temporairement indisponible. Les providers internes ont \xc3\xa9chou\xc3\xa9. R\xc3\xa9essayez dans quelques instants.",
|
||||
"executed" => true,
|
||||
"provider" => "ambre-doc-gen-v5",
|
||||
"intent" => "image_cascade_failed",
|
||||
"topic" => $__topic,
|
||||
], JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES);
|
||||
exit;
|
||||
}
|
||||
|
||||
// ========== HANDLER 5: Code generation with file ==========
|
||||
|
||||
20
api/ambre-export-v42.php
Normal file
20
api/ambre-export-v42.php
Normal file
@@ -0,0 +1,20 @@
|
||||
<?php
|
||||
header("Content-Type: application/json");
|
||||
$src = "/var/www/html/api/ambre-pw-tests/output";
|
||||
$dst = "/var/www/html/generated";
|
||||
$out = ["copied"=>[]];
|
||||
foreach (glob("$src/v42-*.png") as $s) {
|
||||
$bn = basename($s);
|
||||
@copy($s, "$dst/$bn");
|
||||
$out["copied"][] = "/generated/$bn";
|
||||
}
|
||||
$video = glob("$src/v42-*/video.webm");
|
||||
if ($video) {
|
||||
$dv = "$dst/wevia-v42-hub-showcase-" . date("Ymd-His") . ".webm";
|
||||
@copy($video[0], $dv);
|
||||
$out["video"] = [
|
||||
"url" => "/generated/" . basename($dv),
|
||||
"size_mb" => round(filesize($dv)/1024/1024, 2),
|
||||
];
|
||||
}
|
||||
echo json_encode($out, JSON_UNESCAPED_SLASHES);
|
||||
28
api/ambre-export-v44.php
Normal file
28
api/ambre-export-v44.php
Normal file
@@ -0,0 +1,28 @@
|
||||
<?php
|
||||
header("Content-Type: application/json");
|
||||
$src = "/var/www/html/api/ambre-pw-tests/output";
|
||||
$dst = "/var/www/html/generated";
|
||||
$out = ["copied"=>[]];
|
||||
|
||||
// Latest V44 artifacts
|
||||
foreach (glob("$src/v44-*.png") as $s) {
|
||||
$bn = basename($s);
|
||||
@copy($s, "$dst/$bn");
|
||||
$out["copied"][] = "/generated/$bn";
|
||||
}
|
||||
|
||||
// Video
|
||||
$video_dir = glob("$src/v44-*chromium")[0] ?? null;
|
||||
if ($video_dir) {
|
||||
$vids = glob("$video_dir/video.webm");
|
||||
if ($vids) {
|
||||
$dv = "$dst/wevia-v44-proof-pdf-" . date("Ymd-His") . ".webm";
|
||||
@copy($vids[0], $dv);
|
||||
@chmod($dv, 0644);
|
||||
$out["video"] = [
|
||||
"url" => "/generated/" . basename($dv),
|
||||
"size_mb" => round(filesize($dv)/1024/1024, 2),
|
||||
];
|
||||
}
|
||||
}
|
||||
echo json_encode($out, JSON_UNESCAPED_SLASHES);
|
||||
21
api/ambre-export-v46.php
Normal file
21
api/ambre-export-v46.php
Normal file
@@ -0,0 +1,21 @@
|
||||
<?php
|
||||
header("Content-Type: application/json");
|
||||
$src = "/var/www/html/api/ambre-pw-tests/output";
|
||||
$dst = "/var/www/html/generated";
|
||||
$out = ["copied"=>[]];
|
||||
foreach (glob("$src/v46-*.png") as $s) {
|
||||
$bn = "wevia-v46-multiagent-" . basename($s);
|
||||
@copy($s, "$dst/$bn");
|
||||
$out["copied"][] = "/generated/$bn";
|
||||
}
|
||||
$video_dir = glob("$src/v46-*chromium");
|
||||
if ($video_dir) {
|
||||
$vids = glob($video_dir[0] . "/video.webm");
|
||||
if ($vids) {
|
||||
$dv = "$dst/wevia-v46-multiagent-proof-" . date("Ymd-His") . ".webm";
|
||||
@copy($vids[0], $dv);
|
||||
@chmod($dv, 0644);
|
||||
$out["video"] = ["url"=>"/generated/".basename($dv), "size_mb"=>round(filesize($dv)/1024/1024, 2)];
|
||||
}
|
||||
}
|
||||
echo json_encode($out, JSON_UNESCAPED_SLASHES);
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user