effect-start 0.22.0 → 0.23.0

package/dist/console/routes/errors/route.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "effect-start/jsx-runtime";
+import * as Stream from "effect/Stream";
+import * as Route from "../../../Route.js";
+import * as HyperHtml from "../../../hyper/HyperHtml.js";
+import * as HyperRoute from "../../../hyper/HyperRoute.js";
+import * as ConsoleStore from "../../ConsoleStore.js";
+import * as Errors from "../../ui/Errors.js";
+import * as Shell from "../../ui/Shell.js";
+const prefix = ConsoleStore.store.prefix;
+function collectTags() {
+    const tags = new Set();
+    for (const error of ConsoleStore.store.errors.toArray()) {
+        for (const d of error.details) {
+            if (d.tag)
+                tags.add(d.tag);
+        }
+    }
+    return Array.from(tags).sort();
+}
+function filterErrors(url) {
+    const search = url.searchParams.get("errorSearch") || "";
+    const tag = url.searchParams.get("errorTag") || "";
+    let errors = ConsoleStore.store.errors.toArray();
+    if (tag) {
+        errors = errors.filter((e) => e.details.some((d) => d.tag && d.tag.startsWith(tag)));
+    }
+    if (search) {
+        const lower = search.toLowerCase();
+        errors = errors.filter((e) => {
+            const firstLine = e.prettyPrint.split("\n")[0] ?? "";
+            return firstLine.toLowerCase().includes(lower);
+        });
+    }
+    return errors.reverse();
+}
+export default Route.get(HyperRoute.html(function* (ctx) {
+    const url = new URL(ctx.request.url);
+    const errors = filterErrors(url);
+    const tags = collectTags();
+    return (_jsx(Shell.Shell, { prefix: prefix, active: "errors", children: _jsxs("form", { "data-signals": { errorSearch: "", errorTag: "" }, style: "display:flex;flex-direction:column;flex:1;overflow:hidden", children: [_jsx("div", { class: "tab-header", children: "Errors" }), _jsxs("div", { class: "filter-bar", children: [_jsx("input", { type: "text", name: "errorSearch", placeholder: "Search...", "data-bind:errorSearch": true, "data-on:input": (c) => c.actions.get(location.href, { contentType: "form" }) }), _jsx("input", { type: "text", name: "errorTag", placeholder: "Tag...", list: "error-tags", "data-bind:errorTag": true, "data-on:input": (c) => c.actions.get(location.href, { contentType: "form" }) }), _jsx("datalist", { id: "error-tags", children: tags.map((t) => (_jsx("option", { value: t }))) })] }), _jsx("div", { id: "errors-list", class: "tab-body", children: errors.map((e) => (_jsx(Errors.ErrorLine, { error: e }))) })] }) }));
+}), Route.sse(Stream.fromPubSub(ConsoleStore.store.events).pipe(Stream.filter((e) => e._tag === "Error"), Stream.map((e) => {
+    const html = HyperHtml.renderToString(_jsx(Errors.ErrorLine, { error: e.error })).replace(/\n/g, "");
+    return {
+        event: "datastar-patch-elements",
+        data: `selector #errors-list\nmode prepend\nelements ${html}`,
+    };
+}))));

package/dist/console/routes/fiberDetail.d.ts

@@ -0,0 +1,16 @@
+import * as Route from "../../Route.ts";
+declare const _default: import("../../RouteMount.ts").RouteMount.Builder<{}, [Route.Route.Route<{
+    method: "GET";
+}, {
+    pathParams: {
+        readonly id: string;
+    };
+}, unknown, import("effect/ParseResult").ParseError, never>, Route.Route.Route<{
+    method: "GET";
+    format: "html";
+}, {
+    pathParams: {
+        readonly id: string;
+    };
+}, string, never, never>]>;
+export default _default;

