devtools-nestjs 2.0.5 → 2.1.0

package/dist/views/panels/cache-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"cache-panel.js","sourceRoot":"","sources":["../../../src/views/panels/cache-panel.ts"],"names":[],"mappings":";;AAEA,4CA2CC;AA7CD,sCAA+C;AAE/C,SAAgB,gBAAgB,CAAC,IAA6B;IAC5D,MAAM,UAAU,GAAI,IAAI,CAAC,gBAA2C,IAAI,EAAE,CAAC;IAC3E,MAAM,SAAS,GAAI,IAAI,CAAC,gBAAmD,IAAI,EAAE,CAAC;IAElF,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC;SACxC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,WAAW,IAAI,YAAY,KAAK,YAAY,CAAC;SACpE,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,MAAM,MAAM,GAAG,SAAS;SACrB,OAAO,EAAE;SACT,GAAG,CACF,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;cACH,EAAE,CAAC,MAAM;oBACH,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC;cACtC,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;cACpD,IAAI,CAAC,KAAK,CAAE,EAAE,CAAC,QAAmB,GAAG,GAAG,CAAC,GAAG,GAAG;YACjD,CACP;SACA,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,MAAM,IAAI,GAAG;;wFAEyE,IAAI,CAAC,eAAe,IAAI,CAAC;kFAC/B,IAAI,CAAC,SAAS,IAAI,CAAC;oFACjB,IAAI,CAAC,WAAW,IAAI,CAAC;sFACnB,IAAI,CAAC,OAAO,IAAI,CAAC;wFACf,IAAI,CAAC,aAAa,IAAI,CAAC;;;;;;eAMhG,QAAQ,IAAI,6CAA6C;;;;;;eAMzD,MAAM,IAAI,6CAA6C;;GAEnE,CAAC;IAEF,OAAO,IAAA,2BAAkB,EAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AAC3C,CAAC;AAED,SAAS,UAAU,CAAC,GAAW;IAC7B,OAAO,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAChF,CAAC"}
+{"version":3,"file":"cache-panel.js","sourceRoot":"","sources":["../../../src/views/panels/cache-panel.ts"],"names":[],"mappings":";;AAEA,4CAyCC;AA3CD,sCAAkE;AAElE,SAAgB,gBAAgB,CAAC,IAA6B;IAC5D,MAAM,UAAU,GAAI,IAAI,CAAC,gBAA2C,IAAI,EAAE,CAAC;IAC3E,MAAM,SAAS,GAAI,IAAI,CAAC,gBAAmD,IAAI,EAAE,CAAC;IAElF,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC;SACxC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,iBAAiB,IAAI,kDAAkD,KAAK,mBAAmB,CAAC;SACvH,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,MAAM,MAAM,GAAG,SAAS;SACrB,OAAO,EAAE;SACT,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC;kBACG,EAAE,CAAC,MAAM;iFACsD,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC;YACrG,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,4CAA4C,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,0CAA0C,CAAC,CAAC,CAAC,GAAG;2CACrG,IAAI,CAAC,KAAK,CAAE,EAAE,CAAC,QAAmB,GAAG,GAAG,CAAC,GAAG,GAAG;UAChF,CAAC;SACN,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,MAAM,IAAI,GAAG;;QAEP,IAAA,0BAAiB,EAAC,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,CAAC,CAAC;QAClE,IAAA,0BAAiB,EAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC;QAC/D,IAAA,0BAAiB,EAAC,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;QAC5F,IAAA,0BAAiB,EAAC,UAAU,EAAE,GAAG,IAAI,CAAC,OAAO,IAAI,CAAC,GAAG,EAAG,IAAI,CAAC,OAAkB,GAAG,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAE,IAAI,CAAC,OAAkB,GAAG,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;QAC/I,IAAA,0BAAiB,EAAC,YAAY,EAAE,GAAG,IAAI,CAAC,aAAa,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC;;;;;;eAMnE,QAAQ,IAAI,4EAA4E;;;;;;eAMxF,MAAM,IAAI,qFAAqF;;GAE3G,CAAC;IAEF,OAAO,IAAA,2BAAkB,EAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AAC3C,CAAC;AAED,SAAS,UAAU,CAAC,GAAW;IAC7B,OAAO,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAChF,CAAC"}

package/dist/views/panels/database-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"database-panel.d.ts","sourceRoot":"","sources":["../../../src/views/panels/database-panel.ts"],"names":[],"mappings":"AAEA,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CA2DzE"}
+{"version":3,"file":"database-panel.d.ts","sourceRoot":"","sources":["../../../src/views/panels/database-panel.ts"],"names":[],"mappings":"AAEA,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAwDzE"}

package/dist/views/panels/database-panel.js

