@aicut/core 0.4.1 → 0.4.2

package/dist/index.d.cts

@@ -135,6 +135,15 @@ interface EditorApi {
     readonly toolbarLeft: HTMLElement;
     /** Right-side bookend slot — conventionally export / save / share. */
     readonly toolbarRight: HTMLElement;
+    /**
+     * Optional editor header above the preview. Host appends branding,
+     * project name, file menu, etc. on the left and Share / Export /
+     * profile / settings on the right. Layout is identical to today's
+     * editor when both slots are empty — CSS collapses the bar.
+     */
+    readonly headerLeft: HTMLElement;
+    /** Right-side header slot — conventionally Share / Export / etc. */
+    readonly headerRight: HTMLElement;
     on<K extends EditorEventName>(event: K, handler: (payload: EditorEventMap[K]) => void): () => void;
     off<K extends EditorEventName>(event: K, handler: (payload: EditorEventMap[K]) => void): void;
     destroy(): void;
@@ -164,6 +173,8 @@ declare class Editor implements EditorApi {
     static create(opts: EditorOptions): Editor;
     get toolbarLeft(): HTMLElement;
     get toolbarRight(): HTMLElement;
+    get headerLeft(): HTMLElement;
+    get headerRight(): HTMLElement;
     play(): void;
     pause(): void;
     togglePlay(): void;

package/dist/index.d.ts

@@ -135,6 +135,15 @@ interface EditorApi {
     readonly toolbarLeft: HTMLElement;
     /** Right-side bookend slot — conventionally export / save / share. */
     readonly toolbarRight: HTMLElement;
+    /**
+     * Optional editor header above the preview. Host appends branding,
+     * project name, file menu, etc. on the left and Share / Export /
+     * profile / settings on the right. Layout is identical to today's
+     * editor when both slots are empty — CSS collapses the bar.
+     */
+    readonly headerLeft: HTMLElement;
+    /** Right-side header slot — conventionally Share / Export / etc. */
+    readonly headerRight: HTMLElement;
     on<K extends EditorEventName>(event: K, handler: (payload: EditorEventMap[K]) => void): () => void;
     off<K extends EditorEventName>(event: K, handler: (payload: EditorEventMap[K]) => void): void;
     destroy(): void;
@@ -164,6 +173,8 @@ declare class Editor implements EditorApi {
     static create(opts: EditorOptions): Editor;
     get toolbarLeft(): HTMLElement;
     get toolbarRight(): HTMLElement;
+    get headerLeft(): HTMLElement;
+    get headerRight(): HTMLElement;
     play(): void;
     pause(): void;
     togglePlay(): void;

package/dist/index.js

@@ -2436,6 +2436,11 @@ function scaleToSlider(scale) {
 var EditorUI = class {
   root;
   editor;
+  header;
+  /** Host-extensible slot at the very left of the editor header. */
+  headerLeft;
+  /** Host-extensible slot at the very right of the editor header. */
+  headerRight;
   preview;
   fullscreenExitBtn;
   toolbar;
@@ -2449,6 +2454,15 @@ var EditorUI = class {
     const locale = editor.getLocale();
     root.classList.add("aicut-root");
     root.innerHTML = "";
+    this.header = document.createElement("div");
+    this.header.className = "aicut-header";
+    this.header.setAttribute("data-testid", "aicut-header");
+    this.headerLeft = document.createElement("div");
+    this.headerLeft.className = "aicut-header-slot aicut-header-left";
+    this.headerRight = document.createElement("div");
+    this.headerRight.className = "aicut-header-slot aicut-header-right";
+    this.header.append(this.headerLeft, this.headerRight);
+    root.appendChild(this.header);
     this.preview = document.createElement("div");
     this.preview.className = "aicut-preview-host";
     this.preview.setAttribute("data-testid", "aicut-preview");
@@ -2727,6 +2741,12 @@ var Editor = class _Editor {
   get toolbarRight() {
     return this.ui.toolbarRight;
   }
+  get headerLeft() {
+    return this.ui.headerLeft;
+  }
+  get headerRight() {
+    return this.ui.headerRight;
+  }
   // ---- playback -------------------------------------------------------
   play() {
     this.engine.play();