spb/ka-guardian

1<!doctype html>2<html lang="fr-CA">3<head>4<meta charset="utf-8">5<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">6<title>Commander — KA Guardian</title>7<meta name="description" content="Poste de commande de l'agent gardien : lancer une session Claude Code 100 % autonome — nouveau connecteur, enrichissement ou inspection des connecteurs dégradés — avec plafonds de durée et de coût.">8<link rel="icon" type="image/svg+xml" href="/favicon.svg">9<link rel="preconnect" href="https://fonts.googleapis.com">10<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>11<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;600;700&display=swap" rel="stylesheet">12<link rel="stylesheet" href="/static/style.css">13</head>14<body>1516<header class="topbar">17  <a class="wordmark" href="/"><span id="wm-name">ka·—</span><span class="ka">guardian</span></a>18  <nav class="tabs">19    <a class="tab" href="/">⚡ Flux</a>20    <a class="tab active" href="/commander">🎛 Commander</a>21  </nav>22  <nav class="topnav">23    <a class="gk-badge" href="https://www.groupe-ka.com">groupe<b><span class="ka">·KA</span></b></a>24    <span id="siblings"></span>25  </nav>26</header>2728<main class="cmd-page">29  <header class="cmd-hero">30    <p class="klabel" id="hero-label">poste de commande</p>31    <h1>Donne-lui du <span class="hl">travail</span>.</h1>32    <p class="lede">Une session Claude Code <b>100 % autonome</b> démarre sur le nœud de la33      plateforme choisie : elle découvre (Serper), escalade s'il le faut (proxys résidentiels,34      Scrapfly, acteurs Apify), teste pour vrai, committe — et travaille jusqu'au bout sans rien35      demander. Tu fixes la laisse : durée max et budget max. Tout s'affiche dans36      <a href="/" style="font-weight:700; text-decoration:underline; text-underline-offset:4px">le flux ⚡</a>.</p>37  </header>3839  <section class="commander card">40    <form id="effort-form" class="cmd-form">41      <div class="frow frow-3">42        <label class="flab">Type d'effort43          <select id="ef-kind" class="select">44            <option value="effort_new">➕ Nouveau connecteur — découverte + construction</option>45            <option value="effort_enrich">⤴ Enrichir un connecteur existant</option>46            <option value="effort_degrade">🩺 Inspecter les connecteurs dégradés</option>47          </select>48        </label>49        <label class="flab">Plateforme50          <select id="ef-service" class="select"></select>51        </label>52        <label class="flab" id="ef-source-wrap" hidden>Connecteur à enrichir53          <select id="ef-source" class="select"></select>54        </label>55      </div>56      <p class="kind-hint" id="kind-hint"></p>57      <label class="flab">Consigne (optionnel)58        <input id="ef-note" class="input" placeholder="ex.: vise les microbrasseries de la Côte-Nord, ajoute les fiches détail…">59      </label>60      <div class="frow frow-3">61        <label class="flab">Durée max62          <select id="ef-minutes" class="select">63            <option value="30">30 minutes</option>64            <option value="60" selected>1 heure</option>65            <option value="120">2 heures</option>66            <option value="240">4 heures</option>67          </select>68        </label>69        <label class="flab">Coût max (API, estimé en direct)70          <select id="ef-cost" class="select">71            <option value="2">2 $</option>72            <option value="5" selected>5 $</option>73            <option value="10">10 $</option>74            <option value="25">25 $</option>75            <option value="50">50 $</option>76          </select>77        </label>78        <label class="flab">Jeton d'opérateur79          <input id="ef-token" type="password" class="input" placeholder="KA_GUARDIAN_TOKEN" autocomplete="off">80        </label>81      </div>82      <div class="frow frow-end">83        <p class="cmd-note">Plafond atteint → la session s'arrête proprement ; les réparations84          déjà committées et testées sont conservées si la plateforme est saine.</p>85        <button type="submit" class="btn-primary">Lancer l'effort →</button>86      </div>87      <p class="cmd-msg" id="ef-msg"></p>88    </form>89  </section>9091  <section>92    <p class="klabel">efforts commandés récents</p>93    <div id="efforts-list" class="incidents" style="max-height:none"></div>94  </section>95</main>9697<footer class="ka-footer">98  <div class="foot-in">99    <a class="wordmark wordmark-foot" href="/"><span id="foot-name">ka·—</span><span class="ka">guardian</span></a>100    <p class="notice"><b>La laisse est réelle.</b> Chaque effort est plafonné en durée et en coût,101      journalisé action par action, et annulable par rollback git. L'agent travaille seul ;102      il ne décide jamais seul de ce qui compte.</p>103    <p class="legal">Groupe KA — agrégation automatisée, Québec. <a href="https://www.groupe-ka.com">groupe-ka.com</a></p>104  </div>105</footer>106107<script src="/static/commander.js"></script>108</body>109</html>110