@ai-ecoverse/slicc-spectrum 1.23.0 → 1.23.1

package/dist/slicc-ui.js

@@ -10338,6 +10338,7 @@ function deepActive(root2) {
   return active?.shadowRoot ? deepActive(active.shadowRoot) ?? active : active;
 }
 var scrollback = 1 << 18;
+var laid = ({ width, height }) => width > 0 && height > 0;
 var ended = { write() {
 }, resize() {
 }, close() {
@@ -10540,7 +10541,14 @@ var SliccTerminalPanel = class extends ThemedElement {
     if (this.#screen && bound?.port === model.terminals && bound.id === info.id)
       return this.#screen;
     const terminal = document.createElement("slicc-terminal");
-    terminal.backend = keep(model.terminals, info.id);
+    const backend = keep(model.terminals, info.id);
+    terminal.backend = {
+      open: async (sink) => {
+        await this.#placed(info.id);
+        terminal.fit();
+        return backend.open(sink, { cols: terminal.cols, rows: terminal.rows });
+      }
+    };
     terminal.addEventListener("exit", () => model.terminals.close(info.id));
     this.#screen = terminal;
     this.#bound = { port: model.terminals, id: info.id };
@@ -10556,6 +10564,18 @@ var SliccTerminalPanel = class extends ThemedElement {
     );
     return terminal;
   }
+  #placed(id) {
+    const host2 = this.getRootNode().host;
+    const panel = host2?.localName === "slicc-dock" ? host2.api.getPanel(terminalPanel(id)) : void 0;
+    if (!panel || laid(panel.api)) return Promise.resolve();
+    return new Promise((resolve) => {
+      const watch = panel.api.onDidDimensionsChange((size4) => {
+        if (!laid(size4)) return;
+        watch.dispose();
+        resolve();
+      });
+    });
+  }
   #request() {
     this.dispatchEvent(new CustomEvent("new-terminal", { bubbles: true, composed: true }));
   }