@syncular/console 0.0.0 → 0.0.4-25

package/dist/routes/investigate-commit.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createRoute } from '@tanstack/react-router';
+import { Stream } from '../pages/index.js';
+import { Route as rootRoute } from './__root.js';
+function InvestigateCommit() {
+    const { seq } = Route.useParams();
+    return _jsx(Stream, { initialSelectedEntryId: `#${seq}` });
+}
+export const Route = createRoute({
+    getParentRoute: () => rootRoute,
+    path: '/investigate/commit/$seq',
+    component: InvestigateCommit,
+});
+//# sourceMappingURL=investigate-commit.js.map

package/dist/routes/investigate-commit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"investigate-commit.js","sourceRoot":"","sources":["../../src/routes/investigate-commit.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,UAAU,CAAC;AAE9C,SAAS,iBAAiB,GAAG;IAC3B,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IAClC,OAAO,KAAC,MAAM,IAAC,sBAAsB,EAAE,IAAI,GAAG,EAAE,GAAI,CAAC;AAAA,CACtD;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,WAAW,CAAC;IAC/B,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS;IAC/B,IAAI,EAAE,0BAA0B;IAChC,SAAS,EAAE,iBAAiB;CAC7B,CAAC,CAAC"}

package/dist/routes/investigate-event.d.ts

@@ -0,0 +1,2 @@
+export declare const Route: import("@tanstack/react-router").Route<unknown, import("@tanstack/react-router").RootRoute<import("@tanstack/react-router").Register, undefined, {}, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, undefined, unknown, unknown, unknown, unknown, undefined>, "/investigate/event/$id", "/investigate/event/$id", string, "/investigate/event/$id", undefined, import("@tanstack/router-core").ResolveParams<"/investigate/event/$id">, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, undefined, unknown, unknown, unknown, unknown, undefined>;
+//# sourceMappingURL=investigate-event.d.ts.map

package/dist/routes/investigate-event.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"investigate-event.d.ts","sourceRoot":"","sources":["../../src/routes/investigate-event.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,KAAK,ypBAIhB,CAAC"}

package/dist/routes/investigate-event.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createRoute } from '@tanstack/react-router';
+import { Stream } from '../pages/index.js';
+import { Route as rootRoute } from './__root.js';
+function InvestigateEvent() {
+    const { id } = Route.useParams();
+    return _jsx(Stream, { initialSelectedEntryId: `E${id}` });
+}
+export const Route = createRoute({
+    getParentRoute: () => rootRoute,
+    path: '/investigate/event/$id',
+    component: InvestigateEvent,
+});
+//# sourceMappingURL=investigate-event.js.map

package/dist/routes/investigate-event.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"investigate-event.js","sourceRoot":"","sources":["../../src/routes/investigate-event.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,UAAU,CAAC;AAE9C,SAAS,gBAAgB,GAAG;IAC1B,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IACjC,OAAO,KAAC,MAAM,IAAC,sBAAsB,EAAE,IAAI,EAAE,EAAE,GAAI,CAAC;AAAA,CACrD;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,WAAW,CAAC;IAC/B,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS;IAC/B,IAAI,EAAE,wBAAwB;IAC9B,SAAS,EAAE,gBAAgB;CAC5B,CAAC,CAAC"}

package/dist/routes/ops.d.ts

@@ -0,0 +1,2 @@
+export declare const Route: import("@tanstack/react-router").Route<unknown, import("@tanstack/react-router").RootRoute<import("@tanstack/react-router").Register, undefined, {}, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, undefined, unknown, unknown, unknown, unknown, undefined>, "/ops", "/ops", string, "/ops", undefined, import("@tanstack/router-core").ResolveParams<"/ops">, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, undefined, unknown, unknown, unknown, unknown, undefined>;
+//# sourceMappingURL=ops.d.ts.map

package/dist/routes/ops.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ops.d.ts","sourceRoot":"","sources":["../../src/routes/ops.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK,ilBAIhB,CAAC"}

package/dist/routes/ops.js

@@ -0,0 +1,9 @@
+import { createRoute } from '@tanstack/react-router';
+import { Ops } from '../pages/index.js';
+import { Route as rootRoute } from './__root.js';
+export const Route = createRoute({
+    getParentRoute: () => rootRoute,
+    path: '/ops',
+    component: Ops,
+});
+//# sourceMappingURL=ops.js.map

