@aizu-chat/react 0.1.3 → 0.1.4

package/dist/index.js

@@ -114,63 +114,11 @@ function cn(...args) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(args));
 }
 
-// src/assets/icons/ai/index.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var IconAI = (_a) => {
-  var _b = _a, { className = "" } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues({
-      width: "64",
-      height: "64",
-      viewBox: "0 0 64 64",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className: cn("w-8 h-8", className)
-    }, props), {
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", { children: "Icon AI" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { filter: "url(#filter0_ii_48_32)", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "32.0001", cy: "32", r: "32", fill: "url(#paint0_linear_48_32)" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M34.2288 17.7789C33.9922 16.7384 33.0671 16 32 16C30.9329 16 30.0078 16.7384 29.7712 17.7789L28.5065 23.3405C27.9216 25.9129 25.9129 27.9216 23.3405 28.5065L17.7789 29.7712C16.7384 30.0078 16 30.9329 16 32C16 33.0671 16.7384 33.9922 17.7789 34.2288L23.3405 35.4935C25.9129 36.0784 27.9216 38.0871 28.5065 40.6595L29.7712 46.2211C30.0078 47.2616 30.9329 48 32 48C33.0671 48 33.9922 47.2616 34.2288 46.2211L35.4935 40.6595C36.0784 38.0871 38.0871 36.0784 40.6595 35.4935L46.2211 34.2288C47.2616 33.9922 48 33.0671 48 32C48 30.9329 47.2616 30.0078 46.2211 29.7712L40.6595 28.5065C38.0871 27.9216 36.0784 25.9129 35.4935 23.3405L34.2288 17.7789Z", fill: "url(#paint1_linear_48_32)" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("defs", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("filter", { id: "filter0_ii_48_32", x: "0.00012207", y: "0", width: "63.9999", height: "64", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("feMorphology", { radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_innerShadow_48_32" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("feOffset", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("feGaussianBlur", { stdDeviation: "4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("feColorMatrix", { type: "matrix", values: "0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.2 0" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_48_32" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("feOffset", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("feGaussianBlur", { stdDeviation: "1" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("feColorMatrix", { type: "matrix", values: "0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("feBlend", { mode: "normal", in2: "effect1_innerShadow_48_32", result: "effect2_innerShadow_48_32" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", { id: "paint0_linear_48_32", x1: "32.0001", y1: "-5.96047e-08", x2: "32.0001", y2: "64", gradientUnits: "userSpaceOnUse", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { stopColor: "#3D3D3D" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "0.496312" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "0.723156", stopColor: "#803500" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "0.95", stopColor: "#FF6A00" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", { id: "paint1_linear_48_32", x1: "32", y1: "16", x2: "32", y2: "48", gradientUnits: "userSpaceOnUse", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { stopColor: "white" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "1", stopColor: "#EBEBEB" })
-          ] })
-        ] })
-      ]
-    })
-  );
-};
-
 // src/assets/icons/arrow-narrow-up/index.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime = require("react/jsx-runtime");
 var IconArrowNarrowUp = (_a) => {
   var _b = _a, { className = "" } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "svg",
     __spreadProps(__spreadValues({
       width: "20",
@@ -181,8 +129,8 @@ var IconArrowNarrowUp = (_a) => {
       className
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("title", { children: "Arrow Narrow up" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", { children: "Arrow Narrow up" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "path",
           {
             d: "M10 16.6666V3.33331M10 3.33331L5 8.33331M10 3.33331L15 8.33331",
@@ -198,10 +146,10 @@ var IconArrowNarrowUp = (_a) => {
 };
 
 // src/assets/icons/chevron-left/index.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var IconChevronLeft = (_a) => {
   var _b = _a, { className = "" } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     "svg",
     __spreadProps(__spreadValues({
       width: "20",
@@ -212,8 +160,8 @@ var IconChevronLeft = (_a) => {
       className
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("title", { children: "Chevron Left" }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("title", { children: "Chevron Left" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           "path",
           {
             d: "M12.5 15L7.5 10L12.5 5",
@@ -229,10 +177,10 @@ var IconChevronLeft = (_a) => {
 };
 
 // src/assets/icons/expand/index.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var IconExpand = (_a) => {
   var _b = _a, { className = "" } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "svg",
     __spreadProps(__spreadValues({
       width: "20",
@@ -243,8 +191,8 @@ var IconExpand = (_a) => {
       className: cn("text-[#3D3D3D]", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("title", { children: "Icon Expand" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("title", { children: "Icon Expand" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           "path",
           {
             d: "M11.6667 8.33333L17.5 2.5M17.5 2.5H12.5M17.5 2.5V7.5M8.33333 11.6667L2.5 17.5M2.5 17.5H7.5M2.5 17.5L2.5 12.5",
@@ -260,10 +208,10 @@ var IconExpand = (_a) => {
 };
 
 // src/assets/icons/image-plus/index.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var IconImagePlus = (_a) => {
   var _b = _a, { className = "text-[#FFF8EC]" } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "svg",
     __spreadProps(__spreadValues({
       width: "20",
@@ -274,8 +222,8 @@ var IconImagePlus = (_a) => {
       className
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("title", { children: "Icon Image Plus" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("title", { children: "Icon Image Plus" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           "path",
           {
             d: "M10.4167 2.50002H6.5C5.09987 2.50002 4.3998 2.50002 3.86502 2.7725C3.39462 3.01219 3.01217 3.39464 2.77248 3.86504C2.5 4.39982 2.5 5.09989 2.5 6.50002V13.5C2.5 14.9002 2.5 15.6002 2.77248 16.135C3.01217 16.6054 3.39462 16.9879 3.86502 17.2275C4.3998 17.5 5.09987 17.5 6.5 17.5H14.1667C14.9416 17.5 15.3291 17.5 15.647 17.4148C16.5098 17.1837 17.1836 16.5098 17.4148 15.6471C17.5 15.3292 17.5 14.9417 17.5 14.1667M15.8333 6.66669V1.66669M13.3333 4.16669H18.3333M8.75 7.08335C8.75 8.00383 8.00381 8.75002 7.08333 8.75002C6.16286 8.75002 5.41667 8.00383 5.41667 7.08335C5.41667 6.16288 6.16286 5.41669 7.08333 5.41669C8.00381 5.41669 8.75 6.16288 8.75 7.08335ZM12.4917 9.93181L5.44262 16.3401C5.04614 16.7005 4.84789 16.8807 4.83036 17.0368C4.81516 17.1722 4.86704 17.3064 4.96932 17.3963C5.08732 17.5 5.35523 17.5 5.89107 17.5H13.7133C14.9126 17.5 15.5123 17.5 15.9833 17.2985C16.5745 17.0456 17.0456 16.5746 17.2985 15.9833C17.5 15.5123 17.5 14.9126 17.5 13.7133C17.5 13.3098 17.5 13.108 17.4559 12.9201C17.4004 12.684 17.2941 12.4628 17.1444 12.272C17.0252 12.1202 16.8677 11.9941 16.5526 11.7421L14.2215 9.87724C13.9062 9.62494 13.7485 9.4988 13.5748 9.45428C13.4218 9.41504 13.2607 9.42012 13.1104 9.46893C12.94 9.5243 12.7905 9.66014 12.4917 9.93181Z",
@@ -291,10 +239,10 @@ var IconImagePlus = (_a) => {
 };
 
 // src/assets/icons/minimize/index.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var IconMinimize = (_a) => {
   var _b = _a, { className = "" } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     "svg",
     __spreadProps(__spreadValues({
       width: "20",
@@ -305,8 +253,8 @@ var IconMinimize = (_a) => {
       className: cn("text-[#3D3D3D]", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("title", { children: "Icon Minimize" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("title", { children: "Icon Minimize" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           "path",
           {
             d: "M3.33333 11.6667H8.33333M8.33333 11.6667V16.6667M8.33333 11.6667L2.5 17.5M16.6667 8.33333H11.6667M11.6667 8.33333V3.33333M11.6667 8.33333L17.5 2.5",
@@ -322,10 +270,10 @@ var IconMinimize = (_a) => {
 };
 
 // src/assets/icons/x-close/index.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var IconXClose = (_a) => {
   var _b = _a, { className = "" } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     "svg",
     __spreadProps(__spreadValues({
       width: "20",
@@ -336,8 +284,8 @@ var IconXClose = (_a) => {
       className: cn("text-[#3D3D3D]", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("title", { children: "Icon XClose" }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("title", { children: "Icon XClose" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "path",
           {
             d: "M15 5L5 15M5 5L15 15",
@@ -548,7 +496,7 @@ Detail
 ];
 
 // src/constant/default.ts
-var defaultQuickMenuMessage = "\u0E2A\u0E27\u0E31\u0E2A\u0E14\u0E35\u0E04\u0E23\u0E31\u0E1A \u{1F44B} ZIMCRAFT \u0E1E\u0E23\u0E49\u0E2D\u0E21\u0E0A\u0E48\u0E27\u0E22\u0E04\u0E38\u0E13\u0E2B\u0E32\u0E2D\u0E38\u0E1B\u0E01\u0E23\u0E13\u0E4C IT \u0E17\u0E35\u0E48\u0E15\u0E2D\u0E1A\u0E42\u0E08\u0E17\u0E22\u0E4C\u0E17\u0E35\u0E48\u0E2A\u0E38\u0E14 \u0E44\u0E21\u0E48\u0E27\u0E48\u0E32\u0E08\u0E30\u0E40\u0E1B\u0E47\u0E19\u0E04\u0E2D\u0E21\u0E1E\u0E34\u0E27\u0E40\u0E15\u0E2D\u0E23\u0E4C \u0E2D\u0E38\u0E1B\u0E01\u0E23\u0E13\u0E4C\u0E40\u0E2A\u0E23\u0E34\u0E21 \u0E2B\u0E23\u0E37\u0E2D\u0E2D\u0E30\u0E44\u0E23\u0E01\u0E47\u0E15\u0E32\u0E21 \u0E16\u0E32\u0E21\u0E44\u0E14\u0E49\u0E40\u0E25\u0E22\u0E04\u0E23\u0E31\u0E1A \u{1F60A}";
+var defaultQuickMenuMessage = "\u0E2A\u0E27\u0E31\u0E2A\u0E14\u0E35\u0E04\u0E48\u0E30 \u0E22\u0E34\u0E19\u0E14\u0E35\u0E15\u0E49\u0E2D\u0E19\u0E23\u0E31\u0E1A\u0E2A\u0E39\u0E48 ZIMCRAFT \u0E40\u0E1E\u0E37\u0E48\u0E2D\u0E43\u0E2B\u0E49\u0E04\u0E38\u0E13\u0E44\u0E14\u0E49\u0E23\u0E31\u0E1A\u0E01\u0E32\u0E23\u0E1E\u0E31\u0E01\u0E1C\u0E48\u0E2D\u0E19\u0E17\u0E35\u0E48\u0E14\u0E35\u0E17\u0E35\u0E48\u0E2A\u0E38\u0E14 \u0E43\u0E2B\u0E49 AI \u0E0A\u0E48\u0E27\u0E22\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E2B\u0E21\u0E2D\u0E19\u0E17\u0E35\u0E48\u0E40\u0E2B\u0E21\u0E32\u0E30\u0E01\u0E31\u0E1A\u0E2A\u0E23\u0E35\u0E23\u0E30\u0E02\u0E2D\u0E07\u0E04\u0E38\u0E13\u0E44\u0E2B\u0E21\u0E04\u0E23\u0E31\u0E1A? \u0E43\u0E0A\u0E49\u0E40\u0E27\u0E25\u0E32\u0E41\u0E04\u0E48 1 \u0E19\u0E32\u0E17\u0E35";
 var defaultBanner = "https://utech-dev.zimpligital.com/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcoupon-banner-th.edad52fd.webp&w=640&q=75";
 var defaultQuickMenus = [
   { id: "1", title: "\u0E2A\u0E31\u0E48\u0E07\u0E0B\u0E37\u0E49\u0E2D\u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32 \u{1F6CD}\uFE0F", value: "\u0E2A\u0E31\u0E48\u0E07\u0E0B\u0E37\u0E49\u0E2D\u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32", mockResponse: "QUICK_MENU_SHOP" /* QUICK_MENU_SHOP */ },
@@ -885,7 +833,7 @@ var useAizuChat = (client) => {
 };
 
 // src/contexts/aizu-client-context.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var AizuClientContext = (0, import_react3.createContext)(
   void 0
 );
@@ -918,7 +866,7 @@ var AizuClientProvider = ({
       cancelRequest
     ]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AizuClientContext.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AizuClientContext.Provider, { value, children });
 };
 var useAizuClient = () => {
   const context = (0, import_react3.useContext)(AizuClientContext);
@@ -970,7 +918,7 @@ var useOpenChat = () => {
 
 // src/contexts/chat-context.tsx
 var import_react5 = require("react");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var ChatContext = (0, import_react5.createContext)(void 0);
 var ChatProvider = ({ children }) => {
   const [messages, setMessages] = (0, import_react5.useState)([]);
@@ -1012,7 +960,7 @@ var ChatProvider = ({ children }) => {
     }),
     [messages, userMessages, latestMessage, isLoading, chatControls, addUserMessage, addBotMessage, clearMessages]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ChatContext.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ChatContext.Provider, { value, children });
 };
 var useChatContext = () => {
   const context = (0, import_react5.useContext)(ChatContext);
@@ -1024,26 +972,6 @@ var useChatContext = () => {
 
 // src/sdk/client.ts
 var AizuClient = class {
-  /**
-   * Creates a new AizuClient instance
-   *
-   * @param config - Configuration options for the client
-   * @param config.hostUrl - The base URL of the Aizu API (e.g., 'https://api.aizu.chat')
-   * @param config.apiKey - Your API key for authentication
-   * @param config.timeout - Request timeout in milliseconds (default: 30000)
-   *
-   * @throws {Error} If hostUrl is not a non-empty string
-   * @throws {Error} If apiKey is not a non-empty string
-   *
-   * @example
-   * ```typescript
-   * const client = new AizuClient({
-   *   hostUrl: 'https://api.aizu.chat',
-   *   apiKey: 'sk_test_123456',
-   *   timeout: 60000 // 60 seconds
-   * });
-   * ```
-   */
   constructor(config) {
     const { hostUrl, apiKey, timeout } = config;
     if (typeof hostUrl !== "string" || hostUrl.trim().length === 0) {
@@ -1060,26 +988,6 @@ var AizuClient = class {
     this.apiKey = apiKey;
     this.timeout = timeout != null ? timeout : 3e4;
   }
-  /**
-   * Internal method for making HTTP requests to the API
-   *
-   * Handles timeout management, abort signal combination, and error handling.
-   * Supports both user-initiated cancellation and automatic timeout.
-   *
-   * @template T - The expected response type
-   * @template TBody - The request body type
-   *
-   * @param path - API endpoint path (e.g., '/chat/query')
-   * @param options - Request options including body and signal
-   *
-   * @returns Promise resolving to the API response
-   *
-   * @throws {Error} "Request cancelled by user" - If the request is cancelled via AbortSignal
-   * @throws {Error} "Request timeout: The server took too long to respond" - If the request exceeds the timeout
-   * @throws {Error} "API Error: {status} {statusText}" - If the API returns an error status
-   *
-   * @private
-   */
   request(_0) {
     return __async(this, arguments, function* (path, options = {}) {
       const url = `${this.hostUrl}${path}`;
@@ -1150,64 +1058,6 @@ var AizuClient = class {
       }
     });
   }
-  /**
-   * Sends a chat query to the Aizu API
-   *
-   * @param params - Chat request parameters
-   * @param params.query - The user's message/question (required, non-empty)
-   * @param params.conversationId - Optional conversation ID to continue an existing conversation
-   * @param options - Additional options
-   * @param options.signal - Optional AbortSignal to cancel the request
-   *
-   * @returns Promise resolving to the chat response from the API
-   *
-   * @throws {Error} "Query is required" - If query is empty or whitespace only
-   * @throws {Error} "Request cancelled by user" - If the request is cancelled
-   * @throws {Error} "Request timeout: The server took too long to respond" - If the request times out
-   * @throws {Error} "API Error: {status} {statusText}" - If the API returns an error
-   *
-   * @example
-   * ```typescript
-   * // Simple query
-   * const response = await client.chat({
-   *   query: 'What is the weather today?'
-   * });
-   * console.log(response.answer);
-   * ```
-   *
-   * @example
-   * ```typescript
-   * // Continue conversation
-   * const response1 = await client.chat({
-   *   query: 'What is the weather today?'
-   * });
-   *
-   * const response2 = await client.chat({
-   *   query: 'And tomorrow?',
-   *   conversationId: response1.conversationId
-   * });
-   * ```
-   *
-   * @example
-   * ```typescript
-   * // With cancellation support
-   * const controller = new AbortController();
-   *
-   * const promise = client.chat(
-   *   { query: 'Long running query...' },
-   *   { signal: controller.signal }
-   * );
-   *
-   * // Cancel after 5 seconds
-   * setTimeout(() => controller.abort(), 5000);
-   *
-   * try {
-   *   const response = await promise;
-   * } catch (error) {
-   *   console.error('Request was cancelled:', error);
-   * }
-   * ```
-   */
   chat(params, options) {
     return __async(this, null, function* () {
       if (!params.query.trim()) {
@@ -1416,10 +1266,10 @@ var useKeyboard = ({ userMessages, isLoading, onSend }) => {
 };
 
 // src/components/input-bar/index.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var ButtonSelectImage = (_a) => {
   var _b = _a, { onClick, className } = _b, props = __objRest(_b, ["onClick", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "button",
     __spreadProps(__spreadValues({
       type: "button",
@@ -1430,13 +1280,13 @@ var ButtonSelectImage = (_a) => {
       ),
       "aria-label": "Upload image"
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(IconImagePlus, {})
+      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(IconImagePlus, {})
     })
   );
 };
 var InputTextArea = (_a) => {
   var _b = _a, { onMagicClick, placeholder, className } = _b, props = __objRest(_b, ["onMagicClick", "placeholder", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex-1 relative", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex-1 relative", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "textarea",
     __spreadValues({
       placeholder,
@@ -1447,7 +1297,7 @@ var InputTextArea = (_a) => {
 };
 var ButtonConfirm = (_a) => {
   var _b = _a, { className, disabled } = _b, props = __objRest(_b, ["className", "disabled"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "button",
     __spreadProps(__spreadValues({
       type: "submit",
@@ -1462,7 +1312,7 @@ var ButtonConfirm = (_a) => {
       "aria-label": "Send message",
       disabled
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(IconArrowNarrowUp, { className: "text-black" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(IconArrowNarrowUp, { className: "text-black" })
     })
   );
 };
@@ -1473,7 +1323,7 @@ var ButtonCancel = () => {
     cancelRequest();
     setIsLoading(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "button",
     {
       type: "button",
@@ -1484,7 +1334,7 @@ var ButtonCancel = () => {
         "flex items-center justify-center",
         "cursor-pointer"
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "bg-black w-4 h-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "bg-black w-4 h-4" })
     }
   );
 };
@@ -1507,15 +1357,15 @@ var InputBar = (_a) => {
     "className"
   ]);
   const { value, textareaRef, handleChange, handleSubmit, handleKeyDown } = useKeyboard({ userMessages, isLoading, onSend });
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("section", __spreadProps(__spreadValues({ className: cn("bg-white p-4", className) }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("form", { onSubmit: handleSubmit, className: "flex items-end gap-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("section", __spreadProps(__spreadValues({ className: cn("bg-white p-4", className) }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("form", { onSubmit: handleSubmit, className: "flex items-end gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
       "label",
       {
         htmlFor: "chat-input-text",
         className: "flex items-end rounded-3xl bg-gray-100 flex-1 p-2 focus-within:ring-2 focus-within:ring-orange-300",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ButtonSelectImage, { onClick: onImageClick, className: "mr-3" }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ButtonSelectImage, { onClick: onImageClick, className: "mr-3" }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
             InputTextArea,
             {
               ref: textareaRef,
@@ -1530,7 +1380,7 @@ var InputBar = (_a) => {
         ]
       }
     ),
-    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ButtonCancel, {}) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ButtonConfirm, { disabled: isLoading })
+    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ButtonCancel, {}) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ButtonConfirm, { disabled: isLoading })
   ] }) }));
 };
 InputBar.ButtonSelectImage = ButtonSelectImage;
@@ -1538,24 +1388,24 @@ InputBar.InputTextArea = InputTextArea;
 InputBar.ButtonConfirm = ButtonConfirm;
 
 // src/components/loading.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var Loading = ({ message }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("section", { className: cn("flex flex-col justify-center items-center border border-orange-400 shadow shadow-orange-400 h-10 max-w-69.5 rounded-3xl", { "h-16": !!message }), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex justify-center items-center gap-x-1  ", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "w-2 h-2 rounded-full bg-orange-400 animate-circle-keys animation-delay-300" }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "w-2 h-2 rounded-full bg-orange-400 animate-circle-keys animation-delay-600" }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "w-2 h-2 rounded-full bg-orange-400 animate-circle-keys animation-delay-900" })
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("section", { className: cn("flex flex-col justify-center items-center border border-orange-400 shadow shadow-orange-400 h-10 max-w-69.5 rounded-3xl", { "h-16": !!message }), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex justify-center items-center gap-x-1  ", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "w-2 h-2 rounded-full bg-orange-400 animate-circle-keys animation-delay-300" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "w-2 h-2 rounded-full bg-orange-400 animate-circle-keys animation-delay-600" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "w-2 h-2 rounded-full bg-orange-400 animate-circle-keys animation-delay-900" })
     ] }),
-    message && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-center text-[12px] text-gray-500 mt-1", children: message })
+    message && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "text-center text-[12px] text-gray-500 mt-1", children: message })
   ] });
 };
 
 // src/components/button.tsx
 var import_react8 = require("react");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var ButtonInner = (props, ref) => {
   const _a = props, { children, className, onClick } = _a, rest = __objRest(_a, ["children", "className", "onClick"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     "button",
     __spreadProps(__spreadValues({
       ref,
@@ -1577,33 +1427,33 @@ var Button = (0, import_react8.memo)((0, import_react8.forwardRef)(ButtonInner))
 Button.displayName = "Button";
 
 // src/components/container.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var Container = (_a) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: cn("p-3 rounded-3xl border border-orange-300", className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: cn("p-3 rounded-3xl border border-orange-300", className), children });
 };
 
 // src/components/product-preview-card/index.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var ProductPreviewCard = ({ product, className }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: cn("bg-white overflow-hidden rounded-2xl h-full p-3 lg:hover:shadow", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ProductThumbnail, __spreadValues({}, product)),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ProductSuggest, __spreadValues({}, product)),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ProductTitle, __spreadValues({}, product)),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ProductDescription, __spreadValues({}, product)),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ProductPrice, __spreadValues({}, product)),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ProductBadges, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ProductMenus, __spreadValues({}, product))
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: cn("bg-white overflow-hidden rounded-2xl h-full p-3 lg:hover:shadow", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ProductThumbnail, __spreadValues({}, product)),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ProductSuggest, __spreadValues({}, product)),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ProductTitle, __spreadValues({}, product)),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ProductDescription, __spreadValues({}, product)),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ProductPrice, __spreadValues({}, product)),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ProductBadges, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ProductMenus, __spreadValues({}, product))
   ] });
 };
 var ProductThumbnail = (product) => {
   if (!product.thumbnail) {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "border aspect-square flex justify-center items-center", children: "No Image" });
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "border aspect-square flex justify-center items-center", children: "No Image" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "w-full aspect-square  flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("img", { src: product.thumbnail, alt: product.title, className: "w-full" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "w-full aspect-square  flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("img", { src: product.thumbnail, alt: product.title, className: "w-full" }) });
 };
 var ProductSuggest = (product) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     "div",
     {
       className: "text-[10px] text-[#FF6B00] font-bold bg-[#FFF0D3] max-w-max rounded-sm px-2\n      py-px mb-2",
@@ -1615,7 +1465,7 @@ var ProductSuggest = (product) => {
   );
 };
 var ProductTitle = (product) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "div",
     {
       className: "font-semibold line-clamp-2 mb-2 min-h-12",
@@ -1624,7 +1474,7 @@ var ProductTitle = (product) => {
   );
 };
 var ProductDescription = (product) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "div",
     {
       className: "text-sm text-[#525252] line-clamp-2 mb-3",
@@ -1633,7 +1483,7 @@ var ProductDescription = (product) => {
   );
 };
 var ProductPrice = (product) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     "div",
     {
       className: "text-lg text-red-500 font-semibold mb-3",
@@ -1650,7 +1500,7 @@ var ProductBadges = () => {
     { id: "badge2", text: "\u0E2A\u0E48\u0E07\u0E1F\u0E23\u0E35" },
     { id: "badge3", text: "Cashback 500" }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("ul", { className: "flex flex-wrap gap-1 mb-6", children: badges == null ? void 0 : badges.map((badge) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("li", { className: "text-[10px] text-[#656565] font-bold bg-gray-200 px-2 py-px rounded-sm", children: badge.text }, badge.id)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("ul", { className: "flex flex-wrap gap-1 mb-6", children: badges == null ? void 0 : badges.map((badge) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("li", { className: "text-[10px] text-[#656565] font-bold bg-gray-200 px-2 py-px rounded-sm", children: badge.text }, badge.id)) });
 };
 var ProductMenus = (product) => {
   const menus = [
@@ -1658,37 +1508,40 @@ var ProductMenus = (product) => {
     { id: "product-menu2", text: "\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E25\u0E07\u0E43\u0E19\u0E23\u0E16\u0E40\u0E02\u0E47\u0E19 \u{1F6D2} " },
     { id: "product-menu3", text: "\u0E2A\u0E2D\u0E1A\u0E16\u0E32\u0E21\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E40\u0E15\u0E34\u0E21 \u{1F4AC}" }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("ul", { className: "flex flex-col gap-y-3", children: menus == null ? void 0 : menus.map((menu) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("ul", { className: "flex flex-col gap-y-3", children: menus == null ? void 0 : menus.map((menu) => {
     if (menu.text.includes("\u0E09\u0E31\u0E19\u0E15\u0E49\u0E2D\u0E07\u0E01\u0E32\u0E23\u0E0B\u0E37\u0E49\u0E2D\u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32")) {
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("a", { href: `/products/${product.handle}`, target: "_blank", rel: "noreferrer", className: "border border-orange-300 rounded-3xl px-3 py-2 text-orange-500 text-sm text-center block", children: menu.text }) }, menu.id);
+      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("a", { href: `/products/${product.handle}`, target: "_blank", rel: "noreferrer", className: "border border-orange-300 rounded-3xl px-3 py-2 text-orange-500 text-sm text-center block", children: menu.text }) }, menu.id);
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { className: cn("text-nowrap w-full", { "bg-orange-500 text-white/80": menu.text.includes("\u0E09\u0E31\u0E19\u0E15\u0E49\u0E2D\u0E07\u0E01\u0E32\u0E23\u0E0B\u0E37\u0E49\u0E2D\u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32") }), children: menu.text }) }, menu.id);
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Button, { className: cn("text-nowrap w-full", { "bg-orange-500 text-white/80": menu.text.includes("\u0E09\u0E31\u0E19\u0E15\u0E49\u0E2D\u0E07\u0E01\u0E32\u0E23\u0E0B\u0E37\u0E49\u0E2D\u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32") }), children: menu.text }) }, menu.id);
   }) });
 };
 
+// src/assets/images/zImple-solotion-logo.svg
+var zImple_solotion_logo_default = 'data:image/svg+xml,<?xml version="1.0" encoding="UTF-8"?>%0A<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 143 143">%0A  <!-- Generator: Adobe Illustrator 30.1.0, SVG Export Plug-In . SVG Version: 2.1.1 Build 136)  -->%0A  <defs>%0A    <style>%0A      .st0 {%0A        fill: %23ef001d;%0A      }%0A%0A      .st1 {%0A        fill: url(%23linear-gradient1);%0A      }%0A%0A      .st2 {%0A        fill: url(%23linear-gradient);%0A      }%0A    </style>%0A    <linearGradient id="linear-gradient" x1="-142.5" y1="180.1" x2="-96.4" y2="180.1" gradientTransform="translate(253.5 -51.1) rotate(30)" gradientUnits="userSpaceOnUse">%0A      <stop offset="0" stop-color="%23f0562f"/>%0A      <stop offset="0" stop-color="%23ef542e"/>%0A      <stop offset=".5" stop-color="%23ef2625"/>%0A      <stop offset=".8" stop-color="%23ef0a1f"/>%0A      <stop offset="1" stop-color="%23ef001d"/>%0A    </linearGradient>%0A    <linearGradient id="linear-gradient1" x1="-56.8" y1="214.2" x2="-113.8" y2="214.2" xlink:href="%23linear-gradient"/>%0A  </defs>%0A  <path class="st0" d="M112.2,91.2c0-2.4-1.3-4.5-3.3-5.7l-14.8-8.5-13.2,7.6,11.5,6.6-20.9,12.1-20.9-12.1,58.3-33.7c2-1.2,3.3-3.4,3.3-5.7,0-2.4-1.3-4.5-3.3-5.7l-34.1-19.7c-2-1.2-4.6-1.2-6.6,0l-34.1,19.7c-2,1.2-3.3,3.4-3.3,5.7s1.3,4.5,3.3,5.7l14.8,8.5,13.2-7.6h0s-11.5-6.6-11.5-6.6l20.9-12.1,20.9,12.1-58.3,33.7c-2,1.2-3.3,3.4-3.3,5.7,0,2.4,1.3,4.5,3.3,5.7l34.1,19.7c2,1.2,4.6,1.2,6.6,0l34.1-19.7c2-1.2,3.3-3.4,3.3-5.7Z"/>%0A  <path class="st2" d="M108.9,46.1l-34.1-19.7c-2-1.2-4.6-1.2-6.6,0l-34.1,19.7c-2,1.2-3.3,3.4-3.3,5.7s1.3,4.5,3.3,5.7l14.8,8.5,13.2-7.6h0s-11.5-6.6-11.5-6.6l20.9-12.1,20.9,12.1"/>%0A  <path class="st1" d="M34.1,96.9l34.1,19.7c2,1.2,4.6,1.2,6.6,0l34.1-19.7c2-1.2,3.3-3.4,3.3-5.7s-1.3-4.5-3.3-5.7l-14.8-8.5-13.2,7.6h0s11.5,6.6,11.5,6.6l-20.9,12.1-20.9-12.1"/>%0A</svg>';
+
 // src/components/message/index.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var MessageBubble = ({ message, handleClick, focus }) => {
   if (message.type === "USER_TEXT" /* USER_TEXT */) {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(MessageText, { message: message.text, role: "user" /* USER */ });
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(MessageText, { message: message.text, role: "user" /* USER */ });
   }
   if (message.type === "BOT_TEXT" /* BOT_TEXT */) {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(BotMessageWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(MessageText, { message: message.text, role: "bot" /* BOT */, focus }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(BotMessageWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(MessageText, { message: message.text, role: "bot" /* BOT */, focus }) });
   }
   if (message.type === "BOT_TEXT_WITH_MENUS" /* BOT_TEXT_WITH_MENUS */ || message.type === "BOT_QUICK_MENUS" /* BOT_QUICK_MENUS */ || message.type === "BOT_ERROR_WITH_MENUS" /* BOT_ERROR_WITH_MENUS */ || message.type === "BOT_TEXT_WITH_MENUS_COL" /* BOT_TEXT_WITH_MENUS_COL */) {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(BotMessageWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(BotMessageWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       MessageWithMenus,
       {
         type: message.type,
         message: message.text || "",
-        menus: message.menus || [],
+        menus: [],
         handleClick,
         focus
       }
     ) });
   }
   if (message.type === "BOT_TEXT_WITH_PRODUCTS" /* BOT_TEXT_WITH_PRODUCTS */) {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(BotMessageWrapper, { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(BotMessageWrapper, { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       MessageWithProducts,
       {
         type: message.type,
@@ -1699,10 +1552,10 @@ var MessageBubble = ({ message, handleClick, focus }) => {
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(BotMessageWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(MessageText, { message: message.text, role: "bot" /* BOT */, focus }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(BotMessageWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(MessageText, { message: message.text, role: "bot" /* BOT */, focus }) });
 };
 var MessageText = ({ role, message, focus, className }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     Container,
     {
       className: cn(
@@ -1719,7 +1572,7 @@ var MessageText = ({ role, message, focus, className }) => {
   );
 };
 var MessageWithMenus = ({ type, message, menus, className, handleClick, focus }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     Container,
     {
       className: cn(
@@ -1731,10 +1584,10 @@ var MessageWithMenus = ({ type, message, menus, className, handleClick, focus })
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-sm mb-4", children: message }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("ul", { className: cn("flex flex-wrap gap-x-1 gap-y-3", { "flex-col": type === "BOT_ERROR_WITH_MENUS" /* BOT_ERROR_WITH_MENUS */ }), children: menus == null ? void 0 : menus.map((menu) => {
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-sm mb-4", children: message }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("ul", { className: cn("flex flex-wrap gap-x-1 gap-y-3", { "flex-col": type === "BOT_ERROR_WITH_MENUS" /* BOT_ERROR_WITH_MENUS */ }), children: menus == null ? void 0 : menus.map((menu) => {
           if (menu == null ? void 0 : menu.phoneNumber) {
-            return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("li", { className: "w-full ", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("li", { className: "w-full ", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               "a",
               {
                 href: `tel:+${menu == null ? void 0 : menu.phoneNumber}`,
@@ -1744,9 +1597,9 @@ var MessageWithMenus = ({ type, message, menus, className, handleClick, focus })
             ) }, menu.id);
           }
           if (menu == null ? void 0 : menu.url) {
-            return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("li", { className: "w-full min-w-max", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("a", { href: menu.url, target: "_blank", rel: "noreferrer", className: "border border-orange-300 rounded-3xl px-4 py-2 text-orange-500 text-sm text-center block", children: menu.title }) }, menu.id);
+            return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("li", { className: "w-full min-w-max", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("a", { href: menu.url, target: "_blank", rel: "noreferrer", className: "border border-orange-300 rounded-3xl px-4 py-2 text-orange-500 text-sm text-center block", children: menu.title }) }, menu.id);
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("li", { className: cn("min-w-max ", { "min-w-full": type === "BOT_TEXT_WITH_MENUS_COL" /* BOT_TEXT_WITH_MENUS_COL */ }), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("li", { className: cn("min-w-max ", { "min-w-full": type === "BOT_TEXT_WITH_MENUS_COL" /* BOT_TEXT_WITH_MENUS_COL */ }), children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             Button,
             {
               className: cn({ "w-full": type === "BOT_ERROR_WITH_MENUS" /* BOT_ERROR_WITH_MENUS */ || type === "BOT_TEXT_WITH_MENUS_COL" /* BOT_TEXT_WITH_MENUS_COL */ }),
@@ -1763,13 +1616,13 @@ var MessageWithMenus = ({ type, message, menus, className, handleClick, focus })
 };
 var MessageWithProducts = ({ message, className, products, focus, handleClick }) => {
   const { chatControls } = useChatContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: cn("w-full", className), children: [
-    message && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(MessageText, { message, role: "bot" /* BOT */, className: "mb-4", focus }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "pl-4", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: cn("w-full", className), children: [
+    message && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(MessageText, { message, role: "bot" /* BOT */, className: "mb-4", focus }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "pl-4", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       "ul",
       {
         className: "flex gap-3 lg:gap-x-2 overflow-x-auto scrollbar-hide -mx-4 snap-x snap-mandatory",
-        children: products == null ? void 0 : products.map((product) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        children: products == null ? void 0 : products.map((product) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "li",
           {
             className: cn(
@@ -1784,7 +1637,7 @@ var MessageWithProducts = ({ message, className, products, focus, handleClick })
                 "lg:w-[calc(100%/4.6)] lg:max-w-[calc(100%/4.6)]": chatControls.isExpanded
               }
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ProductPreviewCard, { product })
+            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ProductPreviewCard, { product })
           },
           product.product_id
         ))
@@ -1792,19 +1645,19 @@ var MessageWithProducts = ({ message, className, products, focus, handleClick })
     ) })
   ] });
 };
-var BotMessageWrapper = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: cn("flex flex-col items-start w-full", className), children: [
-  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(IconAI, { className: "mb-2" }),
+var BotMessageWrapper = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: cn("flex flex-col items-start w-full", className), children: [
+  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("img", { className: "w-8 h-8 mb-2", src: zImple_solotion_logo_default, alt: "Zimple Solution Logo" }),
   children
 ] });
 
 // src/components/quick-menus.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var QuickMenus = ({ bannerSrc, message = "welcome message", menus, handleClick }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("section", { className: "w-75.5 bg-white shadow  rounded-3xl overflow-hidden", children: [
-    bannerSrc ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("img", { src: bannerSrc, alt: "banner" }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w-75.5 h-29.5 border-b border-gray-200" }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "p-3 flex flex-col gap-y-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-sm ", children: message }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("ul", { className: "flex gap-3 flex-wrap", children: menus == null ? void 0 : menus.map((menu) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Button, { onClick: () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("section", { className: "w-75.5 bg-white shadow  rounded-3xl overflow-hidden", children: [
+    bannerSrc ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("img", { src: bannerSrc, alt: "banner" }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w-75.5 h-29.5 border-b border-gray-200" }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "p-3 flex flex-col gap-y-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-sm ", children: message }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("ul", { className: "flex gap-3 flex-wrap", children: menus == null ? void 0 : menus.map((menu) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { onClick: () => {
         handleClick(menu);
       }, children: menu.title }) }, menu.id)) })
     ] })
@@ -1812,19 +1665,19 @@ var QuickMenus = ({ bannerSrc, message = "welcome message", menus, handleClick }
 };
 
 // src/components/quick-menus-chip.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var QuickMenuChips = ({ menus, handleClick, className }) => {
   const { chatControls } = useChatContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "relative", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "absolute lg:hidden right-0 top-0 bottom-0 w-8 bg-linear-to-l from-white to-transparent pointer-events-none z-10" }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("ul", { className: cn(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "absolute lg:hidden right-0 top-0 bottom-0 w-8 bg-linear-to-l from-white to-transparent pointer-events-none z-10" }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("ul", { className: cn(
       "flex  gap-3 overflow-x-scroll scrollbar-hide pr-10",
       {
         "lg:flex-wrap lg:max-h-28": !chatControls.isExpanded,
         "h-14": chatControls.isExpanded
       },
       className
-    ), children: menus == null ? void 0 : menus.map((menu) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    ), children: menus == null ? void 0 : menus.map((menu) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       Button,
       {
         onClick: () => {
@@ -1839,21 +1692,21 @@ var QuickMenuChips = ({ menus, handleClick, className }) => {
 var quick_menus_chip_default = QuickMenuChips;
 
 // src/components/aizu-chat.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var LOADING_TIMEOUT = 15e3;
 var AizuChat = ({ aizuClient }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AizuClientProvider, { client: aizuClient, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ChatProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(FloatingButton, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(ChatWindow, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ChatHeader, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ChatBody, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ChatFooter, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AizuClientProvider, { client: aizuClient, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChatProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FloatingButton, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(ChatWindow, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChatHeader, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChatBody, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChatFooter, {})
     ] })
   ] }) }) });
 };
 var FloatingButton = () => {
   const { chatControls } = useChatContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "button",
     {
       type: "button",
@@ -1865,14 +1718,14 @@ var FloatingButton = () => {
         }
       ),
       "aria-label": "Toggle chat",
-      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconAI, { className: "w-full h-full" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("img", { src: zImple_solotion_logo_default, alt: "Zimple Solution Logo" })
     }
   );
 };
 var ChatWindow = ({ children }) => {
   const { chatControls } = useChatContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-    chatControls.isExpanded && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+    chatControls.isExpanded && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       "div",
       {
         className: "fixed inset-0 bg-black/50  z-9998 transition-opacity duration-300",
@@ -1881,7 +1734,7 @@ var ChatWindow = ({ children }) => {
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       "div",
       {
         className: cn(
@@ -1905,42 +1758,42 @@ var ChatWindow = ({ children }) => {
 };
 var ChatHeader = () => {
   const { chatControls } = useChatContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("section", { className: "flex justify-between items-center bg-white py-3 px-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("section", { className: "flex justify-between items-center bg-white py-3 px-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
       "button",
       {
         type: "button",
         onClick: chatControls.closeChat,
         className: "text-sm text-left cursor-pointer  flex flex-1 lg:invisible",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconChevronLeft, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: "\u0E22\u0E49\u0E2D\u0E19\u0E01\u0E25\u0E31\u0E1A" })
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconChevronLeft, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "\u0E22\u0E49\u0E2D\u0E19\u0E01\u0E25\u0E31\u0E1A" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col items-center flex-1 ", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-nowrap", children: "ZIMCRAFT STORE" }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-[10px] text-[#7C7C7C]", children: "Powered by Zimpligital" })
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col items-center flex-1 ", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-nowrap", children: "ZIMCRAFT STORE" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-[10px] text-[#7C7C7C]", children: "Powered by Zimpligital" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex-1 flex items-center justify-end gap-2 invisible lg:visible", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex-1 flex items-center justify-end gap-2 invisible lg:visible", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         "button",
         {
           type: "button",
           "aria-label": "Expand chat",
           onClick: chatControls.toggleExpand,
           className: "text-sm p-2.5  cursor-pointer",
-          children: chatControls.isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconMinimize, { className: "hover:text-orange-500" }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconExpand, { className: "hover:text-orange-500" })
+          children: chatControls.isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconMinimize, { className: "hover:text-orange-500" }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconExpand, { className: "hover:text-orange-500" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         "button",
         {
           type: "button",
           "aria-label": "Close chat",
           onClick: chatControls.closeChat,
           className: "text-sm p-2.5 cursor-pointer",
-          children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconXClose, { className: "hover:text-orange-500" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconXClose, { className: "hover:text-orange-500" })
         }
       )
     ] })
@@ -1979,10 +1832,10 @@ var ChatBody = () => {
       if (timer) clearTimeout(timer);
     };
   }, [isLoading]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("section", { className: "flex-1 overflow-y-auto relative scrollbar-hide", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("section", { className: " p-4 flex flex-col gap-y-3 overflow-y-auto min-h-full", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconAI, { className: "mb-2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("section", { className: "flex-1 overflow-y-auto relative scrollbar-hide", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("section", { className: " p-4 flex flex-col gap-y-3 overflow-y-auto min-h-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("img", { className: "w-8 h-8 mb-2", src: zImple_solotion_logo_default, alt: "Zimple Solution Logo" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         QuickMenus,
         {
           bannerSrc: defaultBanner,
@@ -1993,14 +1846,14 @@ var ChatBody = () => {
       )
     ] }),
     messagesDisplay == null ? void 0 : messagesDisplay.map((message, index) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "w-full flex flex-col items-start", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(MessageBubble, { message, handleClick: handleClickMenu, focus: messagesDisplay.length - 1 === index }) }, message.id);
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w-full flex flex-col items-start", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(MessageBubble, { message, handleClick: handleClickMenu, focus: messagesDisplay.length - 1 === index }) }, message.id);
     }),
-    isLoading && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconAI, { className: "mb-2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Loading, { message: loadingMessage })
+    isLoading && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("img", { className: "w-8 h-8 mb-2", src: zImple_solotion_logo_default, alt: "Zimple Solution Logo" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Loading, { message: loadingMessage })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { ref: messagesEndRef }),
-    displayWelcomeMessage && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "mt-auto text-center text-sm text-gray-500", children: "\u0E04\u0E38\u0E13\u0E01\u0E33\u0E25\u0E31\u0E07\u0E40\u0E23\u0E34\u0E48\u0E21\u0E15\u0E49\u0E19\u0E2A\u0E19\u0E17\u0E19\u0E32\u0E01\u0E31\u0E1A ZIMCRAFT AI" })
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { ref: messagesEndRef }),
+    displayWelcomeMessage && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "mt-auto text-center text-sm text-gray-500", children: "\u0E04\u0E38\u0E13\u0E01\u0E33\u0E25\u0E31\u0E07\u0E40\u0E23\u0E34\u0E48\u0E21\u0E15\u0E49\u0E19\u0E2A\u0E19\u0E17\u0E19\u0E32\u0E01\u0E31\u0E1A ZIMCRAFT AI" })
   ] }) });
 };
 var ChatFooter = () => {
@@ -2014,11 +1867,11 @@ var ChatFooter = () => {
     isLoading,
     setIsLoading
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("section", { className: cn(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("section", { className: cn(
     "bg-white min:h-42.5 lg:h-auto",
     { "lg:h-auto": chatControls.isExpanded }
   ), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       quick_menus_chip_default,
       {
         handleClick: handleClickMenu,
@@ -2026,7 +1879,7 @@ var ChatFooter = () => {
         className: "pl-4 pt-4 pb-2"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       InputBar,
       {
         placeholder: "\u0E16\u0E32\u0E21\u0E04\u0E33\u0E16\u0E32\u0E21\u0E44\u0E14\u0E49\u0E40\u0E25\u0E22...",
@@ -2042,9 +1895,9 @@ var ChatFooter = () => {
 
 // src/components/test-component.tsx
 var import_react10 = require("react");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var TestComponent = ({ client }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AizuClientProvider, { client, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TestComponentContent, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AizuClientProvider, { client, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TestComponentContent, {}) });
 };
 var TestComponentContent = () => {
   const {
@@ -2087,10 +1940,10 @@ var TestComponentContent = () => {
     setResponse("\u26A0\uFE0F Request cancelled by user");
     console.log("\u{1F6D1} Request cancelled");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "border-2 border-blue-500 p-4 rounded space-y-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex justify-between items-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h2", { className: "font-bold text-xl", children: "Test API Call" }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "border-2 border-blue-500 p-4 rounded space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex justify-between items-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h2", { className: "font-bold text-xl", children: "Test API Call" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         "button",
         {
           type: "button",
@@ -2101,18 +1954,18 @@ var TestComponentContent = () => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "text-sm space-y-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("p", { className: threadId ? "text-green-600" : "text-gray-400", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "text-sm space-y-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("p", { className: threadId ? "text-green-600" : "text-gray-400", children: [
         "\u{1F517} Thread ID: ",
         threadId || "(waiting for first message)"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("p", { className: resourceId ? "text-green-600" : "text-gray-400", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("p", { className: resourceId ? "text-green-600" : "text-gray-400", children: [
         "\u{1F4E6} Resource ID: ",
         resourceId || "(waiting for first message)"
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         "input",
         {
           type: "text",
@@ -2124,7 +1977,7 @@ var TestComponentContent = () => {
           disabled: loading
         }
       ),
-      loading ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      loading ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         "button",
         {
           type: "button",
@@ -2132,7 +1985,7 @@ var TestComponentContent = () => {
           className: "bg-red-500 text-white px-4 py-2 rounded hover:bg-red-600 min-w-[100px]",
           children: "\u23F9 Cancel"
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         "button",
         {
           type: "button",
@@ -2143,13 +1996,13 @@ var TestComponentContent = () => {
         }
       )
     ] }),
-    response && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "p-3 bg-gray-100 rounded", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("strong", { className: "text-gray-700", children: "Response:" }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "mt-1 whitespace-pre-wrap text-gray-900", children: response })
+    response && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "p-3 bg-gray-100 rounded", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("strong", { className: "text-gray-700", children: "Response:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "mt-1 whitespace-pre-wrap text-gray-900", children: response })
     ] }),
-    !threadId && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "text-xs text-gray-500 border-t pt-2 mt-2", children: [
+    !threadId && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "text-xs text-gray-500 border-t pt-2 mt-2", children: [
       "\u{1F4A1} ",
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("strong", { children: "Tip:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("strong", { children: "Tip:" }),
       " Send your first message to start a conversation. The thread ID will be saved and persist across page refreshes."
     ] })
   ] });