@editframe/elements 0.20.4-beta.0 → 0.23.6-beta.0

package/dist/gui/TargetOrContextMixin.js

@@ -0,0 +1,98 @@
+import { currentTimeContext } from "./currentTimeContext.js";
+import { durationContext } from "./durationContext.js";
+import { loopContext, playingContext } from "./playingContext.js";
+import { __decorate } from "../_virtual/_@oxc-project_runtime@0.94.0/helpers/decorate.js";
+import { isEFTemporal } from "../elements/EFTemporal.js";
+import { TargetController } from "../elements/TargetController.js";
+import { isControllable } from "./Controllable.js";
+import { consume } from "@lit/context";
+import { property, state } from "lit/decorators.js";
+var ContextRequestEvent = class extends Event {
+	constructor(context, contextTarget, callback, subscribe) {
+		super("context-request", {
+			bubbles: true,
+			composed: true
+		});
+		this.context = context;
+		this.contextTarget = contextTarget;
+		this.callback = callback;
+		this.subscribe = subscribe ?? false;
+	}
+};
+function TargetOrContextMixin(superClass, contextToProxy) {
+	class TargetOrContextClass extends superClass {
+		constructor(..._args) {
+			super(..._args);
+			this.target = "";
+			this.targetElement = null;
+			this.contextFromParent = null;
+		}
+		#targetController;
+		#contextUnsubscribe;
+		#contextRequestHandler;
+		#additionalContextUnsubscribes = /* @__PURE__ */ new Map();
+		get effectiveContext() {
+			return this.targetElement ?? this.contextFromParent;
+		}
+		connectedCallback() {
+			super.connectedCallback();
+			if (this.target) this.#targetController = new TargetController(this);
+			this.#contextRequestHandler = (event) => {
+				if (this.targetElement && event.type === "context-request") {
+					event.stopPropagation();
+					this.targetElement.dispatchEvent(new event.constructor(event.type, event));
+				}
+			};
+			this.addEventListener("context-request", this.#contextRequestHandler, true);
+		}
+		#subscribeToTargetContext() {
+			if (!this.targetElement) return;
+			this.#contextUnsubscribe?.();
+			for (const unsubscribe of this.#additionalContextUnsubscribes.values()) unsubscribe();
+			this.#additionalContextUnsubscribes.clear();
+			const event = new ContextRequestEvent(contextToProxy, this, (value, unsubscribe) => {
+				this.contextFromParent = value;
+				this.#contextUnsubscribe = unsubscribe;
+			}, true);
+			this.targetElement.dispatchEvent(event);
+			const additionalContexts = [
+				[playingContext, "playing"],
+				[loopContext, "loop"],
+				[currentTimeContext, "currentTimeMs"],
+				[durationContext, "durationMs"]
+			];
+			for (const [context, propertyName] of additionalContexts) {
+				const contextEvent = new ContextRequestEvent(context, this, (value, unsubscribe) => {
+					if (propertyName in this) this[propertyName] = value;
+					this.#additionalContextUnsubscribes.set(context, unsubscribe);
+				}, true);
+				this.targetElement.dispatchEvent(contextEvent);
+			}
+		}
+		updated(changedProperties) {
+			super.updated?.(changedProperties);
+			if (changedProperties.has("targetElement") && this.targetElement) {
+				if (isEFTemporal(this.targetElement) && !isControllable(this.targetElement)) console.warn("Control element is targeting a non-root temporal element without playbackController. Controls can only target root temporal elements (not nested within a timegroup). Target element:", this.targetElement);
+				this.#subscribeToTargetContext();
+			}
+			if (changedProperties.has("target")) {
+				if (this.target && !this.#targetController) this.#targetController = new TargetController(this);
+			}
+		}
+		disconnectedCallback() {
+			super.disconnectedCallback();
+			this.#contextUnsubscribe?.();
+			for (const unsubscribe of this.#additionalContextUnsubscribes.values()) unsubscribe();
+			this.#additionalContextUnsubscribes.clear();
+			if (this.#contextRequestHandler) this.removeEventListener("context-request", this.#contextRequestHandler, true);
+		}
+	}
+	__decorate([property({ type: String })], TargetOrContextClass.prototype, "target", void 0);
+	__decorate([state()], TargetOrContextClass.prototype, "targetElement", void 0);
+	__decorate([consume({
+		context: contextToProxy,
+		subscribe: true
+	})], TargetOrContextClass.prototype, "contextFromParent", void 0);
+	return TargetOrContextClass;
+}
+export { TargetOrContextMixin };

package/dist/gui/efContext.d.ts

@@ -1,4 +1,4 @@
-import { ContextMixinInterface } from './ContextMixin.js';
+import { ControllableInterface } from './Controllable.js';
 export declare const efContext: {
-    __context__: ContextMixinInterface | null;
+    __context__: ControllableInterface | null;
 };

package/dist/index.d.ts

@@ -10,12 +10,17 @@ export { EFWorkbench } from './gui/EFWorkbench.js';
 export { EFPreview } from './gui/EFPreview.js';
 export { EFFilmstrip } from './gui/EFFilmstrip.js';
 export { EFTogglePlay } from './gui/EFTogglePlay.js';
+export { EFPlay } from './gui/EFPlay.js';
+export { EFPause } from './gui/EFPause.js';
 export { EFToggleLoop } from './gui/EFToggleLoop.js';
 export { EFScrubber } from './gui/EFScrubber.js';
 export { EFTimeDisplay } from './gui/EFTimeDisplay.js';
+export { type DialChangeDetail, EFDial } from './gui/EFDial.js';
 export { EFControls } from './gui/EFControls.js';
 export { EFFocusOverlay } from './gui/EFFocusOverlay.js';
+export { type BoxBounds, EFResizableBox } from './gui/EFResizableBox.ts';
 export { EFFitScale } from './gui/EFFitScale.js';
 export { EFSurface } from './elements/EFSurface.ts';
 export { EFThumbnailStrip } from './elements/EFThumbnailStrip.ts';
 export { getRenderInfo, RenderInfo } from './getRenderInfo.js';
+export type { TraceContext } from './otel/tracingHelpers.js';

package/dist/index.js

@@ -11,15 +11,19 @@ import { EFWorkbench } from "./gui/EFWorkbench.js";
 import { EFPreview } from "./gui/EFPreview.js";
 import { EFFilmstrip } from "./gui/EFFilmstrip.js";
 import { EFTogglePlay } from "./gui/EFTogglePlay.js";
+import { EFPlay } from "./gui/EFPlay.js";
+import { EFPause } from "./gui/EFPause.js";
 import { EFToggleLoop } from "./gui/EFToggleLoop.js";
 import { EFScrubber } from "./gui/EFScrubber.js";
 import { EFTimeDisplay } from "./gui/EFTimeDisplay.js";
+import { EFDial } from "./gui/EFDial.js";
 import { EFControls } from "./gui/EFControls.js";
 import { EFFocusOverlay } from "./gui/EFFocusOverlay.js";
+import { EFResizableBox } from "./gui/EFResizableBox.js";
 import { EFFitScale } from "./gui/EFFitScale.js";
 import { EFSurface } from "./elements/EFSurface.js";
 import { EFThumbnailStrip } from "./elements/EFThumbnailStrip.js";
 import "./EF_FRAMEGEN.js";
 import { RenderInfo, getRenderInfo } from "./getRenderInfo.js";
 if (typeof window !== "undefined") window.EF_REGISTERED = true;
-export { EFAudio, EFCaptions, EFCaptionsActiveWord, EFCaptionsAfterActiveWord, EFCaptionsBeforeActiveWord, EFCaptionsSegment, EFConfiguration, EFControls, EFFilmstrip, EFFitScale, EFFocusOverlay, EFImage, EFPreview, EFScrubber, EFSurface, EFThumbnailStrip, EFTimeDisplay, EFTimegroup, EFToggleLoop, EFTogglePlay, EFVideo, EFWaveform, EFWorkbench, RenderInfo, getRenderInfo };
+export { EFAudio, EFCaptions, EFCaptionsActiveWord, EFCaptionsAfterActiveWord, EFCaptionsBeforeActiveWord, EFCaptionsSegment, EFConfiguration, EFControls, EFDial, EFFilmstrip, EFFitScale, EFFocusOverlay, EFImage, EFPause, EFPlay, EFPreview, EFResizableBox, EFScrubber, EFSurface, EFThumbnailStrip, EFTimeDisplay, EFTimegroup, EFToggleLoop, EFTogglePlay, EFVideo, EFWaveform, EFWorkbench, RenderInfo, getRenderInfo };

package/dist/otel/BridgeSpanExporter.d.ts

@@ -0,0 +1,13 @@
+import { ExportResult } from '@opentelemetry/core';
+import { ReadableSpan, SpanExporter } from '@opentelemetry/sdk-trace-base';
+interface BridgeWithSpanExport {
+    exportSpans?: (endpoint: string, payload: string) => void;
+}
+export declare class BridgeSpanExporter implements SpanExporter {
+    private bridge;
+    private endpoint;
+    constructor(bridge: BridgeWithSpanExport, endpoint: string);
+    export(spans: ReadableSpan[], resultCallback: (result: ExportResult) => void): void;
+    shutdown(): Promise<void>;
+}
+export {};

package/dist/otel/BridgeSpanExporter.js

@@ -0,0 +1,87 @@
+import { ExportResultCode } from "@opentelemetry/core";
+function toHex(value) {
+	if (typeof value === "string") return value;
+	if (Array.isArray(value)) return value.map((b) => {
+		return (typeof b === "number" ? b : 0).toString(16).padStart(2, "0");
+	}).join("");
+	if (ArrayBuffer.isView(value)) return Array.from(value).map((b) => b.toString(16).padStart(2, "0")).join("");
+	return String(value);
+}
+function convertAttribute(value) {
+	if (typeof value === "string") return { stringValue: value };
+	if (typeof value === "number") return Number.isInteger(value) ? { intValue: value } : { doubleValue: value };
+	if (typeof value === "boolean") return { boolValue: value };
+	if (Array.isArray(value)) return { arrayValue: { values: value.map(convertAttribute) } };
+	return { stringValue: String(value) };
+}
+var BridgeSpanExporter = class {
+	constructor(bridge, endpoint) {
+		this.bridge = bridge;
+		this.endpoint = endpoint;
+	}
+	export(spans, resultCallback) {
+		if (!this.bridge?.exportSpans) {
+			resultCallback({ code: ExportResultCode.FAILED });
+			return;
+		}
+		try {
+			const otlpPayload = { resourceSpans: [{
+				resource: { attributes: Object.entries(spans[0]?.resource?.attributes || {}).map(([key, value]) => ({
+					key,
+					value: convertAttribute(value)
+				})) },
+				scopeSpans: [{
+					scope: {
+						name: "telecine-browser",
+						version: "1.0.0"
+					},
+					spans: spans.map((span) => {
+						const ctx = span.spanContext();
+						return {
+							traceId: toHex(ctx.traceId),
+							spanId: toHex(ctx.spanId),
+							parentSpanId: span.parentSpanId ? toHex(span.parentSpanId) : void 0,
+							name: span.name,
+							kind: span.kind,
+							startTimeUnixNano: String(span.startTime[0] * 1e9 + span.startTime[1]),
+							endTimeUnixNano: String(span.endTime[0] * 1e9 + span.endTime[1]),
+							attributes: Object.entries(span.attributes).map(([key, value]) => ({
+								key,
+								value: convertAttribute(value)
+							})),
+							status: span.status,
+							events: span.events.map((event) => ({
+								timeUnixNano: String(event.time[0] * 1e9 + event.time[1]),
+								name: event.name,
+								attributes: Object.entries(event.attributes || {}).map(([key, value]) => ({
+									key,
+									value: convertAttribute(value)
+								}))
+							})),
+							links: span.links.map((link) => ({
+								traceId: toHex(link.context.traceId),
+								spanId: toHex(link.context.spanId),
+								attributes: Object.entries(link.attributes || {}).map(([key, value]) => ({
+									key,
+									value: convertAttribute(value)
+								}))
+							}))
+						};
+					})
+				}]
+			}] };
+			const serializedPayload = JSON.stringify(otlpPayload);
+			this.bridge.exportSpans(this.endpoint, serializedPayload);
+			resultCallback({ code: ExportResultCode.SUCCESS });
+		} catch (error) {
+			resultCallback({
+				code: ExportResultCode.FAILED,
+				error: error instanceof Error ? error : new Error(String(error))
+			});
+		}
+	}
+	shutdown() {
+		return Promise.resolve();
+	}
+};
+export { BridgeSpanExporter };

package/dist/otel/setupBrowserTracing.d.ts

@@ -0,0 +1,12 @@
+interface BridgeWithSpanExport {
+    exportSpans?: (endpoint: string, payload: string) => void;
+}
+export interface BrowserTracingConfig {
+    otelEndpoint: string;
+    serviceName?: string;
+    bridge?: BridgeWithSpanExport;
+    useBatching?: boolean;
+}
+export declare function setupBrowserTracing(config: BrowserTracingConfig): Promise<void>;
+export declare function isBrowserTracingInitialized(): boolean;
+export {};

package/dist/otel/setupBrowserTracing.js

@@ -0,0 +1,32 @@
+import { BridgeSpanExporter } from "./BridgeSpanExporter.js";
+import { Resource } from "@opentelemetry/resources";
+import { BatchSpanProcessor, SimpleSpanProcessor } from "@opentelemetry/sdk-trace-base";
+import { WebTracerProvider } from "@opentelemetry/sdk-trace-web";
+import { ATTR_SERVICE_NAME } from "@opentelemetry/semantic-conventions";
+var isInitialized = false;
+var provider = null;
+async function setupBrowserTracing(config) {
+	if (isInitialized) return;
+	try {
+		if (!config.bridge) throw new Error("Bridge is required for browser tracing");
+		const exporter = new BridgeSpanExporter(config.bridge, config.otelEndpoint);
+		let spanProcessor;
+		if (config.useBatching) spanProcessor = new BatchSpanProcessor(exporter, {
+			maxQueueSize: 100,
+			maxExportBatchSize: 10,
+			scheduledDelayMillis: 500
+		});
+		else spanProcessor = new SimpleSpanProcessor(exporter);
+		provider = new WebTracerProvider({
+			resource: new Resource({ [ATTR_SERVICE_NAME]: config.serviceName || "telecine-browser" }),
+			spanProcessors: [spanProcessor]
+		});
+		const { ZoneContextManager } = await import("@opentelemetry/context-zone");
+		provider.register({ contextManager: new ZoneContextManager() });
+		isInitialized = true;
+	} catch (error) {
+		console.error("Failed to initialize browser tracing:", error);
+		throw error;
+	}
+}
+export { setupBrowserTracing };

package/dist/otel/tracingHelpers.d.ts

@@ -0,0 +1,34 @@
+import { Context, Span } from '@opentelemetry/api';
+export type TraceContext = Record<string, string>;
+/**
+ * Enable tracing globally. Call this during initialization if tracing is requested.
+ */
+export declare function enableTracing(): void;
+/**
+ * Check if tracing is currently enabled.
+ */
+export declare function isTracingEnabled(): boolean;
+/**
+ * Set the current frame's span. Call this when starting a frame render.
+ * All spans created during this frame will use this as parent if
+ * Zone.js doesn't provide one via context.active()
+ */
+export declare function setCurrentFrameSpan(span: Span): void;
+/**
+ * Clear the current frame span. Call this when a frame completes.
+ */
+export declare function clearCurrentFrameSpan(): void;
+export declare function extractParentContext(traceContext?: TraceContext): Context;
+/**
+ * Get the active span's context to pass to child operations
+ * Use this when calling functions that create child spans
+ */
+export declare function getActiveContext(): Context;
+/**
+ * Wrapper that passes span context explicitly to the function
+ * Use this for operations that need to store or propagate context across boundaries
+ */
+export declare function withSpanAndContext<T>(name: string, attributes: Record<string, string | number | boolean> | undefined, parentContext: Context | undefined, fn: (span: Span, activeContext: Context) => Promise<T>): Promise<T>;
+export declare function createSpan(name: string, attributes?: Record<string, string | number | boolean>, parentContext?: Context): Span;
+export declare function withSpan<T>(name: string, attributes: Record<string, string | number | boolean> | undefined, parentContext: Context | undefined, fn: (span: Span) => Promise<T>): Promise<T>;
+export declare function withSpanSync<T>(name: string, attributes: Record<string, string | number | boolean> | undefined, parentContext: Context | undefined, fn: (span: Span) => T): T;

package/dist/otel/tracingHelpers.js

@@ -0,0 +1,112 @@
+import { context, propagation, trace } from "@opentelemetry/api";
+var tracingEnabled = false;
+function enableTracing() {
+	tracingEnabled = true;
+}
+function isTracingEnabled() {
+	return tracingEnabled;
+}
+var currentFrameSpan;
+function setCurrentFrameSpan(span) {
+	currentFrameSpan = span;
+}
+function clearCurrentFrameSpan() {
+	currentFrameSpan = void 0;
+}
+function extractParentContext(traceContext) {
+	if (!traceContext) return context.active();
+	try {
+		return propagation.extract(context.active(), traceContext);
+	} catch (_error) {
+		return context.active();
+	}
+}
+async function withSpanAndContext(name, attributes, parentContext, fn) {
+	if (!tracingEnabled) {
+		const noopSpan = trace.getTracer("telecine-browser").startSpan(name);
+		const result = await fn(noopSpan, parentContext || context.active());
+		noopSpan.end();
+		return result;
+	}
+	const tracer = trace.getTracer("telecine-browser");
+	let ctx;
+	if (parentContext) ctx = parentContext;
+	else {
+		const activeContext = context.active();
+		if (trace.getSpan(activeContext)?.isRecording?.()) ctx = activeContext;
+		else if (currentFrameSpan) ctx = trace.setSpan(context.active(), currentFrameSpan);
+		else ctx = activeContext;
+	}
+	const span = tracer.startSpan(name, { attributes }, ctx);
+	const spanContext = trace.setSpan(ctx, span);
+	try {
+		const result = await context.with(spanContext, async () => {
+			return fn(span, spanContext);
+		});
+		span.end();
+		return result;
+	} catch (error) {
+		span.recordException(error);
+		span.end();
+		throw error;
+	}
+}
+function createSpan(name, attributes, parentContext) {
+	const tracer = trace.getTracer("telecine-browser");
+	const ctx = parentContext || context.active();
+	return context.with(ctx, () => {
+		const span = tracer.startSpan(name);
+		if (attributes) span.setAttributes(attributes);
+		return span;
+	});
+}
+async function withSpan(name, attributes, parentContext, fn) {
+	if (!tracingEnabled) {
+		const noopSpan = trace.getTracer("telecine-browser").startSpan(name);
+		const result = await fn(noopSpan);
+		noopSpan.end();
+		return result;
+	}
+	const tracer = trace.getTracer("telecine-browser");
+	let ctx;
+	if (parentContext) ctx = parentContext;
+	else {
+		const activeContext = context.active();
+		if (trace.getSpan(activeContext)?.isRecording?.()) ctx = activeContext;
+		else if (currentFrameSpan) ctx = trace.setSpan(context.active(), currentFrameSpan);
+		else ctx = activeContext;
+	}
+	const span = tracer.startSpan(name, { attributes }, ctx);
+	const spanContext = trace.setSpan(ctx, span);
+	try {
+		const result = await context.with(spanContext, async () => {
+			return fn(span);
+		});
+		span.end();
+		return result;
+	} catch (error) {
+		span.recordException(error);
+		span.end();
+		throw error;
+	}
+}
+function withSpanSync(name, attributes, parentContext, fn) {
+	if (!tracingEnabled) {
+		const noopSpan = trace.getTracer("telecine-browser").startSpan(name);
+		const result = fn(noopSpan);
+		noopSpan.end();
+		return result;
+	}
+	const span = createSpan(name, attributes, parentContext);
+	const ctx = parentContext || context.active();
+	try {
+		const result = context.with(trace.setSpan(ctx, span), () => fn(span));
+		span.end();
+		return result;
+	} catch (error) {
+		span.recordException(error);
+		span.end();
+		throw error;
+	}
+}
+export { clearCurrentFrameSpan, enableTracing, extractParentContext, isTracingEnabled, setCurrentFrameSpan, withSpan, withSpanAndContext, withSpanSync };

package/dist/style.css

@@ -1,2 +1,2 @@
-*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.left-0{left:0}.top-0{top:0}.isolate{isolation:isolate}.z-10{z-index:10}.z-20,.z-\[20\]{z-index:20}.z-\[5\]{z-index:5}.col-span-2{grid-column:span 2/span 2}.mx-2{margin-left:.5rem;margin-right:.5rem}.mb-\[1px\]{margin-bottom:1px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.size-full{width:100%;height:100%}.h-\[1\.1rem\]{height:1.1rem}.h-\[200px\]{height:200px}.h-\[270px\]{height:270px}.h-\[300px\]{height:300px}.h-\[360px\]{height:360px}.h-\[500px\]{height:500px}.h-\[5px\]{height:5px}.h-full{height:100%}.w-1{width:.25rem}.w-\[1000px\]{width:1000px}.w-\[2px\]{width:2px}.w-\[480px\]{width:480px}.w-\[600px\]{width:600px}.w-\[640px\]{width:640px}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.cursor-crosshair{cursor:crosshair}.resize{resize:both}.place-content-center{place-content:center}.items-center{align-items:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.rounded{border-radius:.25rem}.border{border-width:1px}.border-r-2{border-right-width:2px}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity))}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity))}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity))}.border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity))}.border-purple-200{--tw-border-opacity:1;border-color:rgb(233 213 255/var(--tw-border-opacity))}.border-red-700{--tw-border-opacity:1;border-color:rgb(185 28 28/var(--tw-border-opacity))}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity))}.border-yellow-500{--tw-border-opacity:1;border-color:rgb(234 179 8/var(--tw-border-opacity))}.border-b-slate-600{--tw-border-opacity:1;border-bottom-color:rgb(71 85 105/var(--tw-border-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-blue-200{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}.bg-green-200{--tw-bg-opacity:1;background-color:rgb(187 247 208/var(--tw-bg-opacity))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity))}.bg-lime-400{--tw-bg-opacity:1;background-color:rgb(163 230 53/var(--tw-bg-opacity))}.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity))}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.bg-slate-300{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity))}.bg-slate-500{--tw-bg-opacity:1;background-color:rgb(100 116 139/var(--tw-bg-opacity))}.bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity))}.bg-yellow-200{--tw-bg-opacity:1;background-color:rgb(254 240 138/var(--tw-bg-opacity))}.bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity))}.bg-opacity-20{--tw-bg-opacity:.2}.object-contain{-o-object-fit:contain;object-fit:contain}.p-4{padding:1rem}.p-\[1px\]{padding:1px}.px-0{padding-left:0;padding-right:0}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.pb-0{padding-bottom:0}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pr-0{padding-right:0}.pr-1{padding-right:.25rem}.pt-\[8px\]{padding-top:8px}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-\[8px\]{font-size:8px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal)var(--tw-slashed-zero)var(--tw-numeric-figure)var(--tw-numeric-spacing)var(--tw-numeric-fraction)}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-green-200{--tw-text-opacity:1;color:rgb(187 247 208/var(--tw-text-opacity))}.text-green-900{--tw-text-opacity:1;color:rgb(20 83 45/var(--tw-text-opacity))}.line-through{text-decoration-line:line-through}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-slate-300{--tw-shadow-color:#cbd5e1;--tw-shadow:var(--tw-shadow-colored)}.shadow-slate-600{--tw-shadow-color:#475569;--tw-shadow:var(--tw-shadow-colored)}.outline{outline-style:solid}.blur{--tw-blur:blur(8px);filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.filter{filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\:bg-slate-400:hover{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity))}.peer:hover~.peer-hover\:border-slate-400{--tw-border-opacity:1;border-color:rgb(148 163 184/var(--tw-border-opacity))}.peer:hover~.peer-hover\:bg-slate-300{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity))}.data-\[focused\]\:bg-slate-400[data-focused]{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity))}.peer[data-focused]~.peer-data-\[focused\]\:border-slate-400{--tw-border-opacity:1;border-color:rgb(148 163 184/var(--tw-border-opacity))}.peer[data-focused]~.peer-data-\[focused\]\:bg-slate-300{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity))}
+*,:before,:after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.left-0{left:0}.top-0{top:0}.isolate{isolation:isolate}.z-10{z-index:10}.z-20,.z-\[20\]{z-index:20}.z-\[5\]{z-index:5}.col-span-2{grid-column:span 2/span 2}.mx-2{margin-left:.5rem;margin-right:.5rem}.mb-\[1px\]{margin-bottom:1px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.size-full{width:100%;height:100%}.h-\[1\.1rem\]{height:1.1rem}.h-\[200px\]{height:200px}.h-\[270px\]{height:270px}.h-\[300px\]{height:300px}.h-\[360px\]{height:360px}.h-\[500px\]{height:500px}.h-\[5px\]{height:5px}.h-full{height:100%}.w-1{width:.25rem}.w-\[1000px\]{width:1000px}.w-\[2px\]{width:2px}.w-\[480px\]{width:480px}.w-\[600px\]{width:600px}.w-\[640px\]{width:640px}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.cursor-crosshair{cursor:crosshair}.resize{resize:both}.place-content-center{place-content:center}.items-center{align-items:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.rounded{border-radius:.25rem}.border{border-width:1px}.border-r-2{border-right-width:2px}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-purple-200{--tw-border-opacity:1;border-color:rgb(233 213 255/var(--tw-border-opacity,1))}.border-red-700{--tw-border-opacity:1;border-color:rgb(185 28 28/var(--tw-border-opacity,1))}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.border-yellow-500{--tw-border-opacity:1;border-color:rgb(234 179 8/var(--tw-border-opacity,1))}.border-b-slate-600{--tw-border-opacity:1;border-bottom-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-blue-200{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-green-200{--tw-bg-opacity:1;background-color:rgb(187 247 208/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-lime-400{--tw-bg-opacity:1;background-color:rgb(163 230 53/var(--tw-bg-opacity,1))}.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-slate-300{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.bg-slate-500{--tw-bg-opacity:1;background-color:rgb(100 116 139/var(--tw-bg-opacity,1))}.bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.bg-yellow-200{--tw-bg-opacity:1;background-color:rgb(254 240 138/var(--tw-bg-opacity,1))}.bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.bg-opacity-20{--tw-bg-opacity:.2}.object-contain{-o-object-fit:contain;object-fit:contain}.p-4{padding:1rem}.p-\[1px\]{padding:1px}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.pb-0{padding-bottom:0}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pr-0{padding-right:0}.pr-1{padding-right:.25rem}.pt-\[8px\]{padding-top:8px}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-\[8px\]{font-size:8px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal)var(--tw-slashed-zero)var(--tw-numeric-figure)var(--tw-numeric-spacing)var(--tw-numeric-fraction)}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-green-200{--tw-text-opacity:1;color:rgb(187 247 208/var(--tw-text-opacity,1))}.text-green-900{--tw-text-opacity:1;color:rgb(20 83 45/var(--tw-text-opacity,1))}.line-through{text-decoration-line:line-through}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-slate-300{--tw-shadow-color:#cbd5e1;--tw-shadow:var(--tw-shadow-colored)}.shadow-slate-600{--tw-shadow-color:#475569;--tw-shadow:var(--tw-shadow-colored)}.outline{outline-style:solid}.blur{--tw-blur:blur(8px);filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.filter{filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\:bg-slate-400:hover{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.peer:hover~.peer-hover\:border-slate-400{--tw-border-opacity:1;border-color:rgb(148 163 184/var(--tw-border-opacity,1))}.peer:hover~.peer-hover\:bg-slate-300{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.data-\[focused\]\:bg-slate-400[data-focused]{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.peer[data-focused]~.peer-data-\[focused\]\:border-slate-400{--tw-border-opacity:1;border-color:rgb(148 163 184/var(--tw-border-opacity,1))}.peer[data-focused]~.peer-data-\[focused\]\:bg-slate-300{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}
 /*$vite$:1*/

package/dist/transcoding/cache/RequestDeduplicator.js

@@ -1,16 +1,7 @@
-/**
-* Request deduplication utility
-* Manages pending requests to prevent concurrent duplicate requests
-*/
 var RequestDeduplicator = class {
 	constructor() {
 		this.pendingRequests = /* @__PURE__ */ new Map();
 	}
-	/**
-	* Execute a request with deduplication
-	* If a request with the same key is already pending, return the existing promise
-	* Otherwise, execute the request factory and track the promise
-	*/
 	async executeRequest(key, requestFactory) {
 		const existingRequest = this.pendingRequests.get(key);
 		if (existingRequest) return existingRequest;
@@ -25,27 +16,15 @@ var RequestDeduplicator = class {
 			throw error;
 		}
 	}
-	/**
-	* Clear all pending requests (used in cache clearing)
-	*/
 	clear() {
 		this.pendingRequests.clear();
 	}
-	/**
-	* Get number of pending requests
-	*/
 	getPendingCount() {
 		return this.pendingRequests.size;
 	}
-	/**
-	* Check if a request is pending
-	*/
 	isPending(key) {
 		return this.pendingRequests.has(key);
 	}
-	/**
-	* Get all pending request keys
-	*/
 	getPendingKeys() {
 		return Array.from(this.pendingRequests.keys());
 	}

package/dist/transcoding/cache/URLTokenDeduplicator.js

@@ -2,10 +2,6 @@ var URLTokenDeduplicator = class {
 	constructor() {
 		this.tokenCache = /* @__PURE__ */ new Map();
 	}
-	/**
-	* Get or create a URL token with global deduplication
-	* Multiple requests for the same cache key will share the same token promise
-	*/
 	async getToken(cacheKey, tokenFactory, parseExpiration) {
 		const now = Date.now();
 		const cached = this.tokenCache.get(cacheKey);
@@ -27,36 +23,20 @@ var URLTokenDeduplicator = class {
 		});
 		return tokenPromise;
 	}
-	/**
-	* Clear all cached tokens (used in testing)
-	*/
 	clear() {
 		this.tokenCache.clear();
 	}
-	/**
-	* Get number of cached tokens
-	*/
 	getCachedCount() {
 		return this.tokenCache.size;
 	}
-	/**
-	* Check if a token is cached and valid
-	*/
 	hasValidToken(cacheKey) {
 		const cached = this.tokenCache.get(cacheKey);
 		if (!cached) return false;
-		const now = Date.now();
-		return now < cached.expiration;
+		return Date.now() < cached.expiration;
 	}
-	/**
-	* Get all cached token keys
-	*/
 	getCachedKeys() {
 		return Array.from(this.tokenCache.keys());
 	}
-	/**
-	* Remove expired tokens from cache
-	*/
 	cleanup() {
 		const now = Date.now();
 		for (const [key, entry] of this.tokenCache.entries()) if (now >= entry.expiration) this.tokenCache.delete(key);

package/dist/transcoding/utils/UrlGenerator.js

@@ -2,9 +2,6 @@ var UrlGenerator = class {
 	constructor(baseUrl) {
 		this.baseUrl = baseUrl;
 	}
-	/**
-	* Generate video segment URL
-	*/
 	generateSegmentUrl(segmentId, renditionId, metadata) {
 		const audioRendition = metadata.audioRendition;
 		const videoRendition = metadata.videoRendition;
@@ -13,31 +10,17 @@ var UrlGenerator = class {
 			console.error("Rendition not found", metadata);
 			throw new Error(`Rendition ${renditionId} not found`);
 		}
-		const template = segmentId === "init" ? metadata.templates.initSegment : metadata.templates.mediaSegment;
-		return template.replace("{rendition}", renditionId).replace("{segmentId}", segmentId.toString()).replace("{src}", metadata.src).replace("{trackId}", rendition.trackId?.toString() ?? "");
+		return (segmentId === "init" ? metadata.templates.initSegment : metadata.templates.mediaSegment).replace("{rendition}", renditionId).replace("{segmentId}", segmentId.toString()).replace("{src}", metadata.src).replace("{trackId}", rendition.trackId?.toString() ?? "");
 	}
-	/**
-	* Generate init segment URL
-	*/
 	generateInitSegmentUrl(mediaUrl, rendition) {
 		return `${this.baseUrl()}/api/v1/transcode/${rendition}/init.m4s?url=${encodeURIComponent(mediaUrl)}`;
 	}
-	/**
-	* Generate manifest URL
-	*/
 	generateManifestUrl(mediaUrl) {
 		return `${this.baseUrl()}/api/v1/transcode/manifest.json?url=${encodeURIComponent(mediaUrl)}`;
 	}
-	/**
-	* Generate track fragment index URL
-	*/
 	generateTrackFragmentIndexUrl(mediaUrl) {
-		const normalizedSrc = mediaUrl.startsWith("/") ? mediaUrl.slice(1) : mediaUrl;
-		return `/@ef-track-fragment-index/${normalizedSrc}`;
+		return `/@ef-track-fragment-index/${mediaUrl.startsWith("/") ? mediaUrl.slice(1) : mediaUrl}`;
 	}
-	/**
-	* Generate quality presets URL
-	*/
 	generatePresetsUrl() {
 		return `${this.baseUrl()}/api/v1/transcode/presets`;
 	}