@adonis-agora/agent-dashboard 0.1.0

package/CHANGELOG.md

@@ -0,0 +1 @@
+# @adonis-agora/agent-dashboard

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Davi Carvalho
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,57 @@
+# @adonis-agora/agent-dashboard
+
+A read-only **governance console** for [`@adonis-agora/agent`](../adonis) — a dependency-light React
+SPA served by a thin AdonisJS provider. It visualizes the agent's own governance read-model: spend by
+model and by actor, the daily usage/cost trend, recent threads and tool calls, and today's quota.
+
+Part of the Agora ecosystem, themed with the Agora design tokens (AdonisJS violet on a dusk-ink
+canvas, warm-paper in light).
+
+## What it shows
+
+All data comes from the agent provider's **real** routes — the SPA is a pure consumer:
+
+| View       | Route(s) consumed                                                            |
+| ---------- | ---------------------------------------------------------------------------- |
+| Overview   | `GET /agent/governance/spend/model`, `spend/actor`, `usage/trend`            |
+| Threads    | `GET /agent/governance/threads/recent`                                       |
+| Tool calls | `GET /agent/governance/tool-calls/recent`                                    |
+| Quota      | `GET /agent/quota/today`                                                      |
+
+## Install
+
+```sh
+node ace add @adonis-agora/agent-dashboard
+```
+
+Register the provider (after the agent provider) in `adonisrc.ts`:
+
+```ts
+providers: [
+  () => import('@adonis-agora/agent/agent_provider'),
+  () => import('@adonis-agora/agent-dashboard'),
+]
+```
+
+The dashboard reads `config/agent.ts` for the agent `path` and `actorResolver`, mounts the SPA at
+`<agentPath>/dashboard` (default `/agent/dashboard`), and gates every request through the **same**
+actor resolver as the governance routes. Toggle or relocate it with an optional block:
+
+```ts
+// config/agent.ts
+export default defineConfig({
+  // ...
+  dashboard: { enabled: true, path: '/agent/dashboard' },
+})
+```
+
+## Browser client
+
+The framework-free fetch client is exported for reuse:
+
+```ts
+import { AgentClient } from '@adonis-agora/agent-dashboard/client'
+
+const client = new AgentClient({ baseUrl: '/agent' })
+const spend = await client.spendByModel({ fromDay: '2026-03-01', toDay: '2026-03-07' })
+```

package/dist/providers/agent_dashboard_provider.d.ts

@@ -0,0 +1,33 @@
+import type { ApplicationService } from '@adonisjs/core/types';
+/**
+ * Serves the `@adonis-agora/agent-dashboard` governance SPA (a Vite build in `dist/spa`) as static
+ * assets under `<agentPath>/dashboard`, behind the SAME actor gating as the agent's governance
+ * routes: every request resolves the actor through the agent config's `actorResolver`, replying `401`
+ * on failure (an app that never configured a resolver exposes nothing — identical to the
+ * `/agent/governance/*` routes). This is a thin, idiomatic AdonisJS static server — no NestJS module,
+ * no bundled API. The SPA calls the agent's own real read routes.
+ *
+ * Routes (mount = `<agentPath>/dashboard`, default `/agent/dashboard`):
+ * - `GET <mount>`      → `302` to `<mount>/` (canonical trailing slash so relative assets resolve)
+ * - `GET <mount>/`     → the SPA shell (`index.html`, with the resolved API base injected)
+ * - `GET <mount>/*`    → a built asset, or the SPA shell as a fallback (client-rendered console)
+ *
+ * Enable/disable and override the mount via the optional `config('agent').dashboard` block.
+ */
+export default class AgentDashboardProvider {
+    protected app: ApplicationService;
+    constructor(app: ApplicationService);
+    /** The built SPA directory (`dist/spa`) as a `file://` URL, next to this compiled provider. */
+    private spaDirUrl;
+    boot(): Promise<void>;
+    /**
+     * Resolve the actor through the agent config's resolver, mirroring the governance routes. Returns
+     * `true` to proceed; on a missing/failed resolver replies `401` and returns `false`.
+     */
+    private gate;
+    /** Read `dist/spa/index.html`, inject the API base, and send it. */
+    private sendIndex;
+    /** Send the requested built asset, or fall back to the SPA shell when it does not exist. */
+    private sendAsset;
+}
+//# sourceMappingURL=agent_dashboard_provider.d.ts.map