package/dist/routes/ops.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ops.js","sourceRoot":"","sources":["../../src/routes/ops.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,UAAU,CAAC;AAE9C,MAAM,CAAC,MAAM,KAAK,GAAG,WAAW,CAAC;IAC/B,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS;IAC/B,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,GAAG;CACf,CAAC,CAAC"}

package/dist/routes/stream.d.ts

@@ -0,0 +1,2 @@
+export declare const Route: import("@tanstack/react-router").Route<unknown, import("@tanstack/react-router").RootRoute<import("@tanstack/react-router").Register, undefined, {}, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, undefined, unknown, unknown, unknown, unknown, undefined>, "/stream", "/stream", string, "/stream", undefined, import("@tanstack/router-core").ResolveParams<"/stream">, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, undefined, unknown, unknown, unknown, unknown, undefined>;
+//# sourceMappingURL=stream.d.ts.map

package/dist/routes/stream.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stream.d.ts","sourceRoot":"","sources":["../../src/routes/stream.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK,6lBAIhB,CAAC"}

package/dist/routes/stream.js

@@ -0,0 +1,9 @@
+import { createRoute } from '@tanstack/react-router';
+import { Stream } from '../pages/index.js';
+import { Route as rootRoute } from './__root.js';
+export const Route = createRoute({
+    getParentRoute: () => rootRoute,
+    path: '/stream',
+    component: Stream,
+});
+//# sourceMappingURL=stream.js.map

package/dist/routes/stream.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stream.js","sourceRoot":"","sources":["../../src/routes/stream.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,UAAU,CAAC;AAE9C,MAAM,CAAC,MAAM,KAAK,GAAG,WAAW,CAAC;IAC/B,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS;IAC/B,IAAI,EAAE,SAAS;IACf,SAAS,EAAE,MAAM;CAClB,CAAC,CAAC"}

package/dist/runtime-config.d.ts

@@ -0,0 +1,12 @@
+export declare const CONSOLE_BASEPATH_META = "syncular-console-basepath";
+export declare const CONSOLE_SERVER_URL_META = "syncular-console-server-url";
+export declare const CONSOLE_TOKEN_META = "syncular-console-token";
+interface ConsoleConnectionConfig {
+    serverUrl: string;
+    token: string;
+}
+export declare function normalizeBasePath(basePath: string | undefined): string;
+export declare function resolveConsoleBasePathFromMeta(): string;
+export declare function resolveConsoleConnectionConfigFromMeta(): ConsoleConnectionConfig | null;
+export {};
+//# sourceMappingURL=runtime-config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"runtime-config.d.ts","sourceRoot":"","sources":["../src/runtime-config.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,8BAA8B,CAAC;AACjE,eAAO,MAAM,uBAAuB,gCAAgC,CAAC;AACrE,eAAO,MAAM,kBAAkB,2BAA2B,CAAC;AAE3D,UAAU,uBAAuB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf;AA2BD,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAItE;AAED,wBAAgB,8BAA8B,IAAI,MAAM,CAEvD;AAED,wBAAgB,sCAAsC,IAAI,uBAAuB,GAAG,IAAI,CAKvF"}

package/dist/runtime-config.js

@@ -0,0 +1,35 @@
+export const CONSOLE_BASEPATH_META = 'syncular-console-basepath';
+export const CONSOLE_SERVER_URL_META = 'syncular-console-server-url';
+export const CONSOLE_TOKEN_META = 'syncular-console-token';
+function cleanValue(value) {
+    if (!value)
+        return undefined;
+    const trimmed = value.trim();
+    return trimmed.length > 0 ? trimmed : undefined;
+}
+function readMeta(name) {
+    const documentLike = globalThis.document;
+    if (!documentLike)
+        return undefined;
+    const value = documentLike
+        .querySelector(`meta[name="${name}"]`)
+        ?.getAttribute('content');
+    return cleanValue(value);
+}
+export function normalizeBasePath(basePath) {
+    if (!basePath || basePath === '/')
+        return '/';
+    const withLeadingSlash = basePath.startsWith('/') ? basePath : `/${basePath}`;
+    return withLeadingSlash.replace(/\/+$/g, '') || '/';
+}
+export function resolveConsoleBasePathFromMeta() {
+    return normalizeBasePath(readMeta(CONSOLE_BASEPATH_META));
+}
+export function resolveConsoleConnectionConfigFromMeta() {
+    const serverUrl = readMeta(CONSOLE_SERVER_URL_META);
+    const token = readMeta(CONSOLE_TOKEN_META);
+    if (!serverUrl || !token)
+        return null;
+    return { serverUrl, token };
+}
+//# sourceMappingURL=runtime-config.js.map

