tina4ruby 3.10.42 → 3.10.44

data/lib/tina4/database.rb

@@ -281,12 +281,19 @@ module Tina4
     end
 
     def execute_many(sql, params_list = [])
-      total_affected = 0
-      params_list.each do |params|
-        current_driver.execute(sql, params)
-        total_affected += 1
+      results = []
+      drv = current_driver
+      drv.begin_transaction
+      begin
+        params_list.each do |params|
+          results << drv.execute(sql, params)
+        end
+        drv.commit
+      rescue => e
+        drv.rollback
+        raise e
       end
-      { success: true, affected_rows: total_affected }
+      results
     end
 
     def transaction

data/lib/tina4/dev_admin.rb

@@ -498,6 +498,14 @@ module Tina4
       end
 
       def status_payload
+        db_table_count = 0
+        begin
+          db = Tina4.database
+          db_table_count = db.tables.size if db
+        rescue
+          # ignore
+        end
+
         {
           framework: "tina4-ruby",
           version: Tina4::VERSION,
@@ -505,6 +513,8 @@ module Tina4
           platform: RUBY_PLATFORM,
           debug: ENV["TINA4_DEBUG"] || "false",
           log_level: ENV["TINA4_LOG_LEVEL"] || "ERROR",
+          database: ENV["DATABASE_URL"] || "not configured",
+          db_tables: db_table_count,
           uptime: (Time.now - (defined?(@boot_time) && @boot_time ? @boot_time : (@boot_time = Time.now))).round(1),
           route_count: Tina4::Router.routes.size,
           request_stats: request_inspector.stats,
@@ -574,7 +584,9 @@ module Tina4
           },
           pid: Process.pid,
           thread_count: Thread.list.size,
-          env: ENV["TINA4_ENV"] || ENV["RACK_ENV"] || ENV["RUBY_ENV"] || "development"
+          env: ENV["TINA4_ENV"] || ENV["RACK_ENV"] || ENV["RUBY_ENV"] || "development",
+          db_tables: (begin; db = Tina4.database; db ? db.tables.size : 0; rescue; 0; end),
+          db_connected: (begin; db = Tina4.database; !db.nil?; rescue; false; end)
         }
       end
 
@@ -599,19 +611,38 @@ module Tina4
         sql = sql.to_s.strip
         return { error: "No SQL provided" } if sql.empty?
 
-        first_word = sql.split(/[\s\t\n\r]+/, 2).first.to_s.upcase
-        unless %w[SELECT PRAGMA EXPLAIN SHOW DESCRIBE].include?(first_word)
-          return { error: "Only SELECT queries are allowed in the dev dashboard" }
-        end
-
         db = Tina4.database
         return { error: "No database configured" } unless db
 
+        # Split multiple statements on semicolons
+        statements = sql.split(";").map(&:strip).reject(&:empty?)
+
         begin
-          result = db.fetch(sql)
-          rows = result.respond_to?(:to_a) ? result.to_a : (result.is_a?(Array) ? result : [])
-          columns = rows.first.is_a?(Hash) ? rows.first.keys.map(&:to_s) : []
-          { columns: columns, rows: rows, count: rows.size }
+          if statements.size == 1
+            first_word = statements[0].split(/[\s\t\n\r]+/, 2).first.to_s.upcase
+            if %w[SELECT PRAGMA EXPLAIN SHOW DESCRIBE].include?(first_word)
+              result = db.fetch(statements[0])
+              rows = result.respond_to?(:to_a) ? result.to_a : (result.is_a?(Array) ? result : [])
+              columns = rows.first.is_a?(Hash) ? rows.first.keys.map(&:to_s) : []
+              return { columns: columns, rows: rows, count: rows.size }
+            end
+          end
+
+          # Execute all statements (single write or multi-statement batch)
+          total_affected = 0
+          db.start_transaction if db.respond_to?(:start_transaction)
+          begin
+            statements.each do |stmt|
+              result = db.execute(stmt)
+              total_affected += (result.respond_to?(:affected_rows) ? result.affected_rows : 0)
+            end
+            db.commit if db.respond_to?(:commit)
+          rescue => e
+            db.rollback if db.respond_to?(:rollback)
+            return { error: e.message }
+          end
+
+          { affected: total_affected, success: true }
         rescue => e
           { error: e.message }
         end
