effect-start 0.28.0 → 0.30.0

package/dist/studio/routes/system/route.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"route.js","sourceRoot":"","sources":["../../../../src/studio/routes/system/route.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAA;AACvC,OAAO,KAAK,KAAK,MAAM,mBAAmB,CAAA;AAC1C,OAAO,KAAK,IAAI,MAAM,kBAAkB,CAAA;AACxC,OAAO,KAAK,WAAW,MAAM,sBAAsB,CAAA;AACnD,OAAO,KAAK,MAAM,MAAM,oBAAqB,CAAA;AAC7C,OAAO,KAAK,KAAK,MAAM,mBAAoB,CAAA;AAE3C,eAAe,KAAK,CAAC,GAAG,CACtB,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;IAClB,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,OAAO,CAAA;IACvC,OAAO,CACL,KAAC,KAAK,CAAC,KAAK,IAAC,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,EAAC,QAAQ,YAC5D,eAAK,KAAK,EAAC,2DAA2D,aACpE,cAAK,KAAK,EAAC,YAAY,uBAAa,EACpC,cAAK,EAAE,EAAC,kBAAkB,EAAC,KAAK,EAAC,UAAU,YACxC,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,MAAM,CAAC,eAAe,IAAC,KAAK,EAAE,KAAK,GAAI,CACzC,CAAC,CAAC,CAAC,CACF,cAAK,KAAK,EAAC,OAAO,2CAAiC,CACpD,GACG,EACN,2BAAgB,SAAS,WAAW,CAAC,KAAK,CAAC,MAAM,WAAW,GAAI,IAC5D,GACM,CACf,CAAA;AACH,CAAC,CAAC,EACF,KAAK,CAAC,GAAG,CACP,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAC9C,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,iBAAiB,CAAC,EAClD,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;IACf,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,CAAC,KAAC,MAAM,CAAC,eAAe,IAAC,KAAK,EAAE,CAAC,CAAC,KAAK,GAAI,CAAC,CAAC,OAAO,CAClF,KAAK,EACL,EAAE,CACH,CAAA;IACD,OAAO;QACL,KAAK,EAAE,yBAAyB;QAChC,IAAI,EAAE,oDAAoD,IAAI,EAAE;KACjE,CAAA;AACH,CAAC,CAAC,CACH,CACF,CACF,CAAA"}

package/dist/{tower → studio}/routes/traceDetail.d.ts

@@ -6,8 +6,8 @@ declare const _default: import("../../RouteMount.ts").RouteMount.Builder<{}, [Ro
         readonly id: string;
     };
 }, unknown, import("effect/ParseResult").ParseError, never>, Route.Route.Route<{
-    format: "html";
     method: "GET";
+    format: "html";
 }, {
     pathParams: {
         readonly id: string;

package/dist/studio/routes/traceDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"traceDetail.d.ts","sourceRoot":"","sources":["../../../src/studio/routes/traceDetail.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAA;;;;;;;;;;;;;;;AAMvC,wBAqBC"}

package/dist/studio/routes/traceDetail.js

@@ -0,0 +1,19 @@
+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 StudioStore from "../StudioStore.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 })), Route.html(function* (ctx) {
+    let traceId;
+    try {
+        traceId = BigInt(ctx.pathParams.id);
+    }
+    catch {
+        return (_jsx(Shell.Shell, { prefix: StudioStore.store.prefix, active: "traces", children: _jsx("div", { class: "empty", children: "Trace not found" }) }));
+    }
+    const spans = yield* StudioStore.spansByTraceId(StudioStore.store.sql, traceId);
+    return (_jsx(Shell.Shell, { prefix: StudioStore.store.prefix, active: "traces", children: _jsx(Traces.TraceDetail, { prefix: StudioStore.store.prefix, spans: spans }) }));
+}));
+//# sourceMappingURL=traceDetail.js.map

package/dist/studio/routes/traceDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"traceDetail.js","sourceRoot":"","sources":["../../../src/studio/routes/traceDetail.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAA;AACvC,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAA;AACvC,OAAO,KAAK,WAAW,MAAM,sBAAsB,CAAA;AACnD,OAAO,KAAK,WAAW,MAAM,mBAAmB,CAAA;AAChD,OAAO,KAAK,KAAK,MAAM,gBAAiB,CAAA;AACxC,OAAO,KAAK,MAAM,MAAM,iBAAkB,CAAA;AAE1C,eAAe,KAAK,CAAC,GAAG,CACtB,WAAW,CAAC,gBAAgB,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,EAClE,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,GAAG;IACvB,IAAI,OAAe,CAAA;IACnB,IAAI,CAAC;QACH,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,CAAA;IACrC,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,CACL,KAAC,KAAK,CAAC,KAAK,IAAC,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,EAAC,QAAQ,YAC5D,cAAK,KAAK,EAAC,OAAO,gCAAsB,GAC5B,CACf,CAAA;IACH,CAAC;IACD,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,EAAE,OAAO,CAAC,CAAA;IAE/E,OAAO,CACL,KAAC,KAAK,CAAC,KAAK,IAAC,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,EAAC,QAAQ,YAC5D,KAAC,MAAM,CAAC,WAAW,IAAC,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,GAAI,GAC1D,CACf,CAAA;AACH,CAAC,CAAC,CACH,CAAA"}

package/dist/{tower/routes/fibers → studio/routes/traces}/route.d.ts

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