@@ -7,39 +7,40 @@ function renderDatabasePanel(data) {
     const slowQueries = data.slowQueries || [];
     const queryCounts = data.queryCountByType || {};
     const typeRows = Object.entries(queryCounts)
-        .map(([type, count]) => `<tr><td>${type}</td><td>${count}</td></tr>`)
+        .map(([type, count]) => `<tr><td><code>${type}</code></td><td><span class="badge badge-info">${count}</span></td></tr>`)
         .join('');
     const slowRows = slowQueries
         .map((q, i) => `<tr>
-        <td>${i + 1}</td>
-        <td><pre style="margin:0">${escapeHtml(String(q.query || ''))}</pre></td>
-        <td>${Math.round(q.duration * 100) / 100} ms</td>
-      </tr>`)
+      <td>${i + 1}</td>
+      <td><pre style="margin:0;max-width:600px;white-space:pre-wrap;font-size:11px">${escapeHtml(String(q.query || ''))}</pre></td>
+      <td><span class="badge badge-error">${Math.round(q.duration * 100) / 100} ms</span></td>
+    </tr>`)
         .join('');
     const queryRows = queries
         .slice(-50)
         .reverse()
         .map((q, i) => `<tr>
-        <td>${i + 1}</td>
-        <td><pre style="margin:0;max-width:600px;overflow:hidden;text-overflow:ellipsis">${escapeHtml(String(q.query || ''))}</pre></td>
-        <td>${Math.round(q.duration * 100) / 100} ms</td>
-      </tr>`)
+      <td>${i + 1}</td>
+      <td><pre style="margin:0;max-width:600px;white-space:pre-wrap;font-size:11px">${escapeHtml(String(q.query || ''))}</pre></td>
+      <td><span class="badge badge-info">${Math.round(q.duration * 100) / 100} ms</span></td>
+    </tr>`)
         .join('');
     const body = `
     <div class="summary-bar">
-      <div class="summary-item"><div class="label">Total Queries</div><div class="value">${data.totalQueries || 0}</div></div>
-      <div class="summary-item"><div class="label">Total Time</div><div class="value">${data.totalDuration || 0} ms</div></div>
-      <div class="summary-item"><div class="label">Average</div><div class="value">${data.averageDuration || 0} ms</div></div>
+      ${(0, layout_1.renderSummaryCard)('Total Queries', String(data.totalQueries || 0))}
+      ${(0, layout_1.renderSummaryCard)('Total Time', `${data.totalDuration || 0} ms`, 'accent')}
+      ${(0, layout_1.renderSummaryCard)('Average', `${data.averageDuration || 0} ms`)}
+      ${(0, layout_1.renderSummaryCard)('Slow', String(slowQueries.length), slowQueries.length > 0 ? 'red' : 'green')}
     </div>
 
     <h3>Query Types</h3>
     <table>
       <thead><tr><th>Type</th><th>Count</th></tr></thead>
-      <tbody>${typeRows || '<tr><td colspan="2">No queries</td></tr>'}</tbody>
+      <tbody>${typeRows || '<tr><td colspan="2"><div class="empty-state">No queries</div></td></tr>'}</tbody>
     </table>
 
     ${slowQueries.length ? `
-    <h3>Slow Queries (>100ms)</h3>
+    <h3>Slow Queries &gt;100ms</h3>
     <table>
       <thead><tr><th>#</th><th>Query</th><th>Duration</th></tr></thead>
       <tbody>${slowRows}</tbody>