package/dist/console/routes/fiberDetail.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "effect-start/jsx-runtime";
+import * as Schema from "effect/Schema";
+import * as Route from "../../Route.js";
+import * as RouteSchema from "../../RouteSchema.js";
+import * as HyperRoute from "../../hyper/HyperRoute.js";
+import * as ConsoleStore from "../ConsoleStore.js";
+import * as Fibers from "../ui/Fibers.js";
+import * as Shell from "../ui/Shell.js";
+export default Route.get(RouteSchema.schemaPathParams(Schema.Struct({ id: Schema.String })), HyperRoute.html(function* (ctx) {
+    const fiberId = ctx.pathParams.id;
+    const fiberName = fiberId.startsWith("#") ? fiberId : `#${fiberId}`;
+    const allLogs = ConsoleStore.store.logs.toArray();
+    const fiberLogs = allLogs.filter((l) => l.fiberId === fiberName);
+    const allSpans = ConsoleStore.store.spans.toArray();
+    const fiberSpans = allSpans.filter((s) => {
+        const spanFiber = s.attributes["fiber.id"];
+        return spanFiber === fiberName;
+    });
+    const fiberNum = parseInt(fiberName.slice(1), 10);
+    const counter = ConsoleStore.fiberIdCounter();
+    let alive = "unknown";
+    if (!isNaN(fiberNum)) {
+        if (fiberNum < counter)
+            alive = "dead";
+        else
+            alive = "unknown";
+    }
+    if (fiberLogs.length > 0 || fiberSpans.length > 0) {
+        const hasRecent = fiberLogs.some((l) => Date.now() - l.date.getTime() < 5000);
+        if (hasRecent)
+            alive = "alive";
+        else if (fiberNum < counter)
+            alive = "dead";
+    }
+    const parents = Fibers.getParentChain(fiberName, ConsoleStore.store.fiberParents);
+    const fiberContext = ConsoleStore.store.fiberContexts.get(fiberName);
+    return (_jsx(Shell.Shell, { prefix: ConsoleStore.store.prefix, active: "fibers", children: _jsx(Fibers.FiberDetail, { prefix: ConsoleStore.store.prefix, fiberId: fiberName, logs: fiberLogs, spans: fiberSpans, alive: alive, parents: parents, context: fiberContext }) }));
+}));

package/dist/console/routes/fibers/route.d.ts

@@ -0,0 +1,10 @@
+import * as Stream from "effect/Stream";
+import * as Route from "../../../Route.ts";
+declare const _default: import("../../../RouteMount.ts").RouteMount.Builder<{}, [Route.Route.Route<{
+    method: "GET";
+    format: "html";
+}, {}, string, never, never>, Route.Route.Route<{
+    method: "GET";
+    format: "text";
+}, {}, Stream.Stream<string, never, never>, never, never>]>;
+export default _default;

package/dist/console/routes/fibers/route.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "effect-start/jsx-runtime";
+import * as Stream from "effect/Stream";
+import * as Route from "../../../Route.js";
+import * as HyperHtml from "../../../hyper/HyperHtml.js";
+import * as HyperRoute from "../../../hyper/HyperRoute.js";
+import * as ConsoleStore from "../../ConsoleStore.js";
+import * as Fibers from "../../ui/Fibers.js";
+import * as Shell from "../../ui/Shell.js";
+export default Route.get(HyperRoute.html(function* () {
+    const fibers = Fibers.collectFibers(ConsoleStore.store.logs.toArray(), ConsoleStore.store.spans.toArray());
+    return (_jsx(Shell.Shell, { prefix: ConsoleStore.store.prefix, active: "fibers", children: _jsxs("div", { style: "display:flex;flex-direction:column;flex:1;overflow:hidden", children: [_jsx("div", { class: "tab-header", children: "Fibers" }), _jsx("div", { id: "fibers-container", class: "tab-body", children: _jsx(Fibers.FiberList, { fibers: fibers, prefix: ConsoleStore.store.prefix }) }), _jsx("div", { "data-init": `@get('${ConsoleStore.store.prefix}/fibers')` })] }) }));
+}), Route.sse(Stream.fromPubSub(ConsoleStore.store.events).pipe(Stream.filter((e) => e._tag === "SpanStart" || e._tag === "SpanEnd" || e._tag === "Log"), Stream.map(() => {
+    const fibers = Fibers.collectFibers(ConsoleStore.store.logs.toArray(), ConsoleStore.store.spans.toArray());
+    const html = HyperHtml.renderToString(_jsx(Fibers.FiberList, { fibers: fibers, prefix: ConsoleStore.store.prefix })).replace(/\n/g, "");
+    return {
+        event: "datastar-patch-elements",
+        data: `selector #fibers-container\nmode inner\nelements ${html}`,
+    };
+}))));

package/dist/console/routes/git/route.d.ts

