@mantiq/heartbeat 0.1.3 → 0.1.5

package/README.md

@@ -2,7 +2,7 @@
 
 Observability, APM, and request/query/exception tracing for MantiqJS. Self-contained dashboard at `/_heartbeat`.
 
-Part of [MantiqJS](https://github.com/abdullahkhan/mantiq) — a batteries-included TypeScript web framework for Bun.
+Part of [MantiqJS](https://github.com/mantiqjs/mantiq) — a batteries-included TypeScript web framework for Bun.
 
 ## Installation
 
@@ -12,7 +12,7 @@ bun add @mantiq/heartbeat
 
 ## Documentation
 
-See the [MantiqJS repository](https://github.com/abdullahkhan/mantiq) for full documentation.
+See the [MantiqJS repository](https://github.com/mantiqjs/mantiq) for full documentation.
 
 ## License
 

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@mantiq/heartbeat",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "Observability, APM & queue monitoring for MantiqJS",
   "type": "module",
   "license": "MIT",
   "author": "Abdullah Khan",
-  "homepage": "https://github.com/abdullahkhan/mantiq/tree/main/packages/heartbeat",
+  "homepage": "https://github.com/mantiqjs/mantiq/tree/main/packages/heartbeat",
   "repository": {
     "type": "git",
-    "url": "https://github.com/abdullahkhan/mantiq.git",
+    "url": "https://github.com/mantiqjs/mantiq.git",
     "directory": "packages/heartbeat"
   },
   "bugs": {
-    "url": "https://github.com/abdullahkhan/mantiq/issues"
+    "url": "https://github.com/mantiqjs/mantiq/issues"
   },
   "keywords": [
     "mantiq",

package/src/dashboard/pages/CachePage.ts

@@ -29,7 +29,6 @@ export async function renderCachePage(store: HeartbeatStore, basePath: string):
   })
 
   const content = `
-    <h1 class="page-title">Cache</h1>
     <div class="stats">
       ${stat('Hit Rate', hitRate, `${hits} hits / ${misses} misses`)}
       ${stat('Hits', hits.toString())}

package/src/dashboard/pages/EventsPage.ts

@@ -16,7 +16,6 @@ export async function renderEventsPage(store: HeartbeatStore, basePath: string):
   })
 
   const content = `
-    <h1 class="page-title">Events</h1>
     <div class="card">
       ${table(['Event', 'Listeners', 'Time'], rows)}
     </div>

package/src/dashboard/pages/ExceptionsPage.ts

@@ -30,7 +30,6 @@ export async function renderExceptionsPage(store: HeartbeatStore, basePath: stri
   })
 
   const content = `
-    <h1 class="page-title">Exceptions</h1>
     <div class="stats">
       ${stat('Total', entries.length.toString())}
       ${stat('Groups', groups.length.toString(), 'Unique')}

package/src/dashboard/pages/JobsPage.ts

@@ -29,7 +29,6 @@ export async function renderJobsPage(store: HeartbeatStore, basePath: string): P
   })
 
   const content = `
-    <h1 class="page-title">Jobs</h1>
     <div class="stats">
       ${stat('Processed', processed.toString(), 'Completed')}
       ${stat('Failed', failed.toString())}

package/src/dashboard/pages/OverviewPage.ts

@@ -50,7 +50,6 @@ export async function renderOverviewPage(store: HeartbeatStore, metrics: Metrics
   ], labels)
 
   const content = `
-    <h1 class="page-title">Overview</h1>
     <div class="stats">
       ${stat('Requests', requestCount.toLocaleString(), 'Total recorded')}
       ${stat('P95 Latency', formatDuration(p95), 'Response time')}

package/src/dashboard/pages/PerformancePage.ts

@@ -16,7 +16,6 @@ export function renderPerformancePage(metrics: MetricsCollector, basePath: strin
   const errorRate = totalRequests > 0 ? ((totalErrors / totalRequests) * 100).toFixed(1) + '%' : '0%'
 
   const content = `
-    <h1 class="page-title">Performance</h1>
 
     <div class="card mb">
       <div class="card-title">Latency</div>

package/src/dashboard/pages/QueriesPage.ts

@@ -30,7 +30,6 @@ export async function renderQueriesPage(store: HeartbeatStore, basePath: string)
   })
 
   const content = `
-    <h1 class="page-title">Queries</h1>
     <div class="stats">
       ${stat('Total', entries.length.toString())}
       ${stat('Slow', slowCount.toString(), '> threshold')}

package/src/dashboard/pages/RequestDetailPage.ts

@@ -51,24 +51,24 @@ export async function renderRequestDetailPage(store: HeartbeatStore, uuid: strin
   const mdEscaped = md.replace(/\\/g, '\\\\').replace(/`/g, '\\`').replace(/\$/g, '\\$')
 
   const content = `
-    <div style="display:flex;align-items:center;gap:12px;margin-bottom:14px">
-      <a href="${basePath}/requests" style="color:var(--fg-3);text-decoration:none;font-size:13px">&larr; Requests</a>
-      <div style="margin-left:auto">
+    <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px">
+      <a href="${basePath}/requests" style="color:var(--fg-3);text-decoration:none;font-size:13px;display:flex;align-items:center;gap:4px">&larr; <span>Requests</span></a>
+      <div style="margin-left:auto;display:flex;align-items:center;gap:8px">
         <button class="copy-btn" onclick="copyMd()" title="Copy full request as Markdown">${COPY_ICON}<span>Copy as Markdown</span></button>
       </div>
     </div>
 
-    <div class="copy-bar">
-      <code>${entry.uuid}</code>
-      <button class="copy-btn" onclick="copyText('${entry.uuid}', this)" title="Copy ID">${COPY_ICON}</button>
-    </div>
-
-    <div class="copy-bar">
-      <code style="color:var(--fg-1);font-size:13px;font-weight:500">${escapeHtml(requestLine)}</code>
-      ${statusBadge(c.status)}
-      ${durationBadge(c.duration)}
-      <span class="sm dim" style="flex-shrink:0">${timeStr}</span>
-      <button class="copy-btn" onclick="copyText('${escapeHtml(requestLine)}', this)" title="Copy request">${COPY_ICON}</button>
+    <div class="card mb" style="padding:16px 18px">
+      <div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap">
+        <code style="color:var(--fg-1);font-size:14px;font-weight:600;letter-spacing:-.01em">${escapeHtml(requestLine)}</code>
+        ${statusBadge(c.status)}
+        ${durationBadge(c.duration)}
+        <span class="sm dim" style="flex-shrink:0">${timeStr}</span>
+        <button class="copy-btn" onclick="copyText('${escapeHtml(requestLine)}', this)" title="Copy request" style="margin-left:auto">${COPY_ICON}</button>
+      </div>
+      <div style="margin-top:8px">
+        <code class="sm dim" style="font-size:11px">${entry.uuid}</code>
+      </div>
     </div>
 
     <div class="stats">

package/src/dashboard/pages/RequestsPage.ts

@@ -20,7 +20,6 @@ export async function renderRequestsPage(store: HeartbeatStore, basePath: string
   })
 
   const content = `
-    <h1 class="page-title">Requests</h1>
     <div class="card">
       ${table(['Method', 'Path', 'Status', 'Duration', 'IP', 'Time'], rows)}
     </div>

package/src/dashboard/shared/layout.ts

@@ -51,6 +51,7 @@ export function renderLayout(options: {
   </aside>
   <main>
     <div class="topbar">
+      <h1 class="page-title">${title}</h1>
       <button class="theme-btn" onclick="toggleTheme()" title="Toggle theme">${ICONS.moon}</button>
     </div>
     ${content}
@@ -156,8 +157,8 @@ body{
 
 /* Main */
 main{margin-left:200px;flex:1;padding:24px 28px;max-width:1200px;position:relative}
-.topbar{display:flex;justify-content:flex-end;margin-bottom:8px}
-.page-title{font-size:18px;font-weight:600;letter-spacing:-.02em;margin-bottom:20px;color:var(--fg-0)}
+.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
+.page-title{font-size:18px;font-weight:600;letter-spacing:-.02em;color:var(--fg-0);margin:0}
 
 /* Cards */
 .card{