@hazeljs/inspector 0.2.0-rc.5

package/dist/registry/registry.d.ts

@@ -0,0 +1,12 @@
+/**
+ * HazelInspectorRegistry - Pluggable inspector plugin registration and aggregation
+ */
+import type { InspectorContext, InspectorEntry, HazelInspectorPlugin } from '../contracts/types';
+export type { HazelInspectorPlugin };
+export declare class HazelInspectorRegistry {
+    private plugins;
+    register(plugin: HazelInspectorPlugin): void;
+    getPlugins(): HazelInspectorPlugin[];
+    runAll(context: InspectorContext): Promise<InspectorEntry[]>;
+}
+//# sourceMappingURL=registry.d.ts.map

package/dist/registry/registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/registry/registry.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAEjG,YAAY,EAAE,oBAAoB,EAAE,CAAC;AAErC,qBAAa,sBAAsB;IACjC,OAAO,CAAC,OAAO,CAA8B;IAE7C,QAAQ,CAAC,MAAM,EAAE,oBAAoB,GAAG,IAAI;IAM5C,UAAU,IAAI,oBAAoB,EAAE;IAI9B,MAAM,CAAC,OAAO,EAAE,gBAAgB,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC;CAwBnE"}

package/dist/registry/registry.js

@@ -0,0 +1,43 @@
+"use strict";
+/**
+ * HazelInspectorRegistry - Pluggable inspector plugin registration and aggregation
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HazelInspectorRegistry = void 0;
+class HazelInspectorRegistry {
+    constructor() {
+        this.plugins = [];
+    }
+    register(plugin) {
+        if (!this.plugins.some((p) => p.name === plugin.name)) {
+            this.plugins.push(plugin);
+        }
+    }
+    getPlugins() {
+        return [...this.plugins];
+    }
+    async runAll(context) {
+        const results = [];
+        const seenIds = new Set();
+        for (const plugin of this.plugins) {
+            try {
+                if (!plugin.supports(context)) {
+                    continue;
+                }
+                const entries = await plugin.inspect(context);
+                const list = Array.isArray(entries) ? entries : [];
+                for (const entry of list) {
+                    if (!seenIds.has(entry.id)) {
+                        seenIds.add(entry.id);
+                        results.push(entry);
+                    }
+                }
+            }
+            catch (error) {
+                console.error(`[HazelInspector] Plugin ${plugin.name} failed:`, error);
+            }
+        }
+        return results;
+    }
+}
+exports.HazelInspectorRegistry = HazelInspectorRegistry;

package/dist/runtime/inspector-runtime.d.ts

@@ -0,0 +1,66 @@
+/**
+ * InspectorRuntime - Global registry for gateway, discovery, resilience
+ * Packages register their instances here so the Inspector can display overview data.
+ *
+ * @example
+ * // In your app when creating a gateway:
+ * import { InspectorRuntime } from '@hazeljs/inspector';
+ * const gateway = GatewayServer.fromConfig(config);
+ * InspectorRuntime.registerGateway(gateway);
+ */
+export interface GatewayOverview {
+    routes: string[];
+    totalRoutes: number;
+    metrics?: {
+        totalCalls: number;
+        successCalls: number;
+        failureCalls: number;
+        failureRate: number;
+        averageResponseTime: number;
+    };
+}
+export interface DiscoveryOverview {
+    services: string[];
+    totalServices: number;
+    totalInstances: number;
+    instancesByService: Record<string, number>;
+}
+export interface ResilienceOverview {
+    circuitBreakers: number;
+    circuitBreakerStates: {
+        name: string;
+        state: string;
+    }[];
+}
+declare class InspectorRuntimeImpl {
+    private gateway;
+    private discovery;
+    registerGateway(gw: {
+        getRoutes: () => string[];
+        getMetrics?: () => {
+            getSnapshot?: () => {
+                aggregated?: {
+                    totalCalls?: number;
+                    successCalls?: number;
+                    failureCalls?: number;
+                    failureRate?: number;
+                    averageResponseTime?: number;
+                };
+            };
+        };
+    }): void;
+    registerDiscovery(client: {
+        getAllServices: () => Promise<string[]>;
+        getInstances: (s: string) => Promise<unknown[]>;
+    }): void;
+    getGateway(): typeof this.gateway;
+    getDiscovery(): typeof this.discovery;
+    /** Reset for testing */
+    reset(): void;
+    getGatewayOverview(): Promise<GatewayOverview | null>;
+    getDiscoveryOverview(): Promise<DiscoveryOverview | null>;
+    getResilienceOverview(): Promise<ResilienceOverview | null>;
+}
+export declare const InspectorRuntime: InspectorRuntimeImpl;
+export {};
+//# sourceMappingURL=inspector-runtime.d.ts.map