@@ -0,0 +1,11 @@
+import * as Stream from "effect/Stream";
+import * as ChildProcess from "../../../ChildProcess.ts";
+import * as Route from "../../../Route.ts";
+declare const _default: import("../../../RouteMount.ts").RouteMount.Builder<{}, [Route.Route.Route<{
+    method: "GET";
+    format: "html";
+}, {}, string, never, ChildProcess.ChildProcessSpawner | import("effect/Scope").Scope>, Route.Route.Route<{
+    method: "GET";
+    format: "text";
+}, {}, Stream.Stream<string, never, ChildProcess.ChildProcessSpawner | import("effect/Scope").Scope>, never, ChildProcess.ChildProcessSpawner | import("effect/Scope").Scope>]>;
+export default _default;

package/dist/console/routes/git/route.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "effect-start/jsx-runtime";
+import * as Effect from "effect/Effect";
+import * as Schedule from "effect/Schedule";
+import * as Stream from "effect/Stream";
+import * as ChildProcess from "../../../ChildProcess.js";
+import * as Route from "../../../Route.js";
+import * as HyperHtml from "../../../hyper/HyperHtml.js";
+import * as HyperRoute from "../../../hyper/HyperRoute.js";
+import * as ConsoleStore from "../../ConsoleStore.js";
+import * as Git from "../../ui/Git.js";
+import * as Shell from "../../ui/Shell.js";
+const exec = (args, cwd) => Effect.gen(function* () {
+    const handle = yield* ChildProcess.make("git", args, cwd ? { cwd } : undefined);
+    return yield* handle.stdout.pipe(Stream.decodeText("utf-8"), Stream.mkString);
+}).pipe(Effect.catchAll(() => Effect.succeed("")));
+const gitStatus = exec(["rev-parse", "--show-toplevel"]).pipe(Effect.flatMap((root) => {
+    const cwd = root.trim();
+    return Effect.all({
+        porcelain: exec(["status", "--porcelain=v2", "--branch"], cwd),
+        tag: exec(["describe", "--tags", "--abbrev=0"], cwd),
+        tagDistance: exec(["rev-list", "--count", "HEAD", "--not", "--tags"], cwd),
+    }, { concurrency: "unbounded" });
+}), Effect.map(({ porcelain, tag, tagDistance }) => Git.parseGitStatus(porcelain, `${tag.trim()}\n${tagDistance.trim()}`)));
+export default Route.get(HyperRoute.html(function* () {
+    const status = yield* gitStatus;
+    return (_jsxs(Shell.Shell, { prefix: ConsoleStore.store.prefix, active: "git", children: [_jsx("div", { class: "tab-header", children: "Git" }), _jsx("div", { id: "git-container", class: "tab-body", children: _jsx(Git.GitStatusView, { status: status }) }), _jsx("div", { "data-init": `@get('${ConsoleStore.store.prefix}/git')` })] }));
+}), Route.sse(Stream.repeatEffect(gitStatus.pipe(Effect.map((status) => {
+    const html = HyperHtml.renderToString(_jsx(Git.GitStatusView, { status: status })).replace(/\n/g, "");
+    return {
+        event: "datastar-patch-elements",
+        data: `selector #git-container\nmode inner\nelements ${html}`,
+    };
+}))).pipe(Stream.schedule(Schedule.spaced("2 seconds")))));

package/dist/console/routes/layout.d.ts

@@ -0,0 +1,9 @@
+import * as BunRoute from "../../bun/BunRoute.ts";
+import * as Route from "../../Route.ts";
+declare const _default: import("../../RouteMount.ts").RouteMount.Builder<{}, [Route.Route.Route<{
+    method: "*";
+    bunPrefix: string;
+    bunLoad: () => Promise<Bun.HTMLBundle>;
+    format: "html";
+}, {}, string, BunRoute.BunRouteError, import("../../bun/BunServer.ts").BunServer>]>;
+export default _default;

package/dist/console/routes/layout.js

@@ -0,0 +1,3 @@
+import * as BunRoute from "../../bun/BunRoute.js";
+import * as Route from "../../Route.js";
+export default Route.use(BunRoute.htmlBundle(() => import("../console.html")));

package/dist/console/routes/logs/route.d.ts

@@ -0,0 +1,10 @@
+import * as Stream from "effect/Stream";
+import * as Route from "../../../Route.ts";
+declare const _default: import("../../../RouteMount.ts").RouteMount.Builder<{}, [Route.Route.Route<{
+    method: "GET";
+    format: "html";
+}, {}, string, never, never>, Route.Route.Route<{
+    method: "GET";
+    format: "text";
+}, {}, Stream.Stream<string, never, never>, never, never>]>;
+export default _default;