package/dist/studio/routes/traces/route.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"route.d.ts","sourceRoot":"","sources":["../../../../src/studio/routes/traces/route.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAA;AACvC,OAAO,KAAK,KAAK,MAAM,mBAAmB,CAAA;;;;;;;;AAQ1C,wBA4DC"}

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

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "effect-start/jsx-runtime";
+import * as Effect from "effect/Effect";
+import * as Stream from "effect/Stream";
+import * as Route from "../../../Route.js";
+import * as Html from "../../../Html.js";
+import * as StudioStore from "../../StudioStore.js";
+import * as Shell from "../../ui/Shell.js";
+import * as Traces from "../../ui/Traces.js";
+const prefix = StudioStore.store.prefix;
+export default Route.get(Route.html(function* (ctx) {
+    const url = new URL(ctx.request.url);
+    const search = url.searchParams.get("traceSearch") || "";
+    const allSpans = yield* StudioStore.allSpans(StudioStore.store.sql);
+    const names = Array.from(new Set(allSpans.map((s) => s.name))).sort();
+    let spans = allSpans;
+    if (search) {
+        const lower = search.toLowerCase();
+        spans = spans.filter((s) => s.name.toLowerCase().startsWith(lower));
+    }
+    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(StudioStore.store.events).pipe(Stream.filter((e) => e._tag === "SpanStart" || e._tag === "SpanEnd"), Stream.mapEffect(() => Effect.gen(function* () {
+    const spans = yield* StudioStore.allSpans(StudioStore.store.sql);
+    const html = Html.renderToString(_jsx(Traces.TraceGroups, { spans: spans })).replace(/\n/g, "");
+    return {
+        event: "datastar-patch-elements",
+        data: `selector #traces-container\nmode inner\nelements ${html}`,
+    };
+})))));
+//# sourceMappingURL=route.js.map

package/dist/studio/routes/traces/route.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"route.js","sourceRoot":"","sources":["../../../../src/studio/routes/traces/route.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAA;AACvC,OAAO,KAAK,MAAM,MAAM,eAAe,CAAA;AACvC,OAAO,KAAK,KAAK,MAAM,mBAAmB,CAAA;AAC1C,OAAO,KAAK,IAAI,MAAM,kBAAkB,CAAA;AACxC,OAAO,KAAK,WAAW,MAAM,sBAAsB,CAAA;AACnD,OAAO,KAAK,KAAK,MAAM,mBAAoB,CAAA;AAC3C,OAAO,KAAK,MAAM,MAAM,oBAAqB,CAAA;AAE7C,MAAM,MAAM,GAAG,WAAW,CAAC,KAAK,CAAC,MAAM,CAAA;AAEvC,eAAe,KAAK,CAAC,GAAG,CACtB,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,GAAG;IACvB,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;IACpC,MAAM,MAAM,GAAG,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,aAAa,CAAC,IAAI,EAAE,CAAA;IACxD,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IACnE,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAA;IACrE,IAAI,KAAK,GAAG,QAAQ,CAAA;IACpB,IAAI,MAAM,EAAE,CAAC;QACX,MAAM,KAAK,GAAG,MAAM,CAAC,WAAW,EAAE,CAAA;QAClC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAA;IACrE,CAAC;IAED,OAAO,CACL,MAAC,KAAK,CAAC,KAAK,IAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAC,QAAQ,aAC1C,gCACgB,EAAE,WAAW,EAAE,EAAE,EAAE,EACjC,KAAK,EAAC,2DAA2D,aAEjE,cAAK,KAAK,EAAC,YAAY,uBAAa,EACpC,eAAK,KAAK,EAAC,YAAY,aACrB,gBACE,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,aAAa,EAClB,WAAW,EAAC,sBAAsB,EAClC,IAAI,EAAC,aAAa,kDAEH,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,GAC3E,EACF,mBAAU,EAAE,EAAC,aAAa,YACvB,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAChB,iBAAQ,KAAK,EAAE,CAAC,GAAI,CACrB,CAAC,GACO,IACP,EACN,cAAK,EAAE,EAAC,kBAAkB,EAAC,KAAK,EAAC,UAAU,YACzC,KAAC,MAAM,CAAC,WAAW,IAAC,KAAK,EAAE,KAAK,GAAI,GAChC,IACD,EACP,2BAAgB,SAAS,MAAM,WAAW,GAAI,IAClC,CACf,CAAA;AACH,CAAC,CAAC,EACF,KAAK,CAAC,GAAG,CACP,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAC9C,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,WAAW,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,EACpE,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE,CACpB,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC;IAClB,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAChE,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,CAAC,KAAC,MAAM,CAAC,WAAW,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,OAAO,CAC5E,KAAK,EACL,EAAE,CACH,CAAA;IACD,OAAO;QACL,KAAK,EAAE,yBAAyB;QAChC,IAAI,EAAE,oDAAoD,IAAI,EAAE;KACjE,CAAA;AACH,CAAC,CAAC,CACH,CACF,CACF,CACF,CAAA"}

package/dist/{tower → studio}/routes/tree.d.ts

@@ -6,34 +6,22 @@ declare const _default: import("../../RouteTree.ts").RouteTree<{
         bunLoad: () => Promise<Bun.HTMLBundle>;
         format: "html";
     }, {}, string, import("../../bun/BunRoute.ts").BunRouteError, import("../../bun/BunServer.ts").BunServer>, Route.Route.Route<{
-        format: "*";
         method: "GET";
-    }, {}, "", never, never>];
-    "/errors": [Route.Route.Route<{
+        format: "*";
+    }, {}, import("../../RouteBody.ts").RenderValue, 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<{
-        format: "html";
-        method: "GET";
-    }, {}, string, import("../../sql/SqlClient.ts").SqlError, 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<{
         format: "html";
-        method: "GET";
     }, {}, string, import("../../sql/SqlClient.ts").SqlError, never>, Route.Route.Route<{
         method: "GET";
         format: "text";
     }, {}, import("effect/Stream").Stream<string, import("../../sql/SqlClient.ts").SqlError, never>, import("../../sql/SqlClient.ts").SqlError, never>];