package/dist/runtime/inspector-runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inspector-runtime.d.ts","sourceRoot":"","sources":["../../src/runtime/inspector-runtime.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE;QACR,UAAU,EAAE,MAAM,CAAC;QACnB,YAAY,EAAE,MAAM,CAAC;QACrB,YAAY,EAAE,MAAM,CAAC;QACrB,WAAW,EAAE,MAAM,CAAC;QACpB,mBAAmB,EAAE,MAAM,CAAC;KAC7B,CAAC;CACH;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC5C;AAED,MAAM,WAAW,kBAAkB;IACjC,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CACzD;AAED,cAAM,oBAAoB;IACxB,OAAO,CAAC,OAAO,CAaC;IAChB,OAAO,CAAC,SAAS,CAGD;IAEhB,eAAe,CAAC,EAAE,EAAE;QAClB,SAAS,EAAE,MAAM,MAAM,EAAE,CAAC;QAC1B,UAAU,CAAC,EAAE,MAAM;YACjB,WAAW,CAAC,EAAE,MAAM;gBAClB,UAAU,CAAC,EAAE;oBACX,UAAU,CAAC,EAAE,MAAM,CAAC;oBACpB,YAAY,CAAC,EAAE,MAAM,CAAC;oBACtB,YAAY,CAAC,EAAE,MAAM,CAAC;oBACtB,WAAW,CAAC,EAAE,MAAM,CAAC;oBACrB,mBAAmB,CAAC,EAAE,MAAM,CAAC;iBAC9B,CAAC;aACH,CAAC;SACH,CAAC;KACH,GAAG,IAAI;IAIR,iBAAiB,CAAC,MAAM,EAAE;QACxB,cAAc,EAAE,MAAM,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;QACxC,YAAY,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;KACjD,GAAG,IAAI;IAIR,UAAU,IAAI,OAAO,IAAI,CAAC,OAAO;IAIjC,YAAY,IAAI,OAAO,IAAI,CAAC,SAAS;IAIrC,wBAAwB;IACxB,KAAK,IAAI,IAAI;IAKP,kBAAkB,IAAI,OAAO,CAAC,eAAe,GAAG,IAAI,CAAC;IAuBrD,oBAAoB,IAAI,OAAO,CAAC,iBAAiB,GAAG,IAAI,CAAC;IAkBzD,qBAAqB,IAAI,OAAO,CAAC,kBAAkB,GAAG,IAAI,CAAC;CAelE;AAED,eAAO,MAAM,gBAAgB,sBAA6B,CAAC"}

package/dist/runtime/inspector-runtime.js

@@ -0,0 +1,97 @@
+"use strict";
+/**
+ * InspectorRuntime - Global registry for gateway, discovery, resilience
+ * Packages register their instances here so the Inspector can display overview data.
+ *
+ * @example
+ * // In your app when creating a gateway:
+ * import { InspectorRuntime } from '@hazeljs/inspector';
+ * const gateway = GatewayServer.fromConfig(config);
+ * InspectorRuntime.registerGateway(gateway);
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InspectorRuntime = void 0;
+class InspectorRuntimeImpl {
+    constructor() {
+        this.gateway = null;
+        this.discovery = null;
+    }
+    registerGateway(gw) {
+        this.gateway = gw;
+    }
+    registerDiscovery(client) {
+        this.discovery = client;
+    }
+    getGateway() {
+        return this.gateway;
+    }
+    getDiscovery() {
+        return this.discovery;
+    }
+    /** Reset for testing */
+    reset() {
+        this.gateway = null;
+        this.discovery = null;
+    }
+    async getGatewayOverview() {
+        if (!this.gateway)
+            return null;
+        try {
+            const routes = this.gateway.getRoutes();
+            let metrics;
+            if (typeof this.gateway.getMetrics === 'function') {
+                const snap = this.gateway.getMetrics()?.getSnapshot?.()?.aggregated;
+                if (snap) {
+                    metrics = {
+                        totalCalls: snap.totalCalls ?? 0,
+                        successCalls: snap.successCalls ?? 0,
+                        failureCalls: snap.failureCalls ?? 0,
+                        failureRate: snap.failureRate ?? 0,
+                        averageResponseTime: snap.averageResponseTime ?? 0,
+                    };
+                }
+            }
+            return { routes, totalRoutes: routes.length, metrics: metrics ?? undefined };
+        }
+        catch {
+            return null;
+        }
+    }
+    async getDiscoveryOverview() {
+        if (!this.discovery)
+            return null;
+        try {
+            const services = await this.discovery.getAllServices();
+            const instancesByService = {};
+            let totalInstances = 0;
+            for (const svc of services) {
+                const instances = await this.discovery.getInstances(svc);
+                const count = Array.isArray(instances) ? instances.length : 0;
+                instancesByService[svc] = count;
+                totalInstances += count;
+            }
+            return { services, totalServices: services.length, totalInstances, instancesByService };
+        }
+        catch {
+            return null;
+        }
+    }
+    async getResilienceOverview() {
+        try {
+            const { CircuitBreakerRegistry } = require('@hazeljs/resilience');
+            const breakers = CircuitBreakerRegistry.getAll?.();
+            if (!breakers || !(breakers instanceof Map))
+                return null;
+            const circuitBreakerStates = [];
+            for (const [name, breaker] of breakers) {
+                const state = breaker.getState?.() ?? 'unknown';
+                circuitBreakerStates.push({ name, state });
+            }
+            return { circuitBreakers: breakers.size, circuitBreakerStates };
+        }
+        catch {
+            return null;
+        }
+    }
+}
+exports.InspectorRuntime = new InspectorRuntimeImpl();

package/dist/service/inspector.service.d.ts

