brainzlab 0.1.10 → 0.1.11

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 97098a98bb87f20519522678294b7872e1ff75c9a340dc85c0681bce794bdc27
-  data.tar.gz: 8842b97cc1d4f27c772df7463c2bca85b13b4d0cf91a0d2fd46b00f900e813f5
+  metadata.gz: 49af0bcd7ebaf8cc4b66040ae38be6eb6e8826178e493283b9241083ef54b79f
+  data.tar.gz: '0057911ea7e6c7113e06a148863dc7e806e7af32f0bd9eb6f579bb7b69377849'
 SHA512:
-  metadata.gz: 1f940b97715f5b5592a834fbedcf409888d31f8421c35ad6435c71bde91068d351270092e816b26f6a1d97bc274bcb457bc612a3599b8bba143478be23564d0a
-  data.tar.gz: ba2d7b3de3190e84ac3301173a0c2f4f6db3acc7bcbec5c84d73844cbb6f8b745db5d9a5c8c7064a4f6a2bb8a556b998df2d4ae1dfad044ecd9e9c46542ccfe0
+  metadata.gz: 91b591d98847edc9f401e6f505df003a1a802319db212615dab3a33a09fd320cde743c9c0dac40717dade391434a127ffa0975b28ec903f07a3907ab3f78f8fd
+  data.tar.gz: a9f1105138dc3a9871854e9a6526381950b66c0f2d4e18dcc40b2f434cb55d7f7af3bd2a27933401fa4ebb1b658d68fcf420b3476ebbea7a15944d543c16ab76

data/README.md

@@ -47,12 +47,21 @@ bundle config set --global rubygems.pkg.github.com USERNAME:TOKEN
 
 ## Quick Start
 