-    "/fibers/:id": [Route.Route.Route<{
+    "/traces/:id": [Route.Route.Route<{
         method: "*";
         bunPrefix: string;
         bunLoad: () => Promise<Bun.HTMLBundle>;
@@ -45,80 +33,62 @@ declare const _default: import("../../RouteTree.ts").RouteTree<{
             readonly id: string;
         };
     }, unknown, import("effect/ParseResult").ParseError, never>, Route.Route.Route<{
-        format: "html";
         method: "GET";
+        format: "html";
     }, {
         pathParams: {
             readonly id: string;
         };
     }, string, import("../../sql/SqlClient.ts").SqlError, 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<{
-        format: "html";
-        method: "GET";
-    }, {}, string, import("../../sql/SqlClient.ts").SqlError, never>, Route.Route.Route<{
-        method: "GET";
-        format: "text";
-    }, {}, import("effect/Stream").Stream<string, never, never>, 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<{
-        format: "html";
         method: "GET";
+        format: "html";
     }, {}, string, never, never>, Route.Route.Route<{
         method: "GET";
         format: "text";
     }, {}, import("effect/Stream").Stream<string, never, never>, never, never>];
-    "/routes": [Route.Route.Route<{
+    "/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<{
-        format: "html";
         method: "GET";
-    }, {}, string, never, Route.Routes>];
-    "/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<{
         format: "html";
+    }, {}, string, import("../../sql/SqlClient.ts").SqlError, never>, Route.Route.Route<{
         method: "GET";
-    }, {}, string, never, never>];
-    "/system": [Route.Route.Route<{
+        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<{
-        format: "html";
         method: "GET";
-    }, {}, string, never, never>, Route.Route.Route<{
+        format: "html";
+    }, {}, string, import("../../sql/SqlClient.ts").SqlError, never>, Route.Route.Route<{
         method: "GET";
         format: "text";
     }, {}, import("effect/Stream").Stream<string, never, never>, never, never>];
-    "/traces": [Route.Route.Route<{
+    "/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<{
-        format: "html";
         method: "GET";
+        format: "html";
     }, {}, string, import("../../sql/SqlClient.ts").SqlError, never>, Route.Route.Route<{
         method: "GET";
         format: "text";
     }, {}, import("effect/Stream").Stream<string, import("../../sql/SqlClient.ts").SqlError, never>, import("../../sql/SqlClient.ts").SqlError, never>];
-    "/traces/:id": [Route.Route.Route<{
+    "/fibers/:id": [Route.Route.Route<{
         method: "*";
         bunPrefix: string;
         bunLoad: () => Promise<Bun.HTMLBundle>;
@@ -130,13 +100,43 @@ declare const _default: import("../../RouteTree.ts").RouteTree<{
             readonly id: string;
         };
     }, unknown, import("effect/ParseResult").ParseError, never>, Route.Route.Route<{
-        format: "html";
         method: "GET";
+        format: "html";
     }, {
         pathParams: {
             readonly id: string;
         };
     }, string, import("../../sql/SqlClient.ts").SqlError, 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>];
 }>;
 export default _default;
 //# sourceMappingURL=tree.d.ts.map

package/dist/studio/routes/tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../../src/studio/routes/tree.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcvC,wBAaE"}

package/dist/studio/routes/tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.js","sourceRoot":"","sources":["../../../src/studio/routes/tree.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAA;AACvC,OAAO,WAAW,MAAM,mBAAoB,CAAA;AAC5C,OAAO,gBAAgB,MAAM,kBAAmB,CAAA;AAChD,OAAO,WAAW,MAAM,mBAAoB,CAAA;AAC5C,OAAO,MAAM,MAAM,aAAc,CAAA;AACjC,OAAO,SAAS,MAAM,iBAAkB,CAAA;AACxC,OAAO,YAAY,MAAM,oBAAqB,CAAA;AAC9C,OAAO,WAAW,MAAM,mBAAoB,CAAA;AAC5C,OAAO,SAAS,MAAM,YAAa,CAAA;AACnC,OAAO,WAAW,MAAM,mBAAoB,CAAA;AAC5C,OAAO,aAAa,MAAM,qBAAsB,CAAA;AAChD,OAAO,gBAAgB,MAAM,kBAAmB,CAAA;AAChD,OAAO,WAAW,MAAM,mBAAoB,CAAA;AAE5C,eAAe,KAAK,CAAC,IAAI,CAAC;IACxB,GAAG,EAAE,MAAM;IACX,GAAG,EAAE,SAAS;IACd,SAAS,EAAE,WAAW;IACtB,aAAa,EAAE,gBAAgB;IAC/B,UAAU,EAAE,YAAY;IACxB,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;IACtB,aAAa,EAAE,gBAAgB;IAC/B,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;IACtB,WAAW,EAAE,aAAa;CAC3B,CAAC,CAAA"}

package/dist/studio/ui/Errors.d.ts

@@ -0,0 +1,5 @@
+import * as StudioStore from "../StudioStore.ts";
+export declare function ErrorLine(options: {
+    error: StudioStore.StudioError;
+}): import("../../Html.ts").Element;
+//# sourceMappingURL=Errors.d.ts.map

package/dist/studio/ui/Errors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Errors.d.ts","sourceRoot":"","sources":["../../../src/studio/ui/Errors.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,WAAW,MAAM,mBAAmB,CAAA;AAEhD,wBAAgB,SAAS,CAAC,OAAO,EAAE;IAAE,KAAK,EAAE,WAAW,CAAC,WAAW,CAAA;CAAE,mCA4EpE"}

package/dist/studio/ui/Errors.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "effect-start/jsx-runtime";
+import * as Unique from "../../Unique.js";
+import * as StudioStore from "../StudioStore.js";
+export function ErrorLine(options) {
+    const time = new Date(Number(Unique.snowflake.timestamp(options.error.id))).toLocaleTimeString("en", {
+        hour12: false,
+        hour: "2-digit",
+        minute: "2-digit",
+        second: "2-digit",
+    });
+    const firstLine = options.error.prettyPrint.split("\n")[0] ?? "";
+    const tags = options.error.details.map((d) => d.tag).filter(Boolean);
+    const allSpans = options.error.details.map((d) => d.span).filter(Boolean);
+    const allProps = options.error.details.flatMap((d) => Object.entries(d.properties));
+    return (_jsxs("details", { style: "border-bottom:1px solid #1e293b", children: [_jsxs("summary", { style: "display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:12px;font-family:monospace", children: [_jsx("span", { style: "color:#6b7280;flex-shrink:0", children: time }), _jsx("span", { style: "color:#fca5a5", children: firstLine })] }), _jsxs("div", { style: "padding:4px 12px 10px;font-size:12px;font-family:monospace", children: [tags.length > 0 && (_jsx("div", { style: "display:flex;flex-wrap:wrap;gap:4px 12px;margin-bottom:6px", children: tags.map((t) => (_jsxs("div", { children: [_jsx("span", { style: "color:#64748b", children: "tag " }), _jsx("span", { style: "color:#fca5a5;text-decoration:underline;cursor:copy", "data-on:click": `(e) => { e.signals.errorTag.value = '${t}'; e.actions.get(location.href, { contentType: 'form' }) }`, children: t })] }))) })), allSpans.length > 0 && (_jsx("div", { style: "display:flex;flex-wrap:wrap;gap:4px 12px;margin-bottom:6px", children: allSpans.map((s) => (_jsxs("div", { children: [_jsx("span", { style: "color:#64748b", children: "span " }), _jsx("span", { style: "color:#818cf8", children: s })] }))) })), allProps.length > 0 && (_jsx("div", { style: "display:flex;flex-wrap:wrap;gap:4px 12px;margin-bottom:6px", children: allProps.map(([k, v]) => (_jsxs("div", { children: [_jsx("span", { style: "color:#64748b", children: k }), _jsx("span", { style: "color:#4b5563", children: "=" }), _jsx("span", { style: "color:#e2e8f0", children: typeof v === "object" ? JSON.stringify(v) : String(v) })] }))) })), _jsxs("div", { style: "margin-bottom:6px", children: [_jsx("span", { style: "color:#64748b", children: "fiber " }), _jsx("a", { href: `${StudioStore.store.prefix}/fibers/${options.error.fiberId.replace("#", "")}`, style: "color:#9ca3af;text-decoration:none", children: options.error.fiberId })] }), _jsx("pre", { style: "color:#9ca3af;font-size:11px;padding:0;margin:0;white-space:pre-wrap;word-break:break-all", children: options.error.prettyPrint })] })] }));
+}
+//# sourceMappingURL=Errors.js.map

package/dist/studio/ui/Errors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Errors.js","sourceRoot":"","sources":["../../../src/studio/ui/Errors.tsx"],"names":[],"mappings":"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"}

package/dist/{tower → studio}/ui/Fibers.d.ts

@@ -1,4 +1,4 @@
-import * as TowerStore from "../TowerStore.ts";
+import * as StudioStore from "../StudioStore.ts";
 export interface FiberSummary {
     readonly id: string;
     logCount: number;
@@ -8,18 +8,18 @@ export interface FiberSummary {
     readonly levels: Set<string>;
 }
 export declare function getParentChain(fiberId: string, fiberParents: Map<string, string>): Array<string>;
-export declare function collectFibers(logs: Array<TowerStore.TowerLog>, spans: Array<TowerStore.TowerSpan>): Array<FiberSummary>;
+export declare function collectFibers(logs: Array<StudioStore.StudioLog>, spans: Array<StudioStore.StudioSpan>): Array<FiberSummary>;
 export declare function FiberList(options: {
     fibers: Array<FiberSummary>;
     prefix: string;
-}): import("../../hyper/HyperNode.ts").HyperNode;
+}): import("../../Html.ts").Element;
 export declare function FiberDetail(options: {
     prefix: string;
     fiberId: string;
-    logs: Array<TowerStore.TowerLog>;
-    spans: Array<TowerStore.TowerSpan>;
+    logs: Array<StudioStore.StudioLog>;
+    spans: Array<StudioStore.StudioSpan>;
     alive: "alive" | "dead" | "unknown";
     parents: Array<string>;
-    context: TowerStore.FiberContext | undefined;
-}): import("../../hyper/HyperNode.ts").HyperNode;
+    context: StudioStore.FiberContext | undefined;
+}): import("../../Html.ts").Element;
 //# sourceMappingURL=Fibers.d.ts.map

