@ibgib/space-gib 0.0.4 → 0.0.6

package/dist/client/index.html

@@ -104,8 +104,29 @@
           <section class="dev-panel" id="dev-panel" aria-label="Developer tools">
             <h2 class="dev-panel-title">Dev Tools</h2>
 
+            <div class="dev-panel-select-container">
+              <label for="dev-tools-row-select" style="color: var(--clr-warn); font-size: 0.9rem; font-weight: 500;">Select Phase:</label>
+              <select id="dev-tools-row-select" class="dev-select">
+                <option value="all">Show All</option>
+                <option value="00">Row 00 (POC)</option>
+                <option value="1B">Row 1B (Phase 1B)</option>
+                <option value="2B">Row 2B (Phase 2B)</option>
+                <option value="3B">Row 3B (Phase 3B)</option>
+                <option value="4.1B">Row 4.1B (Phase 4.1B)</option>
+                <option value="4.2B">Row 4.2B (Phase 4.2B)</option>
+                <option value="4.3B">Row 4.3B (Phase 4.3B)</option>
+                <option value="4.4B">Row 4.4B (Phase 4.4B)</option>
+                <option value="4.5B">Row 4.5B (Phase 4.5B)</option>
+                <option value="4.6B">Row 4.6B (Phase 4.6B)</option>
+                <option value="4.7B">Row 4.7B (Phase 4.7B)</option>
+                <option value="4.8B">Row 4.8B (Phase 4.8B)</option>
+                <option value="4.9B">Row 4.9B (Phase 4.9B)</option>
+                <option value="4.10B">Row 4.10B (Phase 4.10B)</option>
+              </select>
+            </div>
+
             <!-- Row 00: Raw POC buttons -->
-            <div class="dev-panel-row-container">
+            <div class="dev-panel-row-container" data-row-id="00">
               <span class="dev-panel-row-label">00</span>
               <div class="dev-panel-row">
                 <button id="btn-print-dev-state" class="dev-btn">Print Dev State</button>
@@ -119,7 +140,7 @@
             </div>
 
             <!-- Row 1B: Phase 1B -->
-            <div class="dev-panel-row-container">
+            <div class="dev-panel-row-container" data-row-id="1B">
               <span class="dev-panel-row-label">1B</span>
               <div class="dev-panel-row">
                 <button id="btn-1b-setup" class="dev-btn">1B Setup</button>
@@ -129,7 +150,7 @@
             </div>
 
             <!-- Row 2B: Phase 2B -->
-            <div class="dev-panel-row-container">
+            <div class="dev-panel-row-container" data-row-id="2B">
               <span class="dev-panel-row-label">2B</span>
               <div class="dev-panel-row">
                 <button id="btn-2b-setup" class="dev-btn">2B Setup</button>
@@ -139,7 +160,7 @@
             </div>
 
             <!-- Row 3B: Phase 3B -->
-            <div class="dev-panel-row-container">
+            <div class="dev-panel-row-container" data-row-id="3B">
               <span class="dev-panel-row-label">3B</span>
               <div class="dev-panel-row">
                 <button id="btn-3b-setup" class="dev-btn">3B Setup</button>
@@ -149,7 +170,7 @@
             </div>
 
             <!-- Row 4.1B: Phase 4.1B -->
-            <div class="dev-panel-row-container">
+            <div class="dev-panel-row-container" data-row-id="4.1B">
               <span class="dev-panel-row-label">4.1B</span>
               <div class="dev-panel-row">
                 <button id="btn-4-1b-setup" class="dev-btn">4.1B Setup</button>
@@ -159,7 +180,7 @@
             </div>
 
             <!-- Row 4.2B: Phase 4.2B -->
-            <div class="dev-panel-row-container">
+            <div class="dev-panel-row-container" data-row-id="4.2B">
               <span class="dev-panel-row-label">4.2B</span>
               <div class="dev-panel-row">
                 <button id="btn-4-2b-setup" class="dev-btn">4.2B Setup</button>
