[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_109":110,"_111":112},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","IDLEYER","name","secretariat-pisciniste","path","lib/vision-v44.ts","project",{"_22":48,"_11":12,"_35":49,"_50":-5,"_51":44,"_52":53,"_54":53,"_55":56,"_57":-5,"_58":59,"_60":61,"_62":34,"_63":-5,"_64":-5,"_65":38,"_66":67,"_68":69,"_70":71,"_72":73,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":85,"_86":87,"_88":89,"_90":44},"file",{"_22":23,"_11":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":-5,"_13":46},"permalink","https://www.val.town/x/IDLEYER/secretariat-pisciniste/code/lib/vision-v44.ts","extension","id","7a19c8fe-7c6c-4f4f-a851-6be3cb4e78f9","vision-v44.ts","fileId","019fe95b-08d4-748e-88b0-5afcc0646f7a","parentId","fedf50c4-7cab-11f1-99bd-1607ee4eb77e","branchId","002594a0-197f-4348-8ce0-a1205dd09edd","branchVersion",274,"latest",true,"createdAt",["D",1786326485226],"version",0,"fileType","script","content","/**\n * Vision v44 — globe filaire et flux de données.\n *\n * Remplace intégralement l'orbe holographique v41/v42, jugée ratée.\n * Référence visuelle fournie : sphère filaire cyan sur noir profond,\n * traversée de traînées lumineuses verticales, sensation de réseau vivant.\n *\n * Pourquoi du canvas et non du CSS : une sphère filaire suppose de projeter\n * des points 3D et de moduler leur opacité selon la profondeur. Le CSS ne\n * sait pas faire ça — au mieux il empile des anneaux, ce qui produisait\n * précisément l'effet « bille » rejeté.\n *\n * Réactivité vocale : le même AnalyserNode que la version précédente pilote\n * l'intensité. Sans flux audio, la scène garde son animation de fond — elle\n * n'invente aucun signal.\n *\n * Coût maîtrisé : ~1400 segments par trame, tracés en deux passes de chemin\n * groupées par couleur. La boucle s'arrête dès que l'onglet passe en veille.\n */\n\nexport const VISION_RELEASE = \"vision-v50-globe-flux-chaud\";\n\n/**\n * Palette de la scène.\n *\n * Le globe était intégralement cyan : c'était la dernière source de bleu-vert\n * de l'interface, et la plus visible. Aucune règle CSS ne pouvait l'atteindre\n * — la scène est peinte au pinceau sur un canvas, pas décrite en style.\n *\n * Le parti pris n'est pas de repeindre le cyan en orange, ce qui donnerait un\n * globe monochrome et sale. La structure et le mouvement sont séparés :\n * · le filaire est en os chaud, presque neutre — il porte la géométrie ;\n * · les flux et les halos portent seuls le terracotta d'accent.\n * La donnée qui circule devient ainsi la seule chose colorée de l'écran.\n */\nexport const VISION_PALETTE = {\n fond: \"#0b0908\",\n grille: \"rgba(228,205,194,0.24)\",\n grilleFond: \"rgba(228,205,194,0.07)\",\n noeud: \"rgba(255,239,231,0.88)\",\n flux: \"rgba(232,130,92,0.78)\",\n fluxPale: \"rgba(255,216,198,0.95)\",\n halo: \"rgba(232,130,92,0.5)\",\n} as const;\n\nexport function styleVision(): string {\n return `\n/* ── L'ancienne orbe et ses anneaux disparaissent totalement ────────────── */\n.owner-orb,.owner-orb::before,.owner-orb::after,\n.owner-orb-shell::before,.owner-orb-shell::after,.orbe-spectre{\ndisplay:none!important;content:none!important;animation:none!important;\n}\n\n/* ── Scène ──────────────────────────────────────────────────────────────── */\n.owner-orb-shell{\nposition:relative;display:grid;place-items:center;\npadding:0!important;margin:0 auto 26px;\nwidth:min(100%,620px);aspect-ratio:1/.78;\nisolation:isolate;\n}\n.vision-canvas{\nposition:absolute;inset:0;width:100%;height:100%;\ndisplay:block;pointer-events:none;\nopacity:0;transition:opacity .9s cubic-bezier(.16,1,.3,1);\n}\n.vision-canvas.pret{opacity:1}\n/* Voile radial : éteint les bords du canvas pour qu'il se fonde dans la page\n au lieu de s'y découper en rectangle. */\n.owner-orb-shell::after{\ncontent:\"\";position:absolute;inset:-2px;pointer-events:none;z-index:2;\nbackground:radial-gradient(ellipse at 50% 48%,\ntransparent 44%,\ncolor-mix(in srgb,#0b0908 55%,transparent) 68%,\nvar(--bg) 92%);\ndisplay:block!important;\n}\n/* Statut, posé sur la scène. */\n.owner-focus-status{\nposition:relative;z-index:3;justify-content:center!important;\nletter-spacing:var(--track-label);text-transform:uppercase;\nfont-size:.6rem;color:var(--muted)!important;\n}\n.owner-status-dot{\nbox-shadow:0 0 10px 1px color-mix(in srgb,var(--accent) 45%,transparent)!important;\nbackground:var(--accent)!important;\n}\n\n/* Reprise typographique de la page assistante, conservée de la version\n précédente : la scène canvas ne s'occupe que du globe. */\n.owner-voice-copy h2{\nfont-size:clamp(1.5rem,1.1rem + 1.8vw,2.35rem)!important;\nletter-spacing:-.035em;font-weight:600;text-wrap:balance;\n}\n.owner-voice-copy p{color:var(--muted)!important;max-width:46ch;margin-inline:auto}\n.owner-focus{background:transparent!important;border:0!important;box-shadow:none!important}\n\n@media (prefers-reduced-motion:reduce){\n.vision-canvas{opacity:.7}\n}\n@media (max-width:640px){\n.owner-orb-shell{aspect-ratio:1/.92}\n}\n`;\n}\n\n/**\n * Moteur de la scène. Sphère filaire projetée, flux verticaux, nœuds.\n * Aucune dépendance, aucun accès réseau, aucune permission.\n */\nexport function scriptVision(): string {\n return `(function(){\nvar P=${JSON.stringify(VISION_PALETTE)};\nvar scene=null,cv=null,cx=null,raf=0,t0=0;\nvar analyseur=null,ctxAudio=null,brut=null,niveau=0;\nvar MERIDIENS=22,PARALLELES=13,PAS=54,NB_FLUX=46;\nvar flux=[],dpr=1,L=0,H=0,R=0;\n\nfunction init(){\n var hote=document.querySelector(\".owner-orb-shell\");\n if(!hote)return false;\n if(hote.querySelector(\".vision-canvas\")){scene=hote;cv=hote.querySelector(\".vision-canvas\");cx=cv.getContext(\"2d\");return true;}\n cv=document.createElement(\"canvas\");\n cv.className=\"vision-canvas\";\n cv.setAttribute(\"aria-hidden\",\"true\");\n hote.insertBefore(cv,hote.firstChild);\n scene=hote;cx=cv.getContext(\"2d\");\n dimensionner();\n if(window.ResizeObserver)new ResizeObserver(dimensionner).observe(hote);\n else window.addEventListener(\"resize\",dimensionner);\n semerFlux();\n requestAnimationFrame(function(){cv.classList.add(\"pret\");});\n return true;\n}\n\nfunction dimensionner(){\n if(!cv||!scene)return;\n var r=scene.getBoundingClientRect();\n dpr=Math.min(window.devicePixelRatio||1,2);\n L=Math.max(1,Math.round(r.width));H=Math.max(1,Math.round(r.height));\n cv.width=L*dpr;cv.height=H*dpr;\n cx.setTransform(dpr,0,0,dpr,0,0);\n R=Math.min(L,H)*0.34;\n semerFlux();\n}\n\nfunction semerFlux(){\n flux=[];\n for(var i=0;iH){f.y=-f.len;f.x=Math.random()*L;}\n var g=cx.createLinearGradient(f.x,f.y-f.len,f.x,f.y);\n g.addColorStop(0,\"rgba(232,130,92,0)\");\n g.addColorStop(0.72,P.flux);\n g.addColorStop(1,P.fluxPale);\n cx.beginPath();\n cx.moveTo(f.x,f.y-f.len);cx.lineTo(f.x,f.y);\n cx.strokeStyle=g;\n cx.lineWidth=f.w;\n cx.globalAlpha=f.a*(0.5+intensite*0.9);\n cx.stroke();\n }\n cx.shadowBlur=0;cx.globalAlpha=1;\n}\n\nfunction trame(ts){\n if(!cx){raf=0;return;}\n if(!t0)t0=ts;\n var dt=Math.min(3,(ts-t0)/16.67);t0=ts;\n\n if(analyseur&&ctxAudio&&ctxAudio.state===\"running\"){\n analyseur.getByteFrequencyData(brut);\n var s=0;for(var k=0;k