package/dist/studio/ui/Fibers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fibers.d.ts","sourceRoot":"","sources":["../../../src/studio/ui/Fibers.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,WAAW,MAAM,mBAAmB,CAAA;AAkChD,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;IACnC,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;CAC7B;AAED,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAUhG;AAED,wBAAgB,aAAa,CAC3B,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,EAClC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,UAAU,CAAC,GACnC,KAAK,CAAC,YAAY,CAAC,CA4DrB;AA8DD,wBAAgB,SAAS,CAAC,OAAO,EAAE;IAAE,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,mCAWjF;AAED,wBAAgB,WAAW,CAAC,OAAO,EAAE;IACnC,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,CAAA;IAClC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,UAAU,CAAC,CAAA;IACpC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;IACnC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IACtB,OAAO,EAAE,WAAW,CAAC,YAAY,GAAG,SAAS,CAAA;CAC9C,mCAqIA"}

package/dist/studio/ui/Fibers.js

@@ -0,0 +1,134 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "effect-start/jsx-runtime";
+import * as Unique from "../../Unique.js";
+import * as StudioStore from "../StudioStore.js";
+import * as Logs from "./Logs.js";
+function formatDuration(ms) {
+    if (ms == null)
+        return "...";
+    if (ms < 1)
+        return `${(ms * 1000).toFixed(0)}µs`;
+    if (ms < 1000)
+        return `${ms.toFixed(1)}ms`;
+    return `${(ms / 1000).toFixed(2)}s`;
+}
+function KeyValue(options) {
+    if (options.value == null)
+        return null;
+    return (_jsxs("div", { style: "display:flex;gap:8px;padding:4px 0;border-bottom:1px solid #1e293b;font-size:12px", children: [_jsx("span", { style: "color:#64748b;min-width:120px", children: options.label }), _jsx("span", { style: "color:#e2e8f0;font-family:monospace;word-break:break-all", children: String(options.value) })] }));
+}
+function StatusBadge(options) {
+    const bg = options.status === "ok" ? "#166534" : options.status === "error" ? "#7f1d1d" : "#713f12";
+    const fg = options.status === "ok" ? "#4ade80" : options.status === "error" ? "#fca5a5" : "#fde047";
+    return (_jsx("span", { style: `font-size:11px;padding:2px 8px;border-radius:4px;background:${bg};color:${fg}`, children: options.status }));
+}
+export function getParentChain(fiberId, fiberParents) {
+    const chain = [];
+    const visited = new Set();
+    let current = fiberParents.get(fiberId);
+    while (current && !visited.has(current)) {
+        chain.push(current);
+        visited.add(current);
+        current = fiberParents.get(current);
+    }
+    return chain.reverse();
+}
+export function collectFibers(logs, spans) {
+    const map = new Map();
+    const counter = StudioStore.fiberIdCounter();
+    const now = Date.now();
+    for (const log of logs) {
+        let fiber = map.get(log.fiberId);
+        if (!fiber) {
+            fiber = {
+                id: log.fiberId,
+                logCount: 0,
+                spanCount: 0,
+                lastSeen: undefined,
+                alive: "unknown",
+                levels: new Set(),
+            };
+            map.set(log.fiberId, fiber);
+        }
+        fiber.logCount++;
+        fiber.levels.add(log.level);
+        const logTimestamp = Number(Unique.snowflake.timestamp(log.id));
+        if (!fiber.lastSeen || logTimestamp > fiber.lastSeen) {
+            fiber.lastSeen = logTimestamp;
+        }
+    }
+    for (const span of spans) {
+        const fiberId = span.attributes["fiber.id"];
+        if (!fiberId)
+            continue;
+        let fiber = map.get(fiberId);
+        if (!fiber) {
+            fiber = {
+                id: fiberId,
+                logCount: 0,
+                spanCount: 0,
+                lastSeen: undefined,
+                alive: "unknown",
+                levels: new Set(),
+            };
+            map.set(fiberId, fiber);
+        }
+        fiber.spanCount++;
+    }
+    for (const fiber of map.values()) {
+        const num = parseInt(fiber.id.replace("#", ""), 10);
+        if (!isNaN(num)) {
+            if (fiber.lastSeen && now - fiber.lastSeen < 5000) {
+                fiber.alive = "alive";
+            }
+            else if (num < counter) {
+                fiber.alive = "dead";
+            }
+        }
+    }
+    return Array.from(map.values()).sort((a, b) => {
+        const na = parseInt(a.id.replace("#", ""), 10);
+        const nb = parseInt(b.id.replace("#", ""), 10);
+        return nb - na;
+    });
+}
+function FiberRow(options) {
+    const aliveColor = options.fiber.alive === "alive"
+        ? "#4ade80"
+        : options.fiber.alive === "dead"
+            ? "#ef4444"
+            : "#94a3b8";
+    const aliveBg = options.fiber.alive === "alive"
+        ? "#166534"
+        : options.fiber.alive === "dead"
+            ? "#7f1d1d"
+            : "#334155";
+    const lastSeen = options.fiber.lastSeen
+        ? new Date(options.fiber.lastSeen).toLocaleTimeString("en", {
+            hour12: false,
+            hour: "2-digit",
+            minute: "2-digit",
+            second: "2-digit",
+        })
+        : "—";
+    return (_jsxs("a", { href: `${options.prefix}/fibers/${options.fiber.id.replace("#", "")}`, style: "display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid #1e293b;text-decoration:none;transition:background .1s", onmouseover: "this.style.background='#1e293b'", onmouseout: "this.style.background='transparent'", children: [_jsx("span", { style: "color:#e2e8f0;font-family:monospace;font-size:13px;font-weight:600;min-width:60px", children: options.fiber.id }), _jsx("span", { style: `font-size:10px;padding:2px 8px;border-radius:4px;background:${aliveBg};color:${aliveColor}`, children: options.fiber.alive }), _jsxs("span", { style: "color:#94a3b8;font-size:12px", children: [options.fiber.spanCount, " span", options.fiber.spanCount !== 1 ? "s" : ""] }), _jsxs("span", { style: "color:#94a3b8;font-size:12px", children: [options.fiber.logCount, " log", options.fiber.logCount !== 1 ? "s" : ""] }), options.fiber.levels.has("ERROR") && (_jsx("span", { style: "font-size:10px;padding:1px 6px;border-radius:4px;background:#7f1d1d;color:#fca5a5", children: "ERROR" })), options.fiber.levels.has("WARNING") && (_jsx("span", { style: "font-size:10px;padding:1px 6px;border-radius:4px;background:#713f12;color:#fde047", children: "WARN" })), _jsx("span", { style: "color:#6b7280;font-size:11px;margin-left:auto;font-family:monospace", children: lastSeen })] }));
+}
+export function FiberList(options) {
+    if (options.fibers.length === 0) {
+        return _jsx("div", { class: "empty", children: "Waiting for fibers..." });
+    }
+    return (_jsx(_Fragment, { children: options.fibers.map((f) => (_jsx(FiberRow, { fiber: f, prefix: options.prefix }))) }));
+}
+export function FiberDetail(options) {
+    const aliveColor = options.alive === "alive" ? "#4ade80" : options.alive === "dead" ? "#ef4444" : "#94a3b8";
+    const aliveBg = options.alive === "alive" ? "#166534" : options.alive === "dead" ? "#7f1d1d" : "#334155";
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { class: "tab-header", children: [_jsxs("div", { style: "display:flex;align-items:center;gap:8px;margin-bottom:4px", children: [_jsx("a", { href: `${options.prefix}/fibers`, style: "color:#64748b;text-decoration:none;font-size:12px", children: "Fibers" }), _jsx("span", { style: "color:#475569", children: "/" }), _jsx("span", { style: "color:#e2e8f0;font-size:13px;font-family:monospace", children: options.fiberId }), _jsx("span", { style: `font-size:11px;padding:2px 8px;border-radius:4px;background:${aliveBg};color:${aliveColor}`, children: options.alive })] }), _jsxs("div", { style: "display:flex;gap:16px;font-size:12px;color:#94a3b8", children: [_jsxs("span", { children: [options.logs.length, " log", options.logs.length !== 1 ? "s" : ""] }), _jsxs("span", { children: [options.spans.length, " span", options.spans.length !== 1 ? "s" : ""] })] })] }), _jsxs("div", { class: "tab-body", children: [options.parents.length > 0 && (_jsxs("div", { style: "padding:8px 16px", children: [_jsx("div", { style: "color:#94a3b8;font-size:12px;font-weight:600;margin-bottom:8px", children: "Parents" }), _jsx("div", { style: "display:flex;gap:6px;flex-wrap:wrap", children: options.parents.map((id) => (_jsx("a", { href: `${options.prefix}/fibers/${id.replace("#", "")}`, style: "color:#38bdf8;font-family:monospace;font-size:13px;text-decoration:none;padding:4px 10px;background:#111827;border:1px solid #1e293b;border-radius:6px", children: id }))) })] })), options.context &&
+                        (options.context.spanName ||
+                            options.context.traceId ||
+                            Object.keys(options.context.annotations).length > 0) && (_jsxs("div", { style: "padding:8px 16px", children: [_jsx("div", { style: "color:#94a3b8;font-size:12px;font-weight:600;margin-bottom:8px", children: "Context" }), _jsxs("div", { style: "background:#111827;border:1px solid #1e293b;border-radius:6px;padding:8px 12px", children: [options.context.spanName && (_jsx(KeyValue, { label: "Span", value: options.context.spanName })), options.context.traceId && (_jsxs("div", { style: "display:flex;gap:8px;padding:4px 0;border-bottom:1px solid #1e293b;font-size:12px", children: [_jsx("span", { style: "color:#64748b;min-width:120px", children: "Trace" }), _jsx("a", { href: `${options.prefix}/traces/${options.context.traceId}`, style: "color:#38bdf8;font-family:monospace;word-break:break-all;text-decoration:none", children: options.context.traceId })] })), Object.entries(options.context.annotations).map(([k, v]) => (_jsx(KeyValue, { label: k, value: typeof v === "object" ? JSON.stringify(v) : String(v) })))] })] })), options.spans.length > 0 && (_jsxs("div", { style: "padding:8px 16px", children: [_jsx("div", { style: "color:#94a3b8;font-size:12px;font-weight:600;margin-bottom:8px", children: "Spans" }), options.spans.map((s) => {
+                                const stacktrace = s.attributes["code.stacktrace"];
+                                return (_jsxs("div", { style: "margin-bottom:6px;background:#111827;border:1px solid #1e293b;border-radius:6px;padding:8px 12px", children: [_jsxs("div", { style: "display:flex;align-items:center;gap:8px;margin-bottom:4px", children: [_jsx("a", { href: `${options.prefix}/traces/${s.traceId}`, style: "color:#38bdf8;font-family:monospace;font-size:13px;text-decoration:none", children: s.name }), _jsx(StatusBadge, { status: s.status }), _jsx("span", { style: "color:#64748b;font-size:11px;margin-left:auto;font-family:monospace", children: formatDuration(s.durationMs) })] }), _jsx(KeyValue, { label: "Trace", value: s.traceId }), _jsx(KeyValue, { label: "Kind", value: s.kind }), stacktrace && _jsx(KeyValue, { label: "Source", value: stacktrace }), Object.entries(s.attributes)
+                                            .filter(([k]) => k !== "code.stacktrace")
+                                            .map(([k, v]) => (_jsx(KeyValue, { label: k, value: String(v) })))] }));
+                            })] })), options.logs.length > 0 && (_jsxs("div", { style: "padding:8px 16px", children: [_jsx("div", { style: "color:#94a3b8;font-size:12px;font-weight:600;margin-bottom:8px", children: "Logs" }), options.logs.map((l) => (_jsx(Logs.LogLine, { log: l })))] })), options.logs.length === 0 && options.spans.length === 0 && (_jsxs("div", { class: "empty", children: ["No data found for fiber ", options.fiberId] }))] })] }));
+}
+//# sourceMappingURL=Fibers.js.map