package/dist/console/routes/logs/route.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "effect-start/jsx-runtime";
+import * as Stream from "effect/Stream";
+import * as Route from "../../../Route.js";
+import * as HyperHtml from "../../../hyper/HyperHtml.js";
+import * as HyperRoute from "../../../hyper/HyperRoute.js";
+import * as ConsoleStore from "../../ConsoleStore.js";
+import * as Logs from "../../ui/Logs.js";
+import * as Shell from "../../ui/Shell.js";
+const prefix = ConsoleStore.store.prefix;
+function filterLogs(url) {
+    const level = url.searchParams.get("logLevel") || "";
+    const search = url.searchParams.get("logSearch") || "";
+    let logs = ConsoleStore.store.logs.toArray();
+    if (level)
+        logs = logs.filter((l) => l.level === level);
+    if (search) {
+        const lower = search.toLowerCase();
+        logs = logs.filter((l) => l.message.toLowerCase().includes(lower));
+    }
+    return logs.reverse();
+}
+export default Route.get(HyperRoute.html(function* (ctx) {
+    const url = new URL(ctx.request.url);
+    const logs = filterLogs(url);
+    return (_jsx(Shell.Shell, { prefix: prefix, active: "logs", children: _jsxs("form", { "data-signals": { logLevel: "", logSearch: "" }, style: "display:flex;flex-direction:column;flex:1;overflow:hidden", children: [_jsx("div", { class: "tab-header", children: "Logs" }), _jsxs("div", { class: "filter-bar", children: [_jsxs("select", { name: "logLevel", "data-bind:logLevel": true, "data-on:change": (c) => c.actions.get(location.href, { contentType: "form" }), children: [_jsx("option", { value: "", children: "All levels" }), _jsx("option", { value: "DEBUG", children: "DEBUG" }), _jsx("option", { value: "INFO", children: "INFO" }), _jsx("option", { value: "WARNING", children: "WARNING" }), _jsx("option", { value: "ERROR", children: "ERROR" }), _jsx("option", { value: "FATAL", children: "FATAL" })] }), _jsx("input", { type: "text", name: "logSearch", placeholder: "Search...", "data-bind:logSearch": true, "data-on:input": (c) => c.actions.get(location.href, { contentType: "form" }) })] }), _jsx("div", { id: "logs-container", class: "tab-body", children: logs.map((l) => (_jsx(Logs.LogLine, { log: l }))) })] }) }));
+}), Route.sse(Stream.fromPubSub(ConsoleStore.store.events).pipe(Stream.filter((e) => e._tag === "Log"), Stream.map((e) => {
+    const html = HyperHtml.renderToString(_jsx(Logs.LogLine, { log: e.log })).replace(/\n/g, "");
+    return {
+        event: "datastar-patch-elements",
+        data: `selector #logs-container\nmode prepend\nelements ${html}`,
+    };
+}))));

package/dist/console/routes/metrics/route.d.ts

@@ -0,0 +1,10 @@
+import * as Stream from "effect/Stream";
+import * as Route from "../../../Route.ts";
+declare const _default: import("../../../RouteMount.ts").RouteMount.Builder<{}, [Route.Route.Route<{
+    method: "GET";
+    format: "html";
+}, {}, string, never, never>, Route.Route.Route<{
+    method: "GET";
+    format: "text";
+}, {}, Stream.Stream<string, never, never>, never, never>]>;
+export default _default;

package/dist/console/routes/metrics/route.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "effect-start/jsx-runtime";
+import * as Stream from "effect/Stream";
+import * as Route from "../../../Route.js";
+import * as HyperHtml from "../../../hyper/HyperHtml.js";
+import * as HyperRoute from "../../../hyper/HyperRoute.js";
+import * as ConsoleStore from "../../ConsoleStore.js";
+import * as Metrics from "../../ui/Metrics.js";
+import * as Shell from "../../ui/Shell.js";
+export default Route.get(HyperRoute.html(function* () {
+    return (_jsxs(Shell.Shell, { prefix: ConsoleStore.store.prefix, active: "metrics", children: [_jsx("div", { class: "tab-header", children: "Metrics" }), _jsx("div", { id: "metrics-container", class: "tab-body metrics-grid", children: _jsx(Metrics.MetricsGrid, { metrics: ConsoleStore.store.metrics }) }), _jsx("div", { "data-init": `@get('${ConsoleStore.store.prefix}/metrics')` })] }));
+}), Route.sse(Stream.fromPubSub(ConsoleStore.store.events).pipe(Stream.filter((e) => e._tag === "MetricsSnapshot"), Stream.map((e) => {
+    const html = HyperHtml.renderToString(_jsx(Metrics.MetricsGrid, { metrics: e.metrics })).replace(/\n/g, "");
+    return {
+        event: "datastar-patch-elements",
+        data: `selector #metrics-container\nmode inner\nelements ${html}`,
+    };
+}))));