@@ -169,7 +190,7 @@
             </div>
 
             <!-- Row 4.3B: Phase 4.3B -->
-            <div class="dev-panel-row-container">
+            <div class="dev-panel-row-container" data-row-id="4.3B">
               <span class="dev-panel-row-label">4.3B</span>
               <div class="dev-panel-row">
                 <button id="btn-4-3b-setup" class="dev-btn">4.3B Setup</button>
@@ -179,7 +200,7 @@
             </div>
 
             <!-- Row 4.4B: Phase 4.4B -->
-            <div class="dev-panel-row-container">
+            <div class="dev-panel-row-container" data-row-id="4.4B">
               <span class="dev-panel-row-label">4.4B</span>
               <div class="dev-panel-row">
                 <button id="btn-4-4b-setup" class="dev-btn">4.4B Setup</button>
@@ -189,7 +210,7 @@
             </div>
 
             <!-- Row 4.5B: Phase 4.5B -->
-            <div class="dev-panel-row-container">
+            <div class="dev-panel-row-container" data-row-id="4.5B">
               <span class="dev-panel-row-label">4.5B</span>
               <div class="dev-panel-row">
                 <button id="btn-4-5b-setup" class="dev-btn">4.5B Setup</button>
@@ -199,7 +220,7 @@
             </div>
 
             <!-- Row 4.6B: Phase 4.6B -->
-            <div class="dev-panel-row-container">
+            <div class="dev-panel-row-container" data-row-id="4.6B">
               <span class="dev-panel-row-label">4.6B</span>
               <div class="dev-panel-row">
                 <button id="btn-4-6b-setup" class="dev-btn">4.6B Setup</button>
@@ -209,7 +230,7 @@
             </div>
 
             <!-- Row 4.7B: Phase 4.7B -->
-            <div class="dev-panel-row-container">
+            <div class="dev-panel-row-container" data-row-id="4.7B">
               <span class="dev-panel-row-label">4.7B</span>
               <div class="dev-panel-row">
                 <button id="btn-4-7b-setup" class="dev-btn">4.7B Setup</button>
@@ -219,7 +240,7 @@
             </div>
 
             <!-- Row 4.8B: Phase 4.8B -->
-            <div class="dev-panel-row-container">
+            <div class="dev-panel-row-container" data-row-id="4.8B">
               <span class="dev-panel-row-label">4.8B</span>
               <div class="dev-panel-row">
                 <button id="btn-4-8b-setup" class="dev-btn">4.8B Setup</button>
@@ -229,7 +250,7 @@
             </div>
 
             <!-- Row 4.9B: Phase 4.9B -->
-            <div class="dev-panel-row-container">
+            <div class="dev-panel-row-container" data-row-id="4.9B">
               <span class="dev-panel-row-label">4.9B</span>
               <div class="dev-panel-row">
                 <button id="btn-4-9b-setup" class="dev-btn">4.9B Setup</button>
@@ -239,7 +260,7 @@
             </div>
 
             <!-- Row 4.10B: Phase 4.10B -->
-            <div class="dev-panel-row-container">
+            <div class="dev-panel-row-container" data-row-id="4.10B">
               <span class="dev-panel-row-label">4.10B</span>
               <div class="dev-panel-row">
                 <button id="btn-4-10b-setup" class="dev-btn">4.10B Setup</button>

package/dist/client/index.mjs