package/dist/studio/ui/Fibers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fibers.js","sourceRoot":"","sources":["../../../src/studio/ui/Fibers.tsx"],"names":[],"mappings":"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"}

package/dist/studio/ui/Logs.d.ts

@@ -0,0 +1,5 @@
+import * as StudioStore from "../StudioStore.ts";
+export declare function LogLine(options: {
+    log: StudioStore.StudioLog;
+}): import("../../Html.ts").Element;
+//# sourceMappingURL=Logs.d.ts.map

package/dist/studio/ui/Logs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logs.d.ts","sourceRoot":"","sources":["../../../src/studio/ui/Logs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,WAAW,MAAM,mBAAmB,CAAA;AAWhD,wBAAgB,OAAO,CAAC,OAAO,EAAE;IAAE,GAAG,EAAE,WAAW,CAAC,SAAS,CAAA;CAAE,mCAqC9D"}

package/dist/{tower → studio}/ui/Logs.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "effect-start/jsx-runtime";
 import * as Unique from "../../Unique.js";
-import * as TowerStore from "../TowerStore.js";
+import * as StudioStore from "../StudioStore.js";
 function levelColor(level) {
     if (level === "DEBUG")
         return "#94a3b8";
@@ -22,7 +22,6 @@ export function LogLine(options) {
         minute: "2-digit",
         second: "2-digit",
     });
