@hissuno/widget 0.1.0 → 0.1.2

package/README.md

@@ -51,7 +51,7 @@ function App() {
 | `theme` | `'light' \| 'dark' \| 'auto'` | `'light'` | Color theme (`auto` follows system preference) |
 | `userId` | `string` | - | End-user identifier for session tracking |
 | `userMetadata` | `Record<string, string>` | - | Additional user info (name, email, plan, etc.) |
-| `apiUrl` | `string` | `'/api/agent'` | Custom API endpoint URL |
+| `apiUrl` | `string` | `'/api/integrations/widget/chat'` | Custom API endpoint URL |
 | `title` | `string` | `'Support'` | Chat window title |
 | `placeholder` | `string` | `'Ask a question...'` | Input field placeholder |
 | `initialMessage` | `string` | `'Hi! How can I help?'` | First message shown to users |

package/dist/index.d.mts

@@ -88,8 +88,7 @@ interface HissunoWidgetProps {
      */
     userMetadata?: Record<string, string>;
     /**
-     * The URL of your Hissuno API endpoint
-     * @default "/api/agent"
+     * Optional: The URL of your Hissuno API endpoint
      */
     apiUrl?: string;
     /**
@@ -160,6 +159,13 @@ interface HissunoWidgetProps {
      * Callback when the chat window closes
      */
     onClose?: () => void;
+    /**
+     * Callback that exposes chat controls for external manipulation
+     * Useful for programmatically setting input values
+     */
+    onControlsReady?: (controls: {
+        setInput: (value: string) => void;
+    }) => void;
     /**
      * Additional CSS class name for custom styling
      */
@@ -232,7 +238,7 @@ interface WidgetSettings {
  * }
  * ```
  */
-declare function HissunoWidget({ projectId, widgetToken, trigger: propTrigger, display: propDisplay, shortcut: propShortcut, fetchDefaults, userId, userMetadata, apiUrl, theme: propTheme, bubblePosition: propBubblePosition, bubbleOffset, drawerBadgeLabel: propDrawerBadgeLabel, dialogWidth: propDialogWidth, dialogHeight: propDialogHeight, renderTrigger, title: propTitle, placeholder, initialMessage: propInitialMessage, defaultOpen, onOpen, onClose, className, headers, }: HissunoWidgetProps): react_jsx_runtime.JSX.Element | null;
+declare function HissunoWidget({ projectId, widgetToken, trigger: propTrigger, display: propDisplay, shortcut: propShortcut, fetchDefaults, userId, userMetadata, apiUrl, theme: propTheme, bubblePosition: propBubblePosition, bubbleOffset, drawerBadgeLabel: propDrawerBadgeLabel, dialogWidth: propDialogWidth, dialogHeight: propDialogHeight, renderTrigger, title: propTitle, placeholder, initialMessage: propInitialMessage, defaultOpen, onOpen, onClose, onControlsReady, className, headers, }: HissunoWidgetProps): react_jsx_runtime.JSX.Element | null;
 
 interface ChatBubbleProps {
     isOpen: boolean;
@@ -275,7 +281,7 @@ interface UseHissunoChatOptions {
     projectId: string;
     /** JWT token for secure widget authentication */
     widgetToken?: string;
-    /** Custom API endpoint URL (default: '/api/agent') */
+    /** Custom API endpoint URL (default: '/api/integrations/widget/chat') */
     apiUrl?: string;
     /** Initial assistant message shown when chat opens */
     initialMessage?: string;
@@ -287,6 +293,8 @@ interface UseHissunoChatOptions {
     userMetadata?: Record<string, string>;
     /** Custom session ID (auto-generated if not provided) */
     sessionId?: string;
+    /** Override the knowledge package used for this chat session (for testing) */
+    packageId?: string;
     /** Inactivity timeout in ms before auto-closing session (default: 30 minutes) */
     inactivityTimeout?: number;
     /** Callback when session is closed */
@@ -352,7 +360,7 @@ interface UseHissunoChatReturn {
  * @param options - Hook configuration options
  * @returns Chat state and control functions
  */
-declare function useHissunoChat({ projectId, widgetToken, apiUrl, initialMessage, headers, userId, userMetadata, sessionId: providedSessionId, inactivityTimeout, onSessionClose, }: UseHissunoChatOptions): UseHissunoChatReturn;
+declare function useHissunoChat({ projectId, widgetToken, apiUrl, initialMessage, headers, userId, userMetadata, sessionId: providedSessionId, packageId, inactivityTimeout, onSessionClose, }: UseHissunoChatOptions): UseHissunoChatReturn;
 
 interface ChatPopupProps {
     isOpen: boolean;

package/dist/index.d.ts

@@ -88,8 +88,7 @@ interface HissunoWidgetProps {
      */
     userMetadata?: Record<string, string>;
     /**
-     * The URL of your Hissuno API endpoint
-     * @default "/api/agent"
+     * Optional: The URL of your Hissuno API endpoint
      */
     apiUrl?: string;
     /**
@@ -160,6 +159,13 @@ interface HissunoWidgetProps {
      * Callback when the chat window closes
      */
     onClose?: () => void;
+    /**
+     * Callback that exposes chat controls for external manipulation
+     * Useful for programmatically setting input values
+     */
+    onControlsReady?: (controls: {
+        setInput: (value: string) => void;
+    }) => void;
     /**
      * Additional CSS class name for custom styling
      */
@@ -232,7 +238,7 @@ interface WidgetSettings {
  * }
  * ```
  */
-declare function HissunoWidget({ projectId, widgetToken, trigger: propTrigger, display: propDisplay, shortcut: propShortcut, fetchDefaults, userId, userMetadata, apiUrl, theme: propTheme, bubblePosition: propBubblePosition, bubbleOffset, drawerBadgeLabel: propDrawerBadgeLabel, dialogWidth: propDialogWidth, dialogHeight: propDialogHeight, renderTrigger, title: propTitle, placeholder, initialMessage: propInitialMessage, defaultOpen, onOpen, onClose, className, headers, }: HissunoWidgetProps): react_jsx_runtime.JSX.Element | null;
+declare function HissunoWidget({ projectId, widgetToken, trigger: propTrigger, display: propDisplay, shortcut: propShortcut, fetchDefaults, userId, userMetadata, apiUrl, theme: propTheme, bubblePosition: propBubblePosition, bubbleOffset, drawerBadgeLabel: propDrawerBadgeLabel, dialogWidth: propDialogWidth, dialogHeight: propDialogHeight, renderTrigger, title: propTitle, placeholder, initialMessage: propInitialMessage, defaultOpen, onOpen, onClose, onControlsReady, className, headers, }: HissunoWidgetProps): react_jsx_runtime.JSX.Element | null;
 
 interface ChatBubbleProps {
     isOpen: boolean;
@@ -275,7 +281,7 @@ interface UseHissunoChatOptions {
     projectId: string;
     /** JWT token for secure widget authentication */
     widgetToken?: string;
-    /** Custom API endpoint URL (default: '/api/agent') */
+    /** Custom API endpoint URL (default: '/api/integrations/widget/chat') */
     apiUrl?: string;
     /** Initial assistant message shown when chat opens */
     initialMessage?: string;
@@ -287,6 +293,8 @@ interface UseHissunoChatOptions {
     userMetadata?: Record<string, string>;
     /** Custom session ID (auto-generated if not provided) */
     sessionId?: string;
+    /** Override the knowledge package used for this chat session (for testing) */
+    packageId?: string;
     /** Inactivity timeout in ms before auto-closing session (default: 30 minutes) */
     inactivityTimeout?: number;
     /** Callback when session is closed */
@@ -352,7 +360,7 @@ interface UseHissunoChatReturn {
  * @param options - Hook configuration options
  * @returns Chat state and control functions
  */
-declare function useHissunoChat({ projectId, widgetToken, apiUrl, initialMessage, headers, userId, userMetadata, sessionId: providedSessionId, inactivityTimeout, onSessionClose, }: UseHissunoChatOptions): UseHissunoChatReturn;
+declare function useHissunoChat({ projectId, widgetToken, apiUrl, initialMessage, headers, userId, userMetadata, sessionId: providedSessionId, packageId, inactivityTimeout, onSessionClose, }: UseHissunoChatOptions): UseHissunoChatReturn;
 
 interface ChatPopupProps {
     isOpen: boolean;

package/dist/index.js

@@ -957,15 +957,15 @@ function ChatPopup({
             },
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                "input",
+                "textarea",
                 {
-                  type: "text",
                   value: input,
                   onChange: (e) => setInput(e.target.value),
                   onKeyDown: handleKeyDown,
                   placeholder,
                   disabled: isLoading,
                   "aria-label": "Type your message",
+                  rows: 1,
                   style: {
                     flex: 1,
                     padding: "10px 14px",
@@ -975,7 +975,12 @@ function ChatPopup({
                     color: textColor,
                     fontSize: 14,
                     outline: "none",
-                    fontFamily: "system-ui, -apple-system, sans-serif"
+                    fontFamily: "system-ui, -apple-system, sans-serif",
+                    resize: "none",
+                    minHeight: 40,
+                    maxHeight: 120,
+                    overflow: "auto",
+                    lineHeight: "20px"
                   }
                 }
               ),
@@ -1099,7 +1104,7 @@ function ChatSidepanel({
           position: "fixed",
           top: 0,
           right: 0,
-          width: 400,
+          width: 480,
           height: "100vh",
           display: "flex",
           flexDirection: "column",
@@ -1255,15 +1260,15 @@ function ChatSidepanel({
               },
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                  "input",
+                  "textarea",
                   {
-                    type: "text",
                     value: input,
                     onChange: (e) => setInput(e.target.value),
                     onKeyDown: handleKeyDown,
                     placeholder,
                     disabled: isLoading,
                     "aria-label": "Type your message",
+                    rows: 1,
                     style: {
                       flex: 1,
                       padding: "10px 14px",
@@ -1273,7 +1278,12 @@ function ChatSidepanel({
                       color: textColor,
                       fontSize: 14,
                       outline: "none",
-                      fontFamily: "system-ui, -apple-system, sans-serif"
+                      fontFamily: "system-ui, -apple-system, sans-serif",
+                      resize: "none",
+                      minHeight: 40,
+                      maxHeight: 120,
+                      overflow: "auto",
+                      lineHeight: "20px"
                     }
                   }
                 ),
@@ -1638,9 +1648,8 @@ function ChatDialog({
                   },
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                      "input",
+                      "textarea",
                       {
-                        type: "text",
                         value: input,
                         onChange: (e) => setInput(e.target.value),
                         onKeyDown: handleKeyDown,
@@ -1648,6 +1657,7 @@ function ChatDialog({
                         disabled: isLoading,
                         autoFocus: true,
                         "aria-label": "Type your message",
+                        rows: 1,
                         style: {
                           flex: 1,
                           padding: "12px 16px",
@@ -1657,7 +1667,12 @@ function ChatDialog({
                           color: textColor,
                           fontSize: 14,
                           outline: "none",
-                          fontFamily: "system-ui, -apple-system, sans-serif"
+                          fontFamily: "system-ui, -apple-system, sans-serif",
+                          resize: "none",
+                          minHeight: 44,
+                          maxHeight: 120,
+                          overflow: "auto",
+                          lineHeight: "20px"
                         }
                       }
                     ),
@@ -2012,12 +2027,13 @@ function deleteSessionFromRegistry(projectId, userId, sessionId) {
 function useHissunoChat({
   projectId,
   widgetToken,
-  apiUrl = "/api/agent",
+  apiUrl = "/api/integrations/widget/chat",
   initialMessage,
   headers = {},
   userId,
   userMetadata,
   sessionId: providedSessionId,
+  packageId,
   inactivityTimeout = DEFAULT_INACTIVITY_TIMEOUT,
   onSessionClose
 }) {
@@ -2171,7 +2187,7 @@ function useHissunoChat({
   }, [apiUrl, projectId, sessionId, connectToStream]);
   (0, import_react4.useEffect)(() => {
     if (sessionClosedRef.current || !sessionId) return;
-    const updatesUrl = `${apiUrl}/session/updates?sessionId=${encodeURIComponent(sessionId)}&projectId=${encodeURIComponent(projectId)}`;
+    const updatesUrl = `${apiUrl}/updates?sessionId=${encodeURIComponent(sessionId)}&projectId=${encodeURIComponent(projectId)}`;
     const connectUpdates = () => {
       if (updatesEventSourceRef.current) return;
       const eventSource = new EventSource(updatesUrl);
@@ -2328,7 +2344,7 @@ function useHissunoChat({
       inactivityTimerRef.current = null;
     }
     try {
-      await fetch(`${apiUrl}/session/close`, {
+      await fetch(`${apiUrl}/close`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
@@ -2343,7 +2359,7 @@ function useHissunoChat({
   }, [sessionId, apiUrl, projectId, headers, onSessionClose]);
   const cancelChat = (0, import_react4.useCallback)(async () => {
     try {
-      const cancelUrl = `${apiUrl}/cancel`;
+      const cancelUrl = `${apiUrl}/stream/cancel`;
       const response = await fetch(cancelUrl, {
         method: "POST",
         headers: {
@@ -2363,6 +2379,7 @@ function useHissunoChat({
         eventSourceRef.current.close();
         eventSourceRef.current = null;
       }
+      isConnectingRef.current = false;
       setIsLoading(false);
       setIsStreaming(false);
       setStreamingContent("");
@@ -2389,7 +2406,7 @@ function useHissunoChat({
   (0, import_react4.useEffect)(() => {
     const handleBeforeUnload = () => {
       if (!sessionId || sessionClosedRef.current) return;
-      const url = `${apiUrl}/session/close`;
+      const url = `${apiUrl}/close`;
       const data = JSON.stringify({ sessionId, projectId });
       navigator.sendBeacon(url, data);
     };
@@ -2437,7 +2454,8 @@ function useHissunoChat({
             pageUrl,
             pageTitle,
             sessionId,
-            widgetToken
+            widgetToken,
+            packageId
           })
         });
         if (!response.ok) {
@@ -2455,7 +2473,7 @@ function useHissunoChat({
         setIsLoading(false);
       }
     },
-    [input, messages, apiUrl, headers, projectId, widgetToken, userId, userMetadata, pageUrl, pageTitle, sessionId, connectToStream]
+    [input, messages, apiUrl, headers, projectId, widgetToken, userId, userMetadata, pageUrl, pageTitle, sessionId, packageId, connectToStream]
   );
   return (0, import_react4.useMemo)(
     () => ({
@@ -2584,7 +2602,7 @@ function useResolvedTheme(theme) {
 
 // src/HissunoWidget.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var DEFAULT_API_URL = "/api/agent";
+var DEFAULT_API_URL = "/api/integrations/widget/chat";
 function HissunoWidget({
   projectId,
   widgetToken,
@@ -2608,6 +2626,7 @@ function HissunoWidget({
   defaultOpen = false,
   onOpen,
   onClose,
+  onControlsReady,
   className,
   headers = {}
 }) {
@@ -2619,7 +2638,7 @@ function HissunoWidget({
     blocked,
     loading: settingsLoading,
     error: settingsError
-  } = useWidgetSettings(projectId || "", fetchDefaults && !!projectId, apiUrl, widgetToken);
+  } = useWidgetSettings(projectId || "", fetchDefaults && !!projectId, apiUrl ?? DEFAULT_API_URL, widgetToken);
   const resolveTrigger = () => {
     if (propTrigger) return propTrigger;
     if (renderTrigger) return "headless";
@@ -2666,6 +2685,9 @@ function HissunoWidget({
     userId,
     userMetadata
   });
+  (0, import_react7.useEffect)(() => {
+    onControlsReady?.({ setInput });
+  }, [onControlsReady, setInput]);
   const canShowHistory = !!userId;
   const handleOpenHistory = (0, import_react7.useCallback)(() => {
     if (!canShowHistory) return;
@@ -2858,7 +2880,7 @@ function useWidgetSettings(projectId, enabled, apiUrl, widgetToken) {
     }
     setLoading(true);
     setError(false);
-    const settingsUrl = `${apiUrl.replace(/\/api\/agent\/?$/, "/api/integrations/widget")}?projectId=${encodeURIComponent(projectId)}`;
+    const settingsUrl = `${apiUrl.replace(/\/chat\/?$/, "")}?projectId=${encodeURIComponent(projectId)}`;
     const controller = new AbortController();
     fetch(settingsUrl, {
       signal: controller.signal

package/dist/index.mjs

@@ -917,15 +917,15 @@ function ChatPopup({
             },
             children: [
               /* @__PURE__ */ jsx6(
-                "input",
+                "textarea",
                 {
-                  type: "text",
                   value: input,
                   onChange: (e) => setInput(e.target.value),
                   onKeyDown: handleKeyDown,
                   placeholder,
                   disabled: isLoading,
                   "aria-label": "Type your message",
+                  rows: 1,
                   style: {
                     flex: 1,
                     padding: "10px 14px",
@@ -935,7 +935,12 @@ function ChatPopup({
                     color: textColor,
                     fontSize: 14,
                     outline: "none",
-                    fontFamily: "system-ui, -apple-system, sans-serif"
+                    fontFamily: "system-ui, -apple-system, sans-serif",
+                    resize: "none",
+                    minHeight: 40,
+                    maxHeight: 120,
+                    overflow: "auto",
+                    lineHeight: "20px"
                   }
                 }
               ),
@@ -1059,7 +1064,7 @@ function ChatSidepanel({
           position: "fixed",
           top: 0,
           right: 0,
-          width: 400,
+          width: 480,
           height: "100vh",
           display: "flex",
           flexDirection: "column",
@@ -1215,15 +1220,15 @@ function ChatSidepanel({
               },
               children: [
                 /* @__PURE__ */ jsx7(
-                  "input",
+                  "textarea",
                   {
-                    type: "text",
                     value: input,
                     onChange: (e) => setInput(e.target.value),
                     onKeyDown: handleKeyDown,
                     placeholder,
                     disabled: isLoading,
                     "aria-label": "Type your message",
+                    rows: 1,
                     style: {
                       flex: 1,
                       padding: "10px 14px",
@@ -1233,7 +1238,12 @@ function ChatSidepanel({
                       color: textColor,
                       fontSize: 14,
                       outline: "none",
-                      fontFamily: "system-ui, -apple-system, sans-serif"
+                      fontFamily: "system-ui, -apple-system, sans-serif",
+                      resize: "none",
+                      minHeight: 40,
+                      maxHeight: 120,
+                      overflow: "auto",
+                      lineHeight: "20px"
                     }
                   }
                 ),
@@ -1598,9 +1608,8 @@ function ChatDialog({
                   },
                   children: [
                     /* @__PURE__ */ jsx8(
-                      "input",
+                      "textarea",
                       {
-                        type: "text",
                         value: input,
                         onChange: (e) => setInput(e.target.value),
                         onKeyDown: handleKeyDown,
@@ -1608,6 +1617,7 @@ function ChatDialog({
                         disabled: isLoading,
                         autoFocus: true,
                         "aria-label": "Type your message",
+                        rows: 1,
                         style: {
                           flex: 1,
                           padding: "12px 16px",
@@ -1617,7 +1627,12 @@ function ChatDialog({
                           color: textColor,
                           fontSize: 14,
                           outline: "none",
-                          fontFamily: "system-ui, -apple-system, sans-serif"
+                          fontFamily: "system-ui, -apple-system, sans-serif",
+                          resize: "none",
+                          minHeight: 44,
+                          maxHeight: 120,
+                          overflow: "auto",
+                          lineHeight: "20px"
                         }
                       }
                     ),
@@ -1972,12 +1987,13 @@ function deleteSessionFromRegistry(projectId, userId, sessionId) {
 function useHissunoChat({
   projectId,
   widgetToken,
-  apiUrl = "/api/agent",
+  apiUrl = "/api/integrations/widget/chat",
   initialMessage,
   headers = {},
   userId,
   userMetadata,
   sessionId: providedSessionId,
+  packageId,
   inactivityTimeout = DEFAULT_INACTIVITY_TIMEOUT,
   onSessionClose
 }) {
@@ -2131,7 +2147,7 @@ function useHissunoChat({
   }, [apiUrl, projectId, sessionId, connectToStream]);
   useEffect4(() => {
     if (sessionClosedRef.current || !sessionId) return;
-    const updatesUrl = `${apiUrl}/session/updates?sessionId=${encodeURIComponent(sessionId)}&projectId=${encodeURIComponent(projectId)}`;
+    const updatesUrl = `${apiUrl}/updates?sessionId=${encodeURIComponent(sessionId)}&projectId=${encodeURIComponent(projectId)}`;
     const connectUpdates = () => {
       if (updatesEventSourceRef.current) return;
       const eventSource = new EventSource(updatesUrl);
@@ -2288,7 +2304,7 @@ function useHissunoChat({
       inactivityTimerRef.current = null;
     }
     try {
-      await fetch(`${apiUrl}/session/close`, {
+      await fetch(`${apiUrl}/close`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
@@ -2303,7 +2319,7 @@ function useHissunoChat({
   }, [sessionId, apiUrl, projectId, headers, onSessionClose]);
   const cancelChat = useCallback3(async () => {
     try {
-      const cancelUrl = `${apiUrl}/cancel`;
+      const cancelUrl = `${apiUrl}/stream/cancel`;
       const response = await fetch(cancelUrl, {
         method: "POST",
         headers: {
@@ -2323,6 +2339,7 @@ function useHissunoChat({
         eventSourceRef.current.close();
         eventSourceRef.current = null;
       }
+      isConnectingRef.current = false;
       setIsLoading(false);
       setIsStreaming(false);
       setStreamingContent("");
@@ -2349,7 +2366,7 @@ function useHissunoChat({
   useEffect4(() => {
     const handleBeforeUnload = () => {
       if (!sessionId || sessionClosedRef.current) return;
-      const url = `${apiUrl}/session/close`;
+      const url = `${apiUrl}/close`;
       const data = JSON.stringify({ sessionId, projectId });
       navigator.sendBeacon(url, data);
     };
@@ -2397,7 +2414,8 @@ function useHissunoChat({
             pageUrl,
             pageTitle,
             sessionId,
-            widgetToken
+            widgetToken,
+            packageId
           })
         });
         if (!response.ok) {
@@ -2415,7 +2433,7 @@ function useHissunoChat({
         setIsLoading(false);
       }
     },
-    [input, messages, apiUrl, headers, projectId, widgetToken, userId, userMetadata, pageUrl, pageTitle, sessionId, connectToStream]
+    [input, messages, apiUrl, headers, projectId, widgetToken, userId, userMetadata, pageUrl, pageTitle, sessionId, packageId, connectToStream]
   );
   return useMemo(
     () => ({
@@ -2544,7 +2562,7 @@ function useResolvedTheme(theme) {
 
 // src/HissunoWidget.tsx
 import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
-var DEFAULT_API_URL = "/api/agent";
+var DEFAULT_API_URL = "/api/integrations/widget/chat";
 function HissunoWidget({
   projectId,
   widgetToken,
@@ -2568,6 +2586,7 @@ function HissunoWidget({
   defaultOpen = false,
   onOpen,
   onClose,
+  onControlsReady,
   className,
   headers = {}
 }) {
@@ -2579,7 +2598,7 @@ function HissunoWidget({
     blocked,
     loading: settingsLoading,
     error: settingsError
-  } = useWidgetSettings(projectId || "", fetchDefaults && !!projectId, apiUrl, widgetToken);
+  } = useWidgetSettings(projectId || "", fetchDefaults && !!projectId, apiUrl ?? DEFAULT_API_URL, widgetToken);
   const resolveTrigger = () => {
     if (propTrigger) return propTrigger;
     if (renderTrigger) return "headless";
@@ -2626,6 +2645,9 @@ function HissunoWidget({
     userId,
     userMetadata
   });
+  useEffect7(() => {
+    onControlsReady?.({ setInput });
+  }, [onControlsReady, setInput]);
   const canShowHistory = !!userId;
   const handleOpenHistory = useCallback5(() => {
     if (!canShowHistory) return;
@@ -2818,7 +2840,7 @@ function useWidgetSettings(projectId, enabled, apiUrl, widgetToken) {
     }
     setLoading(true);
     setError(false);
-    const settingsUrl = `${apiUrl.replace(/\/api\/agent\/?$/, "/api/integrations/widget")}?projectId=${encodeURIComponent(projectId)}`;
+    const settingsUrl = `${apiUrl.replace(/\/chat\/?$/, "")}?projectId=${encodeURIComponent(projectId)}`;
     const controller = new AbortController();
     fetch(settingsUrl, {
       signal: controller.signal

package/dist/styles.css

@@ -105,27 +105,14 @@
   animation: hissuno-fade-in-backdrop 0.2s ease-out;
 }
 
-/* Messages container */
+/* Messages container - hide scrollbar but keep scrolling */
 .hissuno-messages {
-  scrollbar-width: thin;
-  scrollbar-color: rgba(155, 155, 155, 0.5) transparent;
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none; /* IE and Edge */
 }
 
 .hissuno-messages::-webkit-scrollbar {
-  width: 6px;
-}
-
-.hissuno-messages::-webkit-scrollbar-track {
-  background: transparent;
-}
-
-.hissuno-messages::-webkit-scrollbar-thumb {
-  background-color: rgba(155, 155, 155, 0.5);
-  border-radius: 3px;
-}
-
-.hissuno-messages::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(155, 155, 155, 0.7);
+  display: none; /* Chrome, Safari, Opera */
 }
 
 /* Loading dots animation */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hissuno/widget",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Embeddable AI-powered support chat widget for Hissuno platform",
   "main": "dist/index.js",
   "module": "dist/index.mjs",