kenobi-js 0.1.31 → 0.1.33

package/browser/dist.js

@@ -1,5 +1,5 @@
 /*!
- * Kenobi SDK v0.1.30
+ * Kenobi SDK v0.1.32
  * (c) 2025 Kenobi.ai
  */
 "use strict";
@@ -1272,7 +1272,7 @@ var KenobiLib = (() => {
     }
     return styles;
   }, "getThemeStyles");
-  var CueCardContent = /* @__PURE__ */ __name(({ config, isOpen, setIsOpen }) => {
+  var CueCardContent = /* @__PURE__ */ __name(({ config, isOpen, skipFocus, setIsOpen }) => {
     const isInline = config.mountMode === "inline";
     const containerRef = A2(null);
     const launcherRef = A2(null);
@@ -1357,19 +1357,35 @@ var KenobiLib = (() => {
     y2(() => {
       previousModeRef.current = mode;
     }, [mode]);
+    const skipFocusRef = A2(false);
+    if (skipFocus) {
+      skipFocusRef.current = true;
+    }
     y2(() => {
       if (isOpen) {
         if (hasHadSuccessRef.current && formRef.current) {
           formRef.current.reset();
         }
-        const focusTimer = setTimeout(() => {
-          if (firstInputRef.current) {
-            firstInputRef.current.focus();
-          }
-        }, 100);
-        return () => clearTimeout(focusTimer);
+        const shouldSkipFocus = skipFocusRef.current;
+        skipFocusRef.current = false;
+        if (!shouldSkipFocus) {
+          const focusTimer = setTimeout(() => {
+            if (firstInputRef.current) {
+              firstInputRef.current.focus();
+            }
+          }, 100);
+          return () => clearTimeout(focusTimer);
+        }
       }
     }, [isOpen]);
+    const prevIsOpenForExpandRef = A2(isOpen);
+    y2(() => {
+      const wasOpen = prevIsOpenForExpandRef.current;
+      prevIsOpenForExpandRef.current = isOpen;
+      if (!wasOpen && isOpen && mode === "launcher") {
+        setMode("card");
+      }
+    }, [isOpen, mode]);
     if (!isInline) {
       useEnterExitAnimation(containerRef, !!config.isVisible && mode === "card", {
         direction: config.direction || "top-to-bottom",
@@ -1838,6 +1854,7 @@ var KenobiLib = (() => {
       __publicField(this, "shadow");
       __publicField(this, "config");
       __publicField(this, "isOpen", false);
+      __publicField(this, "skipFocus", false);
       __publicField(this, "mountTarget", null);
       this.config = {
         position: "top-center",
@@ -1913,6 +1930,9 @@ var KenobiLib = (() => {
       this.host.remove();
     }
     update(newState) {
+      if (newState.status === "starting" && this.config.status !== "starting") {
+        this.isOpen = false;
+      }
       this.config = { ...this.config, ...newState };
       this.applyHostStyles();
       this.render();
@@ -1920,18 +1940,22 @@ var KenobiLib = (() => {
     setTheme(theme) {
       this.update({ theme });
     }
-    openForm() {
+    openForm(skipFocus) {
       this.isOpen = true;
+      this.skipFocus = skipFocus ?? false;
       this.render();
     }
     render() {
       const mountPoint = this.shadow.lastElementChild;
+      const skipFocusOnce = this.skipFocus;
+      this.skipFocus = false;
       G(
         /* @__PURE__ */ u3(
           CueCardContent,
           {
             config: this.config,
             isOpen: this.isOpen,
+            skipFocus: skipFocusOnce,
             setIsOpen: (val) => {
               this.isOpen = val;
               this.config.onOpenChange?.(val);