package/dist/console/routes/route.d.ts

@@ -0,0 +1,6 @@
+import * as Route from "../../Route.ts";
+declare const _default: import("../../RouteMount.ts").RouteMount.Builder<{}, [Route.Route.Route<{
+    method: "GET";
+    format: "*";
+}, {}, "", never, never>]>;
+export default _default;

package/dist/console/routes/route.js

@@ -0,0 +1,5 @@
+import * as Route from "../../Route.js";
+import * as ConsoleStore from "../ConsoleStore.js";
+export default Route.get(Route.render(function* () {
+    return Route.redirect(`${ConsoleStore.store.prefix}/traces`);
+}));

package/dist/console/routes/routes/route.d.ts

@@ -0,0 +1,6 @@
+import * as Route from "../../../Route.ts";
+declare const _default: import("../../../RouteMount.ts").RouteMount.Builder<{}, [Route.Route.Route<{
+    method: "GET";
+    format: "html";
+}, {}, string, never, Route.Routes>]>;
+export default _default;

package/dist/console/routes/routes/route.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "effect-start/jsx-runtime";
+import * as Route from "../../../Route.js";
+import * as RouteTree from "../../../RouteTree.js";
+import * as HyperRoute from "../../../hyper/HyperRoute.js";
+import * as ConsoleStore from "../../ConsoleStore.js";
+import * as Routes from "../../ui/Routes.js";
+import * as Shell from "../../ui/Shell.js";
+export default Route.get(HyperRoute.html(function* () {
+    const tree = yield* Route.Routes;
+    const routes = [];
+    for (const route of RouteTree.walk(tree)) {
+        const desc = Route.descriptor(route);
+        routes.push({
+            method: desc.method ?? "*",
+            path: desc.path ?? "/",
+            format: desc.format,
+        });
+    }
+    return (_jsxs(Shell.Shell, { prefix: ConsoleStore.store.prefix, active: "routes", children: [_jsx("div", { class: "tab-header", children: "Routes" }), _jsx("div", { class: "tab-body", children: _jsx(Routes.RouteList, { routes: routes }) })] }));
+}));

package/dist/console/routes/services/route.d.ts

@@ -0,0 +1,6 @@
+import * as Route from "../../../Route.ts";
+declare const _default: import("../../../RouteMount.ts").RouteMount.Builder<{}, [Route.Route.Route<{
+    method: "GET";
+    format: "html";
+}, {}, string, never, never>]>;
+export default _default;

package/dist/console/routes/services/route.js

@@ -0,0 +1,12 @@
+import { jsxs as _jsxs, jsx as _jsx } from "effect-start/jsx-runtime";
+import * as Effect from "effect/Effect";
+import * as Route from "../../../Route.js";
+import * as HyperRoute from "../../../hyper/HyperRoute.js";
+import * as ConsoleStore from "../../ConsoleStore.js";
+import * as Services from "../../ui/Services.js";
+import * as Shell from "../../ui/Shell.js";
+export default Route.get(HyperRoute.html(function* () {
+    const ctx = yield* Effect.context();
+    const services = Services.collectServices(ctx.unsafeMap);
+    return (_jsxs(Shell.Shell, { prefix: ConsoleStore.store.prefix, active: "services", children: [_jsxs("div", { class: "tab-header", children: ["Services (", services.length, ")"] }), _jsx("div", { class: "tab-body", children: _jsx(Services.ServiceList, { services: services }) })] }));
+}));

package/dist/console/routes/system/route.d.ts

@@ -0,0 +1,10 @@
+import * as Stream from "effect/Stream";
+import * as Route from "../../../Route.ts";
+declare const _default: import("../../../RouteMount.ts").RouteMount.Builder<{}, [Route.Route.Route<{
+    method: "GET";
+    format: "html";
+}, {}, string, never, never>, Route.Route.Route<{
+    method: "GET";
+    format: "text";
+}, {}, Stream.Stream<string, never, never>, never, never>]>;
+export default _default;