package/dist/runtime-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime-config.js","sourceRoot":"","sources":["../src/runtime-config.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qBAAqB,GAAG,2BAA2B,CAAC;AACjE,MAAM,CAAC,MAAM,uBAAuB,GAAG,6BAA6B,CAAC;AACrE,MAAM,CAAC,MAAM,kBAAkB,GAAG,wBAAwB,CAAC;AAe3D,SAAS,UAAU,CAAC,KAAgC,EAAsB;IACxE,IAAI,CAAC,KAAK;QAAE,OAAO,SAAS,CAAC;IAC7B,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;IAC7B,OAAO,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;AAAA,CACjD;AAED,SAAS,QAAQ,CAAC,IAAY,EAAsB;IAClD,MAAM,YAAY,GAAI,UAA8C,CAAC,QAAQ,CAAC;IAC9E,IAAI,CAAC,YAAY;QAAE,OAAO,SAAS,CAAC;IAEpC,MAAM,KAAK,GAAG,YAAY;SACvB,aAAa,CAAC,cAAc,IAAI,IAAI,CAAC;QACtC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAE5B,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC;AAAA,CAC1B;AAED,MAAM,UAAU,iBAAiB,CAAC,QAA4B,EAAU;IACtE,IAAI,CAAC,QAAQ,IAAI,QAAQ,KAAK,GAAG;QAAE,OAAO,GAAG,CAAC;IAC9C,MAAM,gBAAgB,GAAG,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,EAAE,CAAC;IAC9E,OAAO,gBAAgB,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC;AAAA,CACrD;AAED,MAAM,UAAU,8BAA8B,GAAW;IACvD,OAAO,iBAAiB,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC,CAAC;AAAA,CAC3D;AAED,MAAM,UAAU,sCAAsC,GAAmC;IACvF,MAAM,SAAS,GAAG,QAAQ,CAAC,uBAAuB,CAAC,CAAC;IACpD,MAAM,KAAK,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IAC3C,IAAI,CAAC,SAAS,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IACtC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;AAAA,CAC7B"}

package/dist/sentry.d.ts

@@ -0,0 +1,11 @@
+import type { BrowserSentryInitOptions } from '@syncular/observability-sentry';
+declare global {
+    var __SYNCULAR_SENTRY_DSN__: string | undefined;
+    var __SYNCULAR_SENTRY_ENVIRONMENT__: string | undefined;
+    var __SYNCULAR_SENTRY_RELEASE__: string | undefined;
+}
+/**
+ * Resolve browser Sentry options from globals, meta tags, or build-time env.
+ */
+export declare function resolveConsoleBrowserSentryOptions(): BrowserSentryInitOptions | null;
+//# sourceMappingURL=sentry.d.ts.map

package/dist/sentry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sentry.d.ts","sourceRoot":"","sources":["../src/sentry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAE/E,OAAO,CAAC,MAAM,CAAC,CAAC;IACd,IAAI,uBAAuB,EAAE,MAAM,GAAG,SAAS,CAAC;IAChD,IAAI,+BAA+B,EAAE,MAAM,GAAG,SAAS,CAAC;IACxD,IAAI,2BAA2B,EAAE,MAAM,GAAG,SAAS,CAAC;CACrD;AAgCD;;GAEG;AACH,wBAAgB,kCAAkC,IAAI,wBAAwB,GAAG,IAAI,CA4BpF"}

package/dist/sentry.js