-    return (_jsxs("div", { id: `log-${options.log.id}`, style: "padding:3px 8px;border-bottom:1px solid #1f2937;font-family:monospace;font-size:12px;display:flex;align-items:baseline", children: [
-            _jsx("span", { style: "color:#6b7280;white-space:nowrap", children: time }), _jsx("span", { style: `color:${color};font-weight:600;width:56px;text-align:center;flex-shrink:0`, children: options.log.level }), _jsx("span", { style: "color:#e5e7eb;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis", children: options.log.message }), _jsx("a", { href: `${TowerStore.store.prefix}/fibers/${options.log.fiberId.replace("#", "")}`, style: "color:#6b7280;white-space:nowrap;margin-left:8px;text-decoration:none", children: options.log.fiberId }), options.log.cause && (_jsx("div", { style: "color:#ef4444;font-size:11px;padding:2px 0 0 0;white-space:pre-wrap;width:100%", children: options.log.cause }))] }));
+    return (_jsxs("div", { id: `log-${options.log.id}`, style: "padding:3px 8px;border-bottom:1px solid #1f2937;font-family:monospace;font-size:12px;display:flex;align-items:baseline", children: [_jsx("span", { style: "color:#6b7280;white-space:nowrap", children: time }), _jsx("span", { style: `color:${color};font-weight:600;width:56px;text-align:center;flex-shrink:0`, children: options.log.level }), _jsx("span", { style: "color:#e5e7eb;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis", children: options.log.message }), _jsx("a", { href: `${StudioStore.store.prefix}/fibers/${options.log.fiberId.replace("#", "")}`, style: "color:#6b7280;white-space:nowrap;margin-left:8px;text-decoration:none", children: options.log.fiberId }), options.log.cause && (_jsx("div", { style: "color:#ef4444;font-size:11px;padding:2px 0 0 0;white-space:pre-wrap;width:100%", children: options.log.cause }))] }));
 }
 //# sourceMappingURL=Logs.js.map

