@gamaze/hicortex 0.20.10 → 0.21.0

package/assets/dashboard.html

@@ -6,6 +6,12 @@
   visual on real endpoints, zero new write paths (Update/Remove ride the
   existing /update + /delete; identity Save rides PUT /identity).
 
+  NAMING (owner ruling 2026-09-14): this surface is "the Hicortex server
+  dashboard" — the word "console" never appears in USER-VISIBLE strings
+  (titles, tooltips, aria-labels, placeholders, toasts, empty states).
+  Historical "console" wording in these comments is internal shorthand and
+  stays.
+
   PORTED FROM mockups/409-r6-flight.html (the design of record — its banner
   documents every behavior; the engine below is that page with the seeded
   data layer replaced by fetches). Live-data substitutions:
@@ -87,6 +93,28 @@
       within ~2–2.5× (owner: no huge green balls, nothing barely visible);
       stage colors untouched.
 
+  FIX ROUND 6 (owner-approved proto of record mockups/progress-bar.html,
+    2026-09-14 — variant 3 + copy A): ENTRY LOADING SCREEN. Pure inline
+    HTML+CSS at the very top of the body, BEFORE the app markup and the
+    engine script — it paints on URL entry with ZERO script (the real
+    page is black for seconds while the engine parses/boots; the splash
+    must beat that). All motion is opacity/transform only, so the
+    compositor keeps it animating straight through the engine's main-
+    thread freeze. Fully opaque black in BOTH themes (the proto's light
+    "paper twin" was review chrome, not shipped behavior): a breathing
+    green dot above an indeterminate flowing line (two brand-orange
+    segments, uneven pace, looping — never a percentage, never an ETA)
+    under the copy line "Entering the Hicortex fleet brain". The engine
+    only ever fades it away: entrySplashDismiss hooks the boot REVEAL —
+    the existing single handover (data landed → world built → app
+    unhidden), NOT DOMContentLoaded — fades .4s, then removes the node.
+    Failure seams swap the copy line honestly and never loop silently:
+    both core sources rejected → "could not reach the Hicortex server…"
+    (held readable ≥2.8 s); boot() throws → same treatment + the static
+    shell; 30 s without any settlement → "still waiting…" (no dismiss —
+    data may still land). #still removes it synchronously (screenshot
+    contract); reduced motion rests on the bar's static base transform.
+
   FIX ROUND 3 (owner findings on the live console, 2026-09-14):
     - FIELD LINKS (owner: "the white lines … get very thick — they kind of
       overtake most of the image"): settled strokes are hairline-floored and
@@ -442,6 +470,22 @@
     padding:2px 11px; white-space:nowrap; width:fit-content;
   }
   #lim-ag .limit-cta:hover{ border-color:var(--amber); }
+  /* #409 fix round 4 — the Model card's configure pill: the mock of record
+     puts it at the card's BOTTOM-RIGHT, grey/muted (the neutral twin of the
+     Agents Connect pill above). margin-top:auto pins it to the card's foot
+     however tall the row stretches — row-2 siblings flex-fill, so
+     align-self:flex-end alone would leave it floating mid-card. The
+     :not([hidden]) guard keeps the degrade (old server / GET failure)
+     working: a plain display rule would override the hidden attribute. All
+     colors ride theme vars — both themes come free. */
+  #model-card .limit-cta:not([hidden]){
+    display:inline-block; align-self:flex-end; margin-top:auto;
+    color:var(--dim); border:1px solid var(--line2);
+    background:color-mix(in srgb, var(--text) 4%, transparent);
+    font-size:10.5px; font-weight:600; border-radius:999px;
+    padding:2px 11px; white-space:nowrap; width:fit-content;
+  }
+  #model-card .limit-cta:not([hidden]):hover{ border-color:var(--dim); color:var(--text); }
 
   /* ---- row-2 operator cards share the .bseg base; .gh is THE card-header
      component (titles + non-numeric descriptors only) ---- */
@@ -943,6 +987,62 @@
 </script>
 </head>
 <body class="booting">
