@javierfrancoleal/dsh-supervisor 1.0.45 → 1.0.47

package/dashboard.html

@@ -178,6 +178,26 @@ body.wall{background:linear-gradient(165deg,#0b1220 0%,#131c30 60%,#1e1b4b 100%)
 body.firstboot header,body.firstboot main,body.firstboot footer{display:none}
 body.wall pre{max-height:40vh}
 @media (max-width:560px){header h1{font-size:15px}.listen{font-size:24px;padding:26px 12px}input,select,textarea,button{font-size:16px}}
+
+/* ── Mobile-first pass (2026-11-03) — the owner's dashboard on phones ── */
+@media(max-width:560px){
+  .card{padding:12px;margin:8px 0;border-radius:16px}
+  header{padding:10px 12px;gap:6px}
+  header h1{font-size:15px}
+  .metrics{grid-template-columns:repeat(2,1fr);gap:8px}
+  .metric{padding:10px 8px}
+  .metric .v{font-size:20px}
+  .row{flex-direction:column;align-items:stretch}
+  .row>*{margin:0 0 6px}
+  input,select,textarea{font-size:16px}
+  table{display:block;overflow-x:auto;white-space:nowrap}
+  .order{flex-wrap:wrap;gap:4px}
+  .wall-grid{grid-template-columns:repeat(2,1fr);gap:10px}
+  .langstep-inner svg{width:120px;height:120px}
+  #loginView{margin:16px auto;padding:14px}
+  .langov .orow{padding:12px 16px;font-size:17px}
+  .orow.center{font-size:20px}
+}
 </style>
 </head>
 <body>
@@ -557,7 +577,7 @@ function buildLangMenu(){
     const r=document.createElement("div");
     r.className="orow"+(l==="en"?" center":"");
     r.innerHTML='<span>'+LANGNAMES[l]+'</span><span class="sub">'+l.toUpperCase()+'</span>';
-    r.onclick=()=>{cur=l;try{localStorage.setItem("dsh-lang",cur);}catch(e){}applyLang();$("langOverlay").style.display="none";markReel();$("langStep").style.display="none";const sp=$("splash");sp.classList.remove("done");const p=sp.querySelector("svg path");if(p){p.style.animation="none";void p.offsetWidth;p.style.animation="";}const tag=$("splashTag");if(tag){tag.textContent=t("tagline");}setTimeout(()=>{$("loginView").style.display="";document.body.classList.remove("firstboot");},2100);setTimeout(()=>{sp.classList.add("done");},2600);};
+    r.onclick=()=>{cur=l;try{localStorage.setItem("dsh-lang",cur);}catch(e){}applyLang();$("langOverlay").style.display="none";markReel();$("langStep").style.display="none";bootFlash(2600,()=>{$("loginView").style.display="";document.body.classList.remove("firstboot");});};
     rows.appendChild(r);
   }
 }
@@ -587,6 +607,15 @@ $("langStepReel").onclick=()=>{$("langOverlay").style.display="flex";const en=do
 $("closeOverlay").onclick=()=>{$("langOverlay").style.display="none";};
 // The Apple flow: after the splash, the language menu opens once (until chosen).
 
+function bootFlash(ms,then){
+  const sp=$("splash");
+  sp.style.display="flex";
+  sp.classList.remove("done");
+  const p=sp.querySelector("svg path");
+  if(p){p.style.animation="none";void p.offsetWidth;p.style.animation="";}
+  const tag=$("splashTag");if(tag){tag.textContent=t("tagline");}
+  setTimeout(()=>{sp.classList.add("done");if(then)then();},ms);
+}
 function pill(l){for(const host of ["footLangs"]){const el=$(host);if(!el)continue;const b=document.createElement("button");b.className="pill";b.dataset.l=l;b.textContent=LANG[l];b.onclick=()=>{cur=l;try{localStorage.setItem("dsh-lang",cur);}catch(e){}applyLang();};$(host).appendChild(b);}}
 for(const l of Object.keys(LANG))pill(l);
 try{const q=new URLSearchParams(location.search);const ql=q.get("lang");if(ql&&S[ql])cur=ql;}catch(e){}
@@ -702,7 +731,7 @@ $("setupBtn").onclick=async()=>{
   if(r.error){$("setupBtn").disabled=false;$("setupBtn").textContent=t("setupBtn");toast(String(r.error).indexOf("already")>=0?t("loginFailed"):r.error);return;}
   token=r.token;me={name:r.name,role:r.role,label:r.label||r.name};
   sessionStorage.setItem("dsh-sup-token",token);sessionStorage.setItem("dsh-sup-me",JSON.stringify(me));
-  enter();
+  bootFlash(1400,()=>enter());
 };
 $("loginBtn").onclick=async()=>{
   const err=$("loginError");
@@ -716,9 +745,9 @@ $("loginBtn").onclick=async()=>{
   err.classList.add("hidden");
   token=r.token;me={name:r.name,role:r.role,label:r.label||r.name};
   sessionStorage.setItem("dsh-sup-token",token);sessionStorage.setItem("dsh-sup-me",JSON.stringify(me));
-  $("loginPass").value="";enter();
+  $("loginPass").value="";bootFlash(1400,()=>enter());
 };
-function logout(){api("/api/logout",{});token=null;me=null;sessionStorage.clear();if(livePoll)clearInterval(livePoll);if(kitchenPoll)clearInterval(kitchenPoll);setWho();show("loginView");}
+function logout(){api("/api/logout",{});token=null;me=null;sessionStorage.clear();if(livePoll)clearInterval(livePoll);if(kitchenPoll)clearInterval(kitchenPoll);setWho();bootFlash(1200,()=>show("loginView"));}
 $("logoutBtn").onclick=logout;
 const sb=$("switchBtn");if(sb)sb.onclick=logout;
 async function loadUsers(){const tb=$("usersTable").querySelector("tbody");tb.innerHTML='<tr><td colspan="2">'+skel(2)+'</td></tr>';const r=await api("/api/users");tb.innerHTML="";(r.users||[]).forEach(u=>{const tr=document.createElement("tr");tr.innerHTML="<td>"+esc(u.name)+"</td><td>"+esc(u.label||u.name)+" · "+t(LVL[u.role]||"lvlEmployee")+"</td>";tb.appendChild(tr);});}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@javierfrancoleal/dsh-supervisor",
-  "version": "1.0.45",
+  "version": "1.0.47",
   "description": "The Veilleux central control plane of the J.Franco agentic workflow suite: user accounts, the live conversation flow (listen → per-person summary → confirm → orders), telemetry, and the universal sector dashboard with 10 languages. Created by J.Franco.",
   "author": "J.Franco",
   "license": "MIT",

package/server.js

@@ -44,7 +44,7 @@ const LIVE_FILE = path.join(DATA_DIR, "live.json");
 const SECTOR_FILE = path.join(DATA_DIR, "sector.json");
 const REG_FILE = path.join(DATA_DIR, "register.json");
 const PRICE_PER_MILLION = Number(process.env.DSH_PRICE_PER_MILLION || 0.28);
-const VERSION = "1.0.44";
+const VERSION = "1.0.47";
 // Homeostasis: the daily token budget (metabolic limit). The brain rests
 // when the budget is spent — no runaway costs.
 const DAILY_BUDGET_USD = Number(process.env.DSH_DAILY_BUDGET_USD || 0); // 0 = unlimited: consumption is the business