package/dist/studio/ui/Logs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logs.js","sourceRoot":"","sources":["../../../src/studio/ui/Logs.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,MAAM,iBAAiB,CAAA;AACzC,OAAO,KAAK,WAAW,MAAM,mBAAmB,CAAA;AAEhD,SAAS,UAAU,CAAC,KAAa;IAC/B,IAAI,KAAK,KAAK,OAAO;QAAE,OAAO,SAAS,CAAA;IACvC,IAAI,KAAK,KAAK,MAAM;QAAE,OAAO,SAAS,CAAA;IACtC,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,SAAS,CAAA;IACzC,IAAI,KAAK,KAAK,OAAO;QAAE,OAAO,SAAS,CAAA;IACvC,IAAI,KAAK,KAAK,OAAO;QAAE,OAAO,SAAS,CAAA;IACvC,OAAO,SAAS,CAAA;AAClB,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,OAAuC;IAC7D,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAC1F,IAAI,EACJ;QACE,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,SAAS;KAClB,CACF,CAAA;IAED,OAAO,CACL,eACE,EAAE,EAAE,OAAO,OAAO,CAAC,GAAG,CAAC,EAAE,EAAE,EAC3B,KAAK,EAAC,wHAAwH,aAE9H,eAAM,KAAK,EAAC,kCAAkC,YAAE,IAAI,GAAQ,EAC5D,eAAM,KAAK,EAAE,SAAS,KAAK,6DAA6D,YACrF,OAAO,CAAC,GAAG,CAAC,KAAK,GACb,EACP,eAAM,KAAK,EAAC,yEAAyE,YAClF,OAAO,CAAC,GAAG,CAAC,OAAO,GACf,EACP,YACE,IAAI,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,MAAM,WAAW,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,EAClF,KAAK,EAAC,uEAAuE,YAE5E,OAAO,CAAC,GAAG,CAAC,OAAO,GAClB,EACH,OAAO,CAAC,GAAG,CAAC,KAAK,IAAI,CACpB,cAAK,KAAK,EAAC,gFAAgF,YACxF,OAAO,CAAC,GAAG,CAAC,KAAK,GACd,CACP,IACG,CACP,CAAA;AACH,CAAC"}

