@a83/orbiter-admin 0.3.14 → 0.3.15

package/package.json

@@ -1,12 +1,15 @@
 {
   "name": "@a83/orbiter-admin",
-  "version": "0.3.14",
+  "version": "0.3.15",
   "description": "Standalone admin server for Orbiter CMS",
   "type": "module",
   "main": "./src/server.js",
+  "bin": {
+    "orbiter-admin": "./src/cli.js"
+  },
   "scripts": {
-    "start": "node src/server.js",
-    "dev": "node --watch src/server.js"
+    "start": "node src/cli.js",
+    "dev": "node --watch src/cli.js"
   },
   "engines": {
     "node": ">=20.0.0"

package/public/build.html

@@ -61,7 +61,7 @@
       </div>
     </nav>
     <main class="main">
-      <div class="page-header">
+      <div class="page-header glass-card">
         <h1 class="page-title">Build</h1>
         <p class="page-sub" id="last-triggered"></p>
       </div>

package/public/collections.html

@@ -41,7 +41,7 @@
       </div>
     </nav>
     <main class="main">
-      <div class="page-header" style="display:flex;align-items:flex-start;justify-content:space-between">
+      <div class="page-header glass-card" style="display:flex;align-items:flex-start;justify-content:space-between">
         <div>
           <h1 class="page-title">Collections</h1>
           <p class="page-sub">All content types in this pod</p>

package/public/dashboard.html

@@ -205,7 +205,7 @@
 
       <!-- Workspace: Notes + To-do -->
       <div class="workspace glass-card">
-        <div class="ws-panel">
+        <div class="ws-panel" id="notes">
           <div class="ws-head">
             <div class="section-title">Notes</div>
             <div style="display:flex;align-items:center;gap:10px">
@@ -215,7 +215,7 @@
           </div>
           <textarea class="notes-area" id="notes-area" placeholder="Jot something down…"></textarea>
         </div>
-        <div class="ws-panel">
+        <div class="ws-panel" id="todos">
           <div class="ws-head">
             <div class="section-title">To-Do</div>
             <div style="display:flex;align-items:center;gap:10px">
@@ -236,7 +236,34 @@
         </div>
       </div>
 
-    
+  <script>
+    // Scroll to workspace panel when navigated via dock hash link
+    (function () {
+      var hash = location.hash;
+      if (hash === '#notes' || hash === '#todos') {
+        window.addEventListener('load', function () {
+          var target = document.getElementById(hash.slice(1));
+          if (target) {
+            setTimeout(function () {
+              var main = document.querySelector('.main');
+              if (main) {
+                main.scrollTo({ top: target.offsetTop - 60, behavior: 'smooth' });
+              } else {
+                target.scrollIntoView({ behavior: 'smooth', block: 'start' });
+              }
+              if (hash === '#notes') {
+                var ta = document.getElementById('notes-area');
+                if (ta) ta.focus();
+              } else {
+                var inp = document.getElementById('todo-input');
+                if (inp) inp.focus();
+              }
+            }, 400);
+          }
+        });
+      }
+    })();
+  </script>
   <script type="module">
     // Auth
     const me = await fetch('/api/auth/me', { credentials: 'include' }).then(r => r.json()).catch(() => null);

package/public/import.html

@@ -111,7 +111,7 @@
       </div>
     </nav>
     <main class="main">
-      <div class="page-header">
+      <div class="page-header glass-card">
         <h1 class="page-title">Import</h1>
       </div>
       <div class="import-wrap" id="import-root">

package/public/media.html

@@ -72,7 +72,7 @@
       </div>
     </nav>
     <main class="main">
-      <div class="page-header">
+      <div class="page-header glass-card">
         <h1 class="page-title">Media</h1>
         <p class="page-sub" id="media-count"></p>
       </div>

package/public/settings.html

@@ -250,7 +250,7 @@
       </div>
     </nav>
     <main class="main">
-      <div class="page-header">
+      <div class="page-header glass-card">
         <h1 class="page-title">Settings</h1>
       </div>
       <div class="settings-wrap" id="settings-content">
@@ -630,6 +630,26 @@
               <div class="theme-card-name">Glass</div>
               <div class="theme-card-sub">Glassmorphism · blur</div>
             </button>
+            <button class="style-card \${currentStyle==='xfce'?'active':''}" data-style="xfce">
+              <div class="style-preview sp-glass" style="position:relative;overflow:hidden;">
+                <div class="sp-orb sp-orb1"></div>
+                <div class="sp-orb sp-orb2"></div>
+                <div style="position:absolute;top:0;left:0;right:0;height:12%;background:color-mix(in srgb,var(--bg2) 60%,transparent);border-bottom:1px solid var(--line);"></div>
+                <div class="sp-body" style="margin:0;padding:8% 5% 25%;">
+                  <div class="sp-row sp-glass-panel"></div>
+                  <div class="sp-row sp-row-short sp-glass-panel"></div>
+                  <div class="sp-row sp-glass-panel"></div>
+                </div>
+                <div style="position:absolute;bottom:4%;left:50%;transform:translateX(-50%);background:color-mix(in srgb,var(--bg2) 60%,transparent);border:1px solid var(--accent);border-radius:8px;padding:3px 8px;display:flex;gap:4px;align-items:center;">
+                  <span style="width:6px;height:6px;background:var(--accent);border-radius:50%;display:block;"></span>
+                  <span style="width:6px;height:6px;background:var(--muted);border-radius:50%;display:block;"></span>
+                  <span style="width:6px;height:6px;background:var(--gold);border-radius:50%;display:block;"></span>
+                  <span style="width:6px;height:6px;background:var(--muted);border-radius:50%;display:block;"></span>
+                </div>
+              </div>
+              <div class="theme-card-name">Station</div>
+              <div class="theme-card-sub">Dock · no sidebar</div>
+            </button>
           </div>
         </div>
       </div>
@@ -779,9 +799,13 @@
         const s = btn.dataset.style;
         document.querySelectorAll('.style-card').forEach(b => b.classList.toggle('active', b.dataset.style === s));
         const root = document.documentElement;
-        if (s === 'glass') root.setAttribute('data-style', 'glass');
-        else root.removeAttribute('data-style');
+        root.removeAttribute('data-style');
+        if (s === 'glass' || s === 'xfce') root.setAttribute('data-style', s);
         localStorage.setItem('orb_style', s);
+        // xfce requires a reload to inject the dock
+        if (s === 'xfce' || document.documentElement.dataset.style === 'xfce') {
+          location.reload();
+        }
       });
     });
 

package/public/sidebar.js

@@ -1,7 +1,18 @@
 /**
  * sidebar.js — dynamically populates collection links + pod footer in every page.
  * Supports parent/child hierarchy (matching SidebarCollections.astro in the original).
+ * Also bootstraps xfce.js when orb_style === 'xfce'.
  */
+;(function () {
+  if (localStorage.getItem('orb_style') === 'xfce') {
+    var xs = document.createElement('script');
+    xs.src = '/xfce.js';
+    var cs = document.currentScript;
+    if (cs && cs.parentNode) cs.parentNode.insertBefore(xs, cs.nextSibling);
+    else document.head.appendChild(xs);
+  }
+})();
+
 (function () {
   document.addEventListener('DOMContentLoaded', function () {
     var params    = new URLSearchParams(location.search);