@aicut/core 0.4.0 → 0.4.2

package/README.md

@@ -162,6 +162,15 @@ const ed = LightingEditor.create({
 ed.setView("front");
 ed.setConfig({ brightness: 0.8, color: "#ffaa3a" });
 ed.setSubjectImage("/frames/another-subject.jpg");
+ed.reset();                  // restore safe defaults
+
+// Footer slot — the only DOM region the library leaves for host action
+// buttons (Reset, Generate, save-preset, etc.). Library renders nothing
+// into it; host appends whatever it wants:
+const resetBtn = document.createElement("button");
+resetBtn.textContent = "Reset";
+resetBtn.onclick = () => ed.reset();
+ed.controlsFooter.appendChild(resetBtn);
 
 // Host snapshot for "Generate" — call from your own button
 function onGenerate() {

package/dist/index.cjs

@@ -2519,6 +2519,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;
@@ -2532,6 +2537,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");
@@ -2810,6 +2824,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();