@@ -1069,32 +1100,45 @@ module Tina4
                   <h2>Database</h2>
                   <button class="btn btn-sm" onclick="loadTables()">Refresh</button>
               </div>
-              <div class="flex gap-md p-md">
-                  <div class="flex-1">
-                      <div class="flex gap-sm items-center mb-sm">
-                          <select id="query-type" class="input">
+              <div style="display:flex;height:calc(100vh - 140px);overflow:hidden">
+                  <!-- Left: Tables navigation -->
+                  <div style="width:200px;min-width:200px;border-right:1px solid var(--border);padding:0.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:0.5rem">
+                      <div class="text-sm text-muted" style="font-weight:600">Tables</div>
+                      <div id="table-list" class="text-sm"></div>
+                      <div style="border-top:1px solid var(--border);padding-top:0.5rem;margin-top:auto">
+                          <div class="text-sm text-muted" style="font-weight:600;margin-bottom:0.25rem">Seed Data</div>
+                          <select id="seed-table" class="input" style="width:100%;margin-bottom:0.25rem;font-size:0.75rem"><option value="">Pick table...</option></select>
+                          <div class="flex gap-sm items-center">
+                              <input type="number" id="seed-count" class="input" value="10" min="1" max="1000" style="width:60px;font-size:0.75rem">
+                              <button class="btn btn-sm btn-success" onclick="seedTable()">Seed</button>
+                          </div>
+                      </div>
+                  </div>
+                  <!-- Right: Query + Results -->
+                  <div style="flex:1;display:flex;flex-direction:column;overflow:hidden;padding:0.5rem">
+                      <div style="display:flex;gap:0.5rem;align-items:center;margin-bottom:0.25rem">
+                          <select id="query-type" class="input" style="width:auto;font-size:0.75rem">
                               <option value="sql">SQL</option>
                           </select>
+                          <span class="text-sm text-muted">Limit</span>
+                          <select id="query-limit" class="input" style="width:70px;font-size:0.75rem">
+                              <option value="20">20</option>
+                              <option value="50">50</option>
+                              <option value="100">100</option>
+                              <option value="500">500</option>
+                              <option value="0">All</option>
+                          </select>
                           <button class="btn btn-sm btn-primary" onclick="runQuery()">Run</button>
+                          <button class="btn btn-sm" id="btn-csv" onclick="copyResults('csv',this)" title="Copy results as CSV">Copy CSV</button>
+                          <button class="btn btn-sm" id="btn-json" onclick="copyResults('json',this)" title="Copy results as JSON">Copy JSON</button>
+                          <button class="btn btn-sm" onclick="pasteData()" title="Paste tab-separated data as INSERTs">Paste</button>
                           <span class="text-sm text-muted">Ctrl+Enter</span>
                       </div>
-                      <textarea id="query-input" rows="4" placeholder="SELECT * FROM users LIMIT 20" class="input input-mono" style="width:100%"></textarea>
+                      <textarea id="query-input" rows="3" placeholder="SELECT * FROM users LIMIT 20" class="input input-mono" style="width:100%;font-size:0.75rem;resize:vertical"></textarea>
                       <div id="query-error" class="hidden" style="color:var(--danger);font-size:0.75rem;margin-top:0.25rem"></div>
