@editframe/elements 0.32.0-beta.1 → 0.33.0-beta

package/dist/canvas/EFCanvas.d.ts

@@ -2,9 +2,9 @@ import { TemporalMixinInterface } from "../elements/EFTemporal.js";
 import { CanvasElementData } from "./api/types.js";
 import { SelectionContext } from "./selection/selectionContext.js";
 import { PanZoomTransform } from "../elements/EFPanZoom.js";
-import * as lit17 from "lit";
+import * as lit33 from "lit";
 import { LitElement } from "lit";
-import * as lit_html15 from "lit-html";
+import * as lit_html32 from "lit-html";
 
 //#region src/canvas/EFCanvas.d.ts
 declare const EFCanvas_base: typeof LitElement;
@@ -84,7 +84,7 @@ declare const EFCanvas_base: typeof LitElement;
  * Manages existing elements (EF* elements, divs, etc.) and provides selection functionality.
  */
 declare class EFCanvas extends EFCanvas_base {
-  static styles: lit17.CSSResult[];
+  static styles: lit33.CSSResult[];
   panZoomTransform?: PanZoomTransform;
   elementIdAttribute: string;
   enableTransformHandles: boolean;
@@ -299,7 +299,7 @@ declare class EFCanvas extends EFCanvas_base {
    * Cleanup transform handles.
    */
   private cleanupTransformHandles;
-  render(): lit_html15.TemplateResult<1>;
+  render(): lit_html32.TemplateResult<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/dist/canvas/EFCanvasItem.d.ts

@@ -1,6 +1,6 @@
-import * as lit18 from "lit";
+import * as lit34 from "lit";
 import { LitElement } from "lit";
-import * as lit_html16 from "lit-html";
+import * as lit_html33 from "lit-html";
 
 //#region src/canvas/EFCanvasItem.d.ts
 
@@ -28,7 +28,7 @@ import * as lit_html16 from "lit-html";
  * ```
  */
 declare class EFCanvasItem extends LitElement {
-  static styles: lit18.CSSResult;
+  static styles: lit34.CSSResult;
   id: string;
   private canvas;
   private api;
@@ -43,7 +43,7 @@ declare class EFCanvasItem extends LitElement {
    * Unregister this element from the canvas.
    */
   private unregister;
-  render(): lit_html16.TemplateResult<1>;
+  render(): lit_html33.TemplateResult<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/dist/elements/EFAudio.d.ts

@@ -2,8 +2,8 @@ import { MediaEngine } from "../transcoding/types/index.js";
 import { EFMedia } from "./EFMedia.js";
 import * as _lit_task8 from "@lit/task";
 import { Task } from "@lit/task";
-import * as lit_html37 from "lit-html";
-import * as lit_html_directives_ref_js3 from "lit-html/directives/ref.js";
+import * as lit_html1 from "lit-html";
+import * as lit_html_directives_ref_js1 from "lit-html/directives/ref.js";
 
 //#region src/elements/EFAudio.d.ts
 declare const EFAudio_base: typeof EFMedia;
@@ -18,9 +18,9 @@ declare class EFAudio extends EFAudio_base {
    * @domAttribute "volume"
    */
   volume: number;
-  audioElementRef: lit_html_directives_ref_js3.Ref<HTMLAudioElement>;
+  audioElementRef: lit_html_directives_ref_js1.Ref<HTMLAudioElement>;
   protected updated(changedProperties: Map<PropertyKey, unknown>): void;
-  render(): lit_html37.TemplateResult<1>;
+  render(): lit_html1.TemplateResult<1>;
   frameTask: Task<readonly [_lit_task8.TaskStatus, _lit_task8.TaskStatus, _lit_task8.TaskStatus, _lit_task8.TaskStatus], void>;
   /**
    * Legacy getter for fragment index task (maps to audioSegmentIdTask)

package/dist/elements/EFCaptions.d.ts

@@ -4,9 +4,9 @@ import { FetchMixinInterface } from "./FetchMixin.js";
 import { EFVideo } from "./EFVideo.js";
 import { EFAudio } from "./EFAudio.js";
 import { Task, TaskStatus } from "@lit/task";
-import * as lit25 from "lit";
+import * as lit3 from "lit";
 import { LitElement, PropertyValueMap } from "lit";
-import * as lit_html22 from "lit-html";
+import * as lit_html3 from "lit-html";
 
 //#region src/elements/EFCaptions.d.ts
 interface WordSegment {
@@ -25,8 +25,8 @@ interface Caption {
 }
 declare const EFCaptionsActiveWord_base: (new (...args: any[]) => TemporalMixinInterface) & typeof LitElement;
 declare class EFCaptionsActiveWord extends EFCaptionsActiveWord_base {
-  static styles: lit25.CSSResult[];
-  render(): lit_html22.TemplateResult<1> | undefined;
+  static styles: lit3.CSSResult[];
+  render(): lit_html3.TemplateResult<1> | undefined;
   wordStartMs: number;
   wordEndMs: number;
   wordText: string;
@@ -38,8 +38,8 @@ declare class EFCaptionsActiveWord extends EFCaptionsActiveWord_base {
 }
 declare const EFCaptionsSegment_base: (new (...args: any[]) => TemporalMixinInterface) & typeof LitElement;
 declare class EFCaptionsSegment extends EFCaptionsSegment_base {
-  static styles: lit25.CSSResult[];
-  render(): lit_html22.TemplateResult<1> | undefined;
+  static styles: lit3.CSSResult[];
+  render(): lit_html3.TemplateResult<1> | undefined;
   segmentStartMs: number;
   segmentEndMs: number;
   segmentText: string;
@@ -49,8 +49,8 @@ declare class EFCaptionsSegment extends EFCaptionsSegment_base {
   get durationMs(): number;
 }
 declare class EFCaptionsBeforeActiveWord extends EFCaptionsSegment {
-  static styles: lit25.CSSResult[];
-  render(): lit_html22.TemplateResult<1> | undefined;
+  static styles: lit3.CSSResult[];
+  render(): lit_html3.TemplateResult<1> | undefined;
   hidden: boolean;
   segmentText: string;
   segmentStartMs: number;
@@ -60,8 +60,8 @@ declare class EFCaptionsBeforeActiveWord extends EFCaptionsSegment {
   get durationMs(): number;
 }
 declare class EFCaptionsAfterActiveWord extends EFCaptionsSegment {
-  static styles: lit25.CSSResult[];
-  render(): lit_html22.TemplateResult<1> | undefined;
+  static styles: lit3.CSSResult[];
+  render(): lit_html3.TemplateResult<1> | undefined;
   hidden: boolean;
   segmentText: string;
   segmentStartMs: number;
@@ -73,7 +73,7 @@ declare class EFCaptionsAfterActiveWord extends EFCaptionsSegment {
 declare const EFCaptions_base: (new (...args: any[]) => EFSourceMixinInterface) & (new (...args: any[]) => TemporalMixinInterface) & (new (...args: any[]) => FetchMixinInterface) & typeof LitElement;
 declare class EFCaptions extends EFCaptions_base {
   #private;
-  static styles: lit25.CSSResult[];
+  static styles: lit3.CSSResult[];
   targetSelector: string;
   set target(value: string);
   wordStyle: string;
@@ -96,7 +96,7 @@ declare class EFCaptions extends EFCaptions_base {
   segmentContainers: HTMLCollectionOf<EFCaptionsSegment>;
   beforeActiveWordContainers: HTMLCollectionOf<EFCaptionsBeforeActiveWord>;
   afterActiveWordContainers: HTMLCollectionOf<EFCaptionsAfterActiveWord>;
-  render(): lit_html22.TemplateResult<1>;
+  render(): lit_html3.TemplateResult<1>;
   transcriptionsPath(): string | null;
   captionsPath(): string | null;
   protected md5SumLoader: Task<readonly [string, typeof fetch], any>;

package/dist/elements/EFImage.d.ts

@@ -3,21 +3,21 @@ import { TemporalMixinInterface } from "./EFTemporal.js";
 import { FetchMixinInterface } from "./FetchMixin.js";
 import * as _lit_task0 from "@lit/task";
 import { Task } from "@lit/task";
-import * as lit38 from "lit";
+import * as lit0 from "lit";
 import { LitElement } from "lit";
-import * as lit_html36 from "lit-html";
-import * as lit_html_directives_ref_js1 from "lit-html/directives/ref.js";
+import * as lit_html0 from "lit-html";
+import * as lit_html_directives_ref_js0 from "lit-html/directives/ref.js";
 
 //#region src/elements/EFImage.d.ts
 declare const EFImage_base: (new (...args: any[]) => TemporalMixinInterface) & (new (...args: any[]) => EFSourceMixinInterface) & (new (...args: any[]) => FetchMixinInterface) & typeof LitElement;
 declare class EFImage extends EFImage_base {
   #private;
-  static styles: lit38.CSSResult[];
-  imageRef: lit_html_directives_ref_js1.Ref<HTMLImageElement>;
-  canvasRef: lit_html_directives_ref_js1.Ref<HTMLCanvasElement>;
+  static styles: lit0.CSSResult[];
+  imageRef: lit_html_directives_ref_js0.Ref<HTMLImageElement>;
+  canvasRef: lit_html_directives_ref_js0.Ref<HTMLCanvasElement>;
   set assetId(value: string | null);
   get assetId(): string | null;
-  render(): lit_html36.TemplateResult<1>;
+  render(): lit_html0.TemplateResult<1>;
   private isDirectUrl;
   assetPath(): string;
   get hasOwnDuration(): boolean;

package/dist/elements/EFMedia.d.ts

@@ -9,9 +9,9 @@ import { AudioBufferState } from "./EFMedia/audioTasks/makeAudioBufferTask.js";
 import { ControllableInterface } from "../gui/Controllable.js";
 import { UrlGenerator } from "../transcoding/utils/UrlGenerator.js";
 import * as _lit_task0 from "@lit/task";
-import * as lit39 from "lit";
+import * as lit1 from "lit";
 import { LitElement, PropertyValueMap } from "lit";
-import * as mediabunny2 from "mediabunny";
+import * as mediabunny0 from "mediabunny";
 
 //#region src/elements/EFMedia.d.ts
 declare global {
@@ -34,7 +34,7 @@ declare class EFMedia extends EFMedia_base {
    */
   get requiredTracks(): "audio" | "video" | "both";
   static get observedAttributes(): string[];
-  static styles: lit39.CSSResult[];
+  static styles: lit1.CSSResult[];
   /**
    * Duration in milliseconds for audio buffering ahead of current time
    * @domAttribute "audio-buffer-duration"
@@ -83,7 +83,7 @@ declare class EFMedia extends EFMedia_base {
   audioInitSegmentFetchTask: _lit_task0.Task<readonly [MediaEngine | undefined], ArrayBuffer | undefined>;
   audioSegmentFetchTask: _lit_task0.Task<readonly [MediaEngine | undefined, number | undefined], ArrayBuffer | undefined>;
   audioInputTask: InputTask;
-  audioSeekTask: _lit_task0.Task<readonly [number, BufferedSeekingInput | undefined], mediabunny2.VideoSample | undefined>;
+  audioSeekTask: _lit_task0.Task<readonly [number, BufferedSeekingInput | undefined], mediabunny0.VideoSample | undefined>;
   audioBufferTask: _lit_task0.Task<readonly [number], AudioBufferState>;
   byteTimeDomainTask: _lit_task0.Task<readonly [number], Uint8Array<ArrayBufferLike> | null>;
   frequencyDataTask: _lit_task0.Task<readonly [number], Uint8Array<ArrayBufferLike> | null>;

package/dist/elements/EFPanZoom.d.ts

@@ -1,6 +1,6 @@
-import * as lit16 from "lit";
+import * as lit32 from "lit";
 import { LitElement } from "lit";
-import * as lit_html14 from "lit-html";
+import * as lit_html31 from "lit-html";
 
 //#region src/elements/EFPanZoom.d.ts
 interface PanZoomTransform {
@@ -9,7 +9,7 @@ interface PanZoomTransform {
   scale: number;
 }
 declare class EFPanZoom extends LitElement {
-  static styles: lit16.CSSResult[];
+  static styles: lit32.CSSResult[];
   x: number;
   y: number;
   scale: number;
@@ -89,7 +89,7 @@ declare class EFPanZoom extends LitElement {
    * @param padding - Padding factor (0-1), e.g., 0.1 = 10% padding on each side. Default: 0.05
    */
   fitToContent(padding?: number): void;
-  render(): lit_html14.TemplateResult<1>;
+  render(): lit_html31.TemplateResult<1>;
 }
 //#endregion
 export { EFPanZoom, PanZoomTransform };

package/dist/elements/EFSurface.d.ts

@@ -1,18 +1,18 @@
 import { ContextMixinInterface } from "../gui/ContextMixin.js";
 import { Task } from "@lit/task";
-import * as lit14 from "lit";
+import * as lit30 from "lit";
 import { LitElement } from "lit";
-import * as lit_html12 from "lit-html";
-import * as lit_html_directives_ref1 from "lit-html/directives/ref";
+import * as lit_html29 from "lit-html";
+import * as lit_html_directives_ref3 from "lit-html/directives/ref";
 
 //#region src/elements/EFSurface.d.ts
 declare class EFSurface extends LitElement {
   #private;
-  static styles: lit14.CSSResult[];
-  canvasRef: lit_html_directives_ref1.Ref<HTMLCanvasElement>;
+  static styles: lit30.CSSResult[];
+  canvasRef: lit_html_directives_ref3.Ref<HTMLCanvasElement>;
   targetElement: ContextMixinInterface | null;
   target: string;
-  render(): lit_html12.TemplateResult<1>;
+  render(): lit_html29.TemplateResult<1>;
   get rootTimegroup(): any;
   get currentTimeMs(): number;
   get durationMs(): number;

package/dist/elements/EFText.d.ts

@@ -1,14 +1,14 @@
 import { TemporalMixinInterface } from "./EFTemporal.js";
 import { EFTextSegment } from "./EFTextSegment.js";
-import * as lit30 from "lit";
+import * as lit8 from "lit";
 import { LitElement, PropertyValueMap } from "lit";
-import * as lit_html27 from "lit-html";
+import * as lit_html8 from "lit-html";
 
 //#region src/elements/EFText.d.ts
 type SplitMode = "line" | "word" | "char";
 declare const EFText_base: (new (...args: any[]) => TemporalMixinInterface) & typeof LitElement;
 declare class EFText extends EFText_base {
-  static styles: lit30.CSSResult[];
+  static styles: lit8.CSSResult[];
   split: SplitMode;
   private validateSplit;
   staggerMs?: number;
@@ -19,7 +19,7 @@ declare class EFText extends EFText_base {
   private _textContent;
   private _templateElement;
   private _segmentsReadyResolvers;
-  render(): lit_html27.TemplateResult<1>;
+  render(): lit_html8.TemplateResult<1>;
   set textContent(value: string | null);
   get textContent(): string;
   /**

package/dist/elements/EFTextSegment.d.ts

@@ -1,12 +1,12 @@
 import { TemporalMixinInterface } from "./EFTemporal.js";
-import * as lit31 from "lit";
+import * as lit9 from "lit";
 import { LitElement } from "lit";
-import * as lit_html28 from "lit-html";
+import * as lit_html9 from "lit-html";
 
 //#region src/elements/EFTextSegment.d.ts
 declare const EFTextSegment_base: (new (...args: any[]) => TemporalMixinInterface) & typeof LitElement;
 declare class EFTextSegment extends EFTextSegment_base {
-  static styles: lit31.CSSResult[];
+  static styles: lit9.CSSResult[];
   /**
    * Registers animation styles that should be shared across all text segments.
    * This is the correct way to inject animation styles for segments - not via innerHTML.
@@ -32,7 +32,7 @@ declare class EFTextSegment extends EFTextSegment_base {
    * @param id The identifier of the stylesheet to remove
    */
   static unregisterAnimations(id: string): void;
-  render(): lit_html28.TemplateResult<1>;
+  render(): lit_html9.TemplateResult<1>;
   private setCSSVariables;
   protected firstUpdated(): void;
   protected updated(): void;

package/dist/elements/EFThumbnailStrip.d.ts

@@ -1,14 +1,14 @@
 import { EFVideo } from "./EFVideo.js";
 import { EFTimegroup } from "./EFTimegroup.js";
-import * as lit15 from "lit";
+import * as lit31 from "lit";
 import { LitElement } from "lit";
-import * as lit_html13 from "lit-html";
-import * as lit_html_directives_ref2 from "lit-html/directives/ref";
+import * as lit_html30 from "lit-html";
+import * as lit_html_directives_ref4 from "lit-html/directives/ref";
 
 //#region src/elements/EFThumbnailStrip.d.ts
 declare class EFThumbnailStrip extends LitElement {
-  static styles: lit15.CSSResult[];
-  canvasRef: lit_html_directives_ref2.Ref<HTMLCanvasElement>;
+  static styles: lit31.CSSResult[];
+  canvasRef: lit_html_directives_ref4.Ref<HTMLCanvasElement>;
   target: string;
   thumbnailWidth: number;
   gap: number;
@@ -155,7 +155,7 @@ declare class EFThumbnailStrip extends LitElement {
    * Invalidate all cached thumbnails for this element.
    */
   invalidateAll(): void;
-  render(): lit_html13.TemplateResult<1>;
+  render(): lit_html30.TemplateResult<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/dist/elements/EFTimegroup.d.ts

@@ -5,9 +5,9 @@ import { ElementPositionInfo } from "./ElementPositionInfo.js";
 import { CaptureBatchOptions, CaptureOptions } from "../preview/renderTimegroupToCanvas.js";
 import { RenderToVideoOptions } from "../preview/renderTimegroupToVideo.js";
 import { Task } from "@lit/task";
-import * as lit37 from "lit";
+import * as lit0 from "lit";
 import { LitElement, PropertyValues } from "lit";
-import * as lit_html35 from "lit-html";
+import * as lit_html0 from "lit-html";
 
 //#region src/elements/EFTimegroup.d.ts
 
@@ -51,7 +51,7 @@ declare const EFTimegroup_base: (new (...args: any[]) => TemporalMixinInterface)
 declare class EFTimegroup extends EFTimegroup_base {
   #private;
   static get observedAttributes(): string[];
-  static styles: lit37.CSSResult;
+  static styles: lit0.CSSResult;
   /** @internal */
   _timeGroupContext: this;
   /** @internal */
@@ -206,7 +206,7 @@ declare class EFTimegroup extends EFTimegroup_base {
   removeFrameTask(callback: FrameTaskCallback): void;
   /** @internal */
   saveTimeToLocalStorage(time: number): void;
-  render(): lit_html35.TemplateResult<1>;
+  render(): lit_html0.TemplateResult<1>;
   /** @internal */
   loadTimeFromLocalStorage(): number | undefined;
   connectedCallback(): void;

package/dist/elements/EFVideo.d.ts

@@ -5,11 +5,11 @@ import { MediaBufferState } from "./EFMedia/shared/BufferUtils.js";
 import { EFMedia } from "./EFMedia.js";
 import { VideoBufferState } from "./EFMedia/videoTasks/makeVideoBufferTask.js";
 import { Task } from "@lit/task";
-import * as lit24 from "lit";
+import * as lit2 from "lit";
 import { PropertyValueMap } from "lit";
 import * as mediabunny0 from "mediabunny";
-import * as lit_html21 from "lit-html";
-import * as lit_html_directives_ref3 from "lit-html/directives/ref";
+import * as lit_html2 from "lit-html";
+import * as lit_html_directives_ref0 from "lit-html/directives/ref";
 
 //#region src/elements/EFVideo.d.ts
 declare global {
@@ -27,8 +27,8 @@ interface LoadingState {
 
 declare const EFVideo_base: typeof EFMedia;
 declare class EFVideo extends EFVideo_base {
-  static styles: lit24.CSSResult[];
-  canvasRef: lit_html_directives_ref3.Ref<HTMLCanvasElement>;
+  static styles: lit2.CSSResult[];
+  canvasRef: lit_html_directives_ref0.Ref<HTMLCanvasElement>;
   /**
    * Duration in milliseconds for video buffering ahead of current time
    * @domAttribute "video-buffer-duration"
@@ -66,7 +66,7 @@ declare class EFVideo extends EFVideo_base {
   };
   constructor();
   protected updated(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
-  render(): lit_html21.TemplateResult<1>;
+  render(): lit_html2.TemplateResult<1>;
   get canvasElement(): HTMLCanvasElement | undefined;
   frameTask: Task<readonly [number], void>;
   /**

package/dist/elements/EFWaveform.d.ts

@@ -3,21 +3,21 @@ import { EFVideo } from "./EFVideo.js";
 import { EFAudio } from "./EFAudio.js";
 import { TargetController } from "./TargetController.js";
 import { Task } from "@lit/task";
-import * as lit32 from "lit";
+import * as lit10 from "lit";
 import { LitElement, PropertyValueMap } from "lit";
 import { Ref } from "lit/directives/ref.js";
-import * as lit_html29 from "lit-html";
+import * as lit_html10 from "lit-html";
 
 //#region src/elements/EFWaveform.d.ts
 declare const EFWaveform_base: (new (...args: any[]) => TemporalMixinInterface) & typeof LitElement;
 declare class EFWaveform extends EFWaveform_base {
-  static styles: lit32.CSSResult;
+  static styles: lit10.CSSResult;
   canvasRef: Ref<HTMLCanvasElement>;
   private ctx;
   private styleObserver;
   private resizeObserver?;
   private mutationObserver?;
-  render(): lit_html29.TemplateResult<1>;
+  render(): lit_html10.TemplateResult<1>;
   mode: "roundBars" | "bars" | "bricks" | "line" | "curve" | "pixel" | "wave" | "spikes";
   color: string;
   target: string;

package/dist/getRenderInfo.d.ts

@@ -21,20 +21,20 @@ declare const RenderInfo: z.ZodObject<{
     efImage: string[];
   }>;
 }, "strip", z.ZodTypeAny, {
+  durationMs: number;
+  fps: number;
   width: number;
   height: number;
-  fps: number;
-  durationMs: number;
   assets: {
     efMedia: Record<string, any>;
     efCaptions: string[];
     efImage: string[];
   };
 }, {
+  durationMs: number;
+  fps: number;
   width: number;
   height: number;
-  fps: number;
-  durationMs: number;
   assets: {
     efMedia: Record<string, any>;
     efCaptions: string[];

package/dist/gui/EFActiveRootTemporal.d.ts

@@ -1,6 +1,6 @@
-import * as lit8 from "lit";
+import * as lit24 from "lit";
 import { LitElement } from "lit";
-import * as lit_html7 from "lit-html";
+import * as lit_html24 from "lit-html";
 
 //#region src/gui/EFActiveRootTemporal.d.ts
 
@@ -14,7 +14,7 @@ import * as lit_html7 from "lit-html";
  * ```
  */
 declare class EFActiveRootTemporal extends LitElement {
-  static styles: lit8.CSSResult;
+  static styles: lit24.CSSResult;
   /**
    * Canvas element ID or selector to bind to.
    * If not specified, will search for the nearest ef-canvas ancestor.
@@ -38,7 +38,7 @@ declare class EFActiveRootTemporal extends LitElement {
    * Remove event listener.
    */
   private removeListener;
-  render(): lit_html7.TemplateResult<1>;
+  render(): lit_html24.TemplateResult<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/dist/gui/EFConfiguration.d.ts

@@ -1,10 +1,10 @@
-import * as lit33 from "lit";
+import * as lit11 from "lit";
 import { LitElement } from "lit";
-import * as lit_html30 from "lit-html";
+import * as lit_html11 from "lit-html";
 
 //#region src/gui/EFConfiguration.d.ts
 declare class EFConfiguration extends LitElement {
-  static styles: lit33.CSSResult[];
+  static styles: lit11.CSSResult[];
   efConfiguration: this;
   apiHost?: string;
   signingURL: string;
@@ -15,7 +15,7 @@ declare class EFConfiguration extends LitElement {
    * - "jit": Force JitMediaEngine for all sources (uses /api/v1/transcode/* URLs)
    */
   mediaEngine?: "cloud" | "local" | "jit";
-  render(): lit_html30.TemplateResult<1>;
+  render(): lit_html11.TemplateResult<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/dist/gui/EFControls.d.ts

@@ -1,7 +1,7 @@
 import { TemporalMixinInterface } from "../elements/EFTemporal.js";
 import { ControllableInterface } from "./Controllable.js";
 import { FocusContext } from "./focusContext.js";
-import * as lit10 from "lit";
+import * as lit26 from "lit";
 import { LitElement, PropertyValueMap } from "lit";
 
 //#region src/gui/EFControls.d.ts
@@ -26,7 +26,7 @@ import { LitElement, PropertyValueMap } from "lit";
  */
 declare class EFControls extends LitElement {
   #private;
-  static styles: lit10.CSSResult;
+  static styles: lit26.CSSResult;
   createRenderRoot(): this;
   /**
    * The ID of the ef-preview element to control

package/dist/gui/EFDial.d.ts

@@ -1,6 +1,6 @@
-import * as lit9 from "lit";
+import * as lit25 from "lit";
 import { LitElement } from "lit";
-import * as lit_html8 from "lit-html";
+import * as lit_html25 from "lit-html";
 
 //#region src/gui/EFDial.d.ts
 interface DialChangeDetail {
@@ -13,12 +13,12 @@ declare class EFDial extends LitElement {
   private isDragging;
   private dragStartAngle;
   private dragStartValue;
-  static styles: lit9.CSSResult;
+  static styles: lit25.CSSResult;
   private getAngleFromPoint;
   private handlePointerDown;
   private handlePointerMove;
   private handlePointerUp;
-  render(): lit_html8.TemplateResult<1>;
+  render(): lit_html25.TemplateResult<1>;
 }
 //#endregion
 export { DialChangeDetail, EFDial };

package/dist/gui/EFFilmstrip.d.ts

@@ -1,7 +1,7 @@
 import { TemporalMixinInterface } from "../elements/EFTemporal.js";
 import { LitElement } from "lit";
-import * as lit_html33 from "lit-html";
-import * as lit_html_directives_ref4 from "lit-html/directives/ref";
+import * as lit_html14 from "lit-html";
+import * as lit_html_directives_ref0 from "lit-html/directives/ref";
 
 //#region src/gui/EFFilmstrip.d.ts
 declare const EFFilmstrip_base: typeof LitElement;
@@ -18,10 +18,10 @@ declare class EFFilmstrip extends EFFilmstrip_base {
   get targetTemporal(): TemporalMixinInterface | null;
   get hideSelectors(): string[] | undefined;
   get showSelectors(): string[] | undefined;
-  timelineRef: lit_html_directives_ref4.Ref<HTMLElement>;
+  timelineRef: lit_html_directives_ref0.Ref<HTMLElement>;
   connectedCallback(): void;
   protected willUpdate(changedProperties: Map<string | number | symbol, unknown>): void;
-  render(): lit_html33.TemplateResult<1>;
+  render(): lit_html14.TemplateResult<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/dist/gui/EFFitScale.d.ts

@@ -1,10 +1,10 @@
 import { LitElement } from "lit";
-import * as lit_html_directives_ref0 from "lit-html/directives/ref";
+import * as lit_html_directives_ref1 from "lit-html/directives/ref";
 
 //#region src/gui/EFFitScale.d.ts
 declare class EFFitScale extends LitElement {
-  containerRef: lit_html_directives_ref0.Ref<HTMLDivElement>;
-  contentRef: lit_html_directives_ref0.Ref<HTMLSlotElement>;
+  containerRef: lit_html_directives_ref1.Ref<HTMLDivElement>;
+  contentRef: lit_html_directives_ref1.Ref<HTMLSlotElement>;
   createRenderRoot(): this;
   uniqueId: string;
   private scale;

package/dist/gui/EFFocusOverlay.d.ts

@@ -1,16 +1,16 @@
-import * as lit11 from "lit";
+import * as lit27 from "lit";
 import { LitElement } from "lit";
-import * as lit_html9 from "lit-html";
-import * as lit_html_directives_ref_js0 from "lit-html/directives/ref.js";
+import * as lit_html26 from "lit-html";
+import * as lit_html_directives_ref_js3 from "lit-html/directives/ref.js";
 
 //#region src/gui/EFFocusOverlay.d.ts
 declare class EFFocusOverlay extends LitElement {
-  static styles: lit11.CSSResult;
+  static styles: lit27.CSSResult;
   focusedElement?: HTMLElement | null;
-  overlay: lit_html_directives_ref_js0.Ref<HTMLDivElement>;
+  overlay: lit_html_directives_ref_js3.Ref<HTMLDivElement>;
   private animationFrame?;
   drawOverlay: () => void;
-  render(): lit_html9.TemplateResult<1>;
+  render(): lit_html26.TemplateResult<1>;
   connectedCallback(): void;
   disconnectedCallback(): void;
   protected updated(): void;

package/dist/gui/EFOverlayItem.d.ts

@@ -1,6 +1,6 @@
-import * as lit20 from "lit";
+import * as lit36 from "lit";
 import { LitElement } from "lit";
-import * as lit_html18 from "lit-html";
+import * as lit_html35 from "lit-html";
 
 //#region src/gui/EFOverlayItem.d.ts
 /**
@@ -23,7 +23,7 @@ interface OverlayItemPosition {
  * ensures transforms are applied before positions are read.
  */
 declare class EFOverlayItem extends LitElement {
-  static styles: lit20.CSSResult[];
+  static styles: lit36.CSSResult[];
   elementId?: string;
   target?: HTMLElement | string;
   private currentPosition;
@@ -36,7 +36,7 @@ declare class EFOverlayItem extends LitElement {
   updatePosition(): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
-  render(): lit_html18.TemplateResult<1>;
+  render(): lit_html35.TemplateResult<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/dist/gui/EFOverlayLayer.d.ts

@@ -1,8 +1,8 @@
 import { PanZoomTransform } from "../elements/EFPanZoom.js";
 import { EFOverlayItem } from "./EFOverlayItem.js";
-import * as lit19 from "lit";
+import * as lit35 from "lit";
 import { LitElement } from "lit";
-import * as lit_html17 from "lit-html";
+import * as lit_html34 from "lit-html";
 
 //#region src/gui/EFOverlayLayer.d.ts
 
@@ -26,7 +26,7 @@ import * as lit_html17 from "lit-html";
  * 2. EFOverlayItem can use this rect for coordinate calculations
  */
 declare class EFOverlayLayer extends LitElement {
-  static styles: lit19.CSSResult[];
+  static styles: lit35.CSSResult[];
   panZoomTransformFromContext?: PanZoomTransform;
   /**
    * Pan/zoom transform as fallback for when context or sibling PanZoom is not available.
@@ -58,7 +58,7 @@ declare class EFOverlayLayer extends LitElement {
   connectedCallback(): void;
   disconnectedCallback(): void;
   updated(): void;
-  render(): lit_html17.TemplateResult<1>;
+  render(): lit_html34.TemplateResult<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/dist/gui/EFPause.d.ts

@@ -1,7 +1,7 @@
 import { ControllableInterface } from "./Controllable.js";
-import * as lit4 from "lit";
+import * as lit20 from "lit";
 import { LitElement } from "lit";
-import * as lit_html3 from "lit-html";
+import * as lit_html20 from "lit-html";
 
 //#region src/gui/EFPause.d.ts
 declare const EFPause_base: (new (...args: any[]) => {
@@ -10,13 +10,13 @@ declare const EFPause_base: (new (...args: any[]) => {
   effectiveContext: ControllableInterface | null;
 }) & typeof LitElement;
 declare class EFPause extends EFPause_base {
-  static styles: lit4.CSSResult[];
+  static styles: lit20.CSSResult[];
   playing: boolean;
   get efContext(): ControllableInterface | null;
   connectedCallback(): void;
   disconnectedCallback(): void;
   updated(changedProperties: Map<string | number | symbol, unknown>): void;
-  render(): lit_html3.TemplateResult<1>;
+  render(): lit_html20.TemplateResult<1>;
   handleClick: () => void;
 }
 declare global {

package/dist/gui/EFPlay.d.ts

@@ -1,7 +1,7 @@
 import { ControllableInterface } from "./Controllable.js";
-import * as lit3 from "lit";
+import * as lit19 from "lit";
 import { LitElement } from "lit";
-import * as lit_html2 from "lit-html";
+import * as lit_html19 from "lit-html";
 
 //#region src/gui/EFPlay.d.ts
 declare const EFPlay_base: (new (...args: any[]) => {
@@ -10,13 +10,13 @@ declare const EFPlay_base: (new (...args: any[]) => {
   effectiveContext: ControllableInterface | null;
 }) & typeof LitElement;
 declare class EFPlay extends EFPlay_base {
-  static styles: lit3.CSSResult[];
+  static styles: lit19.CSSResult[];
   playing: boolean;
   get efContext(): ControllableInterface | null;
   connectedCallback(): void;
   disconnectedCallback(): void;
   updated(changedProperties: Map<string | number | symbol, unknown>): void;
-  render(): lit_html2.TemplateResult<1>;
+  render(): lit_html19.TemplateResult<1>;
   handleClick: () => void;
 }
 declare global {

package/dist/gui/EFPreview.d.ts

@@ -1,19 +1,19 @@
 import { ContextMixinInterface } from "./ContextMixin.js";
-import * as lit35 from "lit";
+import * as lit13 from "lit";
 import { LitElement } from "lit";
-import * as lit_html32 from "lit-html";
+import * as lit_html13 from "lit-html";
 
 //#region src/gui/EFPreview.d.ts
 declare const EFPreview_base: (new (...args: any[]) => ContextMixinInterface) & typeof LitElement;
 declare class EFPreview extends EFPreview_base {
-  static styles: lit35.CSSResult[];
+  static styles: lit13.CSSResult[];
   focusedElement?: HTMLElement;
   /**
    * Find the closest temporal element (timegroup, video, audio, etc.)
    */
   private findClosestTemporal;
   constructor();
-  render(): lit_html32.TemplateResult<1>;
+  render(): lit_html13.TemplateResult<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/dist/gui/EFResizableBox.d.ts

@@ -1,6 +1,6 @@
-import * as lit13 from "lit";
+import * as lit29 from "lit";
 import { LitElement } from "lit";
-import * as lit_html11 from "lit-html";
+import * as lit_html28 from "lit-html";
 
 //#region src/gui/EFResizableBox.d.ts
 interface BoxBounds {
@@ -21,7 +21,7 @@ declare class EFResizableBox extends LitElement {
   private resizeStartCorner;
   private resizeStartSize;
   private resizeStartPosition;
-  static styles: lit13.CSSResult;
+  static styles: lit29.CSSResult;
   private resizeObserver?;
   connectedCallback(): void;
   disconnectedCallback(): void;
@@ -30,7 +30,7 @@ declare class EFResizableBox extends LitElement {
   private handlePointerUp;
   private cleanup;
   private dispatchBoundsChange;
-  render(): lit_html11.TemplateResult<1>;
+  render(): lit_html28.TemplateResult<1>;
 }
 //#endregion
 export { BoxBounds, EFResizableBox };

package/dist/gui/EFScrubber.d.ts

@@ -1,7 +1,7 @@
 import { ControllableInterface } from "./Controllable.js";
-import * as lit6 from "lit";
+import * as lit22 from "lit";
 import { LitElement } from "lit";
-import * as lit_html5 from "lit-html";
+import * as lit_html22 from "lit-html";
 
 //#region src/gui/EFScrubber.d.ts
 declare const EFScrubber_base: (new (...args: any[]) => {
@@ -10,7 +10,7 @@ declare const EFScrubber_base: (new (...args: any[]) => {
   effectiveContext: ControllableInterface | null;
 }) & typeof LitElement;
 declare class EFScrubber extends EFScrubber_base {
-  static styles: lit6.CSSResult[];
+  static styles: lit22.CSSResult[];
   playing: boolean;
   contextCurrentTimeMs: number;
   contextDurationMs: number;
@@ -50,7 +50,7 @@ declare class EFScrubber extends EFScrubber_base {
   private boundHandlePointerUp;
   private boundHandlePointerCancel;
   private boundHandleContextMenu;
-  render(): lit_html5.TemplateResult<1>;
+  render(): lit_html22.TemplateResult<1>;
   connectedCallback(): void;
   disconnectedCallback(): void;
 }

package/dist/gui/EFTimeDisplay.d.ts

@@ -1,7 +1,7 @@
 import { ControllableInterface } from "./Controllable.js";
-import * as lit7 from "lit";
+import * as lit23 from "lit";
 import { LitElement } from "lit";
-import * as lit_html6 from "lit-html";
+import * as lit_html23 from "lit-html";
 
 //#region src/gui/EFTimeDisplay.d.ts
 declare const EFTimeDisplay_base: (new (...args: any[]) => {
@@ -10,11 +10,11 @@ declare const EFTimeDisplay_base: (new (...args: any[]) => {
   effectiveContext: ControllableInterface | null;
 }) & typeof LitElement;
 declare class EFTimeDisplay extends EFTimeDisplay_base {
-  static styles: lit7.CSSResult;
+  static styles: lit23.CSSResult;
   currentTimeMs: number;
   durationMs: number;
   private formatTime;
-  render(): lit_html6.TemplateResult<1>;
+  render(): lit_html23.TemplateResult<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/dist/gui/EFTimelineRuler.d.ts

@@ -1,7 +1,7 @@
 import { TimelineState } from "./timeline/timelineStateContext.js";
-import * as lit21 from "lit";
+import * as lit37 from "lit";
 import { LitElement } from "lit";
-import * as lit_html19 from "lit-html";
+import * as lit_html36 from "lit-html";
 
 //#region src/gui/EFTimelineRuler.d.ts
 /**
@@ -25,7 +25,7 @@ declare function calculatePixelsPerFrame(frameIntervalMs: number, pixelsPerMs: n
  */
 declare function shouldShowFrameMarkers(pixelsPerFrame: number, minSpacing?: number): boolean;
 declare class EFTimelineRuler extends LitElement {
-  static styles: lit21.CSSResult[];
+  static styles: lit37.CSSResult[];
   durationMs: number;
   contextDurationMs: number;
   timelineState?: TimelineState;
@@ -59,7 +59,7 @@ declare class EFTimelineRuler extends LitElement {
   private calculateLabelInterval;
   private getVisibleLabels;
   private renderCanvas;
-  render(): lit_html19.TemplateResult<1>;
+  render(): lit_html36.TemplateResult<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/dist/gui/EFToggleLoop.d.ts

@@ -1,7 +1,7 @@
 import { ControllableInterface } from "./Controllable.js";
-import * as lit5 from "lit";
+import * as lit21 from "lit";
 import { LitElement } from "lit";
-import * as lit_html4 from "lit-html";
+import * as lit_html21 from "lit-html";
 
 //#region src/gui/EFToggleLoop.d.ts
 declare const EFToggleLoop_base: (new (...args: any[]) => {
@@ -10,9 +10,9 @@ declare const EFToggleLoop_base: (new (...args: any[]) => {
   effectiveContext: ControllableInterface | null;
 }) & typeof LitElement;
 declare class EFToggleLoop extends EFToggleLoop_base {
-  static styles: lit5.CSSResult[];
+  static styles: lit21.CSSResult[];
   get context(): ControllableInterface | null;
-  render(): lit_html4.TemplateResult<1>;
+  render(): lit_html21.TemplateResult<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/dist/gui/EFTogglePlay.d.ts

@@ -1,7 +1,7 @@
 import { ControllableInterface } from "./Controllable.js";
-import * as lit2 from "lit";
+import * as lit18 from "lit";
 import { LitElement } from "lit";
-import * as lit_html1 from "lit-html";
+import * as lit_html18 from "lit-html";
 
 //#region src/gui/EFTogglePlay.d.ts
 declare const EFTogglePlay_base: (new (...args: any[]) => {
@@ -10,12 +10,12 @@ declare const EFTogglePlay_base: (new (...args: any[]) => {
   effectiveContext: ControllableInterface | null;
 }) & typeof LitElement;
 declare class EFTogglePlay extends EFTogglePlay_base {
-  static styles: lit2.CSSResult[];
+  static styles: lit18.CSSResult[];
   playing: boolean;
   get efContext(): ControllableInterface | null;
   connectedCallback(): void;
   disconnectedCallback(): void;
-  render(): lit_html1.TemplateResult<1>;
+  render(): lit_html18.TemplateResult<1>;
   togglePlay: () => void;
   private getPlaybackController;
 }

package/dist/gui/EFTransformHandles.d.ts

@@ -1,7 +1,7 @@
 import { PanZoomTransform } from "../elements/EFPanZoom.js";
-import * as lit12 from "lit";
+import * as lit28 from "lit";
 import { LitElement } from "lit";
-import * as lit_html10 from "lit-html";
+import * as lit_html27 from "lit-html";
 
 //#region src/gui/EFTransformHandles.d.ts
 interface TransformBounds {
@@ -49,7 +49,7 @@ declare class EFTransformHandles extends LitElement {
    * Note: Not a @state() property to avoid re-renders during interaction.
    */
   private initialBounds;
-  static styles: lit12.CSSResult;
+  static styles: lit28.CSSResult;
   private resizeObserver?;
   /**
    * Single source of truth for zoom scale.
@@ -79,7 +79,7 @@ declare class EFTransformHandles extends LitElement {
   private handleMouseMove;
   private handleMouseUp;
   private cleanup;
-  render(): lit_html10.TemplateResult<1>;
+  render(): lit_html27.TemplateResult<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/dist/gui/EFWorkbench.d.ts

@@ -1,14 +1,14 @@
 import { ContextMixinInterface } from "./ContextMixin.js";
 import { RenderToVideoOptions } from "../preview/renderTimegroupToVideo.js";
-import * as lit34 from "lit";
+import * as lit12 from "lit";
 import { LitElement, PropertyValueMap } from "lit";
-import * as lit_html31 from "lit-html";
-import * as lit_html_directives_ref_js0 from "lit-html/directives/ref.js";
+import * as lit_html12 from "lit-html";
+import * as lit_html_directives_ref_js2 from "lit-html/directives/ref.js";
 
 //#region src/gui/EFWorkbench.d.ts
 declare const EFWorkbench_base: (new (...args: any[]) => ContextMixinInterface) & typeof LitElement;
 declare class EFWorkbench extends EFWorkbench_base {
-  static styles: lit34.CSSResult[];
+  static styles: lit12.CSSResult[];
   rendering: boolean;
   private panZoomTransform;
   private isExporting;
@@ -60,7 +60,7 @@ declare class EFWorkbench extends EFWorkbench_base {
   private canvasPreviewResult;
   private canvasAnimationFrame;
   private boundHandleTransformChanged;
-  focusOverlay: lit_html_directives_ref_js0.Ref<HTMLDivElement>;
+  focusOverlay: lit_html_directives_ref_js2.Ref<HTMLDivElement>;
   handleStageWheel(event: WheelEvent): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
@@ -193,7 +193,7 @@ declare class EFWorkbench extends EFWorkbench_base {
   updated(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
   drawOverlays: () => void;
   private renderPlaybackStats;
-  render(): lit_html31.TemplateResult<1>;
+  render(): lit_html12.TemplateResult<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/dist/gui/hierarchy/EFHierarchy.d.ts

@@ -1,12 +1,12 @@
 import { SelectionContext } from "../../canvas/selection/selectionContext.js";
-import * as lit36 from "lit";
+import * as lit14 from "lit";
 import { LitElement, PropertyValues } from "lit";
-import * as lit_html34 from "lit-html";
+import * as lit_html15 from "lit-html";
 
 //#region src/gui/hierarchy/EFHierarchy.d.ts
 declare const EFHierarchy_base: typeof LitElement;
 declare class EFHierarchy extends EFHierarchy_base {
-  static styles: lit36.CSSResult[];
+  static styles: lit14.CSSResult[];
   target: string;
   header: string;
   showHeader: boolean;
@@ -53,7 +53,7 @@ declare class EFHierarchy extends EFHierarchy_base {
   private autoSelectFirstRootTimegroup;
   private setupSelectionListener;
   private removeSelectionListener;
-  render(): lit_html34.TemplateResult<1>;
+  render(): lit_html15.TemplateResult<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/dist/gui/hierarchy/EFHierarchyItem.d.ts

@@ -4,13 +4,13 @@ import { EFAudio } from "../../elements/EFAudio.js";
 import { EFTimegroup } from "../../elements/EFTimegroup.js";
 import { EFImage } from "../../elements/EFImage.js";
 import { HierarchyContext } from "./hierarchyContext.js";
-import * as lit0 from "lit";
+import * as lit15 from "lit";
 import { LitElement, PropertyValues, TemplateResult, nothing } from "lit";
 
 //#region src/gui/hierarchy/EFHierarchyItem.d.ts
 declare const EFHierarchyItem_base: typeof LitElement;
 declare class EFHierarchyItem<ElementType extends HTMLElement = HTMLElement> extends EFHierarchyItem_base {
-  static styles: lit0.CSSResult[];
+  static styles: lit15.CSSResult[];
   hierarchyContext?: HierarchyContext;
   canvasSelectionContext?: SelectionContext;
   element: ElementType;

package/dist/gui/timeline/EFTimeline.d.ts

@@ -1,7 +1,7 @@
 import { TemporalMixinInterface } from "../../elements/EFTemporal.js";
 import { SelectionContext } from "../../canvas/selection/selectionContext.js";
 import { TimelineState } from "./timelineStateContext.js";
-import * as lit22 from "lit";
+import * as lit38 from "lit";
 import { LitElement, PropertyValues, TemplateResult } from "lit";
 
 //#region src/gui/timeline/EFTimeline.d.ts
@@ -14,7 +14,7 @@ declare const EFTimeline_base: typeof LitElement;
  */
 declare class EFTimeline extends EFTimeline_base {
   #private;
-  static styles: lit22.CSSResult[];
+  static styles: lit38.CSSResult[];
   /**
    * Target element ID or "selection" to derive from canvas selection.
    *

package/dist/gui/timeline/TrimHandles.d.ts

@@ -1,6 +1,6 @@
-import * as lit23 from "lit";
+import * as lit39 from "lit";
 import { LitElement } from "lit";
-import * as lit_html20 from "lit-html";
+import * as lit_html37 from "lit-html";
 
 //#region src/gui/timeline/TrimHandles.d.ts
 interface TrimChangeDetail {
@@ -11,7 +11,7 @@ interface TrimChangeDetail {
 }
 declare const EFTrimHandles_base: typeof LitElement;
 declare class EFTrimHandles extends EFTrimHandles_base {
-  static styles: lit23.CSSResult[];
+  static styles: lit39.CSSResult[];
   elementId: string;
   pixelsPerMs: number;
   trimStartMs: number;
@@ -24,7 +24,7 @@ declare class EFTrimHandles extends EFTrimHandles_base {
   private handlePointerDown;
   private handlePointerMove;
   private handlePointerUp;
-  render(): lit_html20.TemplateResult<1>;
+  render(): lit_html37.TemplateResult<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/dist/gui/tree/EFTree.d.ts

@@ -1,7 +1,7 @@
 import { TreeItem } from "./treeContext.js";
-import * as lit0 from "lit";
+import * as lit16 from "lit";
 import { LitElement, PropertyValues } from "lit";
-import * as lit_html0 from "lit-html";
+import * as lit_html16 from "lit-html";
 
 //#region src/gui/tree/EFTree.d.ts
 
@@ -28,7 +28,7 @@ import * as lit_html0 from "lit-html";
  * ```
  */
 declare class EFTree extends LitElement {
-  static styles: lit0.CSSResult;
+  static styles: lit16.CSSResult;
   /** Tree items to display */
   items: TreeItem[];
   /** Optional header text */
@@ -47,7 +47,7 @@ declare class EFTree extends LitElement {
   protected willUpdate(changedProperties: PropertyValues): void;
   protected updated(changedProperties: PropertyValues): void;
   connectedCallback(): void;
-  render(): lit_html0.TemplateResult<1>;
+  render(): lit_html16.TemplateResult<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/dist/gui/tree/EFTreeItem.d.ts

@@ -1,7 +1,7 @@
 import { TreeContext, TreeItem } from "./treeContext.js";
-import * as lit1 from "lit";
+import * as lit17 from "lit";
 import { LitElement, nothing } from "lit";
-import * as lit_html0 from "lit-html";
+import * as lit_html17 from "lit-html";
 
 //#region src/gui/tree/EFTreeItem.d.ts
 
@@ -17,7 +17,7 @@ import * as lit_html0 from "lit-html";
  * @fires tree-item-click - When item is clicked (for selection)
  */
 declare class EFTreeItem extends LitElement {
-  static styles: lit1.CSSResult;
+  static styles: lit17.CSSResult;
   treeContext?: TreeContext;
   item: TreeItem;
   private localExpanded;
@@ -26,7 +26,7 @@ declare class EFTreeItem extends LitElement {
   get hasChildren(): boolean;
   private handleClick;
   private handleExpandClick;
-  render(): lit_html0.TemplateResult<1> | typeof nothing;
+  render(): lit_html17.TemplateResult<1> | typeof nothing;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/dist/preview/previewSettings.js

@@ -48,8 +48,13 @@ function setPreviewPresentationMode(mode) {
 /**
 * Get the current render mode for HTML-to-canvas capture.
 * Defaults to "native" if available, otherwise "foreignObject".
+* 
+* Checks EF_NATIVE_RENDER URL parameter to force native mode when set.
 */
 function getRenderMode() {
+	try {
+		if (new URLSearchParams(window.location.search).get("EF_NATIVE_RENDER") === "1") return isNativeCanvasApiAvailable() ? "native" : "foreignObject";
+	} catch {}
 	try {
 		const stored = localStorage.getItem(STORAGE_KEY_RENDER_MODE);
 		if (stored === "foreignObject" || stored === "native") return stored;

package/dist/preview/previewSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"previewSettings.js","names":["_nativeApiAvailable: boolean | null","VALID_NUMERIC_SCALES: number[]"],"sources":["../../src/preview/previewSettings.ts"],"sourcesContent":["/**\n * Preview settings module with localStorage persistence.\n * Manages configuration for the preview rendering system.\n */\n\nconst STORAGE_KEY_NATIVE_CANVAS_API = \"ef-preview-native-canvas-api-enabled\";\nconst STORAGE_KEY_PRESENTATION_MODE = \"ef-preview-presentation-mode\";\nconst STORAGE_KEY_RENDER_MODE = \"ef-preview-render-mode\";\nconst STORAGE_KEY_RESOLUTION_SCALE = \"ef-preview-resolution-scale\";\nconst STORAGE_KEY_SHOW_STATS = \"ef-preview-show-stats\";\n\n/**\n * Render mode for HTML-to-canvas capture operations.\n * - \"foreignObject\": SVG foreignObject serialization (fallback, works everywhere)\n * - \"native\": Chrome's experimental drawElementImage API (fastest when available)\n */\nexport type RenderMode = \"foreignObject\" | \"native\";\n\n/**\n * Preview resolution scale factor.\n * Controls how much to reduce the preview render resolution for better performance.\n * - 1: Full resolution (default)\n * - 0.75: 3/4 resolution\n * - 0.5: Half resolution\n * - 0.25: Quarter resolution\n * - \"auto\": Adaptive resolution that scales down during motion to prevent dropped frames,\n *           and renders at full resolution when at rest\n */\nexport type PreviewResolutionScale = 1 | 0.75 | 0.5 | 0.25 | \"auto\";\n\n/**\n * Preview presentation mode determines how content is rendered in the workbench.\n * - \"clone\": Show a clone with computed styles applied (alias for \"computed\")\n * - \"dom\": Show the original DOM content directly (alias for \"original\")\n * - \"original\": Show the original DOM content directly\n * - \"computed\": Show a clone with computed styles applied\n * - \"canvas\": Render to canvas using the active rendering path\n */\nexport type PreviewPresentationMode = \"original\" | \"computed\" | \"canvas\" | \"clone\" | \"dom\";\n\n/**\n * Cached detection result for native HTML-in-Canvas API availability.\n * This is separate from the user preference - it detects browser capability.\n */\nlet _nativeApiAvailable: boolean | null = null;\n\n/**\n * Detect if the native HTML-in-Canvas API (drawElementImage) is available in this browser.\n * This checks browser capability, not user preference.\n * \n * The API is available in Chrome Canary with chrome://flags/#canvas-draw-element\n * @see https://github.com/WICG/html-in-canvas\n */\nexport function isNativeCanvasApiAvailable(): boolean {\n  if (_nativeApiAvailable === null) {\n    const canvas = document.createElement(\"canvas\");\n    const ctx = canvas.getContext(\"2d\");\n    _nativeApiAvailable = ctx !== null && \"drawElementImage\" in ctx;\n  }\n  return _nativeApiAvailable;\n}\n\n/**\n * Check if the native Canvas API is enabled by the user.\n * Returns true only if:\n * 1. The API is available in the browser\n * 2. The user has not explicitly disabled it\n * \n * Default is enabled when available (opt-out model).\n */\nexport function isNativeCanvasApiEnabled(): boolean {\n  if (!isNativeCanvasApiAvailable()) {\n    return false;\n  }\n  \n  try {\n    const stored = localStorage.getItem(STORAGE_KEY_NATIVE_CANVAS_API);\n    // Default to true (enabled) when available, unless explicitly disabled\n    if (stored === null) {\n      return true;\n    }\n    return stored === \"true\";\n  } catch {\n    // localStorage not available (e.g., private browsing)\n    return true;\n  }\n}\n\n/**\n * Set whether the native Canvas API should be used (when available).\n * Persists to localStorage and dispatches a change event.\n */\nexport function setNativeCanvasApiEnabled(enabled: boolean): void {\n  try {\n    localStorage.setItem(STORAGE_KEY_NATIVE_CANVAS_API, String(enabled));\n  } catch {\n    // localStorage not available\n  }\n  \n  // Dispatch event so components can react to the change\n  window.dispatchEvent(new CustomEvent(\"ef-preview-settings-changed\", {\n    detail: { nativeCanvasApiEnabled: enabled }\n  }));\n}\n\n/**\n * Get the current raw user preference (ignoring availability).\n * Returns null if no preference is set.\n */\nexport function getNativeCanvasApiPreference(): boolean | null {\n  try {\n    const stored = localStorage.getItem(STORAGE_KEY_NATIVE_CANVAS_API);\n    if (stored === null) {\n      return null;\n    }\n    return stored === \"true\";\n  } catch {\n    return null;\n  }\n}\n\n/**\n * Subscribe to preview settings changes.\n * @returns Unsubscribe function\n */\nexport function onPreviewSettingsChanged(\n  callback: (detail: PreviewSettingsChangedDetail) => void\n): () => void {\n  const handler = (event: Event) => {\n    callback((event as CustomEvent).detail);\n  };\n  window.addEventListener(\"ef-preview-settings-changed\", handler);\n  return () => window.removeEventListener(\"ef-preview-settings-changed\", handler);\n}\n\n/**\n * Detail object for preview settings change events.\n */\nexport interface PreviewSettingsChangedDetail {\n  nativeCanvasApiEnabled?: boolean;\n  presentationMode?: PreviewPresentationMode;\n  renderMode?: RenderMode;\n  resolutionScale?: PreviewResolutionScale;\n  showStats?: boolean;\n}\n\n/**\n * Get the current preview presentation mode.\n * Defaults to \"original\" if not set.\n */\nexport function getPreviewPresentationMode(): PreviewPresentationMode {\n  try {\n    const stored = localStorage.getItem(STORAGE_KEY_PRESENTATION_MODE);\n    if (stored === \"original\" || stored === \"computed\" || stored === \"canvas\") {\n      return stored;\n    }\n    return \"original\";\n  } catch {\n    return \"original\";\n  }\n}\n\n/**\n * Set the preview presentation mode.\n * Persists to localStorage and dispatches a change event.\n */\nexport function setPreviewPresentationMode(mode: PreviewPresentationMode): void {\n  try {\n    localStorage.setItem(STORAGE_KEY_PRESENTATION_MODE, mode);\n  } catch {\n    // localStorage not available\n  }\n  \n  // Dispatch event so components can react to the change\n  window.dispatchEvent(new CustomEvent(\"ef-preview-settings-changed\", {\n    detail: { presentationMode: mode }\n  }));\n}\n\n/**\n * Get the current render mode for HTML-to-canvas capture.\n * Defaults to \"native\" if available, otherwise \"foreignObject\".\n */\nexport function getRenderMode(): RenderMode {\n  try {\n    const stored = localStorage.getItem(STORAGE_KEY_RENDER_MODE);\n    if (stored === \"foreignObject\" || stored === \"native\") {\n      return stored;\n    }\n    // Default: prefer native if available, otherwise foreignObject\n    return isNativeCanvasApiAvailable() ? \"native\" : \"foreignObject\";\n  } catch {\n    return isNativeCanvasApiAvailable() ? \"native\" : \"foreignObject\";\n  }\n}\n\n/**\n * Set the render mode for HTML-to-canvas capture.\n * Persists to localStorage and dispatches a change event.\n */\nexport function setRenderMode(mode: RenderMode): void {\n  try {\n    localStorage.setItem(STORAGE_KEY_RENDER_MODE, mode);\n  } catch {\n    // localStorage not available\n  }\n  \n  // Dispatch event so components can react to the change\n  window.dispatchEvent(new CustomEvent(\"ef-preview-settings-changed\", {\n    detail: { renderMode: mode }\n  }));\n}\n\n/**\n * Valid numeric resolution scale values.\n */\nconst VALID_NUMERIC_SCALES: number[] = [1, 0.75, 0.5, 0.25];\n\n/**\n * Get the current preview resolution scale.\n * Defaults to 1 (full resolution) if not set.\n */\nexport function getPreviewResolutionScale(): PreviewResolutionScale {\n  try {\n    const stored = localStorage.getItem(STORAGE_KEY_RESOLUTION_SCALE);\n    if (stored !== null) {\n      // Check for \"auto\" string first\n      if (stored === \"auto\") {\n        return \"auto\";\n      }\n      // Then check numeric values\n      const parsed = parseFloat(stored);\n      if (VALID_NUMERIC_SCALES.includes(parsed)) {\n        return parsed as PreviewResolutionScale;\n      }\n    }\n    return 1;\n  } catch {\n    return 1;\n  }\n}\n\n/**\n * Set the preview resolution scale.\n * Persists to localStorage and dispatches a change event.\n */\nexport function setPreviewResolutionScale(scale: PreviewResolutionScale): void {\n  try {\n    localStorage.setItem(STORAGE_KEY_RESOLUTION_SCALE, String(scale));\n  } catch {\n    // localStorage not available\n  }\n  \n  // Dispatch event so components can react to the change\n  window.dispatchEvent(new CustomEvent(\"ef-preview-settings-changed\", {\n    detail: { resolutionScale: scale }\n  }));\n}\n\n/**\n * Get whether performance stats should be shown.\n * Defaults to false (stats hidden by default).\n */\nexport function getShowStats(): boolean {\n  try {\n    const stored = localStorage.getItem(STORAGE_KEY_SHOW_STATS);\n    return stored === \"true\";\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Set whether performance stats should be shown.\n * Persists to localStorage and dispatches a change event.\n */\nexport function setShowStats(enabled: boolean): void {\n  try {\n    localStorage.setItem(STORAGE_KEY_SHOW_STATS, String(enabled));\n  } catch {\n    // localStorage not available\n  }\n  \n  // Dispatch event so components can react to the change\n  window.dispatchEvent(new CustomEvent(\"ef-preview-settings-changed\", {\n    detail: { showStats: enabled }\n  }));\n}\n\n"],"mappings":";AAMA,MAAM,gCAAgC;AACtC,MAAM,0BAA0B;AAChC,MAAM,+BAA+B;AACrC,MAAM,yBAAyB;;;;;AAmC/B,IAAIA,sBAAsC;;;;;;;;AAS1C,SAAgB,6BAAsC;AACpD,KAAI,wBAAwB,MAAM;EAEhC,MAAM,MADS,SAAS,cAAc,SAAS,CAC5B,WAAW,KAAK;AACnC,wBAAsB,QAAQ,QAAQ,sBAAsB;;AAE9D,QAAO;;;;;;AA2FT,SAAgB,6BAAsD;AACpE,KAAI;EACF,MAAM,SAAS,aAAa,QAAQ,8BAA8B;AAClE,MAAI,WAAW,cAAc,WAAW,cAAc,WAAW,SAC/D,QAAO;AAET,SAAO;SACD;AACN,SAAO;;;;;;;AAQX,SAAgB,2BAA2B,MAAqC;AAC9E,KAAI;AACF,eAAa,QAAQ,+BAA+B,KAAK;SACnD;AAKR,QAAO,cAAc,IAAI,YAAY,+BAA+B,EAClE,QAAQ,EAAE,kBAAkB,MAAM,EACnC,CAAC,CAAC;;;;;;AAOL,SAAgB,gBAA4B;AAC1C,KAAI;EACF,MAAM,SAAS,aAAa,QAAQ,wBAAwB;AAC5D,MAAI,WAAW,mBAAmB,WAAW,SAC3C,QAAO;AAGT,SAAO,4BAA4B,GAAG,WAAW;SAC3C;AACN,SAAO,4BAA4B,GAAG,WAAW;;;;;;;AAQrD,SAAgB,cAAc,MAAwB;AACpD,KAAI;AACF,eAAa,QAAQ,yBAAyB,KAAK;SAC7C;AAKR,QAAO,cAAc,IAAI,YAAY,+BAA+B,EAClE,QAAQ,EAAE,YAAY,MAAM,EAC7B,CAAC,CAAC;;;;;AAML,MAAMC,uBAAiC;CAAC;CAAG;CAAM;CAAK;CAAK;;;;;AAM3D,SAAgB,4BAAoD;AAClE,KAAI;EACF,MAAM,SAAS,aAAa,QAAQ,6BAA6B;AACjE,MAAI,WAAW,MAAM;AAEnB,OAAI,WAAW,OACb,QAAO;GAGT,MAAM,SAAS,WAAW,OAAO;AACjC,OAAI,qBAAqB,SAAS,OAAO,CACvC,QAAO;;AAGX,SAAO;SACD;AACN,SAAO;;;;;;;AAQX,SAAgB,0BAA0B,OAAqC;AAC7E,KAAI;AACF,eAAa,QAAQ,8BAA8B,OAAO,MAAM,CAAC;SAC3D;AAKR,QAAO,cAAc,IAAI,YAAY,+BAA+B,EAClE,QAAQ,EAAE,iBAAiB,OAAO,EACnC,CAAC,CAAC;;;;;;AAOL,SAAgB,eAAwB;AACtC,KAAI;AAEF,SADe,aAAa,QAAQ,uBAAuB,KACzC;SACZ;AACN,SAAO;;;;;;;AAQX,SAAgB,aAAa,SAAwB;AACnD,KAAI;AACF,eAAa,QAAQ,wBAAwB,OAAO,QAAQ,CAAC;SACvD;AAKR,QAAO,cAAc,IAAI,YAAY,+BAA+B,EAClE,QAAQ,EAAE,WAAW,SAAS,EAC/B,CAAC,CAAC"}
+{"version":3,"file":"previewSettings.js","names":["_nativeApiAvailable: boolean | null","VALID_NUMERIC_SCALES: number[]"],"sources":["../../src/preview/previewSettings.ts"],"sourcesContent":["/**\n * Preview settings module with localStorage persistence.\n * Manages configuration for the preview rendering system.\n */\n\nconst STORAGE_KEY_NATIVE_CANVAS_API = \"ef-preview-native-canvas-api-enabled\";\nconst STORAGE_KEY_PRESENTATION_MODE = \"ef-preview-presentation-mode\";\nconst STORAGE_KEY_RENDER_MODE = \"ef-preview-render-mode\";\nconst STORAGE_KEY_RESOLUTION_SCALE = \"ef-preview-resolution-scale\";\nconst STORAGE_KEY_SHOW_STATS = \"ef-preview-show-stats\";\n\n/**\n * Render mode for HTML-to-canvas capture operations.\n * - \"foreignObject\": SVG foreignObject serialization (fallback, works everywhere)\n * - \"native\": Chrome's experimental drawElementImage API (fastest when available)\n */\nexport type RenderMode = \"foreignObject\" | \"native\";\n\n/**\n * Preview resolution scale factor.\n * Controls how much to reduce the preview render resolution for better performance.\n * - 1: Full resolution (default)\n * - 0.75: 3/4 resolution\n * - 0.5: Half resolution\n * - 0.25: Quarter resolution\n * - \"auto\": Adaptive resolution that scales down during motion to prevent dropped frames,\n *           and renders at full resolution when at rest\n */\nexport type PreviewResolutionScale = 1 | 0.75 | 0.5 | 0.25 | \"auto\";\n\n/**\n * Preview presentation mode determines how content is rendered in the workbench.\n * - \"clone\": Show a clone with computed styles applied (alias for \"computed\")\n * - \"dom\": Show the original DOM content directly (alias for \"original\")\n * - \"original\": Show the original DOM content directly\n * - \"computed\": Show a clone with computed styles applied\n * - \"canvas\": Render to canvas using the active rendering path\n */\nexport type PreviewPresentationMode = \"original\" | \"computed\" | \"canvas\" | \"clone\" | \"dom\";\n\n/**\n * Cached detection result for native HTML-in-Canvas API availability.\n * This is separate from the user preference - it detects browser capability.\n */\nlet _nativeApiAvailable: boolean | null = null;\n\n/**\n * Detect if the native HTML-in-Canvas API (drawElementImage) is available in this browser.\n * This checks browser capability, not user preference.\n * \n * The API is available in Chrome Canary with chrome://flags/#canvas-draw-element\n * @see https://github.com/WICG/html-in-canvas\n */\nexport function isNativeCanvasApiAvailable(): boolean {\n  if (_nativeApiAvailable === null) {\n    const canvas = document.createElement(\"canvas\");\n    const ctx = canvas.getContext(\"2d\");\n    _nativeApiAvailable = ctx !== null && \"drawElementImage\" in ctx;\n  }\n  return _nativeApiAvailable;\n}\n\n/**\n * Check if the native Canvas API is enabled by the user.\n * Returns true only if:\n * 1. The API is available in the browser\n * 2. The user has not explicitly disabled it\n * \n * Default is enabled when available (opt-out model).\n */\nexport function isNativeCanvasApiEnabled(): boolean {\n  if (!isNativeCanvasApiAvailable()) {\n    return false;\n  }\n  \n  try {\n    const stored = localStorage.getItem(STORAGE_KEY_NATIVE_CANVAS_API);\n    // Default to true (enabled) when available, unless explicitly disabled\n    if (stored === null) {\n      return true;\n    }\n    return stored === \"true\";\n  } catch {\n    // localStorage not available (e.g., private browsing)\n    return true;\n  }\n}\n\n/**\n * Set whether the native Canvas API should be used (when available).\n * Persists to localStorage and dispatches a change event.\n */\nexport function setNativeCanvasApiEnabled(enabled: boolean): void {\n  try {\n    localStorage.setItem(STORAGE_KEY_NATIVE_CANVAS_API, String(enabled));\n  } catch {\n    // localStorage not available\n  }\n  \n  // Dispatch event so components can react to the change\n  window.dispatchEvent(new CustomEvent(\"ef-preview-settings-changed\", {\n    detail: { nativeCanvasApiEnabled: enabled }\n  }));\n}\n\n/**\n * Get the current raw user preference (ignoring availability).\n * Returns null if no preference is set.\n */\nexport function getNativeCanvasApiPreference(): boolean | null {\n  try {\n    const stored = localStorage.getItem(STORAGE_KEY_NATIVE_CANVAS_API);\n    if (stored === null) {\n      return null;\n    }\n    return stored === \"true\";\n  } catch {\n    return null;\n  }\n}\n\n/**\n * Subscribe to preview settings changes.\n * @returns Unsubscribe function\n */\nexport function onPreviewSettingsChanged(\n  callback: (detail: PreviewSettingsChangedDetail) => void\n): () => void {\n  const handler = (event: Event) => {\n    callback((event as CustomEvent).detail);\n  };\n  window.addEventListener(\"ef-preview-settings-changed\", handler);\n  return () => window.removeEventListener(\"ef-preview-settings-changed\", handler);\n}\n\n/**\n * Detail object for preview settings change events.\n */\nexport interface PreviewSettingsChangedDetail {\n  nativeCanvasApiEnabled?: boolean;\n  presentationMode?: PreviewPresentationMode;\n  renderMode?: RenderMode;\n  resolutionScale?: PreviewResolutionScale;\n  showStats?: boolean;\n}\n\n/**\n * Get the current preview presentation mode.\n * Defaults to \"original\" if not set.\n */\nexport function getPreviewPresentationMode(): PreviewPresentationMode {\n  try {\n    const stored = localStorage.getItem(STORAGE_KEY_PRESENTATION_MODE);\n    if (stored === \"original\" || stored === \"computed\" || stored === \"canvas\") {\n      return stored;\n    }\n    return \"original\";\n  } catch {\n    return \"original\";\n  }\n}\n\n/**\n * Set the preview presentation mode.\n * Persists to localStorage and dispatches a change event.\n */\nexport function setPreviewPresentationMode(mode: PreviewPresentationMode): void {\n  try {\n    localStorage.setItem(STORAGE_KEY_PRESENTATION_MODE, mode);\n  } catch {\n    // localStorage not available\n  }\n  \n  // Dispatch event so components can react to the change\n  window.dispatchEvent(new CustomEvent(\"ef-preview-settings-changed\", {\n    detail: { presentationMode: mode }\n  }));\n}\n\n/**\n * Get the current render mode for HTML-to-canvas capture.\n * Defaults to \"native\" if available, otherwise \"foreignObject\".\n * \n * Checks EF_NATIVE_RENDER URL parameter to force native mode when set.\n */\nexport function getRenderMode(): RenderMode {\n  // Check URL parameter first (CLI flag override)\n  try {\n    const urlParams = new URLSearchParams(window.location.search);\n    if (urlParams.get(\"EF_NATIVE_RENDER\") === \"1\") {\n      // Force native mode if available, otherwise fall back to foreignObject\n      return isNativeCanvasApiAvailable() ? \"native\" : \"foreignObject\";\n    }\n  } catch {\n    // URL parsing failed, continue with normal logic\n  }\n\n  try {\n    const stored = localStorage.getItem(STORAGE_KEY_RENDER_MODE);\n    if (stored === \"foreignObject\" || stored === \"native\") {\n      return stored;\n    }\n    // Default: prefer native if available, otherwise foreignObject\n    return isNativeCanvasApiAvailable() ? \"native\" : \"foreignObject\";\n  } catch {\n    return isNativeCanvasApiAvailable() ? \"native\" : \"foreignObject\";\n  }\n}\n\n/**\n * Set the render mode for HTML-to-canvas capture.\n * Persists to localStorage and dispatches a change event.\n */\nexport function setRenderMode(mode: RenderMode): void {\n  try {\n    localStorage.setItem(STORAGE_KEY_RENDER_MODE, mode);\n  } catch {\n    // localStorage not available\n  }\n  \n  // Dispatch event so components can react to the change\n  window.dispatchEvent(new CustomEvent(\"ef-preview-settings-changed\", {\n    detail: { renderMode: mode }\n  }));\n}\n\n/**\n * Valid numeric resolution scale values.\n */\nconst VALID_NUMERIC_SCALES: number[] = [1, 0.75, 0.5, 0.25];\n\n/**\n * Get the current preview resolution scale.\n * Defaults to 1 (full resolution) if not set.\n */\nexport function getPreviewResolutionScale(): PreviewResolutionScale {\n  try {\n    const stored = localStorage.getItem(STORAGE_KEY_RESOLUTION_SCALE);\n    if (stored !== null) {\n      // Check for \"auto\" string first\n      if (stored === \"auto\") {\n        return \"auto\";\n      }\n      // Then check numeric values\n      const parsed = parseFloat(stored);\n      if (VALID_NUMERIC_SCALES.includes(parsed)) {\n        return parsed as PreviewResolutionScale;\n      }\n    }\n    return 1;\n  } catch {\n    return 1;\n  }\n}\n\n/**\n * Set the preview resolution scale.\n * Persists to localStorage and dispatches a change event.\n */\nexport function setPreviewResolutionScale(scale: PreviewResolutionScale): void {\n  try {\n    localStorage.setItem(STORAGE_KEY_RESOLUTION_SCALE, String(scale));\n  } catch {\n    // localStorage not available\n  }\n  \n  // Dispatch event so components can react to the change\n  window.dispatchEvent(new CustomEvent(\"ef-preview-settings-changed\", {\n    detail: { resolutionScale: scale }\n  }));\n}\n\n/**\n * Get whether performance stats should be shown.\n * Defaults to false (stats hidden by default).\n */\nexport function getShowStats(): boolean {\n  try {\n    const stored = localStorage.getItem(STORAGE_KEY_SHOW_STATS);\n    return stored === \"true\";\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Set whether performance stats should be shown.\n * Persists to localStorage and dispatches a change event.\n */\nexport function setShowStats(enabled: boolean): void {\n  try {\n    localStorage.setItem(STORAGE_KEY_SHOW_STATS, String(enabled));\n  } catch {\n    // localStorage not available\n  }\n  \n  // Dispatch event so components can react to the change\n  window.dispatchEvent(new CustomEvent(\"ef-preview-settings-changed\", {\n    detail: { showStats: enabled }\n  }));\n}\n\n"],"mappings":";AAMA,MAAM,gCAAgC;AACtC,MAAM,0BAA0B;AAChC,MAAM,+BAA+B;AACrC,MAAM,yBAAyB;;;;;AAmC/B,IAAIA,sBAAsC;;;;;;;;AAS1C,SAAgB,6BAAsC;AACpD,KAAI,wBAAwB,MAAM;EAEhC,MAAM,MADS,SAAS,cAAc,SAAS,CAC5B,WAAW,KAAK;AACnC,wBAAsB,QAAQ,QAAQ,sBAAsB;;AAE9D,QAAO;;;;;;AA2FT,SAAgB,6BAAsD;AACpE,KAAI;EACF,MAAM,SAAS,aAAa,QAAQ,8BAA8B;AAClE,MAAI,WAAW,cAAc,WAAW,cAAc,WAAW,SAC/D,QAAO;AAET,SAAO;SACD;AACN,SAAO;;;;;;;AAQX,SAAgB,2BAA2B,MAAqC;AAC9E,KAAI;AACF,eAAa,QAAQ,+BAA+B,KAAK;SACnD;AAKR,QAAO,cAAc,IAAI,YAAY,+BAA+B,EAClE,QAAQ,EAAE,kBAAkB,MAAM,EACnC,CAAC,CAAC;;;;;;;;AASL,SAAgB,gBAA4B;AAE1C,KAAI;AAEF,MADkB,IAAI,gBAAgB,OAAO,SAAS,OAAO,CAC/C,IAAI,mBAAmB,KAAK,IAExC,QAAO,4BAA4B,GAAG,WAAW;SAE7C;AAIR,KAAI;EACF,MAAM,SAAS,aAAa,QAAQ,wBAAwB;AAC5D,MAAI,WAAW,mBAAmB,WAAW,SAC3C,QAAO;AAGT,SAAO,4BAA4B,GAAG,WAAW;SAC3C;AACN,SAAO,4BAA4B,GAAG,WAAW;;;;;;;AAQrD,SAAgB,cAAc,MAAwB;AACpD,KAAI;AACF,eAAa,QAAQ,yBAAyB,KAAK;SAC7C;AAKR,QAAO,cAAc,IAAI,YAAY,+BAA+B,EAClE,QAAQ,EAAE,YAAY,MAAM,EAC7B,CAAC,CAAC;;;;;AAML,MAAMC,uBAAiC;CAAC;CAAG;CAAM;CAAK;CAAK;;;;;AAM3D,SAAgB,4BAAoD;AAClE,KAAI;EACF,MAAM,SAAS,aAAa,QAAQ,6BAA6B;AACjE,MAAI,WAAW,MAAM;AAEnB,OAAI,WAAW,OACb,QAAO;GAGT,MAAM,SAAS,WAAW,OAAO;AACjC,OAAI,qBAAqB,SAAS,OAAO,CACvC,QAAO;;AAGX,SAAO;SACD;AACN,SAAO;;;;;;;AAQX,SAAgB,0BAA0B,OAAqC;AAC7E,KAAI;AACF,eAAa,QAAQ,8BAA8B,OAAO,MAAM,CAAC;SAC3D;AAKR,QAAO,cAAc,IAAI,YAAY,+BAA+B,EAClE,QAAQ,EAAE,iBAAiB,OAAO,EACnC,CAAC,CAAC;;;;;;AAOL,SAAgB,eAAwB;AACtC,KAAI;AAEF,SADe,aAAa,QAAQ,uBAAuB,KACzC;SACZ;AACN,SAAO;;;;;;;AAQX,SAAgB,aAAa,SAAwB;AACnD,KAAI;AACF,eAAa,QAAQ,wBAAwB,OAAO,QAAQ,CAAC;SACvD;AAKR,QAAO,cAAc,IAAI,YAAY,+BAA+B,EAClE,QAAQ,EAAE,WAAW,SAAS,EAC/B,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@editframe/elements",
-  "version": "0.32.0-beta.1",
+  "version": "0.33.0-beta",
   "description": "",
   "type": "module",
   "scripts": {
@@ -13,7 +13,7 @@
   "license": "UNLICENSED",
   "dependencies": {
     "@bramus/style-observer": "^1.3.0",
-    "@editframe/assets": "0.32.0-beta.1",
+    "@editframe/assets": "0.33.0-beta",
     "@lit/context": "^1.1.6",
     "@lit/task": "^1.0.3",
     "@opentelemetry/api": "^1.9.0",