package/dist/providers/agent_dashboard_provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent_dashboard_provider.d.ts","sourceRoot":"","sources":["../../providers/agent_dashboard_provider.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAU/D;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,OAAO,OAAO,sBAAsB;IAC7B,SAAS,CAAC,GAAG,EAAE,kBAAkB;gBAAvB,GAAG,EAAE,kBAAkB;IAE7C,+FAA+F;IAC/F,OAAO,CAAC,SAAS,CAAuC;IAElD,IAAI;IAkCV;;;OAGG;YACW,IAAI;IAgBlB,oEAAoE;YACtD,SAAS;IAOvB,4FAA4F;YAC9E,SAAS;CAcxB"}

package/dist/providers/agent_dashboard_provider.js

@@ -0,0 +1,101 @@
+import { readFile } from 'node:fs/promises';
+import router from '@adonisjs/core/services/router';
+import { resolveDashboardConfig } from '../src/server/define_config.js';
+import { apiBaseFor, contentTypeFor, injectApiBase, mountPathFor, safeAssetSegments, } from '../src/server/paths.js';
+/**
+ * Serves the `@adonis-agora/agent-dashboard` governance SPA (a Vite build in `dist/spa`) as static
+ * assets under `<agentPath>/dashboard`, behind the SAME actor gating as the agent's governance
+ * routes: every request resolves the actor through the agent config's `actorResolver`, replying `401`
+ * on failure (an app that never configured a resolver exposes nothing — identical to the
+ * `/agent/governance/*` routes). This is a thin, idiomatic AdonisJS static server — no NestJS module,
+ * no bundled API. The SPA calls the agent's own real read routes.
+ *
+ * Routes (mount = `<agentPath>/dashboard`, default `/agent/dashboard`):
+ * - `GET <mount>`      → `302` to `<mount>/` (canonical trailing slash so relative assets resolve)
+ * - `GET <mount>/`     → the SPA shell (`index.html`, with the resolved API base injected)
+ * - `GET <mount>/*`    → a built asset, or the SPA shell as a fallback (client-rendered console)
+ *
+ * Enable/disable and override the mount via the optional `config('agent').dashboard` block.
+ */
+export default class AgentDashboardProvider {
+    app;
+    constructor(app) {
+        this.app = app;
+    }
+    /** The built SPA directory (`dist/spa`) as a `file://` URL, next to this compiled provider. */
+    spaDirUrl = new URL('../spa/', import.meta.url);
+    async boot() {
+        const agentConfig = this.app.config.get('agent', {});
+        const dashboardConfig = resolveDashboardConfig(this.app.config.get('agent.dashboard', {}));
+        if (!dashboardConfig.enabled)
+            return;
+        const agentPath = agentConfig.path ?? 'agent';
+        const apiBase = apiBaseFor(agentPath);
+        const mount = mountPathFor(agentPath, dashboardConfig.path);
+        const actorResolver = agentConfig.actorResolver;
+        // Bare mount → canonical trailing slash so the SPA's relative `./assets/*` URLs resolve against
+        // the mount directory rather than its parent.
+        router.get(mount, (ctx) => ctx.response.redirect().toPath(`${mount}/`));
+        // The SPA shell.
+        router.get(`${mount}/`, async (ctx) => {
+            if (!(await this.gate(ctx, actorResolver)))
+                return;
+            await this.sendIndex(ctx, apiBase);
+        });
+        // Built assets (JS/CSS/fonts/...), with an index fallback for any unmatched path so the
+        // client-rendered console still boots on a deep link.
+        router.get(`${mount}/*`, async (ctx) => {
+            if (!(await this.gate(ctx, actorResolver)))
+                return;
+            const segments = safeAssetSegments(ctx.params['*']);
+            if (segments === null) {
+                return ctx.response.status(400).json({ error: 'bad asset path' });
+            }
+            await this.sendAsset(ctx, segments, apiBase);
+        });
+    }
+    /**
+     * Resolve the actor through the agent config's resolver, mirroring the governance routes. Returns
+     * `true` to proceed; on a missing/failed resolver replies `401` and returns `false`.
+     */
+    async gate(ctx, actorResolver) {
+        if (actorResolver === undefined) {
+            ctx.response.status(401).json({ error: 'no actor resolver configured' });
+            return false;
+        }
+        try {
+            await actorResolver.resolve(ctx);
+            return true;
+        }
+        catch (error) {
+            ctx.response
+                .status(401)
+                .json({ error: error instanceof Error ? error.message : 'unauthorized' });
+            return false;
+        }
+    }
+    /** Read `dist/spa/index.html`, inject the API base, and send it. */
+    async sendIndex(ctx, apiBase) {
+        const html = await readFile(new URL('index.html', this.spaDirUrl), 'utf8');
+        ctx.response.header('content-type', 'text/html; charset=utf-8');
+        ctx.response.header('cache-control', 'no-store, must-revalidate');
+        ctx.response.send(injectApiBase(html, apiBase));
+    }
+    /** Send the requested built asset, or fall back to the SPA shell when it does not exist. */
+    async sendAsset(ctx, segments, apiBase) {
+        const filename = segments[segments.length - 1] ?? 'index.html';
+        try {
+            const buffer = await readFile(new URL(segments.join('/'), this.spaDirUrl));
+            ctx.response.header('content-type', contentTypeFor(filename));
+            ctx.response.send(buffer);
+        }
+        catch (error) {
+            if (error.code === 'ENOENT') {
+                await this.sendIndex(ctx, apiBase);
+                return;
+            }
+            throw error;
+        }
+    }
+}
+//# sourceMappingURL=agent_dashboard_provider.js.map