@@ -0,0 +1,37 @@
+/**
+ * HazelInspectorService - Aggregates inspector plugin results with caching
+ */
+import type { InspectorContext, InspectorEntry, InspectorSnapshot, InspectorEntryKind, RouteInspectorEntry, ModuleInspectorEntry, ProviderInspectorEntry, DecoratorInspectorEntry, CronInspectorEntry, QueueInspectorEntry, WebSocketInspectorEntry, AgentInspectorEntry, RagInspectorEntry, PromptInspectorEntry, AIFunctionInspectorEntry, EventInspectorEntry, GraphQLInspectorEntry, GrpcInspectorEntry, KafkaInspectorEntry, FlowInspectorEntry, DataPipelineInspectorEntry, ServerlessInspectorEntry, MLModelInspectorEntry, GroupedSnapshot } from '../contracts/types';
+import type { HazelInspectorRegistry } from '../registry/registry';
+import type { InspectorModuleOptions } from '../contracts/types';
+export declare class HazelInspectorService {
+    private registry;
+    private config;
+    private cache;
+    private cacheTime;
+    constructor(registry: HazelInspectorRegistry, config: Required<InspectorModuleOptions>);
+    collectSnapshot(context: InspectorContext): Promise<InspectorSnapshot>;
+    refresh(context: InspectorContext): Promise<InspectorSnapshot>;
+    getRoutes(entries: InspectorEntry[]): RouteInspectorEntry[];
+    getModules(entries: InspectorEntry[]): ModuleInspectorEntry[];
+    getProviders(entries: InspectorEntry[]): ProviderInspectorEntry[];
+    getDecorators(entries: InspectorEntry[]): DecoratorInspectorEntry[];
+    getJobs(entries: InspectorEntry[]): CronInspectorEntry[];
+    getQueues(entries: InspectorEntry[]): QueueInspectorEntry[];
+    getWebSockets(entries: InspectorEntry[]): WebSocketInspectorEntry[];
+    getAgents(entries: InspectorEntry[]): AgentInspectorEntry[];
+    getRag(entries: InspectorEntry[]): RagInspectorEntry[];
+    getPrompts(entries: InspectorEntry[]): PromptInspectorEntry[];
+    getAIFunctions(entries: InspectorEntry[]): AIFunctionInspectorEntry[];
+    getEvents(entries: InspectorEntry[]): EventInspectorEntry[];
+    getGraphQL(entries: InspectorEntry[]): GraphQLInspectorEntry[];
+    getGrpc(entries: InspectorEntry[]): GrpcInspectorEntry[];
+    getKafka(entries: InspectorEntry[]): KafkaInspectorEntry[];
+    getFlows(entries: InspectorEntry[]): FlowInspectorEntry[];
+    getDataPipelines(entries: InspectorEntry[]): DataPipelineInspectorEntry[];
+    getServerless(entries: InspectorEntry[]): ServerlessInspectorEntry[];
+    getMLModels(entries: InspectorEntry[]): MLModelInspectorEntry[];
+    getByKind(entries: InspectorEntry[], kind: InspectorEntryKind): InspectorEntry[];
+    getGroupedSnapshot(entries: InspectorEntry[]): GroupedSnapshot;
+}
+//# sourceMappingURL=inspector.service.d.ts.map

package/dist/service/inspector.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inspector.service.d.ts","sourceRoot":"","sources":["../../src/service/inspector.service.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EACV,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,EACnB,oBAAoB,EACpB,sBAAsB,EACtB,uBAAuB,EACvB,kBAAkB,EAClB,mBAAmB,EACnB,uBAAuB,EACvB,mBAAmB,EACnB,iBAAiB,EACjB,oBAAoB,EACpB,wBAAwB,EACxB,mBAAmB,EACnB,qBAAqB,EACrB,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,0BAA0B,EAC1B,wBAAwB,EACxB,qBAAqB,EACrB,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAEnE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAEjE,qBAAa,qBAAqB;IAK9B,OAAO,CAAC,QAAQ;IAChB,OAAO,CAAC,MAAM;IALhB,OAAO,CAAC,KAAK,CAAkC;IAC/C,OAAO,CAAC,SAAS,CAAK;gBAGZ,QAAQ,EAAE,sBAAsB,EAChC,MAAM,EAAE,QAAQ,CAAC,sBAAsB,CAAC;IAK5C,eAAe,CAAC,OAAO,EAAE,gBAAgB,GAAG,OAAO,CAAC,iBAAiB,CAAC;IAuBtE,OAAO,CAAC,OAAO,EAAE,gBAAgB,GAAG,OAAO,CAAC,iBAAiB,CAAC;IAKpE,SAAS,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG,mBAAmB,EAAE;IAI3D,UAAU,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG,oBAAoB,EAAE;IAI7D,YAAY,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG,sBAAsB,EAAE;IAIjE,aAAa,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG,uBAAuB,EAAE;IAInE,OAAO,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG,kBAAkB,EAAE;IAIxD,SAAS,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG,mBAAmB,EAAE;IAI3D,aAAa,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG,uBAAuB,EAAE;IAInE,SAAS,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG,mBAAmB,EAAE;IAI3D,MAAM,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG,iBAAiB,EAAE;IAItD,UAAU,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG,oBAAoB,EAAE;IAI7D,cAAc,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG,wBAAwB,EAAE;IAIrE,SAAS,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG,mBAAmB,EAAE;IAI3D,UAAU,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG,qBAAqB,EAAE;IAI9D,OAAO,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG,kBAAkB,EAAE;IAIxD,QAAQ,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG,mBAAmB,EAAE;IAI1D,QAAQ,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG,kBAAkB,EAAE;IAIzD,gBAAgB,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG,0BAA0B,EAAE;IAIzE,aAAa,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG,wBAAwB,EAAE;IAIpE,WAAW,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG,qBAAqB,EAAE;IAI/D,SAAS,CAAC,OAAO,EAAE,cAAc,EAAE,EAAE,IAAI,EAAE,kBAAkB,GAAG,cAAc,EAAE;IAIhF,kBAAkB,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG,eAAe;CA6C/D"}