@@ -0,0 +1,60 @@
+const SENTRY_DSN_META = 'syncular-sentry-dsn';
+const SENTRY_ENVIRONMENT_META = 'syncular-sentry-environment';
+const SENTRY_RELEASE_META = 'syncular-sentry-release';
+function cleanValue(value) {
+    if (!value)
+        return undefined;
+    const trimmed = value.trim();
+    return trimmed.length > 0 ? trimmed : undefined;
+}
+function readMeta(name) {
+    if (typeof document === 'undefined')
+        return undefined;
+    const value = document
+        .querySelector(`meta[name="${name}"]`)
+        ?.getAttribute('content');
+    return cleanValue(value);
+}
+function readEnv(name) {
+    if (typeof process === 'undefined')
+        return undefined;
+    return cleanValue(process.env[name]);
+}
+function firstDefined(values) {
+    for (const value of values) {
+        if (value)
+            return value;
+    }
+    return undefined;
+}
+/**
+ * Resolve browser Sentry options from globals, meta tags, or build-time env.
+ */
+export function resolveConsoleBrowserSentryOptions() {
+    const dsn = firstDefined([
+        cleanValue(globalThis.__SYNCULAR_SENTRY_DSN__),
+        readMeta(SENTRY_DSN_META),
+        readEnv('SYNCULAR_SENTRY_DSN'),
+    ]);
+    if (!dsn)
+        return null;
+    const environment = firstDefined([
+        cleanValue(globalThis.__SYNCULAR_SENTRY_ENVIRONMENT__),
+        readMeta(SENTRY_ENVIRONMENT_META),
+        readEnv('SYNCULAR_SENTRY_ENVIRONMENT'),
+    ]);
+    const release = firstDefined([
+        cleanValue(globalThis.__SYNCULAR_SENTRY_RELEASE__),
+        readMeta(SENTRY_RELEASE_META),
+        readEnv('SYNCULAR_SENTRY_RELEASE'),
+    ]);
+    return {
+        dsn,
+        environment,
+        release,
+        enableLogs: true,
+        tracesSampleRate: 0.2,
+        tracePropagationTargets: [/^https?:\/\/.*\/api\/.*/],
+    };
+}
+//# sourceMappingURL=sentry.js.map

package/dist/sentry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sentry.js","sourceRoot":"","sources":["../src/sentry.ts"],"names":[],"mappings":"AAQA,MAAM,eAAe,GAAG,qBAAqB,CAAC;AAC9C,MAAM,uBAAuB,GAAG,6BAA6B,CAAC;AAC9D,MAAM,mBAAmB,GAAG,yBAAyB,CAAC;AAEtD,SAAS,UAAU,CAAC,KAAgC,EAAsB;IACxE,IAAI,CAAC,KAAK;QAAE,OAAO,SAAS,CAAC;IAC7B,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;IAC7B,OAAO,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;AAAA,CACjD;AAED,SAAS,QAAQ,CAAC,IAAY,EAAsB;IAClD,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO,SAAS,CAAC;IACtD,MAAM,KAAK,GAAG,QAAQ;SACnB,aAAa,CAAC,cAAc,IAAI,IAAI,CAAC;QACtC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAC5B,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC;AAAA,CAC1B;AAED,SAAS,OAAO,CAAC,IAAY,EAAsB;IACjD,IAAI,OAAO,OAAO,KAAK,WAAW;QAAE,OAAO,SAAS,CAAC;IACrD,OAAO,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;AAAA,CACtC;AAED,SAAS,YAAY,CAAC,MAAiC,EAAsB;IAC3E,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;QAC3B,IAAI,KAAK;YAAE,OAAO,KAAK,CAAC;IAC1B,CAAC;IACD,OAAO,SAAS,CAAC;AAAA,CAClB;AAED;;GAEG;AACH,MAAM,UAAU,kCAAkC,GAAoC;IACpF,MAAM,GAAG,GAAG,YAAY,CAAC;QACvB,UAAU,CAAC,UAAU,CAAC,uBAAuB,CAAC;QAC9C,QAAQ,CAAC,eAAe,CAAC;QACzB,OAAO,CAAC,qBAAqB,CAAC;KAC/B,CAAC,CAAC;IAEH,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAC;IAEtB,MAAM,WAAW,GAAG,YAAY,CAAC;QAC/B,UAAU,CAAC,UAAU,CAAC,+BAA+B,CAAC;QACtD,QAAQ,CAAC,uBAAuB,CAAC;QACjC,OAAO,CAAC,6BAA6B,CAAC;KACvC,CAAC,CAAC;IACH,MAAM,OAAO,GAAG,YAAY,CAAC;QAC3B,UAAU,CAAC,UAAU,CAAC,2BAA2B,CAAC;QAClD,QAAQ,CAAC,mBAAmB,CAAC;QAC7B,OAAO,CAAC,yBAAyB,CAAC;KACnC,CAAC,CAAC;IAEH,OAAO;QACL,GAAG;QACH,WAAW;QACX,OAAO;QACP,UAAU,EAAE,IAAI;QAChB,gBAAgB,EAAE,GAAG;QACrB,uBAAuB,EAAE,CAAC,yBAAyB,CAAC;KACrD,CAAC;AAAA,CACH"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncular/console",
-  "version": "0.0.0",
+  "version": "0.0.4-25",
   "description": "Embeddable Syncular console UI",
   "license": "MIT",
   "author": "Benjamin Kniffler",