package/dist/providers/agent_dashboard_provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent_dashboard_provider.js","sourceRoot":"","sources":["../../providers/agent_dashboard_provider.ts"],"names":[],"mappings":"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"}

package/dist/spa/assets/index-BYLm0nq8.css

@@ -0,0 +1 @@
+:root{--agora-primary: #5a45ff;--agora-primary-soft: hsl(250 74% 51% / .14);--agora-accent: #06b6d4;--bg: hsl(240 10% 6.5%);--panel: hsl(240 9% 9%);--panel-2: hsl(240 9% 11%);--line: hsl(40 30% 82% / .1);--line-soft: hsl(40 30% 82% / .05);--text: hsl(40 28% 92%);--muted: hsl(40 12% 66%);--primary: var(--agora-primary);--primary-fg: hsl(40 40% 96%);--good: #34d399;--warn: #fbbf24;--bad: #f87171;--info: var(--agora-accent)}:root[data-theme=light],:root:not([data-theme=dark]){color-scheme:light}:root[data-theme=dark]{color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: hsl(40 30% 96%);--panel: hsl(40 28% 98%);--panel-2: hsl(40 24% 95%);--line: hsl(240 10% 14% / .12);--line-soft: hsl(240 10% 14% / .06);--text: hsl(240 14% 12%);--muted: hsl(240 6% 42%);--primary-fg: hsl(40 40% 97%)}}:root[data-theme=light]{--bg: hsl(40 30% 96%);--panel: hsl(40 28% 98%);--panel-2: hsl(40 24% 95%);--line: hsl(240 10% 14% / .12);--line-soft: hsl(240 10% 14% / .06);--text: hsl(240 14% 12%);--muted: hsl(240 6% 42%);--primary-fg: hsl(40 40% 97%)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.mono{font-family:ui-monospace,JetBrains Mono,SF Mono,Menlo,monospace}.tnum{font-variant-numeric:tabular-nums}.app-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(900px 420px at 82% -10%,hsl(250 74% 51% / .12),transparent 70%),radial-gradient(700px 360px at 8% -12%,hsl(190 90% 50% / .06),transparent 70%);opacity:.9}.shell{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:28px 24px 64px}.masthead{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:var(--primary-fg);background:linear-gradient(140deg,var(--agora-primary),#8b78ff);box-shadow:0 6px 20px #4426df59;font-weight:700}.brand h1{font-size:17px;margin:0;letter-spacing:-.01em}.brand p{margin:1px 0 0;font-size:12px;color:var(--muted)}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.tab{appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:7px 14px;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:color .15s,border-color .15s,background .15s}.tab:hover{color:var(--text)}.tab[aria-selected=true]{color:var(--primary-fg);background:var(--primary);border-color:var(--primary)}.controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.range-input{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:6px 9px;font-size:12px;font-family:inherit}.icon-btn{appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:8px;width:34px;height:32px;cursor:pointer;display:grid;place-items:center}.icon-btn:hover{color:var(--text)}.panel{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:14px;padding:18px}.grid{display:grid;gap:16px}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.stat-4{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.grid.cols-3,.grid.cols-2,.grid.stat-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.grid.cols-3,.grid.cols-2,.grid.stat-4{grid-template-columns:1fr}}.stat .label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px}.stat .value{font-size:24px;font-weight:600;letter-spacing:-.02em}.stat .sub{font-size:12px;color:var(--muted);margin-top:4px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px;gap:12px}.section-title h2{font-size:14px;margin:0;letter-spacing:.01em}.section-title .hint{font-size:12px;color:var(--muted)}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:0 10px 10px;border-bottom:1px solid var(--line)}.table td{padding:10px;border-bottom:1px solid var(--line-soft);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table .num{text-align:right}.table-wrap{overflow-x:auto}.bar{height:6px;border-radius:999px;background:var(--line);overflow:hidden;min-width:60px}.bar>span{display:block;height:100%;border-radius:999px;background:var(--primary)}.legend{display:flex;flex-direction:column;gap:8px;font-size:12px}.legend .row{display:flex;align-items:center;gap:8px}.swatch{width:10px;height:10px;border-radius:3px;flex:none}.legend .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:999px;font-size:11px;border:1px solid var(--line);color:var(--muted)}.dot{width:7px;height:7px;border-radius:999px;background:currentColor;display:inline-block}.s-completed,.s-ok,.s-success,.s-approved{color:var(--good)}.s-running,.s-pending,.s-pending_approval,.s-awaiting_approval{color:var(--info)}.s-failed,.s-error,.s-rejected,.s-forbidden{color:var(--bad)}.s-cancelled,.s-canceled{color:var(--warn)}.btn{appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:8px;padding:6px 12px;font-size:12px;font-family:inherit;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.btn:hover:not(:disabled){border-color:var(--muted)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.approve{color:var(--good);border-color:color-mix(in srgb,var(--good) 40%,var(--line))}.btn.reject{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 40%,var(--line))}.rowbtns{display:inline-flex;gap:6px;justify-content:flex-end}.table tr.clickable{cursor:pointer}.table tr.clickable:hover td{background:var(--panel-2)}.th-sort{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer}.th-sort:hover{color:var(--text)}.warnnum{color:var(--warn)}.msg{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--panel-2)}.msg-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.msg-body{font-size:13px;white-space:pre-wrap;word-break:break-word}.empty{color:var(--muted);font-size:13px;text-align:center;padding:26px 10px}.err{color:var(--bad);font-size:13px;padding:20px 10px;text-align:center}.skeleton{border-radius:8px;background:linear-gradient(90deg,var(--line-soft),var(--line),var(--line-soft));background-size:200% 100%;animation:shimmer 1.3s ease-in-out infinite;height:14px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.stack{display:flex;flex-direction:column;gap:16px}.muted{color:var(--muted)}.right{text-align:right}.chart-svg{width:100%;height:auto;display:block}.foot{margin-top:26px;font-size:11px;color:var(--muted);text-align:center}