@locdo.tech/botiq-chat-sdk 0.8.0 → 0.8.1

package/dist/sdk/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "./npm-CjQcAuJy.js";
+import { t as e } from "./npm-BkpJFZG8.js";
 export { e as init };

package/dist/sdk/{npm-CjQcAuJy.js → npm-BkpJFZG8.js}

@@ -757,6 +757,9 @@ function ge(e) {
 }
 .close-btn:hover { background: rgba(255,255,255,.25); }
 
+/* Home view: hero banner acts as the header — hide the persistent header bar */
+.chat-window[data-view="home"] .chat-header { display: none; }
+
 /* ── Chat body + panels ─────────────────── */
 .chat-body { flex: 1; display: flex; flex-direction: column; overflow: hidden; }
 
@@ -910,6 +913,24 @@ function ge(e) {
   color: rgba(255,255,255,.92);
 }
 
+.home-hero-close {
+  width: 30px;
+  height: 30px;
+  border-radius: 50%;
+  background: rgba(255,255,255,.15);
+  border: none;
+  cursor: pointer;
+  color: #fff;
+  font-size: 18px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  margin-left: auto;
+  transition: background .15s;
+}
+.home-hero-close:hover { background: rgba(255,255,255,.25); }
+
 /* ── Home panel CTA ─────────────────────── */
 .home-start {
   margin: 14px 18px;
@@ -1460,6 +1481,7 @@ function ye(e, t, n = [], r = "", i = Date.now()) {
           <div class="home-hero-name">${G(e.name)}</div>
           <div class="home-hero-status">● ${G(a)}</div>
         </div>
+        <button class="home-hero-close" type="button" aria-label="${G(t.ariaCloseChat)}">×</button>
       </div>
       <div class="home-hero-greeting">${o}</div>
     </div>
@@ -1757,7 +1779,9 @@ function Ze(e, t, n, r) {
       <a class="botiq-badge" href="${Fe}" target="_blank" rel="noopener noreferrer">
         ${Z(n.poweredBy)} <span class="botiq-badge-name">BotIQ</span>
       </a>
-    `, c.querySelector(".close-btn").addEventListener("click", () => r.onToggle()), l = c.querySelector(".panel-home"), u = c.querySelector(".panel-messages"), d = c.querySelector(".panel-conversation"), l.innerHTML = ye(t, n, [], C), l.querySelector(".home-start")?.addEventListener("click", () => {
+    `, c.querySelector(".close-btn").addEventListener("click", () => r.onToggle()), l = c.querySelector(".panel-home"), u = c.querySelector(".panel-messages"), d = c.querySelector(".panel-conversation"), l.innerHTML = ye(t, n, [], C), l.querySelector(".home-hero-close")?.addEventListener("click", () => {
+			r.onToggle();
+		}), l.querySelector(".home-start")?.addEventListener("click", () => {
 			r.onNewConversation();
 		}), f = c.querySelector(".nav-btn[data-view=\"home\"]"), p = c.querySelector(".nav-btn[data-view=\"messages\"]"), c.querySelectorAll(".nav-btn").forEach((e) => {
 			e.addEventListener("click", () => {
@@ -1854,7 +1878,9 @@ function Ze(e, t, n, r) {
 		if (c.dataset.view = e.view, l.classList.toggle("active", e.view === "home"), u.classList.toggle("active", e.view === "messages"), d.classList.toggle("active", e.view === "conversation"), f.classList.toggle("active", e.view === "home"), p.classList.toggle("active", e.view === "messages"), e.view === "home" && e.conversations !== w) {
 			w = e.conversations;
 			let i = Date.now();
-			l.innerHTML = ye(t, n, e.conversations, C, i), l.querySelector(".home-start")?.addEventListener("click", () => {
+			l.innerHTML = ye(t, n, e.conversations, C, i), l.querySelector(".home-hero-close")?.addEventListener("click", () => {
+				r.onToggle();
+			}), l.querySelector(".home-start")?.addEventListener("click", () => {
 				r.onNewConversation();
 			}), l.querySelectorAll(".home-recent-item").forEach((e) => {
 				e.addEventListener("click", () => {

package/dist/sdk/react.js

@@ -1,4 +1,4 @@
-import { t as e } from "./npm-CjQcAuJy.js";
+import { t as e } from "./npm-BkpJFZG8.js";
 import { useEffect as t } from "react";
 //#region src/builds/npm/react.tsx
 function n(n) {

package/dist/sdk/vue.js

@@ -1,4 +1,4 @@
-import { t as e } from "./npm-CjQcAuJy.js";
+import { t as e } from "./npm-BkpJFZG8.js";
 import { defineComponent as t, onMounted as n, onUnmounted as r } from "vue";
 //#region src/builds/npm/vue.ts
 var i = t({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@locdo.tech/botiq-chat-sdk",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "description": "BotIQ chat widget SDK — embed AI chatbot into any website with vanilla JS, React, or Vue.",
   "keywords": [
     "botiq",