+### Get Your API Key
+
+1. Sign up at [platform.brainzlab.ai](https://platform.brainzlab.ai)
+2. Create or select a project
+3. Copy your API key (`sk_live_xxx` or `sk_test_xxx`)
+4. Set it as `BRAINZLAB_SECRET_KEY` environment variable
+
+**One key, all products**: Your Platform API key works across Recall, Reflex, Pulse, and all BrainzLab products. No separate keys needed.
+
 ### Configuration
 
 ```ruby
 # config/initializers/brainzlab.rb
 BrainzLab.configure do |config|
-  # Authentication (required)
+  # Authentication (required) - Your Platform API key
   config.secret_key = ENV['BRAINZLAB_SECRET_KEY']
 
   # Environment

data/lib/brainzlab/devtools/assets/devtools.css

@@ -335,6 +335,26 @@
   display: none;
 }
 
+/* Minimized State - Panel completely hidden */
+.brainz-debug-panel.minimized {
+  max-height: 0;
+  border-top-width: 0;
+  box-shadow: none;
+  overflow: hidden;
+  pointer-events: none;
+}
+
+.brainz-debug-panel.minimized .brainz-debug-toolbar,
+.brainz-debug-panel.minimized .brainz-debug-tabs,
+.brainz-debug-panel.minimized .brainz-debug-content {
+  display: none;
+}
+
+/* Restore button is visible when minimized */
+.brainz-debug-panel.minimized .brainz-debug-restore {
+  pointer-events: auto;
+}
+
 /* Toolbar */
 .brainz-debug-toolbar {
   display: flex;
@@ -402,6 +422,73 @@
   transform: rotate(180deg);
 }
 
+/* Minimize Button (on toolbar) */
+.brainz-debug-minimize {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  padding: 0;
+  margin-left: 0.5rem;
+  background: transparent;
+  border: 1px solid var(--brainz-border);
+  border-radius: 4px;
+  color: var(--brainz-text-muted);
+  cursor: pointer;
+  transition: all 0.15s ease;
+  flex-shrink: 0;
+}
+
+.brainz-debug-minimize:hover {
+  background: var(--brainz-cream-200);
+  border-color: var(--brainz-border-dark);
+  color: var(--brainz-text);
+}
+
+.brainz-debug-minimize:active {
+  transform: scale(0.95);
+}
+
+/* Restore Button (floating, visible when minimized) */
+.brainz-debug-restore {
+  position: fixed;
+  bottom: 16px;
+  left: 16px;
+  display: none;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  padding: 0;
+  background: white;
+  border: 2px solid var(--brainz-orange);
+  border-radius: 50%;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15), 0 4px 16px rgba(255, 107, 53, 0.2);
+  cursor: pointer;
+  transition: all 0.2s ease;
+  z-index: 999999;
+}
+
+.brainz-debug-restore:hover {
+  transform: scale(1.1);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), 0 6px 20px rgba(255, 107, 53, 0.3);
+}
+
+.brainz-debug-restore:active {
+  transform: scale(1.05);
+}
+
+.brainz-debug-restore img {
+  width: 20px;
+  height: 20px;
+}
+
+/* Show restore button when panel is minimized */
+.brainz-debug-panel.minimized .brainz-debug-restore {
+  display: flex;
+}
+
 /* Performance Score */
 .brainz-score {
   position: relative;

data/lib/brainzlab/devtools/assets/devtools.js

@@ -31,7 +31,7 @@
   // Stimulus Controller Definition
   const DevtoolsController = {
     static: {
-      targets: ['panel', 'tab', 'pane', 'toast']
+      targets: ['panel', 'tab', 'pane', 'toast', 'restoreBtn']
     },
 
     // Lifecycle
@@ -46,10 +46,32 @@
 
     // Actions
     togglePanel() {
+      // Don't toggle if minimized - use restorePanel instead
+      if (this.element.classList.contains('minimized')) {
+        return;
+      }
       this.element.classList.toggle('collapsed');
       this.saveState();
     },
 
+    minimizePanel(event) {
+      if (event) {
+        event.stopPropagation();
+        event.preventDefault();
+      }
+      this.element.classList.add('minimized');
+      this.saveState();
+    },
+
+    restorePanel(event) {
+      if (event) {
+        event.stopPropagation();
+        event.preventDefault();
+      }
+      this.element.classList.remove('minimized');
+      this.saveState();
+    },
+
     switchTab(event) {
       event.stopPropagation();
       const tabName = event.currentTarget.dataset.tab;
@@ -242,6 +264,7 @@ Controller: ${controllerName || 'unknown'}#${actionName || 'unknown'}
         const activeTab = this.element.querySelector('[data-devtools-target="tab"].active');
         sessionStorage.setItem('brainz-devtools-state', JSON.stringify({
           collapsed: this.element.classList.contains('collapsed'),
+          minimized: this.element.classList.contains('minimized'),
           activeTab: activeTab?.dataset.tab || 'request'
         }));
       } catch (e) { /* ignore */ }
@@ -250,7 +273,11 @@ Controller: ${controllerName || 'unknown'}#${actionName || 'unknown'}
     loadState() {
       try {
         const state = JSON.parse(sessionStorage.getItem('brainz-devtools-state'));
-        if (state?.collapsed) this.element.classList.add('collapsed');
+        if (state?.minimized) {
+          this.element.classList.add('minimized');
+        } else if (state?.collapsed) {
+          this.element.classList.add('collapsed');
+        }
         if (state?.activeTab) {
           const tab = this.element.querySelector(`[data-tab="${state.activeTab}"]`);
           if (tab) tab.click();
@@ -263,9 +290,14 @@ Controller: ${controllerName || 'unknown'}#${actionName || 'unknown'}
       this._keyHandler = (e) => {
         if ((e.ctrlKey || e.metaKey) && e.shiftKey && e.key === 'B') {
           e.preventDefault();
-          this.togglePanel();
+          // If minimized, restore first
+          if (this.element.classList.contains('minimized')) {
+            this.restorePanel();
+          } else {
+            this.togglePanel();
+          }
         }
-        if (e.key === 'Escape' && !this.element.classList.contains('collapsed')) {
+        if (e.key === 'Escape' && !this.element.classList.contains('collapsed') && !this.element.classList.contains('minimized')) {
           this.togglePanel();
         }
       };
@@ -289,11 +321,13 @@ Controller: ${controllerName || 'unknown'}#${actionName || 'unknown'}
 
     // Register the devtools controller
     app.register('devtools', class extends Controller {
-      static targets = ['tab', 'pane'];
+      static targets = ['tab', 'pane', 'restoreBtn'];
 
       connect() { DevtoolsController.connect.call(this); }
       disconnect() { DevtoolsController.disconnect.call(this); }
       togglePanel() { DevtoolsController.togglePanel.call(this); }
+      minimizePanel(e) { DevtoolsController.minimizePanel.call(this, e); }
+      restorePanel(e) { DevtoolsController.restorePanel.call(this, e); }
       switchTab(e) { DevtoolsController.switchTab.call(this, e); }
       copyToAi(e) { DevtoolsController.copyToAi.call(this, e); }
       copySql(e) { DevtoolsController.copySql.call(this, e); }

data/lib/brainzlab/devtools/assets/templates/debug_panel.html.erb

@@ -97,6 +97,12 @@
         <path d="M2 4l4 4 4-4" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
       </svg>
     </span>
+
+    <button class="brainz-debug-minimize" data-action="click->devtools#minimizePanel" title="Minimize panel">
+      <svg width="12" height="12" viewBox="0 0 12 12">
+        <path d="M2 6h8" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round"/>
+      </svg>
+    </button>
   </div>
 
   <!-- Tabs -->
@@ -494,6 +500,11 @@
       </div>
     </div>
   </div>
+
+  <!-- Floating Restore Button (visible when minimized) -->
+  <button class="brainz-debug-restore" data-devtools-target="restoreBtn" data-action="click->devtools#restorePanel" title="Restore BrainzLab DevTools (Ctrl+Shift+B)">
+    <img src="<%= asset_url('logo.svg') %>" alt="BrainzLab" width="20" height="20">
+  </button>
 </div>
 
 <link rel="stylesheet" href="<%= asset_url('devtools.css') %>">

data/lib/brainzlab/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module BrainzLab
-  VERSION = '0.1.10'
+  VERSION = '0.1.11'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: brainzlab
 version: !ruby/object:Gem::Version
-  version: 0.1.10
+  version: 0.1.11
 platform: ruby
 authors:
 - Brainz Lab