@@ -48,7 +49,7 @@ function renderDatabasePanel(data) {
     <h3>Recent Queries</h3>
     <table>
       <thead><tr><th>#</th><th>Query</th><th>Duration</th></tr></thead>
-      <tbody>${queryRows || '<tr><td colspan="3">No queries</td></tr>'}</tbody>
+      <tbody>${queryRows || '<tr><td colspan="3"><div class="empty-state">No queries recorded</div></td></tr>'}</tbody>
     </table>
   `;
     return (0, layout_1.renderPanelContent)('Database', body);

package/dist/views/panels/database-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"database-panel.js","sourceRoot":"","sources":["../../../src/views/panels/database-panel.ts"],"names":[],"mappings":";;AAEA,kDA2DC;AA7DD,sCAA+C;AAE/C,SAAgB,mBAAmB,CAAC,IAA6B;IAC/D,MAAM,OAAO,GAAI,IAAI,CAAC,OAA0C,IAAI,EAAE,CAAC;IACvE,MAAM,WAAW,GAAI,IAAI,CAAC,WAA8C,IAAI,EAAE,CAAC;IAC/E,MAAM,WAAW,GAAI,IAAI,CAAC,gBAA2C,IAAI,EAAE,CAAC;IAE5E,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC;SACzC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,WAAW,IAAI,YAAY,KAAK,YAAY,CAAC;SACpE,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,MAAM,QAAQ,GAAG,WAAW;SACzB,GAAG,CACF,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;cACF,CAAC,GAAG,CAAC;oCACiB,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;cACvD,IAAI,CAAC,KAAK,CAAE,CAAC,CAAC,QAAmB,GAAG,GAAG,CAAC,GAAG,GAAG;YAChD,CACP;SACA,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,MAAM,SAAS,GAAG,OAAO;SACtB,KAAK,CAAC,CAAC,EAAE,CAAC;SACV,OAAO,EAAE;SACT,GAAG,CACF,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;cACF,CAAC,GAAG,CAAC;2FACwE,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;cAC9G,IAAI,CAAC,KAAK,CAAE,CAAC,CAAC,QAAmB,GAAG,GAAG,CAAC,GAAG,GAAG;YAChD,CACP;SACA,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,MAAM,IAAI,GAAG;;2FAE4E,IAAI,CAAC,YAAY,IAAI,CAAC;wFACzB,IAAI,CAAC,aAAa,IAAI,CAAC;qFAC1B,IAAI,CAAC,eAAe,IAAI,CAAC;;;;;;eAM/F,QAAQ,IAAI,0CAA0C;;;MAG/D,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;;;;eAIZ,QAAQ;aACV,CAAC,CAAC,CAAC,EAAE;;;;;eAKH,SAAS,IAAI,0CAA0C;;GAEnE,CAAC;IAEF,OAAO,IAAA,2BAAkB,EAAC,UAAU,EAAE,IAAI,CAAC,CAAC;AAC9C,CAAC;AAED,SAAS,UAAU,CAAC,GAAW;IAC7B,OAAO,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAChF,CAAC"}
+{"version":3,"file":"database-panel.js","sourceRoot":"","sources":["../../../src/views/panels/database-panel.ts"],"names":[],"mappings":";;AAEA,kDAwDC;AA1DD,sCAAkE;AAElE,SAAgB,mBAAmB,CAAC,IAA6B;IAC/D,MAAM,OAAO,GAAI,IAAI,CAAC,OAA0C,IAAI,EAAE,CAAC;IACvE,MAAM,WAAW,GAAI,IAAI,CAAC,WAA8C,IAAI,EAAE,CAAC;IAC/E,MAAM,WAAW,GAAI,IAAI,CAAC,gBAA2C,IAAI,EAAE,CAAC;IAE5E,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC;SACzC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,iBAAiB,IAAI,kDAAkD,KAAK,mBAAmB,CAAC;SACvH,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,MAAM,QAAQ,GAAG,WAAW;SACzB,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;YACP,CAAC,GAAG,CAAC;sFACqE,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;4CAC3E,IAAI,CAAC,KAAK,CAAE,CAAC,CAAC,QAAmB,GAAG,GAAG,CAAC,GAAG,GAAG;UAChF,CAAC;SACN,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,MAAM,SAAS,GAAG,OAAO;SACtB,KAAK,CAAC,CAAC,EAAE,CAAC;SACV,OAAO,EAAE;SACT,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;YACP,CAAC,GAAG,CAAC;sFACqE,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;2CAC5E,IAAI,CAAC,KAAK,CAAE,CAAC,CAAC,QAAmB,GAAG,GAAG,CAAC,GAAG,GAAG;UAC/E,CAAC;SACN,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,MAAM,IAAI,GAAG;;QAEP,IAAA,0BAAiB,EAAC,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC;QAClE,IAAA,0BAAiB,EAAC,YAAY,EAAE,GAAG,IAAI,CAAC,aAAa,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC;QAC1E,IAAA,0BAAiB,EAAC,SAAS,EAAE,GAAG,IAAI,CAAC,eAAe,IAAI,CAAC,KAAK,CAAC;QAC/D,IAAA,0BAAiB,EAAC,MAAM,EAAE,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC;;;;;;eAMxF,QAAQ,IAAI,yEAAyE;;;MAG9F,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;;;;eAIZ,QAAQ;aACV,CAAC,CAAC,CAAC,EAAE;;;;;eAKH,SAAS,IAAI,kFAAkF;;GAE3G,CAAC;IAEF,OAAO,IAAA,2BAAkB,EAAC,UAAU,EAAE,IAAI,CAAC,CAAC;AAC9C,CAAC;AAED,SAAS,UAAU,CAAC,GAAW;IAC7B,OAAO,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAChF,CAAC"}

package/dist/views/panels/exception-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"exception-panel.d.ts","sourceRoot":"","sources":["../../../src/views/panels/exception-panel.ts"],"names":[],"mappings":"AAEA,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAuB1E"}
+{"version":3,"file":"exception-panel.d.ts","sourceRoot":"","sources":["../../../src/views/panels/exception-panel.ts"],"names":[],"mappings":"AAEA,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAkB1E"}

package/dist/views/panels/exception-panel.js

@@ -4,23 +4,18 @@ exports.renderExceptionPanel = renderExceptionPanel;
 const layout_1 = require("../layout");
 function renderExceptionPanel(data) {
     if (!data.hasException) {
-        return (0, layout_1.renderPanelContent)('Exception', '<p>No exceptions were thrown during this request.</p>');
+        return (0, layout_1.renderPanelContent)('Exception', '<div class="empty-state">No exceptions were thrown during this request.</div>');
     }
     const stack = data.stack || [];
     const body = `
     <div class="summary-bar">
-      <div class="summary-item" style="border-color:#f44336">
-        <div class="label">Exception</div>
-        <div class="value" style="color:#f44336">${data.name || 'Error'}</div>
-      </div>
-      <div class="summary-item" style="border-color:#f44336">
-        <div class="label">Message</div>
-        <div class="value" style="color:#f44336">${data.message || ''}</div>
-      </div>
+      ${(0, layout_1.renderSummaryCard)('Exception', String(data.name || 'Error'), 'red')}
+      ${(0, layout_1.renderSummaryCard)('Message', String(data.message || ''), 'red')}
+      ${data.code ? (0, layout_1.renderSummaryCard)('Code', String(data.code), 'red') : ''}
     </div>
 
     <h3>Stack Trace</h3>
-    <pre>${stack.map((line) => escapeHtml(line)).join('\n')}</pre>
+    <pre style="border-left:3px solid var(--red);background:#1a0000">${stack.map((line) => escapeHtml(line)).join('\n')}</pre>
   `;
     return (0, layout_1.renderPanelContent)('Exception', body);
 }

package/dist/views/panels/exception-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"exception-panel.js","sourceRoot":"","sources":["../../../src/views/panels/exception-panel.ts"],"names":[],"mappings":";;AAEA,oDAuBC;AAzBD,sCAA+C;AAE/C,SAAgB,oBAAoB,CAAC,IAA6B;IAChE,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;QACvB,OAAO,IAAA,2BAAkB,EAAC,WAAW,EAAE,uDAAuD,CAAC,CAAC;IAClG,CAAC;IAED,MAAM,KAAK,GAAI,IAAI,CAAC,KAAkB,IAAI,EAAE,CAAC;IAC7C,MAAM,IAAI,GAAG;;;;mDAIoC,IAAI,CAAC,IAAI,IAAI,OAAO;;;;mDAIpB,IAAI,CAAC,OAAO,IAAI,EAAE;;;;;WAK1D,KAAK,CAAC,GAAG,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;GAChE,CAAC;IAEF,OAAO,IAAA,2BAAkB,EAAC,WAAW,EAAE,IAAI,CAAC,CAAC;AAC/C,CAAC;AAED,SAAS,UAAU,CAAC,GAAW;IAC7B,OAAO,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAChF,CAAC"}
+{"version":3,"file":"exception-panel.js","sourceRoot":"","sources":["../../../src/views/panels/exception-panel.ts"],"names":[],"mappings":";;AAEA,oDAkBC;AApBD,sCAAkE;AAElE,SAAgB,oBAAoB,CAAC,IAA6B;IAChE,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;QACvB,OAAO,IAAA,2BAAkB,EAAC,WAAW,EAAE,+EAA+E,CAAC,CAAC;IAC1H,CAAC;IAED,MAAM,KAAK,GAAI,IAAI,CAAC,KAAkB,IAAI,EAAE,CAAC;IAC7C,MAAM,IAAI,GAAG;;QAEP,IAAA,0BAAiB,EAAC,WAAW,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC,EAAE,KAAK,CAAC;QACnE,IAAA,0BAAiB,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC;QAC/D,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAA,0BAAiB,EAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE;;;;uEAIL,KAAK,CAAC,GAAG,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;GAC5H,CAAC;IAEF,OAAO,IAAA,2BAAkB,EAAC,WAAW,EAAE,IAAI,CAAC,CAAC;AAC/C,CAAC;AAED,SAAS,UAAU,CAAC,GAAW;IAC7B,OAAO,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAChF,CAAC"}

package/dist/views/panels/log-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"log-panel.d.ts","sourceRoot":"","sources":["../../../src/views/panels/log-panel.ts"],"names":[],"mappings":"AAEA,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAiDpE"}
+{"version":3,"file":"log-panel.d.ts","sourceRoot":"","sources":["../../../src/views/panels/log-panel.ts"],"names":[],"mappings":"AAEA,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAiCpE"}

package/dist/views/panels/log-panel.js

@@ -5,53 +5,50 @@ const layout_1 = require("../layout");
 function renderLogPanel(data) {
     const logCounts = data.logCounts || {};
     const logs = data.logs || [];
-    const countRows = Object.entries(logCounts)
-        .map(([level, count]) => `<tr><td>${level}</td><td>${count}</td></tr>`)
-        .join('');
     const logRows = logs
         .slice(-100)
         .reverse()
-        .map((log, i) => `<tr>
-        <td style="white-space:nowrap">${log.timestamp || ''}</td>
-        <td><span class="badge" style="background:${levelColor(log.level)}">${log.level || 'info'}</span></td>
-        <td>${escapeHtml(String(log.message || ''))}</td>
-        <td>${log.context || '-'}</td>
-      </tr>`)
+        .map(log => `<tr>
+      <td style="white-space:nowrap;font-size:12px;color:var(--text3)">${log.timestamp || ''}</td>
+      <td><span class="badge ${levelBadge(log.level)}">${log.level || 'info'}</span></td>
+      <td><code>${escapeHtml(String(log.message || ''))}</code></td>
+      <td style="color:var(--text3)">${log.context || '-'}</td>
+    </tr>`)
+        .join('');
+    const countCards = Object.entries(logCounts)
+        .map(([level, count]) => (0, layout_1.renderSummaryCard)(level, String(count), levelColor(level)))
         .join('');
     const body = `
     <div class="summary-bar">
-      <div class="summary-item"><div class="label">Total Logs</div><div class="value">${data.totalLogs || 0}</div></div>
-      ${Object.entries(logCounts)
-        .map(([level, count]) => `<div class="summary-item"><div class="label">${level}</div><div class="value">${count}</div></div>`)
-        .join('')}
+      ${(0, layout_1.renderSummaryCard)('Total Logs', String(data.totalLogs || 0))}
+      ${countCards}
     </div>
 
-    <h3>Log Counts</h3>
-    <table>
-      <thead><tr><th>Level</th><th>Count</th></tr></thead>
-      <tbody>${countRows || '<tr><td colspan="2">No logs</td></tr>'}</tbody>
-    </table>
-
     <h3>Recent Logs</h3>
     <table>
       <thead><tr><th>Timestamp</th><th>Level</th><th>Message</th><th>Context</th></tr></thead>
-      <tbody>${logRows || '<tr><td colspan="4">No logs</td></tr>'}</tbody>
+      <tbody>${logRows || '<tr><td colspan="4"><div class="empty-state">No logs</div></td></tr>'}</tbody>
     </table>
   `;
     return (0, layout_1.renderPanelContent)('Logs', body);
 }
+function levelBadge(level) {
+    switch (level) {
+        case 'error':
+        case 'fatal': return 'badge-error';
+        case 'warn':
+        case 'warning': return 'badge-warn';
+        case 'debug': return 'badge-info';
+        default: return 'badge-success';
+    }
+}
 function levelColor(level) {
     switch (level) {
         case 'error':
-        case 'fatal':
-            return '#f44336';
+        case 'fatal': return 'red';
         case 'warn':
-        case 'warning':
-            return '#ff9800';
-        case 'debug':
-            return '#4fc3f7';
-        default:
-            return '#4caf50';
+        case 'warning': return 'yellow';
+        default: return '';
     }
 }
 function escapeHtml(str) {

package/dist/views/panels/log-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"log-panel.js","sourceRoot":"","sources":["../../../src/views/panels/log-panel.ts"],"names":[],"mappings":";;AAEA,wCAiDC;AAnDD,sCAA+C;AAE/C,SAAgB,cAAc,CAAC,IAA6B;IAC1D,MAAM,SAAS,GAAI,IAAI,CAAC,SAAoC,IAAI,EAAE,CAAC;IACnE,MAAM,IAAI,GAAI,IAAI,CAAC,IAAuC,IAAI,EAAE,CAAC;IAEjE,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC;SACxC,GAAG,CACF,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,CACjB,WAAW,KAAK,YAAY,KAAK,YAAY,CAChD;SACA,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,MAAM,OAAO,GAAG,IAAI;SACjB,KAAK,CAAC,CAAC,GAAG,CAAC;SACX,OAAO,EAAE;SACT,GAAG,CACF,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;yCACuB,GAAG,CAAC,SAAS,IAAI,EAAE;oDACR,UAAU,CAAC,GAAG,CAAC,KAAe,CAAC,KAAK,GAAG,CAAC,KAAK,IAAI,MAAM;cAC7F,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;cACrC,GAAG,CAAC,OAAO,IAAI,GAAG;YACpB,CACP;SACA,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,MAAM,IAAI,GAAG;;wFAEyE,IAAI,CAAC,SAAS,IAAI,CAAC;QACnG,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC;SACxB,GAAG,CACF,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,CACjB,gDAAgD,KAAK,4BAA4B,KAAK,cAAc,CACvG;SACA,IAAI,CAAC,EAAE,CAAC;;;;;;eAMF,SAAS,IAAI,uCAAuC;;;;;;eAMpD,OAAO,IAAI,uCAAuC;;GAE9D,CAAC;IAEF,OAAO,IAAA,2BAAkB,EAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AAC1C,CAAC;AAED,SAAS,UAAU,CAAC,KAAa;IAC/B,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,OAAO,CAAC;QACb,KAAK,OAAO;YACV,OAAO,SAAS,CAAC;QACnB,KAAK,MAAM,CAAC;QACZ,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,OAAO;YACV,OAAO,SAAS,CAAC;QACnB;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC;AAED,SAAS,UAAU,CAAC,GAAW;IAC7B,OAAO,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAChF,CAAC"}
+{"version":3,"file":"log-panel.js","sourceRoot":"","sources":["../../../src/views/panels/log-panel.ts"],"names":[],"mappings":";;AAEA,wCAiCC;AAnCD,sCAAkE;AAElE,SAAgB,cAAc,CAAC,IAA6B;IAC1D,MAAM,SAAS,GAAI,IAAI,CAAC,SAAoC,IAAI,EAAE,CAAC;IACnE,MAAM,IAAI,GAAI,IAAI,CAAC,IAAuC,IAAI,EAAE,CAAC;IAEjE,MAAM,OAAO,GAAG,IAAI;SACjB,KAAK,CAAC,CAAC,GAAG,CAAC;SACX,OAAO,EAAE;SACT,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;yEACyD,GAAG,CAAC,SAAS,IAAI,EAAE;+BAC7D,UAAU,CAAC,GAAG,CAAC,KAAe,CAAC,KAAK,GAAG,CAAC,KAAK,IAAI,MAAM;kBACpE,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;uCAChB,GAAG,CAAC,OAAO,IAAI,GAAG;UAC/C,CAAC;SACN,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC;SACzC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,IAAA,0BAAiB,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;SACnF,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,MAAM,IAAI,GAAG;;QAEP,IAAA,0BAAiB,EAAC,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC;QAC5D,UAAU;;;;;;eAMH,OAAO,IAAI,sEAAsE;;GAE7F,CAAC;IAEF,OAAO,IAAA,2BAAkB,EAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AAC1C,CAAC;AAED,SAAS,UAAU,CAAC,KAAa;IAC/B,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,OAAO,CAAC;QAAC,KAAK,OAAO,CAAC,CAAC,OAAO,aAAa,CAAC;QACjD,KAAK,MAAM,CAAC;QAAC,KAAK,SAAS,CAAC,CAAC,OAAO,YAAY,CAAC;QACjD,KAAK,OAAO,CAAC,CAAC,OAAO,YAAY,CAAC;QAClC,OAAO,CAAC,CAAC,OAAO,eAAe,CAAC;IAClC,CAAC;AACH,CAAC;AAED,SAAS,UAAU,CAAC,KAAa;IAC/B,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,OAAO,CAAC;QAAC,KAAK,OAAO,CAAC,CAAC,OAAO,KAAK,CAAC;QACzC,KAAK,MAAM,CAAC;QAAC,KAAK,SAAS,CAAC,CAAC,OAAO,QAAQ,CAAC;QAC7C,OAAO,CAAC,CAAC,OAAO,EAAE,CAAC;IACrB,CAAC;AACH,CAAC;AAED,SAAS,UAAU,CAAC,GAAW;IAC7B,OAAO,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAChF,CAAC"}

package/dist/views/panels/request-panel.js

@@ -5,9 +5,9 @@ const layout_1 = require("../layout");
 function renderRequestPanel(data) {
     const body = `
     <div class="summary-bar">
-      <div class="summary-item"><div class="label">Method</div><div class="value">${data.method || 'GET'}</div></div>
-      <div class="summary-item"><div class="label">Status</div><div class="value">${data.statusCode || 200}</div></div>
-      <div class="summary-item"><div class="label">IP</div><div class="value">${data.ip || '-'}</div></div>
+      ${(0, layout_1.renderSummaryCard)('Method', String(data.method || 'GET'))}
+      ${(0, layout_1.renderSummaryCard)('Status', String(data.statusCode || 200), data.statusCode >= 400 ? 'red' : 'green')}
+      ${(0, layout_1.renderSummaryCard)('IP', String(data.ip || '-'))}
     </div>
 
     <h3>Request Headers</h3>

package/dist/views/panels/request-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"request-panel.js","sourceRoot":"","sources":["../../../src/views/panels/request-panel.ts"],"names":[],"mappings":";;AAEA,gDAsBC;AAxBD,sCAAoE;AAEpE,SAAgB,kBAAkB,CAAC,IAA6B;IAC9D,MAAM,IAAI,GAAG;;oFAEqE,IAAI,CAAC,MAAM,IAAI,KAAK;oFACpB,IAAI,CAAC,UAAU,IAAI,GAAG;gFAC1B,IAAI,CAAC,EAAE,IAAI,GAAG;;;;MAIxF,IAAA,4BAAmB,EAAE,IAAI,CAAC,OAAmC,IAAI,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC;;;MAGvF,IAAA,4BAAmB,EAAE,IAAI,CAAC,eAA2C,IAAI,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC;;;MAG/F,IAAA,4BAAmB,EAAE,IAAI,CAAC,KAAiC,IAAI,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC;;;MAGxF,IAAA,4BAAmB,EAAE,IAAI,CAAC,MAAkC,IAAI,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC;GAC5F,CAAC;IAEF,OAAO,IAAA,2BAAkB,EAAC,SAAS,EAAE,IAAI,CAAC,CAAC;AAC7C,CAAC"}
+{"version":3,"file":"request-panel.js","sourceRoot":"","sources":["../../../src/views/panels/request-panel.ts"],"names":[],"mappings":";;AAEA,gDAsBC;AAxBD,sCAAuF;AAEvF,SAAgB,kBAAkB,CAAC,IAA6B;IAC9D,MAAM,IAAI,GAAG;;QAEP,IAAA,0BAAiB,EAAC,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,IAAI,KAAK,CAAC,CAAC;QACzD,IAAA,0BAAiB,EAAC,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,UAAU,IAAI,GAAG,CAAC,EAAG,IAAI,CAAC,UAAqB,IAAI,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC;QACjH,IAAA,0BAAiB,EAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,CAAC,CAAC;;;;MAIjD,IAAA,4BAAmB,EAAE,IAAI,CAAC,OAAmC,IAAI,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC;;;MAGvF,IAAA,4BAAmB,EAAE,IAAI,CAAC,eAA2C,IAAI,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC;;;MAG/F,IAAA,4BAAmB,EAAE,IAAI,CAAC,KAAiC,IAAI,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC;;;MAGxF,IAAA,4BAAmB,EAAE,IAAI,CAAC,MAAkC,IAAI,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC;GAC5F,CAAC;IAEF,OAAO,IAAA,2BAAkB,EAAC,SAAS,EAAE,IAAI,CAAC,CAAC;AAC7C,CAAC"}