package/dist/service/inspector.service.js

@@ -0,0 +1,146 @@
+"use strict";
+/**
+ * HazelInspectorService - Aggregates inspector plugin results with caching
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HazelInspectorService = void 0;
+const inspector_config_1 = require("../config/inspector.config");
+class HazelInspectorService {
+    constructor(registry, config) {
+        this.registry = registry;
+        this.config = config;
+        this.cache = null;
+        this.cacheTime = 0;
+        this.config = (0, inspector_config_1.mergeInspectorConfig)(config);
+    }
+    async collectSnapshot(context) {
+        const now = Date.now();
+        const maxAge = this.config.maxSnapshotCacheAgeMs ?? 5000;
+        if (this.cache && now - this.cacheTime < maxAge) {
+            return this.cache;
+        }
+        const rawEntries = await this.registry.runAll(context);
+        const entries = Array.isArray(rawEntries) ? rawEntries : [];
+        const summary = {};
+        for (const e of entries) {
+            summary[e.kind] = (summary[e.kind] ?? 0) + 1;
+        }
+        this.cache = {
+            collectedAt: new Date().toISOString(),
+            entries,
+            summary,
+        };
+        this.cacheTime = now;
+        return this.cache;
+    }
+    async refresh(context) {
+        this.cache = null;
+        return this.collectSnapshot(context);
+    }
+    getRoutes(entries) {
+        return entries.filter((e) => e.kind === 'route');
+    }
+    getModules(entries) {
+        return entries.filter((e) => e.kind === 'module');
+    }
+    getProviders(entries) {
+        return entries.filter((e) => e.kind === 'provider');
+    }
+    getDecorators(entries) {
+        return entries.filter((e) => e.kind === 'decorator');
+    }
+    getJobs(entries) {
+        return entries.filter((e) => e.kind === 'cron');
+    }
+    getQueues(entries) {
+        return entries.filter((e) => e.kind === 'queue');
+    }
+    getWebSockets(entries) {
+        return entries.filter((e) => e.kind === 'websocket');
+    }
+    getAgents(entries) {
+        return entries.filter((e) => e.kind === 'agent');
+    }
+    getRag(entries) {
+        return entries.filter((e) => e.kind === 'rag');
+    }
+    getPrompts(entries) {
+        return entries.filter((e) => e.kind === 'prompt');
+    }
+    getAIFunctions(entries) {
+        return entries.filter((e) => e.kind === 'aifunction');
+    }
+    getEvents(entries) {
+        return entries.filter((e) => e.kind === 'event');
+    }
+    getGraphQL(entries) {
+        return entries.filter((e) => e.kind === 'graphql');
+    }
+    getGrpc(entries) {
+        return entries.filter((e) => e.kind === 'grpc');
+    }
+    getKafka(entries) {
+        return entries.filter((e) => e.kind === 'kafka');
+    }
+    getFlows(entries) {
+        return entries.filter((e) => e.kind === 'flow');
+    }
+    getDataPipelines(entries) {
+        return entries.filter((e) => e.kind === 'data');
+    }
+    getServerless(entries) {
+        return entries.filter((e) => e.kind === 'serverless');
+    }
+    getMLModels(entries) {
+        return entries.filter((e) => e.kind === 'ml');
+    }
+    getByKind(entries, kind) {
+        return entries.filter((e) => e.kind === kind);
+    }
+    getGroupedSnapshot(entries) {
+        const knownKinds = [
+            'route',
+            'decorator',
+            'module',
+            'provider',
+            'websocket',
+            'cron',
+            'queue',
+            'agent',
+            'rag',
+            'prompt',
+            'aifunction',
+            'event',
+            'graphql',
+            'grpc',
+            'kafka',
+            'flow',
+            'data',
+            'serverless',
+            'ml',
+        ];
+        return {
+            routes: this.getRoutes(entries),
+            decorators: this.getDecorators(entries),
+            modules: this.getModules(entries),
+            providers: this.getProviders(entries),
+            websockets: this.getWebSockets(entries),
+            jobs: this.getJobs(entries),
+            queues: this.getQueues(entries),
+            agents: this.getAgents(entries),
+            rag: this.getRag(entries),
+            prompts: this.getPrompts(entries),
+            aifunctions: this.getAIFunctions(entries),
+            events: this.getEvents(entries),
+            graphql: this.getGraphQL(entries),
+            grpc: this.getGrpc(entries),
+            kafka: this.getKafka(entries),
+            flows: this.getFlows(entries),
+            dataPipelines: this.getDataPipelines(entries),
+            serverless: this.getServerless(entries),
+            mlModels: this.getMLModels(entries),
+            other: entries.filter((e) => !knownKinds.includes(e.kind)),
+        };
+    }
+}
+exports.HazelInspectorService = HazelInspectorService;

package/package.json

@@ -0,0 +1,124 @@
+{
+  "name": "@hazeljs/inspector",
+  "version": "0.2.0-rc.5",
+  "description": "Framework-aware runtime inspector for HazelJS - metadata explorer and DevTools UI",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "ui-dist"
+  ],
+  "scripts": {
+    "build": "tsc && npm run build:ui",
+    "build:ui": "vite build",
+    "test": "jest --coverage --passWithNoTests",
+    "test:ci": "jest --coverage --coverageReporters=text --coverageReporters=lcov --no-coverage-threshold",
+    "lint": "eslint \"src/**/*.{ts,tsx}\"",
+    "lint:fix": "eslint \"src/**/*.{ts,tsx}\" --fix",
+    "clean": "rm -rf dist ui-dist"
+  },
+  "dependencies": {
+    "cron-parser": "^4.9.0",
+    "reflect-metadata": "^0.2.2"
+  },
+  "peerDependencies": {
+    "@hazeljs/agent": ">=0.2.0-beta.0",
+    "@hazeljs/ai": ">=0.2.0-beta.0",
+    "@hazeljs/core": ">=0.2.0-beta.0",
+    "@hazeljs/cron": ">=0.2.0-beta.0",
+    "@hazeljs/data": ">=0.2.0-beta.0",
+    "@hazeljs/event-emitter": ">=0.2.0-beta.0",
+    "@hazeljs/flow": ">=0.2.0-beta.0",
+    "@hazeljs/graphql": ">=0.2.0-beta.0",
+    "@hazeljs/grpc": ">=0.2.0-beta.0",
+    "@hazeljs/kafka": ">=0.2.0-beta.0",
+    "@hazeljs/ml": ">=0.2.0-beta.0",
+    "@hazeljs/prompts": ">=0.2.0-beta.0",
+    "@hazeljs/queue": ">=0.2.0-beta.0",
+    "@hazeljs/rag": ">=0.2.0-beta.0",
+    "@hazeljs/serverless": ">=0.2.0-beta.0",
+    "@hazeljs/websocket": ">=0.2.0-beta.0"
+  },
+  "peerDependenciesMeta": {
+    "@hazeljs/cron": {
+      "optional": true
+    },
+    "@hazeljs/queue": {
+      "optional": true
+    },
+    "@hazeljs/websocket": {
+      "optional": true
+    },
+    "@hazeljs/agent": {
+      "optional": true
+    },
+    "@hazeljs/ai": {
+      "optional": true
+    },
+    "@hazeljs/rag": {
+      "optional": true
+    },
+    "@hazeljs/prompts": {
+      "optional": true
+    },
+    "@hazeljs/event-emitter": {
+      "optional": true
+    },
+    "@hazeljs/graphql": {
+      "optional": true
+    },
+    "@hazeljs/grpc": {
+      "optional": true
+    },
+    "@hazeljs/kafka": {
+      "optional": true
+    },
+    "@hazeljs/flow": {
+      "optional": true
+    },
+    "@hazeljs/data": {
+      "optional": true
+    },
+    "@hazeljs/serverless": {
+      "optional": true
+    },
+    "@hazeljs/ml": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@hazeljs/core": "^0.2.0-rc.5",
+    "@types/jest": "^29.5.14",
+    "@types/node": "^20.17.50",
+    "@typescript-eslint/eslint-plugin": "^8.18.2",
+    "@typescript-eslint/parser": "^8.18.2",
+    "eslint": "^8.56.0",
+    "jest": "^29.7.0",
+    "preact": "^10.19.0",
+    "ts-jest": "^29.1.2",
+    "typescript": "^5.3.3",
+    "vite": "^5.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hazel-js/hazeljs.git",
+    "directory": "packages/inspector"
+  },
+  "keywords": [
+    "hazeljs",
+    "inspector",
+    "devtools",
+    "metadata",
+    "debugging"
+  ],
+  "author": "Muhammad Arslan <muhammad.arslan@hazeljs.ai>",
+  "license": "Apache-2.0",
+  "bugs": {
+    "url": "https://github.com/hazeljs/hazel-js/issues"
+  },
+  "homepage": "https://hazeljs.com",
+  "gitHead": "84ad3db0f24f75a9d55c6eec5997849fed3aa00e"
+}