@@ -34,17 +34,34 @@
         "default": "./dist/index.js"
       }
     },
+    "./runtime-config": {
+      "bun": "./src/runtime-config.ts",
+      "import": {
+        "types": "./dist/runtime-config.d.ts",
+        "default": "./dist/runtime-config.js"
+      }
+    },
+    "./browser-main": {
+      "bun": "./src/browser-main.tsx",
+      "import": {
+        "types": "./dist/browser-main.d.ts",
+        "default": "./dist/browser-main.js"
+      }
+    },
+    "./static": "./web-dist/index.html",
+    "./static/*": "./web-dist/*",
     "./styles.css": "./src/styles/globals.css"
   },
   "scripts": {
     "tsgo": "tsgo --noEmit",
-    "build": "tsgo",
+    "build": "tsgo && bun run build:web",
+    "build:web": "bun run build-static.ts",
     "release": "bunx syncular-publish"
   },
   "dependencies": {
-    "@syncular/observability-sentry": "0.0.0",
-    "@syncular/transport-http": "0.0.0",
-    "@syncular/ui": "0.0.0",
+    "@syncular/observability-sentry": "0.0.4-25",
+    "@syncular/transport-http": "0.0.4-25",
+    "@syncular/ui": "0.0.4-25",
     "@tanstack/react-query": "^5.90.21",
     "@tanstack/react-router": "^1.159.5",
     "lucide-react": "^0.563.0"
@@ -57,11 +74,14 @@
     "@syncular/config": "0.0.0",
     "@types/react": "^19",
     "@types/react-dom": "^19",
+    "bun-plugin-tailwind": "^0.1.2",
     "react": "^19.2.4",
-    "react-dom": "^19.2.4"
+    "react-dom": "^19.2.4",
+    "tailwindcss": "^4.1.18"
   },
   "files": [
     "dist",
-    "src"
+    "src",
+    "web-dist"
   ]
 }

package/src/App.tsx

@@ -1,44 +1,65 @@
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { createRouter, RouterProvider } from '@tanstack/react-router';
+import { useMemo, useState } from 'react';
 import { ConnectionProvider } from './hooks/ConnectionContext';
+import type { ConnectionConfig } from './lib/api';
 import { routeTree } from './routeTree';
+import {
+  normalizeBasePath,
+  resolveConsoleBasePathFromMeta,
+  resolveConsoleConnectionConfigFromMeta,
+} from './runtime-config';
 