package/dist/views/panels/route-panel.js

@@ -5,9 +5,9 @@ const layout_1 = require("../layout");
 function renderRoutePanel(data) {
     const body = `
     <div class="summary-bar">
-      <div class="summary-item"><div class="label">Route</div><div class="value">${data.route || '/'}</div></div>
-      <div class="summary-item"><div class="label">Controller</div><div class="value">${data.controller || 'unknown'}</div></div>
-      <div class="summary-item"><div class="label">Method</div><div class="value">${data.method || 'GET'}</div></div>
+      ${(0, layout_1.renderSummaryCard)('Route', String(data.route || '/'))}
+      ${(0, layout_1.renderSummaryCard)('Controller', String(data.controller || 'unknown'), 'accent')}
+      ${(0, layout_1.renderSummaryCard)('Method', String(data.method || 'GET'))}
     </div>
 
     <h3>Route Parameters</h3>

package/dist/views/panels/route-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"route-panel.js","sourceRoot":"","sources":["../../../src/views/panels/route-panel.ts"],"names":[],"mappings":";;AAEA,4CAgBC;AAlBD,sCAAoE;AAEpE,SAAgB,gBAAgB,CAAC,IAA6B;IAC5D,MAAM,IAAI,GAAG;;mFAEoE,IAAI,CAAC,KAAK,IAAI,GAAG;wFACZ,IAAI,CAAC,UAAU,IAAI,SAAS;oFAChC,IAAI,CAAC,MAAM,IAAI,KAAK;;;;MAIlG,IAAA,4BAAmB,EAAE,IAAI,CAAC,MAAkC,IAAI,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC;;;MAGzF,IAAA,4BAAmB,EAAE,IAAI,CAAC,KAAiC,IAAI,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC;GAC3F,CAAC;IAEF,OAAO,IAAA,2BAAkB,EAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AAC3C,CAAC"}
+{"version":3,"file":"route-panel.js","sourceRoot":"","sources":["../../../src/views/panels/route-panel.ts"],"names":[],"mappings":";;AAEA,4CAgBC;AAlBD,sCAAuF;AAEvF,SAAgB,gBAAgB,CAAC,IAA6B;IAC5D,MAAM,IAAI,GAAG;;QAEP,IAAA,0BAAiB,EAAC,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,IAAI,GAAG,CAAC,CAAC;QACrD,IAAA,0BAAiB,EAAC,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,UAAU,IAAI,SAAS,CAAC,EAAE,QAAQ,CAAC;QAC/E,IAAA,0BAAiB,EAAC,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,IAAI,KAAK,CAAC,CAAC;;;;MAI3D,IAAA,4BAAmB,EAAE,IAAI,CAAC,MAAkC,IAAI,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC;;;MAGzF,IAAA,4BAAmB,EAAE,IAAI,CAAC,KAAiC,IAAI,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC;GAC3F,CAAC;IAEF,OAAO,IAAA,2BAAkB,EAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AAC3C,CAAC"}

package/dist/views/panels/time-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time-panel.d.ts","sourceRoot":"","sources":["../../../src/views/panels/time-panel.ts"],"names":[],"mappings":"AAEA,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CA6BrE"}
+{"version":3,"file":"time-panel.d.ts","sourceRoot":"","sources":["../../../src/views/panels/time-panel.ts"],"names":[],"mappings":"AAEA,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CA2BrE"}

package/dist/views/panels/time-panel.js

@@ -6,25 +6,28 @@ function renderTimePanel(data) {
     const timeline = data.timeline || [];
     const timelineRows = timeline
         .map((ev, i) => `<tr>
-        <td>${i + 1}</td>
-        <td>${ev.name}</td>
-        <td>${Math.round(ev.duration * 100) / 100} ms</td>
-        <td>${ev.memory || '-'} MB</td>
-      </tr>`)
+      <td>${i + 1}</td>
+      <td><code>${escapeHtml(String(ev.name || ''))}</code></td>
+      <td><span class="badge badge-info">${Math.round(ev.duration * 100) / 100} ms</span></td>
+      <td>${ev.memory != null ? `${ev.memory} MB` : '-'}</td>
+    </tr>`)
         .join('');
     const body = `
     <div class="summary-bar">
-      <div class="summary-item"><div class="label">Total Duration</div><div class="value">${data.totalDuration || 0} ms</div></div>
-      <div class="summary-item"><div class="label">Peak Memory</div><div class="value">${data.peakMemory || 0} MB</div></div>
-      <div class="summary-item"><div class="label">Memory Limit</div><div class="value">${data.memoryLimit || '-'}</div></div>
+      ${(0, layout_1.renderSummaryCard)('Total Duration', `${data.totalDuration || 0} ms`, 'accent')}
+      ${(0, layout_1.renderSummaryCard)('Peak Memory', `${data.peakMemory || 0} MB`)}
+      ${(0, layout_1.renderSummaryCard)('Memory Limit', String(data.memoryLimit || '-'))}
     </div>
 
-    <h3>Timeline</h3>
+    <h3>Timeline <span style="color:var(--text3);font-weight:400;text-transform:none;letter-spacing:0">(${timeline.length} events)</span></h3>
     <table>
       <thead><tr><th>#</th><th>Event</th><th>Duration</th><th>Memory</th></tr></thead>
-      <tbody>${timelineRows || '<tr><td colspan="4">No events recorded</td></tr>'}</tbody>
+      <tbody>${timelineRows || '<tr><td colspan="4"><div class="empty-state">No events recorded</div></td></tr>'}</tbody>
     </table>
   `;
     return (0, layout_1.renderPanelContent)('Performance', body);
 }
