@oddessentials/agent-guild 1.4.0 → 1.6.0

package/web/yard/view.js

@@ -27,7 +27,7 @@ export function initYard(controller) {
   const root = document.documentElement;
   let view = root.dataset.view === 'yard' ? 'yard' : 'cards';
   let snapshot = controller.snapshot();
-  let lastSkin = '', lastTheme = '';
+  let lastSkin = '', lastTheme = '', wasConnected = false;
   const sceneVisible = () => view === 'yard' && !$('app').hidden && document.visibilityState !== 'hidden' && $('terminal-panel').hidden;
   const skinEntry = (skin = root.dataset.skin) => (window.agentGuildSkins || []).find((item) => item.id === skin) || null;
   // A skin has a yard only when model.mjs has its world.
@@ -50,7 +50,7 @@ export function initYard(controller) {
     const allowed = skinAllowsYard();
     view = next === 'yard' && allowed ? 'yard' : 'cards';
     root.dataset.view = view;
-    if (remember) { try { localStorage.setItem('agentGuild.view', next === 'yard' && allowed ? 'yard' : 'cards'); } catch {} }
+    if (remember && !controller.expand) { try { localStorage.setItem('agentGuild.view', next === 'yard' && allowed ? 'yard' : 'cards'); } catch {} }
     $('view-cards').checked = view === 'cards';
     const yardChoice = $('view-yard');
     yardChoice.checked = view === 'yard';
@@ -242,6 +242,9 @@ export function initYard(controller) {
   function update() {
     if (disposed || view !== 'yard') return;
     snapshot = controller.snapshot();
+    if (snapshot.connected) wasConnected = true;
+    $('yard-offline').hidden = !controller.expand || snapshot.connected || !(wasConnected || snapshot.retrying);
+    $('yard-offline-text').textContent = wasConnected ? 'Agent Guild disconnected. Reconnecting…' : 'Can’t reach Agent Guild. Retrying…';
     if (selected && !(selected.kind === 'provider' ? snapshot.providers : snapshot.sessions).some(x => x.id === selected.id)) {
       const row = rows.get(selected.kind + ':' + selected.id);
       const restoreFocus = row?.contains(document.activeElement) || $('yard-inspector').contains(document.activeElement);
@@ -275,11 +278,17 @@ export function initYard(controller) {
   }
   $('view-cards').addEventListener('change',() => setView('cards'));
   $('view-yard').addEventListener('change',() => { if (skinAllowsYard()) setView('yard'); });
-  $('yard-cards').addEventListener('click',() => { setView('cards'); ($('settings').checkVisibility() ? $('settings') : $('menu-toggle')).focus(); });
+  const showCards = () => {
+    if (controller.expand) return controller.expand();
+    setView('cards'); ($('settings').checkVisibility() ? $('settings') : $('menu-toggle')).focus();
+  };
+  if (controller.expand) for (const id of ['yard-cards','yard-download-cards']) $(id).textContent = 'Open Agent Guild';
+  $('yard-cards').addEventListener('click',showCards);
+  $('yard-offline-open').addEventListener('click',() => controller.expand?.());
   $('yard-retry').addEventListener('click',() => { failed=false; ensureScene(); });
   $('yard-download-cancel').addEventListener('click',() => artAction('cancel'));
   $('yard-download-retry').addEventListener('click',() => artAction('download'));
-  $('yard-download-cards').addEventListener('click',() => { setView('cards'); ($('settings').checkVisibility() ? $('settings') : $('menu-toggle')).focus(); });
+  $('yard-download-cards').addEventListener('click',showCards);
   $('yard-swap-retry').addEventListener('click',() => {
     if ($('yard-swap-failure').contains(document.activeElement)) $('yard-stage').focus();
     $('yard-swap-failure').hidden = true;
@@ -305,8 +314,8 @@ export function initYard(controller) {
   const visibility = () => { update(); renderer?.setActive(sceneVisible()); };
   // A skin change keeps the saved preference and only changes what is on screen.
   const onAppearance = () => {
-    let preferYard = false;
-    try { preferYard = localStorage.getItem('agentGuild.view') === 'yard'; } catch {}
+    let preferYard = Boolean(controller.expand);
+    if (!preferYard) try { preferYard = localStorage.getItem('agentGuild.view') === 'yard'; } catch {}
     setView(preferYard && skinAllowsYard() ? 'yard' : 'cards', { remember: false });
     renderer?.setActive(sceneVisible());
   };

package/web/yard/yard.css

@@ -116,6 +116,16 @@
   #yard-help { font-size:9px; }
 }
 @media(max-width:640px) { :root[data-view="yard"] .cwd { flex-basis:100%; } }
+:root[data-layout="compact"] .topbar, :root[data-layout="compact"] #app > .launcher, :root[data-layout="compact"] .yard-heading, :root[data-layout="compact"] .yard-news, :root[data-layout="compact"] .yard-sidebar, :root[data-layout="compact"] #yard-help, :root[data-layout="compact"] #yard-failure > p { display:none; }
+:root[data-layout="compact"] body { min-height:0; }
+:root[data-layout="compact"] #yard { display:flex; height:100dvh; min-height:0; }
+:root[data-layout="compact"] .yard-main { flex:1; height:auto; min-height:0; }
+:root[data-layout="compact"] .yard-stage { min-height:0; }
+:root[data-layout="compact"] .yard-camera { right:8px; bottom:8px; }
+:root[data-layout="compact"] #yard-offline { top:8px; bottom:auto; left:8px; right:8px; transform:none; flex-wrap:wrap; justify-content:center; text-align:center; border-radius:var(--radius); background:var(--surface); }
+:root[data-layout="compact"] #yard-stage:has(#yard-offline:not([hidden])) :is(canvas, .yard-labels) { opacity:.5; filter:grayscale(1); }
+:root[data-layout="compact"] #yard-stage:has(#yard-offline:not([hidden])) :is(#yard-download, #yard-loading) { display:none; }
+:root[data-layout="compact"] .yard-failure { top:50%; max-height:calc(100% - 16px); overflow:auto; padding:14px; }
 .yard-help-touch { display:none; }
 @media(pointer:coarse) { .yard-help-pointer { display:none; } .yard-help-touch { display:inline; } }
 @media(prefers-reduced-motion:reduce) {