package/dist/console/routes/system/route.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "effect-start/jsx-runtime";
+import * as Stream from "effect/Stream";
+import * as Route from "../../../Route.js";
+import * as HyperHtml from "../../../hyper/HyperHtml.js";
+import * as HyperRoute from "../../../hyper/HyperRoute.js";
+import * as ConsoleStore from "../../ConsoleStore.js";
+import * as System from "../../ui/System.js";
+import * as Shell from "../../ui/Shell.js";
+export default Route.get(HyperRoute.html(function* () {
+    const stats = ConsoleStore.store.process;
+    return (_jsx(Shell.Shell, { prefix: ConsoleStore.store.prefix, active: "system", children: _jsxs("div", { style: "display:flex;flex-direction:column;flex:1;overflow:hidden", children: [_jsx("div", { class: "tab-header", children: "System" }), _jsx("div", { id: "system-container", class: "tab-body", children: stats ? (_jsx(System.SystemStatsView, { stats: stats })) : (_jsx("div", { class: "empty", children: "Waiting for system data..." })) }), _jsx("div", { "data-init": `@get('${ConsoleStore.store.prefix}/system')` })] }) }));
+}), Route.sse(Stream.fromPubSub(ConsoleStore.store.events).pipe(Stream.filter((e) => e._tag === "ProcessSnapshot"), Stream.map((e) => {
+    const html = HyperHtml.renderToString(_jsx(System.SystemStatsView, { stats: e.stats })).replace(/\n/g, "");
+    return {
+        event: "datastar-patch-elements",
+        data: `selector #system-container\nmode inner\nelements ${html}`,
+    };
+}))));

package/dist/console/routes/traceDetail.d.ts

@@ -0,0 +1,16 @@
+import * as Route from "../../Route.ts";
+declare const _default: import("../../RouteMount.ts").RouteMount.Builder<{}, [Route.Route.Route<{
+    method: "GET";
+}, {
+    pathParams: {
+        readonly id: string;
+    };
+}, unknown, import("effect/ParseResult").ParseError, never>, Route.Route.Route<{
+    method: "GET";
+    format: "html";
+}, {
+    pathParams: {
+        readonly id: string;
+    };
+}, string, never, never>]>;
+export default _default;

package/dist/console/routes/traceDetail.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "effect-start/jsx-runtime";
+import * as Schema from "effect/Schema";
+import * as Route from "../../Route.js";
+import * as RouteSchema from "../../RouteSchema.js";
+import * as HyperRoute from "../../hyper/HyperRoute.js";
+import * as ConsoleStore from "../ConsoleStore.js";
+import * as Shell from "../ui/Shell.js";
+import * as Traces from "../ui/Traces.js";
+export default Route.get(RouteSchema.schemaPathParams(Schema.Struct({ id: Schema.String })), HyperRoute.html(function* (ctx) {
+    const allSpans = ConsoleStore.store.spans.toArray();
+    const groups = Traces.groupByTraceId(allSpans);
+    const spans = groups.get(ctx.pathParams.id) ?? [];
+    return (_jsx(Shell.Shell, { prefix: ConsoleStore.store.prefix, active: "traces", children: _jsx(Traces.TraceDetail, { prefix: ConsoleStore.store.prefix, spans: spans }) }));
+}));

package/dist/console/routes/traces/route.d.ts

@@ -0,0 +1,10 @@
+import * as Stream from "effect/Stream";
+import * as Route from "../../../Route.ts";
+declare const _default: import("../../../RouteMount.ts").RouteMount.Builder<{}, [Route.Route.Route<{
+    method: "GET";
+    format: "html";
+}, {}, string, never, never>, Route.Route.Route<{
+    method: "GET";
+    format: "text";
+}, {}, Stream.Stream<string, never, never>, never, never>]>;
+export default _default;