-                  </div>
-                  <div style="width:180px">
-                      <div class="text-sm text-muted" style="font-weight:600;margin-bottom:0.5rem">Tables</div>
-                      <div id="table-list" class="text-sm"></div>
-                      <div style="margin-top:0.75rem;border-top:1px solid var(--border);padding-top:0.75rem">
-                          <div class="text-sm text-muted" style="font-weight:600;margin-bottom:0.5rem">Seed Data</div>
-                          <select id="seed-table" class="input" style="width:100%;margin-bottom:0.25rem"><option value="">Pick table...</option></select>
-                          <div class="flex gap-sm items-center">
-                              <input type="number" id="seed-count" class="input" value="10" min="1" max="1000" style="width:60px">
-                              <button class="btn btn-sm btn-success" onclick="seedTable()">Seed</button>
-                          </div>
-                      </div>
+                      <div id="query-results" style="flex:1;overflow:auto;margin-top:0.25rem;font-size:0.75rem"></div>
                   </div>
               </div>
-              <div id="query-results" style="overflow-x:auto"></div>
           </div>
 
           <!-- Requests Panel -->
@@ -1385,20 +1429,38 @@ function miColor(mi){
     if(mi>=30) return 'rgb('+(Math.round(220+((60-mi)/30)*19))+','+(Math.round(180-((60-mi)/30)*112))+',0)';
     return 'rgb(239,'+(Math.round(68-mi*2))+',0)';
 }