@@ -1,2 +1,2 @@
-import{Qb as c,Rb as l,Tb as a,a as r,i as e,mb as n,mc as s,nb as i}from"./chunk-NCXKCVYS.mjs";l(i);var m=n;async function d(){let o=`[${d.name}]`;try{m&&console.log(`${o} starting... (I: 3d893846d02c4ff49181f9b8e586eb74)`),console.time(o),document.addEventListener("DOMContentLoaded",async()=>{try{console.timeLog(o,"DOMContentLoaded fired"),await c(i),console.timeLog(o,"initIbGibStorage complete"),await a("./bootstrap.mjs"),console.timeLog(o,"dynamicallyLoadBootstrapScript complete"),s(),console.timeLog(o,"initDevTools complete"),console.timeEnd(o)}catch(t){throw console.error(`${o} ${e(t)}`),t}})}catch(t){console.timeEnd(o);debugger;throw console.error(`${o} ${e(t)}`),t}finally{m&&console.log(`${o} complete.`)}}r(d,"spinOffStartup");d();
+import{Qb as c,Rb as l,Tb as a,a as r,i as e,mb as n,nb as i,oc as s}from"./chunk-734MMI4C.mjs";l(i);var m=n;async function d(){let o=`[${d.name}]`;try{m&&console.log(`${o} starting... (I: 3d893846d02c4ff49181f9b8e586eb74)`),console.time(o),document.addEventListener("DOMContentLoaded",async()=>{try{console.timeLog(o,"DOMContentLoaded fired"),await c(i),console.timeLog(o,"initIbGibStorage complete"),await a("./bootstrap.mjs"),console.timeLog(o,"dynamicallyLoadBootstrapScript complete"),s(),console.timeLog(o,"initDevTools complete"),console.timeEnd(o)}catch(t){throw console.error(`${o} ${e(t)}`),t}})}catch(t){console.timeEnd(o);debugger;throw console.error(`${o} ${e(t)}`),t}finally{m&&console.log(`${o} complete.`)}}r(d,"spinOffStartup");d();
 //# sourceMappingURL=index.mjs.map

package/dist/client/script.mjs

@@ -1,2 +1,2 @@
-import{p as e}from"./chunk-ZUEU37Z5.mjs";import"./chunk-NCXKCVYS.mjs";console.log("space-gib early script executing...");e();
+import{p as e}from"./chunk-SMOZ2D5E.mjs";import"./chunk-734MMI4C.mjs";console.log("space-gib early script executing...");e();
 //# sourceMappingURL=script.mjs.map

package/dist/client/style.css

@@ -702,7 +702,8 @@ body::before {
 
 /* ── Dev Tools Panel (diagnostic only — remove when WS sync confirmed) ── */
 .dev-panel {
-    max-width: 720px;
+    max-width: 100%;
+    width: 100%;
     margin: 0 auto;
     padding: 1.5rem;
     border: 1px dashed rgba(255, 204, 68, 0.35);
@@ -712,8 +713,7 @@ body::before {
     flex-direction: column;
     gap: 1rem;
     margin-bottom: 3rem;
-    max-height: 250px;
-    overflow-y: auto;
+    max-height: none;
 }
 
 .dev-panel-title {
@@ -725,6 +725,30 @@ body::before {
     opacity: 0.7;
 }
 
+.dev-panel-select-container {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    margin-bottom: 0.5rem;
+}
+
+.dev-select {
+    background: var(--clr-bg-surface);
+    color: var(--clr-text-primary);
+    border: 1px solid rgba(255, 204, 68, 0.4);
+    padding: 0.5rem 1rem;
+    border-radius: var(--radius-sm);
+    font-family: var(--font-sans);
+    outline: none;
+    cursor: pointer;
+    font-size: 0.9rem;
+    transition: border-color var(--t-fast);
+}
+
+.dev-select:hover {
+    border-color: rgba(255, 204, 68, 0.7);
+}
+
 .dev-panel-row {
     display: flex;
     gap: 0.75rem;
@@ -763,11 +787,11 @@ body::before {
     border: 1px solid var(--clr-border);
     border-radius: var(--radius-sm);
     padding: 0.75rem 1rem;
-    max-height: 240px;
+    max-height: 800px;
     overflow-y: auto;
     white-space: pre-wrap;
     word-break: break-all;
-    min-height: 3rem;
+    min-height: 10rem;
 }
 
 /* dev tools row styles */