+function escapeHtml(str) {
+    return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+}
 //# sourceMappingURL=time-panel.js.map

package/dist/views/panels/time-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-panel.js","sourceRoot":"","sources":["../../../src/views/panels/time-panel.ts"],"names":[],"mappings":";;AAEA,0CA6BC;AA/BD,sCAAoE;AAEpE,SAAgB,eAAe,CAAC,IAA6B;IAC3D,MAAM,QAAQ,GAAI,IAAI,CAAC,QAA2C,IAAI,EAAE,CAAC;IAEzE,MAAM,YAAY,GAAG,QAAQ;SAC1B,GAAG,CACF,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;cACH,CAAC,GAAG,CAAC;cACL,EAAE,CAAC,IAAI;cACP,IAAI,CAAC,KAAK,CAAE,EAAE,CAAC,QAAmB,GAAG,GAAG,CAAC,GAAG,GAAG;cAC/C,EAAE,CAAC,MAAM,IAAI,GAAG;YAClB,CACP;SACA,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,MAAM,IAAI,GAAG;;4FAE6E,IAAI,CAAC,aAAa,IAAI,CAAC;yFAC1B,IAAI,CAAC,UAAU,IAAI,CAAC;0FACnB,IAAI,CAAC,WAAW,IAAI,GAAG;;;;;;eAMlG,YAAY,IAAI,kDAAkD;;GAE9E,CAAC;IAEF,OAAO,IAAA,2BAAkB,EAAC,aAAa,EAAE,IAAI,CAAC,CAAC;AACjD,CAAC"}
+{"version":3,"file":"time-panel.js","sourceRoot":"","sources":["../../../src/views/panels/time-panel.ts"],"names":[],"mappings":";;AAEA,0CA2BC;AA7BD,sCAAkE;AAElE,SAAgB,eAAe,CAAC,IAA6B;IAC3D,MAAM,QAAQ,GAAI,IAAI,CAAC,QAA2C,IAAI,EAAE,CAAC;IAEzE,MAAM,YAAY,GAAG,QAAQ;SAC1B,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;YACR,CAAC,GAAG,CAAC;kBACC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;2CACR,IAAI,CAAC,KAAK,CAAE,EAAE,CAAC,QAAmB,GAAG,GAAG,CAAC,GAAG,GAAG;YAC9E,EAAE,CAAC,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,GAAG;UAC7C,CAAC;SACN,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,MAAM,IAAI,GAAG;;QAEP,IAAA,0BAAiB,EAAC,gBAAgB,EAAE,GAAG,IAAI,CAAC,aAAa,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC;QAC9E,IAAA,0BAAiB,EAAC,aAAa,EAAE,GAAG,IAAI,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC;QAC9D,IAAA,0BAAiB,EAAC,cAAc,EAAE,MAAM,CAAC,IAAI,CAAC,WAAW,IAAI,GAAG,CAAC,CAAC;;;0GAGgC,QAAQ,CAAC,MAAM;;;eAG1G,YAAY,IAAI,iFAAiF;;GAE7G,CAAC;IAEF,OAAO,IAAA,2BAAkB,EAAC,aAAa,EAAE,IAAI,CAAC,CAAC;AACjD,CAAC;AAED,SAAS,UAAU,CAAC,GAAW;IAC7B,OAAO,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAChF,CAAC"}