+<!-- ============ entry loading screen (#409 fix round 6 — the owner-
+     approved proto of record mockups/progress-bar.html, variant 3 + copy
+     A). Sits at the very top of the body with its OWN style block: it paints
+     on URL entry with ZERO script, fully opaque black in both themes, and
+     the engine only ever fades it away (entrySplashDismiss at the boot
+     reveal). On failure the copy line swaps to an honest error — never an
+     infinite loop. All motion is opacity/transform only: the compositor
+     keeps it animating while the engine below blocks the main thread. ============ -->
+<style>
+  #entry-load{
+    position:fixed; inset:0; z-index:1000; background:#0a0a0a;
+    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:17px;
+    transition:opacity .4s ease;
+  }
+  #entry-load.gone{ opacity:0; pointer-events:none; }
+  /* variant 3's dot: the header healthy mark's look, breathing */
+  #entry-load .el-dot{
+    width:10px; height:10px; border-radius:50%;
+    background:radial-gradient(circle at 35% 35%, color-mix(in srgb, #3dff7a 95%, white), color-mix(in srgb, #3dff7a 25%, transparent) 55%, transparent 70%);
+    box-shadow:0 0 12px color-mix(in srgb, #3dff7a 55%, transparent);
+    animation:el-breathe 3.4s ease-in-out infinite;
+  }
+  @keyframes el-breathe{ 0%,100%{opacity:1} 50%{opacity:.5} }
+  #entry-load .el-line{ font-size:13.5px; color:#9a9a9a; text-align:center; padding:0 24px; }
+  /* the indeterminate line: two brand-orange segments on a faint track,
+     uneven pace, varying length, looping forever; the base transform is
+     the reduced-motion rest pose. Never a percentage, never an ETA. */
+  #entry-load .el-bar{
+    width:min(300px,72%); height:2.5px; border-radius:99px;
+    background:#1e1e1e; overflow:hidden; position:relative;
+  }
+  #entry-load .el-bar i{
+    position:absolute; top:0; bottom:0; left:0; width:100%;
+    background:#ff9f43; border-radius:99px;
+    transform-origin:0 50%; transform:translateX(32%) scaleX(.42);
+    box-shadow:0 0 8px color-mix(in srgb, #ff9f43 45%, transparent);
+  }
+  #entry-load .el-bar i.a{ animation:el-indet-a 2.2s cubic-bezier(.55,.1,.7,.5) infinite backwards; }
+  #entry-load .el-bar i.b{ opacity:.6; animation:el-indet-b 2.2s cubic-bezier(.65,.05,.75,.5) 1.15s infinite backwards; }
+  @keyframes el-indet-a{
+    0%   { transform:translateX(-38%) scaleX(.12); animation-timing-function:cubic-bezier(.6,.05,.8,.5); }
+    55%  { transform:translateX(46%)  scaleX(.62); animation-timing-function:cubic-bezier(.25,.65,.35,1); }
+    80%  { transform:translateX(84%)  scaleX(.68); animation-timing-function:cubic-bezier(.55,.05,.8,.45); }
+    100% { transform:translateX(140%) scaleX(.16); }
+  }
+  @keyframes el-indet-b{
+    0%   { transform:translateX(-24%) scaleX(.08); animation-timing-function:cubic-bezier(.65,.05,.8,.5); }
+    70%  { transform:translateX(52%)  scaleX(.30); animation-timing-function:cubic-bezier(.2,.6,.45,1); }
+    100% { transform:translateX(116%) scaleX(.10); }
+  }
+</style>
+<div id="entry-load" role="status" aria-live="polite">
+  <span class="el-dot" aria-hidden="true"></span>
+  <div class="el-line" id="entry-load-line">Entering the Hicortex fleet brain</div>
+  <div class="el-bar" aria-hidden="true"><i class="a"></i><i class="b"></i></div>
+</div>
 <header>
   <div class="h-left">
     <div class="h-search">
@@ -1045,10 +1145,11 @@
         <div id="feel-rows"></div>
       </div>
       <div class="bseg c-grey" id="model-card">
-        <div class="gh"><span class="t">Model</span><button class="chip" id="model-cfg" hidden title="edit the model knobs (config.json llm* keys)">configure</button></div>
-        <div class="big"><span class="n" id="model-provider">—</span><span class="l" id="model-tail"></span></div>
+        <div class="gh"><span class="t">Model</span></div>
+        <div class="big"><span class="n" id="model-provider">—</span></div>
         <div class="csub mono" id="model-id">&nbsp;</div>
         <div class="csub">detected from config</div>
+        <button class="limit-cta" id="model-cfg" hidden title="edit the model knobs (config.json llm* keys)">configure &#8594;</button>
       </div>
     </div>
   </div>
@@ -1151,9 +1252,57 @@
 </div>
 <script>
 'use strict';
+/* =====================================================================
+   ENTRY SPLASH (#409 fix round 6) — the loading screen is already painted
+   by the static markup at the top of the body; the engine only ever fades it
+   away. entrySplashDismiss hooks the boot REVEAL (reveal() in boot(): the
+   single handover — data landed, world built, app unhidden — NOT
+   DOMContentLoaded). State rides the node's dataset so both functions stay
+   pure w.r.t. the DOM (extract-and-run test convention). Failure seams
+   swap the copy line honestly and NEVER loop silently: total data failure
+   holds the error line readable >= ENTRY_ERROR_HOLD before fading (even if
+   the reveal fires earlier — and on its own if the reveal never comes); a
+   boot() throw does the same and clears the booting class; a 30 s deadline
+   (below) flags a server that never answered without dismissing — data
+   may still land, and the reveal then owns the dismissal.
+   ===================================================================== */
+const ENTRY_FAIL_COPY='could not reach the Hicortex server — check that it is running, then reload';
+const ENTRY_BOOTFAIL_COPY='the dashboard failed to start — reload to retry';
+const ENTRY_SLOW_COPY='still waiting for the server — it has not answered yet';
+const ENTRY_ERROR_HOLD=2800;   /* ms the failure line stays readable */
+function entrySplashFail(msg){
+  const s=document.getElementById('entry-load'), l=document.getElementById('entry-load-line');
+  if(!s || !l || s.dataset.gone==='1') return;
+  l.textContent=msg;
+  s.dataset.failed='1'; s.dataset.failAt=String(Date.now());
+  setTimeout(entrySplashDismiss, ENTRY_ERROR_HOLD);  /* owns the beat even if the reveal never comes */
+}
+function entrySplashDismiss(){
+  const s=document.getElementById('entry-load');
+  if(!s) return;
+  if(s.dataset.failed==='1'){                        /* hold the error line readable */
+    const remain=ENTRY_ERROR_HOLD-(Date.now()-Number(s.dataset.failAt||0));
+    if(remain>0){ setTimeout(entrySplashDismiss, remain); return; }
+  }
+  if(s.dataset.gone==='1') return;                   /* idempotent */
+  s.dataset.gone='1';
+  const instant=document.body.classList.contains('instant') ||
+    (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches);
+  if(instant){ s.remove(); return; }                 /* #still / reduced motion: no fade */
+  s.classList.add('gone');
+  s.addEventListener('transitionend', function(){ s.remove(); }, {once:true});
+  setTimeout(function(){ s.remove(); }, 900);        /* fallback — transitionend is not guaranteed */
+}
+/* honest slow-wait flag: boot fetches still unsettled 30 s in → say so on
+   the splash (no dismissal — the reveal still owns that if data lands) */
+setTimeout(function(){
+  const s=document.getElementById('entry-load'), l=document.getElementById('entry-load-line');
+  if(s && l && s.dataset.gone!=='1' && s.dataset.failed!=='1') l.textContent=ENTRY_SLOW_COPY;
+}, 30000);
+
 /* #still (or ?still): skip the boot reveal — deterministic screenshots/tests. */
 const STILL = /(?:#|[?&])still\b/.test(location.hash + ' ' + location.search);
-if(STILL){ document.body.classList.remove('booting'); document.body.classList.add('instant'); }
+if(STILL){ document.body.classList.remove('booting'); document.body.classList.add('instant'); entrySplashDismiss(); }
 
 /* =====================================================================
    The approved #409 r6-flight engine, ported to live data. One canvas,
@@ -2904,26 +3053,49 @@ function renderRecBand(ups){
 }
 
 let MODEL_LABEL='';
+/* #409 fix round 5 — owner ruling 2026-09-14 (verbatim): "I do NOT want to
+   know what it is compatible with, I want to know the fucking model." The
+   card face shows THE MODEL, nothing else: hero = the namespace-stripped
+   model name (fit-scaled, floor 20px), mono line = the raw config id,
+   caption "detected from config", configure pill. NO protocol line, NO
+   provider line — local and cloud endpoints render identically. (The
+   configure modal keeps its technical fields: that is the operator surface.)
+   The degrade fires ONLY when there is no model AT ALL — neither the config
+   echo (M.model) nor the runtime label (/health/detail) carries one. A
+   configured model with null provider/backend still renders: the daemon may
+   legitimately run no LLM (resolveExplicitLlmConfig requires llmApiKey
+   alongside llmBaseUrl; a keyless local endpoint is recall-only) while the
+   config declares the model — the card keys on the MODEL, not the runtime. */
 function renderModelCard(){
   /* configure pill only when GET /dashboard/model succeeded (M truthy) —
      an old server / load error degrades to the phase-1 label-only card */
   el('model-cfg').hidden=!M;
-  if(!MODEL_LABEL||MODEL_LABEL==='not configured'){
+  const hero=el('model-provider');
+  hero.style.fontSize='';   // undo a previous hero fit (below)
+  /* The config echo is the display truth (the RAW config id, never a
+     provider-prefixed composition); the runtime label is only the fallback
+     for pre-#422 servers without /dashboard/model. */
+  const raw=(M&&M.model)||(MODEL_LABEL&&MODEL_LABEL!=='not configured'?MODEL_LABEL:'');
+  if(!raw){
     /* #409 fix round — the no-LLM state says so ON THE FACE (a muted hint),
        not a bare dash: correct degraded state, self-explanatory rendering */
-    el('model-provider').textContent='no model configured';
-    el('model-provider').classList.add('noconf');
-    el('model-tail').textContent='';
+    hero.textContent='no model configured';
+    hero.classList.add('noconf');
     el('model-id').textContent='';
     return;
   }
-  el('model-provider').classList.remove('noconf');
-  const slash=MODEL_LABEL.indexOf('/');
-  const provider=slash>0?MODEL_LABEL.slice(0,slash):MODEL_LABEL;
-  const model=slash>0?MODEL_LABEL.slice(slash+1):'';
-  el('model-provider').textContent=provider;
-  el('model-tail').textContent=model?trunc(model,18):'';
-  el('model-id').textContent=MODEL_LABEL;
+  hero.classList.remove('noconf');
+  const ns=raw.lastIndexOf('/');
+  hero.textContent=ns>=0?raw.slice(ns+1):raw;   // the model name = hero
+  /* Long ids are the norm (mlx-community/Qwen3.8-27B-4bit et al); the hero
+     NEVER clips — it scales down to the slot (floor 20px) while the full id
+     rides the mono line. One pass is exact: text width is linear in
+     font-size. */
+  if(hero.scrollWidth>hero.clientWidth){
+    const fs=parseFloat(getComputedStyle(hero).fontSize);
+    hero.style.fontSize=Math.max(20,Math.floor(fs*hero.clientWidth/hero.scrollWidth))+'px';
+  }
+  el('model-id').textContent=raw;
 }
 
 /* ---------- model settings modal (#422 phase 2) — the configure pill's
@@ -4194,6 +4366,12 @@ async function boot(){
   if(hd.status==='fulfilled'&&hd.value&&typeof hd.value.llm==='string') MODEL_LABEL=hd.value.llm;
   else if(hd.status==='fulfilled'&&hd.value&&hd.value.model) MODEL_LABEL=String(hd.value.model);
   if(hh.status==='fulfilled'&&hh.value&&hh.value.status) { /* health body shape varies; the poll handles the dot */ }
+  /* entry splash (#409 fix round 6): BOTH core sources rejected = total
+     failure — swap the splash line to the honest error (the dismissal holds
+     it readable, then fades into this degraded page, whose own error
+     surfaces — the toast above, the unreachable dot — carry the detail). */
+  if(dd.status==='rejected' && ff.status==='rejected')
+    entrySplashFail(ENTRY_FAIL_COPY);
 
   buildWorld();          // no-op when F failed — the empty field still renders
   buildPaths();
@@ -4219,13 +4397,21 @@ async function boot(){
   loadAccount();
   pollHealth();
 
-  const reveal=()=>{ booting=false; document.body.classList.remove('booting'); dirty=true; };
+  const reveal=()=>{ booting=false; document.body.classList.remove('booting'); dirty=true; entrySplashDismiss(); };
   if(REDUCED||STILL) reveal();
   else setTimeout(reveal, 1400);
   setTimeout(()=>{ const h=el('hint'); if(h) h.style.opacity='0'; }, 9500);
   setTimeout(()=>{ if(!REDUCED&&!STILL){ spawnSignal(true); nextSpawnAt=performance.now()+4200; } }, (REDUCED||STILL)?0:2650);
 }
-boot();
+boot().catch(err=>{
+  /* a thrown boot must never leave the splash looping: honest line on the
+     splash, the static shell visible after the readable hold, toast per the
+     page's error pattern (the catch mirrors reveal minus the redraw). */
+  try{ console.error('dashboard boot failed', err); }catch(e2){}
+  booting=false; document.body.classList.remove('booting');
+  toast('Boot failed — '+(err && err.message ? err.message : 'unknown error'));
+  entrySplashFail(ENTRY_BOOTFAIL_COPY);
+});
 rafId=requestAnimationFrame(frame);
 resize();
 draw(performance.now(),16); /* one synchronous paint — the field exists before the first rAF */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gamaze/hicortex",
-  "version": "0.20.10",
+  "version": "0.21.0",
   "description": "Persistent agent identity for AI agents \u2014 a hand-edited identity layer, nightly-distilled experience, and lessons injected every session, shared across your whole fleet. Works with Hermes, OpenClaw, Claude Code, Pi, and opencode.",
   "main": "dist/index.js",
   "bin": {