package/dist/studio/ui/Metrics.d.ts

@@ -0,0 +1,5 @@
+import type * as StudioStore from "../StudioStore.ts";
+export declare function MetricsGrid(options: {
+    metrics: Array<StudioStore.StudioMetricSnapshot>;
+}): import("../../Html.ts").Element;
+//# sourceMappingURL=Metrics.d.ts.map

package/dist/studio/ui/Metrics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Metrics.d.ts","sourceRoot":"","sources":["../../../src/studio/ui/Metrics.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,WAAW,MAAM,mBAAmB,CAAA;AAkErD,wBAAgB,WAAW,CAAC,OAAO,EAAE;IAAE,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAA;CAAE,mCAWxF"}

package/dist/{tower → studio}/ui/Metrics.js

@@ -1,29 +1,22 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "effect-start/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "effect-start/jsx-runtime";
 function MetricValue(options) {
     if (options.metric.type === "counter" || options.metric.type === "gauge") {
         return (_jsx("div", { style: "font-size:32px;font-weight:700;color:#e5e7eb;font-family:monospace;line-height:1.1", children: String(options.metric.value) }));
     }
     if (options.metric.type === "histogram") {
         const h = options.metric.value;
-        return (_jsxs("div", { style: "display:grid;grid-template-columns:auto auto;gap:2px 12px;font-size:12px;font-family:monospace", children: [
-                _jsx("span", { style: "color:#6b7280", children: "count" }), _jsx("span", { style: "color:#e5e7eb", children: h.count }), _jsx("span", { style: "color:#6b7280", children: "sum" }), _jsx("span", { style: "color:#e5e7eb", children: h.sum.toFixed(2) }), _jsx("span", { style: "color:#6b7280", children: "min" }), _jsx("span", { style: "color:#e5e7eb", children: h.min.toFixed(2) }), _jsx("span", { style: "color:#6b7280", children: "max" }), _jsx("span", { style: "color:#e5e7eb", children: h.max.toFixed(2) })
-            ] }));
+        return (_jsxs("div", { style: "display:grid;grid-template-columns:auto auto;gap:2px 12px;font-size:12px;font-family:monospace", children: [_jsx("span", { style: "color:#6b7280", children: "count" }), _jsx("span", { style: "color:#e5e7eb", children: h.count }), _jsx("span", { style: "color:#6b7280", children: "sum" }), _jsx("span", { style: "color:#e5e7eb", children: h.sum.toFixed(2) }), _jsx("span", { style: "color:#6b7280", children: "min" }), _jsx("span", { style: "color:#e5e7eb", children: h.min.toFixed(2) }), _jsx("span", { style: "color:#6b7280", children: "max" }), _jsx("span", { style: "color:#e5e7eb", children: h.max.toFixed(2) })] }));
     }
     if (options.metric.type === "frequency") {
         const occ = options.metric.value;
         return (_jsx("div", { style: "display:grid;grid-template-columns:auto auto;gap:2px 12px;font-size:12px;font-family:monospace", children: Object.entries(occ)
                 .slice(0, 10)
-                .map(([k, v]) => (_jsxs(_Fragment, { children: [
-                    _jsx("span", { style: "color:#6b7280", children: k }), _jsx("span", { style: "color:#e5e7eb", children: v })
-                ] }))) }));
+                .map(([k, v]) => (_jsxs(_Fragment, { children: [_jsx("span", { style: "color:#6b7280", children: k }), _jsx("span", { style: "color:#e5e7eb", children: v })] }))) }));
     }
     return (_jsx("pre", { style: "font-size:11px;color:#9ca3af;margin:0;white-space:pre-wrap", children: JSON.stringify(options.metric.value, null, 2) }));
 }
 function MetricCard(options) {
-    return (_jsxs("div", { style: "background:#111827;border:1px solid #374151;border-radius:6px;padding:12px;min-width:200px", children: [
-            _jsxs("div", { style: "display:flex;align-items:center;gap:8px;margin-bottom:8px", children: [
-                    _jsx("span", { style: "color:#d1d5db;font-size:13px;font-weight:600", children: options.metric.name }), _jsx("span", { style: "font-size:10px;padding:1px 6px;border-radius:4px;background:#1e3a5f;color:#60a5fa", children: options.metric.type })
-                ] }), _jsx(MetricValue, { metric: options.metric }), options.metric.tags.length > 0 && (_jsx("div", { style: "font-size:10px;color:#6b7280;margin-top:4px", children: options.metric.tags.map((t) => `${t.key}=${t.value}`).join(" ") }))] }));
+    return (_jsxs("div", { style: "background:#111827;border:1px solid #374151;border-radius:6px;padding:12px;min-width:200px", children: [_jsxs("div", { style: "display:flex;align-items:center;gap:8px;margin-bottom:8px", children: [_jsx("span", { style: "color:#d1d5db;font-size:13px;font-weight:600", children: options.metric.name }), _jsx("span", { style: "font-size:10px;padding:1px 6px;border-radius:4px;background:#1e3a5f;color:#60a5fa", children: options.metric.type })] }), _jsx(MetricValue, { metric: options.metric }), options.metric.tags.length > 0 && (_jsx("div", { style: "font-size:10px;color:#6b7280;margin-top:4px", children: options.metric.tags.map((t) => `${t.key}=${t.value}`).join(" ") }))] }));
 }
 export function MetricsGrid(options) {
     if (options.metrics.length === 0) {