package/dist/console/routes/traces/route.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "effect-start/jsx-runtime";
+import * as Stream from "effect/Stream";
+import * as Route from "../../../Route.js";
+import * as HyperHtml from "../../../hyper/HyperHtml.js";
+import * as HyperRoute from "../../../hyper/HyperRoute.js";
+import * as ConsoleStore from "../../ConsoleStore.js";
+import * as Shell from "../../ui/Shell.js";
+import * as Traces from "../../ui/Traces.js";
+const prefix = ConsoleStore.store.prefix;
+function collectNames() {
+    const names = new Set();
+    for (const span of ConsoleStore.store.spans.toArray()) {
+        if (span.name)
+            names.add(span.name);
+    }
+    return Array.from(names).sort();
+}
+function filterSpans(url) {
+    const search = url.searchParams.get("traceSearch") || "";
+    let spans = ConsoleStore.store.spans.toArray();
+    if (search) {
+        const lower = search.toLowerCase();
+        spans = spans.filter((s) => s.name.toLowerCase().startsWith(lower));
+    }
+    return spans;
+}
+export default Route.get(HyperRoute.html(function* (ctx) {
+    const url = new URL(ctx.request.url);
+    const spans = filterSpans(url);
+    const names = collectNames();
+    return (_jsxs(Shell.Shell, { prefix: prefix, active: "traces", children: [_jsxs("form", { "data-signals": { traceSearch: "" }, style: "display:flex;flex-direction:column;flex:1;overflow:hidden", children: [_jsx("div", { class: "tab-header", children: "Traces" }), _jsxs("div", { class: "filter-bar", children: [_jsx("input", { type: "text", name: "traceSearch", placeholder: "Search trace name...", list: "trace-names", "data-bind:traceSearch": true, "data-on:input": (c) => c.actions.get(location.href, { contentType: "form" }) }), _jsx("datalist", { id: "trace-names", children: names.map((n) => (_jsx("option", { value: n }))) })] }), _jsx("div", { id: "traces-container", class: "tab-body", children: _jsx(Traces.TraceGroups, { spans: spans }) })] }), _jsx("div", { "data-init": `@get('${prefix}/traces')` })] }));
+}), Route.sse(Stream.fromPubSub(ConsoleStore.store.events).pipe(Stream.filter((e) => e._tag === "SpanStart" || e._tag === "SpanEnd"), Stream.map(() => {
+    const spans = ConsoleStore.store.spans.toArray();
+    const html = HyperHtml.renderToString(_jsx(Traces.TraceGroups, { spans: spans })).replace(/\n/g, "");
+    return {
+        event: "datastar-patch-elements",
+        data: `selector #traces-container\nmode inner\nelements ${html}`,
+    };
+}))));

package/dist/console/routes/tree.d.ts