package/dist/views/toolbar.d.ts

@@ -1,8 +1,9 @@
 import { CollectorRegistry } from '../collectors/collector.registry';
 export declare class ToolbarRenderer {
-    render(token: string, toolbarPath: string, registry: CollectorRegistry): string;
-    private renderIcon;
-    private renderTextPieces;
+    render(token: string, toolbarPath: string, registry: CollectorRegistry, method?: string, statusCode?: number, duration?: number, memory?: number): string;
+    private renderBlockIcon;
+    private renderBlockText;
+    private renderBlockInfo;
     private getStatusClass;
 }
 //# sourceMappingURL=toolbar.d.ts.map

package/dist/views/toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../src/views/toolbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAErE,qBAAa,eAAe;IAC1B,MAAM,CACJ,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,MAAM,EACnB,QAAQ,EAAE,iBAAiB,GAC1B,MAAM;IA0GT,OAAO,CAAC,UAAU;IAclB,OAAO,CAAC,gBAAgB;IAoCxB,OAAO,CAAC,cAAc;CAOvB"}
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../src/views/toolbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAGrE,qBAAa,eAAe;IAC1B,MAAM,CACJ,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,MAAM,EACnB,QAAQ,EAAE,iBAAiB,EAC3B,MAAM,CAAC,EAAE,MAAM,EACf,UAAU,CAAC,EAAE,MAAM,EACnB,QAAQ,CAAC,EAAE,MAAM,EACjB,MAAM,CAAC,EAAE,MAAM,GACd,MAAM;IA+DT,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,eAAe;IAuBvB,OAAO,CAAC,eAAe;IAyCvB,OAAO,CAAC,cAAc;CAKvB"}