package/ui-dist/assets/index-BN8Zr7QX.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=DM+Sans:wght@400;500;600;700&display=swap";:root{--hazel-primary: #1a365d;--hazel-primary-hover: #2c5282;--hazel-accent: #1a365d;--hazel-accent-hover: #2c5282;--hazel-primary-muted: rgba(26, 54, 93, .25);--hazel-accent-muted: rgba(26, 54, 93, .25);--bg-primary: #0c0e12;--bg-secondary: #14171d;--bg-tertiary: #1a1e26;--bg-elevated: #1f242b;--bg-hover: #252a33;--border: #2d333b;--border-subtle: #21262d;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #6e7681;--accent: var(--hazel-accent);--accent-hover: var(--hazel-accent-hover);--accent-muted: var(--hazel-accent-muted);--success: #3fb950;--warning: #d29922;--error: #f85149;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 24px rgba(26, 54, 93, .2);--transition: .2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}body{margin:0;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}#app{display:flex;min-height:100vh}.sidebar{width:240px;min-width:240px;background:var(--bg-secondary);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:0}.logo{font-size:13px;font-weight:600;letter-spacing:.02em;padding:1.25rem 1.25rem 1rem;margin:0;color:var(--text-primary);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:.625rem}.logo-img{width:24px;height:24px;object-fit:contain;flex-shrink:0}.logo-svg{width:24px;height:24px;color:var(--accent);flex-shrink:0}.logo-fallback{display:flex;align-items:center}.logo-text{color:var(--text-primary);font-weight:700}.sidebar nav{flex:1;padding:.75rem 0;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:.25rem}.nav-section{display:flex;flex-direction:column;gap:.125rem}.nav-section-title{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:.5rem 1.25rem .25rem;margin:.25rem .5rem 0 0;border-top:1px solid var(--border-subtle)}.sidebar nav a{display:flex;align-items:center;gap:.625rem;padding:.5rem 1.25rem;margin:0 .5rem;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-sm);font-weight:500;transition:color var(--transition),background var(--transition)}.sidebar nav a:hover{color:var(--text-primary);background:var(--bg-hover)}.sidebar nav a.active{color:#60a5fa;background:#3b82f633}.sidebar nav a .nav-icon{width:3px;height:14px;border-radius:2px;background:var(--text-muted);flex-shrink:0}.sidebar nav a:hover .nav-icon{background:var(--text-secondary)}.sidebar nav a.active .nav-icon{background:#60a5fa}.sidebar-footer{padding:1rem 1.25rem;border-top:1px solid var(--border-subtle)}.btn{width:100%;padding:.5rem 1rem;font-family:inherit;font-size:13px;font-weight:500;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition),border-color var(--transition)}.btn:hover{background:var(--bg-hover);border-color:var(--text-muted)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.content{flex:1;padding:1rem 1.5rem;overflow:auto;position:relative;background:var(--bg-primary);isolation:isolate}.content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(26,54,93,.35),transparent),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(26,54,93,.08),transparent),radial-gradient(ellipse 40% 30% at 0% 80%,rgba(26,54,93,.15),transparent);pointer-events:none;z-index:0}.content>*{position:relative;z-index:1}.toolbar{margin-bottom:1rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.toolbar-actions{display:flex;align-items:center;gap:.75rem}.toolbar-toggle{display:flex;align-items:center;gap:.5rem;font-size:13px;color:var(--text-secondary);cursor:pointer}.toolbar-toggle input{accent-color:var(--accent)}.btn-sm{width:auto;padding:.4rem .75rem}.overview-status-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem;margin-bottom:1rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.status-bar-left{display:flex;align-items:center;gap:.75rem}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);animation:pulse-dot 2s ease-in-out infinite}.status-dot.healthy{background:var(--success);box-shadow:0 0 8px #3fb95080}.status-dot.unhealthy{background:var(--error);box-shadow:0 0 8px #f8514980}.status-text{font-weight:600;font-size:14px;color:var(--text-primary)}.status-uptime{font-size:12px;font-family:JetBrains Mono,monospace}.quick-stats{display:flex;align-items:center;gap:1.5rem;font-size:12px;color:var(--text-secondary)}.quick-stat{display:flex;align-items:center;gap:.375rem}.quick-stat strong{color:var(--accent);font-weight:600}.quick-stat.muted{color:var(--text-muted)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.6}}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c0e12e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;z-index:1000;color:var(--text-secondary)}.loading-spinner{width:44px;height:44px;border:3px solid var(--border-subtle);border-top-color:var(--accent);border-radius:50%;animation:spin .7s cubic-bezier(.5,0,.5,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.health-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.health-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem 1.25rem}.health-card.healthy{border-left:4px solid var(--success);background:linear-gradient(90deg,rgba(63,185,80,.06) 0%,transparent 100%)}.health-card.unhealthy{border-left:4px solid var(--error);background:linear-gradient(90deg,rgba(248,81,73,.06) 0%,transparent 100%)}.health-card.unknown{border-left:4px solid var(--warning);background:linear-gradient(90deg,rgba(210,153,34,.06) 0%,transparent 100%)}.health-card h3{margin:0 0 .5rem;font-size:14px}.health-card .status{font-weight:600}.health-card.healthy .status{color:var(--success)}.health-card.unhealthy .status{color:var(--error)}.health-card.unknown .status{color:var(--warning)}.health-card .endpoint{font-size:10px;color:var(--text-muted);margin-top:.375rem;font-family:JetBrains Mono,monospace}.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem;min-height:340px;align-items:stretch}@media (max-width: 900px){.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));min-height:510px}}@media (max-width: 600px){.overview-grid{grid-template-columns:1fr;grid-template-rows:repeat(6,minmax(0,1fr));min-height:720px}}.overview-block{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem 1.25rem;overflow-y:auto;transition:border-color var(--transition),box-shadow var(--transition)}.overview-block:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent) 0%,transparent 70%);opacity:.5}.overview-block:hover{border-color:var(--border);box-shadow:var(--shadow-sm)}.overview-block-title{margin:0 0 .75rem;font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.overview-env .overview-block-title,.overview-health .overview-block-title,.overview-runtime .overview-block-title,.overview-gateway .overview-block-title,.overview-discovery .overview-block-title,.overview-resilience .overview-block-title{color:var(--text-secondary)}.env-info{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem}.env-info-compact{margin-bottom:0;gap:.5rem}.env-info .env-item{font-size:12px;color:var(--text-secondary);padding:.35rem 0;border-bottom:1px solid var(--border-subtle)}.env-info .env-item:last-child{border-bottom:none}.env-info .env-item strong{color:var(--text-primary);font-weight:600;display:block;margin-bottom:.125rem}.health-cards-inline{display:flex;flex-wrap:wrap;gap:.5rem}.health-cards-inline .health-card{flex:1;min-width:0;padding:.75rem 1rem;border-radius:var(--radius-sm);transition:box-shadow var(--transition)}.health-cards-inline .health-card:hover{box-shadow:var(--shadow-sm)}.health-cards-inline .health-card h3{font-size:11px;font-weight:600;margin-bottom:.375rem;color:var(--text-secondary)}.health-cards-inline .health-card .status{font-size:13px;font-weight:700}.runtime-cards-inline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.runtime-cards-inline .card{min-width:0;padding:.75rem 1rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);transition:border-color var(--transition),background var(--transition)}.runtime-cards-inline .card:hover{background:var(--bg-elevated);border-color:var(--border)}.runtime-cards-inline .card .card-icon{width:22px;height:22px;color:var(--accent);margin-bottom:.35rem}.runtime-cards-inline .card .card-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.2rem}.runtime-cards-inline .card .card-value{font-size:1.1rem;font-weight:600;font-family:JetBrains Mono,monospace}.runtime-cards-inline .card .card-value.highlight{color:var(--accent)}.chart-inline{height:120px;margin-bottom:1rem}.overview-gateway-stats,.overview-discovery-stats,.overview-resilience-stats{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.overview-stat{display:flex;flex-direction:column;gap:.125rem;padding:.4rem .6rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);min-width:0}.overview-stat .stat-value{font-size:1.1rem;font-weight:700;font-family:JetBrains Mono,monospace;color:var(--accent)}.overview-stat .stat-label{font-size:9px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.overview-gateway-routes,.overview-discovery-services,.overview-resilience-states{font-size:11px;color:var(--text-secondary);line-height:1.5;min-width:0;overflow-wrap:break-word;word-break:break-word}.overview-resilience-states{display:flex;flex-wrap:wrap;gap:.375rem}.overview-gateway-routes code,.overview-discovery-services code,.overview-resilience-states code{font-size:10px;padding:.15rem .35rem;background:var(--bg-tertiary);border-radius:4px;border:1px solid var(--border-subtle);font-family:JetBrains Mono,monospace}.discovery-service{margin-right:.5rem}.cb-state{display:inline-block;padding:.15rem .4rem;border-radius:4px;font-size:11px;font-weight:600}.cb-state.closed{color:var(--success);background:#3fb9501f}.cb-state.open{color:var(--error);background:#f851491f}.cb-state.half-open{color:var(--warning);background:#d299221f}.muted{color:var(--text-muted);font-size:11px}.detail-actions{display:flex;gap:.5rem}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200}.modal-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;max-width:480px;width:90%}.modal-content.modal-wide{max-width:720px}.playground-output{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem;font-size:12px;max-height:200px;overflow:auto;white-space:pre-wrap;word-break:break-word}.playground-meta{font-size:12px;color:var(--text-muted);margin-top:.5rem}.playground-actions{margin:.5rem 0}.diff-sources{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.diff-hint{font-size:12px;color:var(--text-muted);margin:.25rem 0}.diff-result{margin-top:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);max-height:300px;overflow:auto}.diff-result .added{color:var(--success)}.diff-result .removed{color:var(--error)}.diff-result .changed{color:var(--warning)}.module-graph-container{margin-bottom:1rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-height:200px}.module-graph-svg{width:100%;height:300px}.rag-explorer{margin-bottom:1rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.rag-search-row{display:flex;gap:.5rem;margin-top:.5rem}.rag-search-row input{flex:1}.rag-results{margin-top:1rem;max-height:300px;overflow:auto}.rag-result-item{padding:.75rem;border-bottom:1px solid var(--border-subtle);font-size:12px}.rag-result-item .score{color:var(--accent);font-weight:600}.modal-content h3{margin:0 0 1rem;font-size:16px}.modal-body,.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.5rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-primary);font-family:JetBrains Mono,monospace}.modal-footer{display:flex;gap:.5rem;justify-content:flex-end}.test-result{margin-top:1rem;padding:1rem;border-radius:var(--radius-sm);font-family:JetBrains Mono,monospace;font-size:12px;max-height:200px;overflow:auto}.test-result.success{background:#3fb95026;color:var(--success)}.test-result.error{background:#f8514926;color:var(--error)}.chart-container{margin-bottom:1.5rem;height:200px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem}.flow-diagram{--flow-edge: var(--text-muted);display:flex;flex-direction:column;gap:.5rem;padding:.5rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:.5rem}.flow-diagram-card{display:flex;flex-direction:column;gap:.35rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.35rem .5rem;overflow:hidden}.flow-diagram-badge{display:inline-flex;align-items:center;font-size:.65rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.flow-diagram-svg-wrap{height:64px;overflow:hidden;border-radius:var(--radius-sm);background:var(--bg-primary)}.flow-diagram-svg{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}.flow-runtime-hint{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;font-size:11px;color:var(--text-muted);margin-bottom:.5rem;padding:.4rem .6rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.flow-runtime-label{font-weight:500;color:var(--text-secondary)}.flow-runtime-hint code{font-size:10px;padding:.1rem .3rem;background:var(--bg-tertiary);border-radius:4px;font-family:JetBrains Mono,monospace}.flow-runtime-sep{color:var(--border);font-weight:300}#flows .section-title{margin-bottom:.5rem}.flow-diagram-card .flow-node-group{cursor:default}.flow-diagram-card .flow-node-group:hover .flow-diagram-node{filter:brightness(1.08)}.flow-diagram-node{fill:var(--bg-elevated);stroke:var(--border-subtle);stroke-width:1;transition:filter .15s ease}.flow-diagram-node.entry{fill:var(--accent-muted);stroke:var(--accent)}.flow-group{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.flow-node{padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;font-family:JetBrains Mono,monospace}.flow-node.entry{border-color:var(--accent);background:var(--accent-muted)}.offline-banner{background:var(--error);color:#fff;padding:1rem 1.5rem;border-radius:var(--radius-md);margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.offline-banner button{padding:.5rem 1rem;background:#fff3;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-weight:600}.offline-banner button:hover{background:#ffffff4d}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--accent)}th.sortable:after{content:" ▾";opacity:.5;font-size:10px}th.sortable.asc:after{content:" ▴";opacity:1}th.sortable.desc:after{content:" ▾";opacity:1}.search{flex:1;max-width:360px;padding:.5rem 1rem .5rem 2.5rem;font-family:JetBrains Mono,monospace;font-size:13px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);transition:border-color var(--transition),box-shadow var(--transition)}.search::placeholder{color:var(--text-muted)}.search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted)}.search-wrapper{position:relative}.search-wrapper:before{content:"⌕";position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:14px;pointer-events:none}.search-wrapper .search{padding-left:2.25rem}.tab-panel{display:none;animation:fadeIn .2s ease}.tab-panel.active{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#summary-cards{display:flex;flex-direction:column;gap:2rem;margin-top:.5rem}#summary-cards:before{content:"Application Summary";display:block;font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle)}.overview-section{display:flex;flex-direction:column;gap:1rem}.overview-section-title{margin:0;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.overview-section-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.overview-section .card{cursor:pointer;background:#14171d99;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition),background var(--transition)}.overview-section .card:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-muted);background:#1f242bcc;transform:translate(4px)}.overview-section .card .card-icon{color:var(--text-muted);transition:color var(--transition)}.overview-section .card:hover .card-icon{color:var(--accent)}.card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem;transition:border-color var(--transition),box-shadow var(--transition);display:flex;flex-direction:column;gap:.5rem;cursor:default}.card:hover{border-color:var(--border);box-shadow:var(--shadow-sm)}.card .card-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--accent-muted);color:var(--accent);border-radius:var(--radius-sm);flex-shrink:0}.card .card-icon svg{flex-shrink:0}.card .card-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:0}.card .card-value{font-size:1.75rem;font-weight:600;font-family:JetBrains Mono,monospace;color:var(--text-primary)}.card .card-value.highlight{color:var(--accent)}.table-container{overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-secondary)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-subtle)}th{background:var(--bg-tertiary);color:var(--text-muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em}tr{transition:background var(--transition)}tr:hover{background:var(--bg-hover)}tr:last-child td{border-bottom:none}tr[data-id]{cursor:pointer}td{font-family:JetBrains Mono,monospace;font-size:12px}.badge{display:inline-block;padding:.2rem .5rem;font-size:10px;font-weight:600;text-transform:uppercase;border-radius:4px}.badge-get{background:#3fb95033;color:var(--success)}.badge-post{background:#d2992233;color:var(--warning)}.badge-put{background:#388bfd33;color:#389bfd}.badge-patch{background:#a371f733;color:#a371f7}.badge-delete{background:#f8514933;color:var(--error)}.badge-default{background:var(--bg-tertiary);color:var(--text-muted)}.detail-panel{position:fixed;top:0;right:0;width:420px;max-width:90vw;height:100%;background:var(--bg-secondary);border-left:1px solid var(--border);box-shadow:-8px 0 24px #0006;padding:0;overflow:hidden;z-index:100;display:flex;flex-direction:column;animation:slideIn .2s ease}.hidden{display:none!important}.info-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.25rem;margin-bottom:1rem}.info-card-title{margin:0 0 .5rem;font-size:14px;font-weight:600;color:var(--text-primary)}.info-card-text{margin:.25rem 0;font-size:13px;color:var(--text-secondary);line-height:1.5}.info-card code{background:var(--bg-tertiary);padding:.15rem .4rem;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:12px}.overview-error{background:var(--bg-secondary);border:1px solid var(--error);border-radius:var(--radius-md);padding:1.5rem;color:var(--text-secondary)}.overview-error a{color:var(--accent)}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.detail-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-tertiary)}.detail-header h2{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}#detail-content{flex:1;padding:1.25rem;margin:0;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-word;overflow:auto;color:var(--text-secondary)}#detail-content .json-key{color:#7ee787}#detail-content .json-string{color:#a5d6ff}#detail-content .json-number{color:#79c0ff}#detail-content .json-boolean{color:#ff7b72}#detail-content .json-null{color:var(--text-muted)}td.empty-state{text-align:center;padding:3rem 2rem!important;color:var(--text-muted)}.empty-state p{margin:.5rem 0;font-size:14px}.content a{color:var(--accent);text-decoration:none}.content a:hover{text-decoration:underline}.section-title{font-size:16px;font-weight:600;margin:0 0 1rem;color:var(--text-primary)}