-function getInjectedBasepath(): string {
-  if (typeof document === 'undefined') return '/';
-  const meta = document.querySelector<HTMLMetaElement>(
-    'meta[name="syncular-console-basepath"]'
-  );
-  const value = meta?.content?.trim();
-  if (!value) return '/';
-  if (value === '/') return '/';
-  return value.startsWith('/') ? value.replace(/\/$/, '') : '/';
+const routerForTypes = createRouter({ routeTree, basepath: '/' });
+
+declare module '@tanstack/react-router' {
+  interface Register {
+    router: typeof routerForTypes;
+  }
 }
 
-const basepath = getInjectedBasepath();
+export interface SyncularConsoleProps {
+  basePath?: string;
+  defaultConfig?: ConnectionConfig | null;
+}
 
-const queryClient = new QueryClient({
-  defaultOptions: {
-    queries: {
-      staleTime: 5000,
-      retry: 1,
+function createDefaultQueryClient(): QueryClient {
+  return new QueryClient({
+    defaultOptions: {
+      queries: {
+        staleTime: 5000,
+        retry: 1,
+      },
     },
-  },
-});
-
-const router = createRouter({ routeTree, basepath });
+  });
+}
 
-declare module '@tanstack/react-router' {
-  interface Register {
-    router: typeof router;
-  }
+function resolveBasePath(basePath: string | undefined): string {
+  return normalizeBasePath(basePath ?? resolveConsoleBasePathFromMeta());
 }
 
-export function App() {
+function SyncularConsole(props: SyncularConsoleProps) {
+  const [queryClient] = useState(() => createDefaultQueryClient());
+  const router = useMemo(
+    () =>
+      createRouter({ routeTree, basepath: resolveBasePath(props.basePath) }),
+    [props.basePath]
+  );
+
+  const defaultConfig =
+    props.defaultConfig === undefined
+      ? resolveConsoleConnectionConfigFromMeta()
+      : props.defaultConfig;
+
   return (
     <QueryClientProvider client={queryClient}>
-      <ConnectionProvider>
+      <ConnectionProvider defaultConfig={defaultConfig}>
         <RouterProvider router={router} />
       </ConnectionProvider>
     </QueryClientProvider>
   );
 }
+
+export function App(props: SyncularConsoleProps) {
+  return <SyncularConsole {...props} />;
+}

package/src/browser-main.tsx

@@ -0,0 +1,10 @@
+import { initAndConfigureBrowserSentry } from '@syncular/observability-sentry';
+import { mountSyncularConsoleApp } from './mount';
+import { resolveConsoleBrowserSentryOptions } from './sentry';
+
+const sentryOptions = resolveConsoleBrowserSentryOptions();
+if (sentryOptions) {
+  initAndConfigureBrowserSentry(sentryOptions);
+}
+
+mountSyncularConsoleApp('#root');

package/src/index.ts

@@ -5,4 +5,5 @@ export * from './lib/api';
 export * from './mount';
 export * from './pages';
 export * from './routeTree';
+export * from './runtime-config';
 export * from './sentry';

package/src/mount.tsx

@@ -1,10 +1,11 @@
 import { StrictMode } from 'react';
 import { createRoot, type Root } from 'react-dom/client';
-import { App } from './App';
-import './styles/globals.css';
+import { App, type SyncularConsoleProps } from './App';
 
 interface MountSyncularConsoleOptions {
   strictMode?: boolean;
+  basePath?: SyncularConsoleProps['basePath'];
+  defaultConfig?: SyncularConsoleProps['defaultConfig'];
 }
 
 function resolveContainer(containerOrSelector: Element | string): Element {
@@ -27,7 +28,9 @@ export function mountSyncularConsoleApp(
   options: MountSyncularConsoleOptions = {}
 ): Root {
   const root = createRoot(resolveContainer(containerOrSelector));
-  const app = <App />;
+  const app = (
+    <App basePath={options.basePath} defaultConfig={options.defaultConfig} />
+  );
 
   if (options.strictMode === false) {
     root.render(app);

package/src/runtime-config.ts

@@ -0,0 +1,50 @@
+export const CONSOLE_BASEPATH_META = 'syncular-console-basepath';
+export const CONSOLE_SERVER_URL_META = 'syncular-console-server-url';
+export const CONSOLE_TOKEN_META = 'syncular-console-token';
+
+interface ConsoleConnectionConfig {
+  serverUrl: string;
+  token: string;
+}
+
+interface MetaElementLike {
+  getAttribute: (name: string) => string | null;
+}
+
+interface MetaDocumentLike {
+  querySelector: (selector: string) => MetaElementLike | null;
+}
+
+function cleanValue(value: string | null | undefined): string | undefined {
+  if (!value) return undefined;
+  const trimmed = value.trim();
+  return trimmed.length > 0 ? trimmed : undefined;
+}
+
+function readMeta(name: string): string | undefined {
+  const documentLike = (globalThis as { document?: MetaDocumentLike }).document;
+  if (!documentLike) return undefined;
+
+  const value = documentLike
+    .querySelector(`meta[name="${name}"]`)
+    ?.getAttribute('content');
+
+  return cleanValue(value);
+}
+
+export function normalizeBasePath(basePath: string | undefined): string {
+  if (!basePath || basePath === '/') return '/';
+  const withLeadingSlash = basePath.startsWith('/') ? basePath : `/${basePath}`;
+  return withLeadingSlash.replace(/\/+$/g, '') || '/';
+}
+
+export function resolveConsoleBasePathFromMeta(): string {
+  return normalizeBasePath(readMeta(CONSOLE_BASEPATH_META));
+}
+
+export function resolveConsoleConnectionConfigFromMeta(): ConsoleConnectionConfig | null {
+  const serverUrl = readMeta(CONSOLE_SERVER_URL_META);
+  const token = readMeta(CONSOLE_TOKEN_META);
+  if (!serverUrl || !token) return null;
+  return { serverUrl, token };
+}