-function renderBubbleChart(files){
+function renderBubbleChart(files,depGraph,scanMode){
     var container=document.getElementById('metrics-bubble');
     if(!files||!files.length){container.innerHTML='<p style="color:var(--muted);padding:1rem">No files to analyze</p>';return;}
+    depGraph=depGraph||{};
+    scanMode=scanMode||'project';
     var W=container.offsetWidth||900,H=Math.max(450,Math.min(650,W*0.45));
     var maxLoc=Math.max.apply(null,files.map(function(f){return f.loc}))||1;
+    var maxDeps=Math.max.apply(null,files.map(function(f){return f.dep_count||0}))||1;
+    var maxCC=Math.max.apply(null,files.map(function(f){return f.complexity||0}))||1;
     var minR=14,maxR=Math.min(70,W/10);
-    var sorted=files.slice().sort(function(a,b){return a.loc-b.loc});
+    function healthColor(f){
+        var cc=Math.min((f.avg_complexity||0)/10,1);
+        var untested=f.has_tests?0:1;
+        var deps=Math.min((f.dep_count||0)/5,1);
+        var score=cc*0.4+untested*0.4+deps*0.2;
+        score=Math.max(0,Math.min(1,score));
+        var hue=Math.round(120*(1-score));
+        var sat=Math.round(70+score*30);
+        var lit=Math.round(42+18*(1-score));
+        return 'hsl('+hue+','+sat+'%,'+lit+'%)';
+    }
+    var pathIdx={};
+    files.forEach(function(f,i){pathIdx[f.path]=i;});
+    function sizeScore(f){return (f.loc/maxLoc)*0.4+((f.avg_complexity||0)/10)*0.4+((f.dep_count||0)/maxDeps)*0.2;}
+    var sorted=files.slice().sort(function(a,b){return sizeScore(a)-sizeScore(b)});
     var cx=W/2,cy=H/2;
     var bubbles=[];
     var angle=0,spiralR=0;
     for(var i=0;i<sorted.length;i++){
         var f=sorted[i];
-        var r=minR+Math.sqrt(f.loc/maxLoc)*(maxR-minR);
-        var color=miColor(f.maintainability||0);
+        var r=minR+Math.sqrt(sizeScore(f))*(maxR-minR);
+        var color=healthColor(f);
         var placed=false;
         for(var attempt=0;attempt<800;attempt++){
             var px=cx+spiralR*Math.cos(angle);
@@ -1409,79 +1471,217 @@ function renderBubbleChart(files){
                 if(Math.sqrt(dx*dx+dy*dy)<r+bubbles[j].r+2){collides=true;break;}
             }
             if(!collides&&px>r+2&&px<W-r-2&&py>r+25&&py<H-r-2){
-                bubbles.push({x:px,y:py,r:r,color:color,f:f,angle:Math.random()*Math.PI*2,speed:0.3+Math.random()*0.5,drift:2+Math.random()*3});
+                bubbles.push({x:px,y:py,vx:0,vy:0,r:r,color:color,f:f});
                 placed=true;break;
             }
             angle+=0.2;spiralR+=0.04;
         }
-        if(!placed){bubbles.push({x:cx+(Math.random()-0.5)*W*0.3,y:cy+(Math.random()-0.5)*H*0.3,r:r,color:color,f:f,angle:Math.random()*Math.PI*2,speed:0.3+Math.random()*0.5,drift:2+Math.random()*3});}
+        if(!placed){bubbles.push({x:cx+(Math.random()-0.5)*W*0.3,y:cy+(Math.random()-0.5)*H*0.3,vx:0,vy:0,r:r,color:color,f:f});}
     }
+    var edges=[];
+    function basename(p){var n=p.split('/').pop();var d=n.lastIndexOf('.');return(d>0?n.substring(0,d):n).toLowerCase();}
+    var nameIdx={};
+    bubbles.forEach(function(b,i){nameIdx[basename(b.f.path)]=i;});
+    Object.keys(depGraph).forEach(function(src){
+        var srcIdx=null;
+        bubbles.forEach(function(b,i){if(b.f.path===src)srcIdx=i;});
+        if(srcIdx===null)return;
+        (depGraph[src]||[]).forEach(function(tgt){
+            var tgtName=tgt.split('.').pop().toLowerCase();
+            var tgtIdx=nameIdx[tgtName];
+            if(tgtIdx!==undefined&&srcIdx!==tgtIdx)edges.push([srcIdx,tgtIdx]);
+        });
+    });
     var canvas=document.createElement('canvas');
     canvas.width=W;canvas.height=H;
     canvas.style.cssText='display:block;border:1px solid var(--border);border-radius:8px;cursor:pointer;background:#0f172a';
-    container.innerHTML='<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:0.5rem"><h3 style="margin:0;color:var(--primary)">Code Landscape</h3><span style="font-size:0.7rem;color:var(--muted)">Click a bubble to drill down | Size=LOC | <span style="color:#22c55e">Green</span>=maintainable <span style="color:#eab308">Yellow</span>=moderate <span style="color:#ef4444">Red</span>=needs work</span></div>';
+    var modeLabel=scanMode==='framework'?'<span style="color:#cba6f7;font-weight:600"> (Framework)</span> Add code to src/ to see your project':'';
+    container.innerHTML='<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:0.5rem"><h3 style="margin:0;color:var(--primary)">Code Landscape'+modeLabel+'</h3><span style="font-size:0.7rem;color:var(--muted)">Drag bubbles | Click to drill down | Size=LOC | Colour=health | T=tested | D=deps</span></div>';
     container.appendChild(canvas);
     var ctx=canvas.getContext('2d');
-    var hoveredIdx=-1;
-    var t=0;
+    var hoveredIdx=-1,dragIdx=-1,dragOX=0,dragOY=0;
+    function simulate(){
+        var damping=0.65,springK=0.002,repulse=40,gravity=0.008;
+        var cx=W/2,cy=H/2;
+        bubbles.forEach(function(b,idx){
+            if(idx===dragIdx)return;
+            var dx=cx-b.x,dy=cy-b.y;
+            var sizeFactor=0.3+(b.r/maxR)*0.7;
+            var pull=gravity*sizeFactor*sizeFactor;
+            b.vx+=dx*pull;b.vy+=dy*pull;
+        });
+        edges.forEach(function(e){
+            var a=bubbles[e[0]],b=bubbles[e[1]];
+            var dx=b.x-a.x,dy=b.y-a.y;
+            var dist=Math.sqrt(dx*dx+dy*dy)||1;
+            var rest=a.r+b.r+20;
+            var force=(dist-rest)*springK;
+            var fx=dx/dist*force,fy=dy/dist*force;
+            if(e[0]!==dragIdx){a.vx+=fx;a.vy+=fy;}
+            if(e[1]!==dragIdx){b.vx-=fx;b.vy-=fy;}
+        });
+        for(var i=0;i<bubbles.length;i++){
+            for(var j=i+1;j<bubbles.length;j++){
+                var a=bubbles[i],b=bubbles[j];
+                var dx=b.x-a.x,dy=b.y-a.y;
+                var dist=Math.sqrt(dx*dx+dy*dy)||1;
+                var minDist=a.r+b.r+20;
+                if(dist<minDist){
+                    var force=repulse*(minDist-dist)/minDist;
+                    var fx=dx/dist*force,fy=dy/dist*force;
+                    if(i!==dragIdx){a.vx-=fx;a.vy-=fy;}
+                    if(j!==dragIdx){b.vx+=fx;b.vy+=fy;}
+                }
+            }
+        }
+        bubbles.forEach(function(b,idx){
+            if(idx===dragIdx)return;
+            b.vx*=damping;b.vy*=damping;
+            var maxV=2;
+            if(b.vx>maxV)b.vx=maxV;if(b.vx<-maxV)b.vx=-maxV;
+            if(b.vy>maxV)b.vy=maxV;if(b.vy<-maxV)b.vy=-maxV;
+            b.x+=b.vx;b.y+=b.vy;
+            b.x=Math.max(b.r+2,Math.min(W-b.r-2,b.x));
+            b.y=Math.max(b.r+25,Math.min(H-b.r-2,b.y));
+        });
+    }
     function draw(){
-        t+=0.016;
+        simulate();
         ctx.clearRect(0,0,W,H);
-        ctx.strokeStyle='rgba(255,255,255,0.03)';ctx.lineWidth=1;
-        for(var gx=0;gx<W;gx+=50){ctx.beginPath();ctx.moveTo(gx,0);ctx.lineTo(gx,H);ctx.stroke();}
-        for(var gy=0;gy<H;gy+=50){ctx.beginPath();ctx.moveTo(0,gy);ctx.lineTo(W,gy);ctx.stroke();}
+        ctx.save();ctx.translate(panX,panY);ctx.scale(zoom,zoom);
+        ctx.strokeStyle='rgba(255,255,255,0.03)';ctx.lineWidth=1/zoom;
+        for(var gx=0;gx<W/zoom;gx+=50){ctx.beginPath();ctx.moveTo(gx,0);ctx.lineTo(gx,H/zoom);ctx.stroke();}
+        for(var gy=0;gy<H/zoom;gy+=50){ctx.beginPath();ctx.moveTo(0,gy);ctx.lineTo(W/zoom,gy);ctx.stroke();}
+        edges.forEach(function(e){
+            var a=bubbles[e[0]],b=bubbles[e[1]];
+            var dx=b.x-a.x,dy=b.y-a.y;
+            var dist=Math.sqrt(dx*dx+dy*dy)||1;
+            var highlighted=(hoveredIdx===e[0]||hoveredIdx===e[1]);
+            ctx.beginPath();
+            ctx.moveTo(a.x+dx/dist*a.r,a.y+dy/dist*a.r);
+            var ex=b.x-dx/dist*b.r,ey=b.y-dy/dist*b.r;
+            ctx.lineTo(ex,ey);
+            ctx.strokeStyle=highlighted?'rgba(139,180,250,0.9)':'rgba(255,255,255,0.3)';
+            ctx.lineWidth=highlighted?3:1.5;ctx.stroke();
+            var aLen=highlighted?14:8;
+            var aAngle=Math.atan2(dy,dx);
+            ctx.beginPath();
+            ctx.moveTo(ex,ey);
+            ctx.lineTo(ex-aLen*Math.cos(aAngle-0.4),ey-aLen*Math.sin(aAngle-0.4));
+            ctx.lineTo(ex-aLen*Math.cos(aAngle+0.4),ey-aLen*Math.sin(aAngle+0.4));
+            ctx.closePath();ctx.fillStyle=ctx.strokeStyle;ctx.fill();
+        });
         bubbles.forEach(function(b,idx){
-            var ox=Math.sin(t*b.speed+b.angle)*b.drift;
-            var oy=Math.cos(t*b.speed*0.7+b.angle+1)*b.drift*0.6;
-            var bx=b.x+ox,by=b.y+oy;
             var isHovered=(idx===hoveredIdx);
             var drawR=isHovered?b.r+4:b.r;
-            if(isHovered){
-                ctx.beginPath();ctx.arc(bx,by,drawR+8,0,Math.PI*2);
-                ctx.fillStyle='rgba(255,255,255,0.08)';ctx.fill();
-            }
-            ctx.beginPath();ctx.arc(bx,by,drawR,0,Math.PI*2);
-            ctx.fillStyle=b.color;ctx.globalAlpha=isHovered?0.95:0.7;ctx.fill();
-            ctx.globalAlpha=1;ctx.strokeStyle=b.color;ctx.lineWidth=isHovered?2.5:1.5;ctx.stroke();
+            if(isHovered){ctx.beginPath();ctx.arc(b.x,b.y,drawR+8,0,Math.PI*2);ctx.fillStyle='rgba(255,255,255,0.08)';ctx.fill();}
+            ctx.beginPath();ctx.arc(b.x,b.y,drawR,0,Math.PI*2);
+            ctx.fillStyle=b.color;ctx.globalAlpha=isHovered?1.0:0.85;ctx.fill();
+            ctx.globalAlpha=1;ctx.strokeStyle=isHovered?'rgba(255,255,255,0.6)':'rgba(255,255,255,0.25)';ctx.lineWidth=isHovered?2.5:1.5;ctx.stroke();
             var name=b.f.path.split('/').pop().replace('.rb','');
             if(drawR>16){
                 var fs=Math.max(8,Math.min(13,drawR*0.38));
                 ctx.fillStyle='#fff';ctx.font='600 '+fs+'px monospace';ctx.textAlign='center';
-                ctx.fillText(name,bx,by-2);
+                ctx.fillText(name,b.x,b.y-2);
                 ctx.fillStyle='rgba(255,255,255,0.65)';ctx.font=(fs-1)+'px monospace';
-                ctx.fillText(b.f.loc+' LOC',bx,by+fs);
+                ctx.fillText(b.f.loc+' LOC',b.x,b.y+fs);
                 if(isHovered&&drawR>25){
                     ctx.fillStyle='rgba(255,255,255,0.5)';ctx.font=(fs-2)+'px monospace';
-                    ctx.fillText('CC:'+b.f.complexity+' MI:'+b.f.maintainability,bx,by+fs*2);
+                    ctx.fillText('CC:'+b.f.complexity+' MI:'+b.f.maintainability,b.x,b.y+fs*2);
                 }
             }
-            b._drawX=bx;b._drawY=by;b._drawR=drawR;
+            var mfs=Math.max(9,drawR*0.3);
+            var mrad=mfs*0.7;
+            var mpad=mrad*2.4;
+            var my=b.y-drawR+mrad+3;
+            if(drawR>14&&b.f.has_tests){
+                var mx=b.x-(b.f.dep_count>0?mpad*0.5:0);
+                ctx.beginPath();ctx.arc(mx,my,mrad,0,Math.PI*2);
+                ctx.fillStyle='#16a34a';ctx.fill();
+                ctx.fillStyle='#fff';ctx.font='bold '+mfs+'px sans-serif';ctx.textAlign='center';
+                ctx.fillText('T',mx,my+mfs*0.35);
+            }
+            if(drawR>14&&b.f.dep_count>0){
+                var mx2=b.x+(b.f.has_tests?mpad*0.5:0);
+                ctx.beginPath();ctx.arc(mx2,my,mrad,0,Math.PI*2);
+                ctx.fillStyle='#ea580c';ctx.fill();
+                ctx.fillStyle='#fff';ctx.font='bold '+mfs+'px sans-serif';ctx.textAlign='center';
+                ctx.fillText('D',mx2,my+mfs*0.35);
+            }
+            b._drawX=b.x;b._drawY=b.y;b._drawR=drawR;
         });
-        var totalLoc=0,totalFiles=bubbles.length;
-        bubbles.forEach(function(b){totalLoc+=b.f.loc});
+        var totalLoc=0,totalFiles=bubbles.length,testedCount=0;
+        bubbles.forEach(function(b){totalLoc+=b.f.loc;if(b.f.has_tests)testedCount++;});
         var avgMI=bubbles.reduce(function(s,b){return s+b.f.maintainability},0)/totalFiles;
         ctx.fillStyle='rgba(255,255,255,0.35)';ctx.font='11px monospace';ctx.textAlign='right';
-        ctx.fillText(totalFiles+' files | '+totalLoc.toLocaleString()+' LOC | Avg MI: '+avgMI.toFixed(1),W-12,H-10);
+        ctx.restore();
+        ctx.fillStyle='rgba(255,255,255,0.35)';ctx.font='11px monospace';ctx.textAlign='right';
+        ctx.fillText(totalFiles+' files | '+totalLoc.toLocaleString()+' LOC | MI:'+avgMI.toFixed(1)+' | Tested:'+testedCount+'/'+totalFiles,W-12,H-10);
         window._metricsAnimFrame=requestAnimationFrame(draw);
     }
     draw();
+    var panning=false,panStartX=0,panStartY=0;
+    canvas.addEventListener('contextmenu',function(e){e.preventDefault();});
     canvas.addEventListener('mousemove',function(e){
         var rect=canvas.getBoundingClientRect();
         var mx=e.clientX-rect.left,my=e.clientY-rect.top;
+        if(panning){
+            panX+=(mx-panStartX);panY+=(my-panStartY);
+            panStartX=mx;panStartY=my;return;
+        }
+        if(dragIdx>=0){
+            var wmx=(mx-panX)/zoom,wmy=(my-panY)/zoom;
+            bubbles[dragIdx].x=wmx-dragOX;bubbles[dragIdx].y=wmy-dragOY;
+            bubbles[dragIdx].vx=0;bubbles[dragIdx].vy=0;return;
+        }
+        var wmx2=(mx-panX)/zoom,wmy2=(my-panY)/zoom;
         hoveredIdx=-1;
         for(var i=bubbles.length-1;i>=0;i--){
             var b=bubbles[i];
-            var dx=mx-b._drawX,dy=my-b._drawY;
-            if(Math.sqrt(dx*dx+dy*dy)<=b._drawR){hoveredIdx=i;break;}
+            var dx=wmx2-b.x,dy=wmy2-b.y;
+            if(Math.sqrt(dx*dx+dy*dy)<=b.r){hoveredIdx=i;break;}
         }
-        canvas.style.cursor=hoveredIdx>=0?'pointer':'default';
+        canvas.style.cursor=panning?'move':hoveredIdx>=0?'grab':'default';
     });
-    canvas.addEventListener('mouseleave',function(){hoveredIdx=-1;});
-    canvas.addEventListener('click',function(e){
+    canvas.addEventListener('mousedown',function(e){
+        var rect=canvas.getBoundingClientRect();
+        var mx=e.clientX-rect.left,my=e.clientY-rect.top;
+        if(e.button===2){
+            panning=true;panStartX=mx;panStartY=my;
+            canvas.style.cursor='move';return;
+        }
+        if(hoveredIdx>=0){
+            dragIdx=hoveredIdx;
+            var wmx=(mx-panX)/zoom;
+            var wmy=(my-panY)/zoom;
+            dragOX=wmx-bubbles[dragIdx].x;
+            dragOY=wmy-bubbles[dragIdx].y;
+            canvas.style.cursor='grabbing';
+        }
+    });
+    canvas.addEventListener('mouseup',function(){
+        if(panning){panning=false;canvas.style.cursor='default';}
+        if(dragIdx>=0){canvas.style.cursor='grab';dragIdx=-1;}
+    });
+    canvas.addEventListener('mouseleave',function(){hoveredIdx=-1;dragIdx=-1;panning=false;});
+    canvas.addEventListener('dblclick',function(e){
         if(hoveredIdx<0)return;
-        var f=bubbles[hoveredIdx].f;
-        drillDownFile(f.path);
+        drillDownFile(bubbles[hoveredIdx].f.path);
     });
+    var zoom=1.0,panX=0,panY=0;
+    canvas.addEventListener('wheel',function(e){
+        e.preventDefault();
+        var rect=canvas.getBoundingClientRect();
+        var mx=(e.clientX-rect.left-panX)/zoom;
+        var my=(e.clientY-rect.top-panY)/zoom;
+        var oldZoom=zoom;
+        zoom*=e.deltaY<0?1.08:0.93;
+        zoom=Math.max(0.5,Math.min(2.5,zoom));
+        panX+=(mx*oldZoom-mx*zoom);
+        panY+=(my*oldZoom-my*zoom);
+        bubbles.forEach(function(b){});
+    },{passive:false});
+    bubbles.forEach(function(b){b._baseR=b.r;});
 }
 function drillDownFile(path){
     var dd=document.getElementById('metrics-drilldown');
@@ -1560,7 +1760,7 @@ function loadAllMetrics(){
     fetch('/__dev/api/metrics/full').then(function(r){return r.json()}).then(function(d){
         _metricsFullData=d;
         if(d.error){document.getElementById('metrics-bubble').innerHTML='<p style="color:var(--danger);padding:1rem">'+d.error+'</p>';return;}
-        renderBubbleChart(d.file_metrics);
+        renderBubbleChart(d.file_metrics,d.dependency_graph,d.scan_mode);
         var hm=document.getElementById('metrics-heatmap');
         var rows=d.file_metrics.map(function(f){
             var color=miColor(f.maintainability);

data/lib/tina4/events.rb

@@ -81,6 +81,25 @@ module Tina4
         @listeners.keys
       end
 
+      # Fire an event asynchronously. Each listener runs in its own thread.
+      # Errors in listeners are silently caught.
+      #
+      #   Tina4::Events.emit_async("user.created", user_data)
+      #
+      def emit_async(event, *args)
+        return unless @listeners&.key?(event)
+
+        @listeners[event].sort_by { |l| -(l[:priority] || 0) }.each do |listener|
+          Thread.new do
+            begin
+              listener[:callback].call(*args)
+            rescue => e
+              # Async emit silently catches errors
+            end
+          end
+        end
+      end
+
       # Remove all listeners for all events.
       def clear
         @listeners.clear

data/lib/tina4/field_types.rb

@@ -19,7 +19,12 @@ module Tina4
         if name
           @table_name = name
         else
-          @table_name || self.name.split("::").last.downcase + "s"
+          base = self.name.split("::").last.downcase
+          # Pluralize by default (add "s") unless ORM_PLURAL_TABLE_NAMES is explicitly disabled
+          unless ENV.fetch("ORM_PLURAL_TABLE_NAMES", "").match?(/\A(false|0|no)\z/i)
+            base += "s" unless base.end_with?("s")
+          end
+          @table_name || base
         end
       end