@@ -0,0 +1,153 @@
+import * as Route from "../../Route.ts";
+declare const _default: import("../../RouteTree.ts").RouteTree<{
+    "/": [Route.Route.Route<{
+        method: "*";
+        bunPrefix: string;
+        bunLoad: () => Promise<Bun.HTMLBundle>;
+        format: "html";
+    }, {}, string, import("../../bun/BunRoute.ts").BunRouteError, import("../../bun/BunServer.ts").BunServer>, Route.Route.Route<{
+        method: "GET";
+        format: "*";
+    }, {}, "", never, never>];
+    "/traces": [Route.Route.Route<{
+        method: "*";
+        bunPrefix: string;
+        bunLoad: () => Promise<Bun.HTMLBundle>;
+        format: "html";
+    }, {}, string, import("../../bun/BunRoute.ts").BunRouteError, import("../../bun/BunServer.ts").BunServer>, Route.Route.Route<{
+        method: "GET";
+        format: "html";
+    }, {}, string, never, never>, Route.Route.Route<{
+        method: "GET";
+        format: "text";
+    }, {}, import("effect/Stream").Stream<string, never, never>, never, never>];
+    "/traces/:id": [Route.Route.Route<{
+        method: "*";
+        bunPrefix: string;
+        bunLoad: () => Promise<Bun.HTMLBundle>;
+        format: "html";
+    }, {}, string, import("../../bun/BunRoute.ts").BunRouteError, import("../../bun/BunServer.ts").BunServer>, Route.Route.Route<{
+        method: "GET";
+    }, {
+        pathParams: {
+            readonly id: string;
+        };
+    }, unknown, import("effect/ParseResult").ParseError, never>, Route.Route.Route<{
+        method: "GET";
+        format: "html";
+    }, {
+        pathParams: {
+            readonly id: string;
+        };
+    }, string, never, never>];
+    "/metrics": [Route.Route.Route<{
+        method: "*";
+        bunPrefix: string;
+        bunLoad: () => Promise<Bun.HTMLBundle>;
+        format: "html";
+    }, {}, string, import("../../bun/BunRoute.ts").BunRouteError, import("../../bun/BunServer.ts").BunServer>, Route.Route.Route<{
+        method: "GET";
+        format: "html";
+    }, {}, string, never, never>, Route.Route.Route<{
+        method: "GET";
+        format: "text";
+    }, {}, import("effect/Stream").Stream<string, never, never>, never, never>];
+    "/logs": [Route.Route.Route<{
+        method: "*";
+        bunPrefix: string;
+        bunLoad: () => Promise<Bun.HTMLBundle>;
+        format: "html";
+    }, {}, string, import("../../bun/BunRoute.ts").BunRouteError, import("../../bun/BunServer.ts").BunServer>, Route.Route.Route<{
+        method: "GET";
+        format: "html";
+    }, {}, string, never, never>, Route.Route.Route<{
+        method: "GET";
+        format: "text";
+    }, {}, import("effect/Stream").Stream<string, never, never>, never, never>];
+    "/errors": [Route.Route.Route<{
+        method: "*";
+        bunPrefix: string;
+        bunLoad: () => Promise<Bun.HTMLBundle>;
+        format: "html";
+    }, {}, string, import("../../bun/BunRoute.ts").BunRouteError, import("../../bun/BunServer.ts").BunServer>, Route.Route.Route<{
+        method: "GET";
+        format: "html";
+    }, {}, string, never, never>, Route.Route.Route<{
+        method: "GET";
+        format: "text";
+    }, {}, import("effect/Stream").Stream<string, never, never>, never, never>];
+    "/fibers": [Route.Route.Route<{
+        method: "*";
+        bunPrefix: string;
+        bunLoad: () => Promise<Bun.HTMLBundle>;
+        format: "html";
+    }, {}, string, import("../../bun/BunRoute.ts").BunRouteError, import("../../bun/BunServer.ts").BunServer>, Route.Route.Route<{
+        method: "GET";
+        format: "html";
+    }, {}, string, never, never>, Route.Route.Route<{
+        method: "GET";
+        format: "text";
+    }, {}, import("effect/Stream").Stream<string, never, never>, never, never>];
+    "/fibers/:id": [Route.Route.Route<{
+        method: "*";
+        bunPrefix: string;
+        bunLoad: () => Promise<Bun.HTMLBundle>;
+        format: "html";
+    }, {}, string, import("../../bun/BunRoute.ts").BunRouteError, import("../../bun/BunServer.ts").BunServer>, Route.Route.Route<{
+        method: "GET";
+    }, {
+        pathParams: {
+            readonly id: string;
+        };
+    }, unknown, import("effect/ParseResult").ParseError, never>, Route.Route.Route<{
+        method: "GET";
+        format: "html";
+    }, {
+        pathParams: {
+            readonly id: string;
+        };
+    }, string, never, never>];
+    "/routes": [Route.Route.Route<{
+        method: "*";
+        bunPrefix: string;
+        bunLoad: () => Promise<Bun.HTMLBundle>;
+        format: "html";
+    }, {}, string, import("../../bun/BunRoute.ts").BunRouteError, import("../../bun/BunServer.ts").BunServer>, Route.Route.Route<{
+        method: "GET";
+        format: "html";
+    }, {}, string, never, Route.Routes>];
+    "/system": [Route.Route.Route<{
+        method: "*";
+        bunPrefix: string;
+        bunLoad: () => Promise<Bun.HTMLBundle>;
+        format: "html";
+    }, {}, string, import("../../bun/BunRoute.ts").BunRouteError, import("../../bun/BunServer.ts").BunServer>, Route.Route.Route<{
+        method: "GET";
+        format: "html";
+    }, {}, string, never, never>, Route.Route.Route<{
+        method: "GET";
+        format: "text";
+    }, {}, import("effect/Stream").Stream<string, never, never>, never, never>];
+    "/services": [Route.Route.Route<{
+        method: "*";
+        bunPrefix: string;
+        bunLoad: () => Promise<Bun.HTMLBundle>;
+        format: "html";
+    }, {}, string, import("../../bun/BunRoute.ts").BunRouteError, import("../../bun/BunServer.ts").BunServer>, Route.Route.Route<{
+        method: "GET";
+        format: "html";
+    }, {}, string, never, never>];
+    "/git": [Route.Route.Route<{
+        method: "*";
+        bunPrefix: string;
+        bunLoad: () => Promise<Bun.HTMLBundle>;
+        format: "html";
+    }, {}, string, import("../../bun/BunRoute.ts").BunRouteError, import("../../bun/BunServer.ts").BunServer>, Route.Route.Route<{
+        method: "GET";
+        format: "html";
+    }, {}, string, never, import("../../ChildProcess.ts").ChildProcessSpawner | import("effect/Scope").Scope>, Route.Route.Route<{
+        method: "GET";
+        format: "text";
+    }, {}, import("effect/Stream").Stream<string, never, import("../../ChildProcess.ts").ChildProcessSpawner | import("effect/Scope").Scope>, never, import("../../ChildProcess.ts").ChildProcessSpawner | import("effect/Scope").Scope>];
+}>;
+export default _default;