roundhouse_ui 0.3.0 → 0.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 55d676d5630bc1696fd0c44d58494a84263d53c340ceffeb1bc44c04c9201dfa
-  data.tar.gz: b314d38079f0f8eee84ba9052dd781841fd6dba2fc7f612e82d25466b5c62c9f
+  metadata.gz: 30b9ee99930148d47a69b86e7a4c079231f8a2504a9a24aaa17a625e39e96429
+  data.tar.gz: 333e7892afa4690288d35c671249f3fad6c3a19e304f9b4952346fe0f873a9fd
 SHA512:
-  metadata.gz: 0454ea6d65176e5d5c79893dc52982e985231ff51f6e503624f7d19af60beabec808ced45cc27a2cd3c2021044e5b6d5d7c1bdf26193ef98833a27e6faaad17f
-  data.tar.gz: 1aa6b74df3071ced45e118dda22aa0d0caadc17a10fd64c4dec45c187dc7d68866e8e417529a6ad424dc467960481a7187de908283e4dc7932c2977ea047e70c
+  metadata.gz: 9391d5af40b1fa0db7de47fab56009cf6d11bb80f2c16d4d65bc4b7b2b376eb7ac7cff595dfe0ebdaa0df401436f811cfc1f9a3d52028aef491c7d5821b0e322
+  data.tar.gz: 8099ad548223bbb7d91f13a51b86e62010eb269f446d380c95fa4a416a1f4f95979631e9cbdd5115973bfa98d363ab04f5ef9d1801462a51ce215a5a28f57abe

data/app/views/layouts/roundhouse_ui/application.html.erb

@@ -46,6 +46,8 @@
     .rh-badge.crit { background:rgba(230,106,96,.16); color:var(--crit); }
 
     .rh-main { padding:22px 30px 70px; max-width:1180px; }
+    :root[data-width="full"] .rh-main { max-width:none; }
+    .rh-iconbtn.is-on { color:var(--text); border-color:var(--accent); }
     .rh-top { display:flex; align-items:center; gap:14px; margin-bottom:22px; }
     .rh-top h1 { font-size:21px; font-weight:650; letter-spacing:-.02em; margin:0; }
     .rh-crumb { color:var(--faint); font-size:13px; }
@@ -148,7 +150,7 @@
   </style>
   <%# Apply the saved theme before first paint so it persists across navigations with no flash. %>
   <script nonce="<%= content_nonce %>">
-    (function () { try { var t = localStorage.getItem("rh-theme"); if (t) document.documentElement.setAttribute("data-theme", t); } catch (e) {} })();
+    (function () { try { var t = localStorage.getItem("rh-theme"); if (t) document.documentElement.setAttribute("data-theme", t); var w = localStorage.getItem("rh-width"); if (w) document.documentElement.setAttribute("data-width", w); } catch (e) {} })();
   </script>
   <%# Turbo Drive: link navigation without full-page reloads (kills the flicker). %>
   <script src="<%= turbo_js_path %>"></script>
@@ -212,6 +214,7 @@
       }
       function startOnce() { if (started) return; started = true; poll(); setInterval(poll, 2500); }
       function syncTheme() { var b = document.getElementById("rh-theme"); if (b) b.textContent = document.documentElement.getAttribute("data-theme") === "light" ? "☀" : "☾"; }
+      function syncWidth() { var b = document.getElementById("rh-width"); if (b) b.classList.toggle("is-on", document.documentElement.getAttribute("data-width") === "full"); }
 
       // The sidebar is turbo-permanent (so its badges don't flicker), so we move
       // the active-nav highlight ourselves on each navigation.
@@ -233,6 +236,14 @@
         try { localStorage.setItem("rh-theme", next); } catch (_) {}
         syncTheme();
       });
+      // width toggle (compact 1180px ⟷ full) — same persistence pattern as theme
+      document.addEventListener("click", function (e) {
+        var b = e.target.closest && e.target.closest("#rh-width"); if (!b) return;
+        var next = document.documentElement.getAttribute("data-width") === "full" ? "compact" : "full";
+        document.documentElement.setAttribute("data-width", next);
+        try { localStorage.setItem("rh-width", next); } catch (_) {}
+        syncWidth();
+      });
       // command palette (⌘K)
       var CMDS = [
         { label: "Dashboard", path: "<%= root_path %>", icon: "▦" },
@@ -249,7 +260,8 @@
         { label: "Snapshots", path: "<%= snapshots_path %>", icon: "⛁" },
         { label: "Audit log", path: "<%= audit_log_path %>", icon: "☷" },
         <% if RoundhouseUi.allow_job_editing %>{ label: "Enqueue job", path: "<%= new_job_path %>", icon: "＋" },<% end %>
-        { label: "Toggle theme", action: "theme", icon: "◐" }
+        { label: "Toggle theme", action: "theme", icon: "◐" },
+        { label: "Toggle full width", action: "width", icon: "⟷" }
       ];
       var palSel = 0, palFiltered = [];
       function palEl() { return document.getElementById("rh-palette"); }
@@ -280,6 +292,7 @@
       function palRun(c) {
         palClose();
         if (c.action === "theme") { var b = document.getElementById("rh-theme"); if (b) b.click(); return; }
+        if (c.action === "width") { var wb = document.getElementById("rh-width"); if (wb) wb.click(); return; }
         if (c.path) { window.Turbo ? Turbo.visit(c.path) : (location.href = c.path); }
       }
       function palOpen() { var p = palEl(), i = palInputEl(); if (!p || !i) return; p.hidden = false; i.value = ""; palSel = 0; palRender(); i.focus(); }
@@ -299,8 +312,8 @@
         else if (e.key === "Enter") { e.preventDefault(); if (palFiltered[palSel]) palRun(palFiltered[palSel]); }
       });
 
-      document.addEventListener("turbo:load", function () { startOnce(); syncTheme(); setActiveNav(); draw(); });
-      document.addEventListener("DOMContentLoaded", function () { startOnce(); syncTheme(); setActiveNav(); });
+      document.addEventListener("turbo:load", function () { startOnce(); syncTheme(); syncWidth(); setActiveNav(); draw(); });
+      document.addEventListener("DOMContentLoaded", function () { startOnce(); syncTheme(); syncWidth(); setActiveNav(); });
       document.addEventListener("visibilitychange", function () { if (!document.hidden) poll(); });
     })();
   </script>
@@ -345,6 +358,7 @@
         <span class="rh-live"><span class="rh-dot"></span> live · <span class="num" data-stat="rate">—</span>/min</span>
         <% if RoundhouseUi.read_only %><span class="rh-ro">read-only</span><% end %>
         <button class="rh-kbd" id="rh-palette-open" type="button" title="Command palette (⌘K)">⌘K</button>
+        <button class="rh-iconbtn" id="rh-width" type="button" title="Toggle full width" aria-label="Toggle full width">⟷</button>
         <button class="rh-iconbtn" id="rh-theme" type="button" title="Toggle theme" aria-label="Toggle theme">☾</button>
       </header>
 

data/lib/roundhouse_ui/version.rb

@@ -1,3 +1,3 @@
 module RoundhouseUi
-  VERSION = "0.3.0"
+  VERSION = "0.4.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: roundhouse_ui
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 0.4.0
 platform: ruby
 authors:
 - R.J. Robinson