@kite-copilot/chat-panel 0.2.47 → 0.2.48

package/dist/auto.cjs

@@ -1024,7 +1024,7 @@ function TypingIndicator({ className = "" }) {
 
 // src/ChatPanel.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
-var CHAT_PANEL_VERSION = true ? "0.2.47" : "dev";
+var CHAT_PANEL_VERSION = true ? "0.2.48" : "dev";
 var DEFAULT_AGENT_URL = "http://localhost:5002";
 var PANEL_WIDTH = 400;
 var PANEL_HEIGHT = 600;
@@ -1507,6 +1507,7 @@ function ChatPanel({
     }
   }, [corner, onCornerChange, dragControls]);
   const [sessionId, setSessionId] = React6.useState(() => crypto.randomUUID());
+  const [sessionUser, setSessionUser] = React6.useState(null);
   const orgConfigState = useOrgConfig({ agentUrl, orgId: orgId || "" });
   const effectiveProductBackendUrl = orgConfigState.config?.productBackendUrl || productBackendUrl;
   const { authState, retry: retryAuth } = useUserAuth({
@@ -1547,6 +1548,9 @@ function ChatPanel({
     testProductBackendEndpoint();
   }, [effectiveProductBackendUrl, orgConfigState.status]);
   const effectiveUser = React6.useMemo(() => {
+    if (sessionUser) {
+      return sessionUser;
+    }
     if (authState.status === "authenticated") {
       return {
         userId: authState.user.id,
@@ -1563,7 +1567,23 @@ function ChatPanel({
       userRole: void 0,
       isInternal: false
     };
-  }, [authState, userId, userName, userEmail]);
+  }, [sessionUser, authState, userId, userName, userEmail]);
+  React6.useEffect(() => {
+    if (authState.status === "authenticated" && sessionUser === null) {
+      setSessionUser({
+        userId: authState.user.id,
+        userName: authState.user.name,
+        userEmail: authState.user.email,
+        userRole: authState.user.role,
+        isInternal: authState.user.isInternal
+      });
+      console.log("[ChatPanel] Session user captured:", authState.user.id);
+    }
+  }, [authState, sessionUser]);
+  const isWaitingForAuth = React6.useMemo(() => {
+    if (!effectiveProductBackendUrl) return false;
+    return authState.status === "loading" || authState.status === "idle";
+  }, [effectiveProductBackendUrl, authState.status]);
   const [isEscalated, setIsEscalated] = React6.useState(false);
   const escalationWsRef = React6.useRef(null);
   const [agentIsTyping, setAgentIsTyping] = React6.useState(false);
@@ -1591,6 +1611,7 @@ function ChatPanel({
     } else {
       console.log("[KiteChat] Skipping disconnect update - conditions not met");
     }
+    setSessionUser(null);
     setSessionId(crypto.randomUUID());
     setIsEscalated(false);
     if (escalationWsRef.current) {
@@ -4660,7 +4681,7 @@ ${userText}`
                 {
                   type: "submit",
                   size: "icon",
-                  disabled: !input.trim() && !pendingFile,
+                  disabled: !input.trim() && !pendingFile || isWaitingForAuth,
                   className: "h-6 w-6 rounded-full bg-gray-900 hover:bg-gray-800 disabled:bg-gray-300",
                   children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react4.ArrowUp, { className: "h-2.5 w-2.5" })
                 }

package/dist/auto.js

@@ -1,6 +1,6 @@
 import {
   createKiteChat
-} from "./chunk-XMIO4GMW.js";
+} from "./chunk-LOTJ3U5L.js";
 
 // src/auto.ts
 function mountKiteChat(config) {

package/dist/{chunk-XMIO4GMW.js → chunk-LOTJ3U5L.js}

@@ -1025,7 +1025,7 @@ function TypingIndicator({ className = "" }) {
 
 // src/ChatPanel.tsx
 import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
-var CHAT_PANEL_VERSION = true ? "0.2.47" : "dev";
+var CHAT_PANEL_VERSION = true ? "0.2.48" : "dev";
 var DEFAULT_AGENT_URL = "http://localhost:5002";
 var PANEL_WIDTH = 400;
 var PANEL_HEIGHT = 600;
@@ -1508,6 +1508,7 @@ function ChatPanel({
     }
   }, [corner, onCornerChange, dragControls]);
   const [sessionId, setSessionId] = React6.useState(() => crypto.randomUUID());
+  const [sessionUser, setSessionUser] = React6.useState(null);
   const orgConfigState = useOrgConfig({ agentUrl, orgId: orgId || "" });
   const effectiveProductBackendUrl = orgConfigState.config?.productBackendUrl || productBackendUrl;
   const { authState, retry: retryAuth } = useUserAuth({
@@ -1548,6 +1549,9 @@ function ChatPanel({
     testProductBackendEndpoint();
   }, [effectiveProductBackendUrl, orgConfigState.status]);
   const effectiveUser = React6.useMemo(() => {
+    if (sessionUser) {
+      return sessionUser;
+    }
     if (authState.status === "authenticated") {
       return {
         userId: authState.user.id,
@@ -1564,7 +1568,23 @@ function ChatPanel({
       userRole: void 0,
       isInternal: false
     };
-  }, [authState, userId, userName, userEmail]);
+  }, [sessionUser, authState, userId, userName, userEmail]);
+  React6.useEffect(() => {
+    if (authState.status === "authenticated" && sessionUser === null) {
+      setSessionUser({
+        userId: authState.user.id,
+        userName: authState.user.name,
+        userEmail: authState.user.email,
+        userRole: authState.user.role,
+        isInternal: authState.user.isInternal
+      });
+      console.log("[ChatPanel] Session user captured:", authState.user.id);
+    }
+  }, [authState, sessionUser]);
+  const isWaitingForAuth = React6.useMemo(() => {
+    if (!effectiveProductBackendUrl) return false;
+    return authState.status === "loading" || authState.status === "idle";
+  }, [effectiveProductBackendUrl, authState.status]);
   const [isEscalated, setIsEscalated] = React6.useState(false);
   const escalationWsRef = React6.useRef(null);
   const [agentIsTyping, setAgentIsTyping] = React6.useState(false);
@@ -1592,6 +1612,7 @@ function ChatPanel({
     } else {
       console.log("[KiteChat] Skipping disconnect update - conditions not met");
     }
+    setSessionUser(null);
     setSessionId(crypto.randomUUID());
     setIsEscalated(false);
     if (escalationWsRef.current) {
@@ -4661,7 +4682,7 @@ ${userText}`
                 {
                   type: "submit",
                   size: "icon",
-                  disabled: !input.trim() && !pendingFile,
+                  disabled: !input.trim() && !pendingFile || isWaitingForAuth,
                   className: "h-6 w-6 rounded-full bg-gray-900 hover:bg-gray-800 disabled:bg-gray-300",
                   children: /* @__PURE__ */ jsx10(ArrowUp, { className: "h-2.5 w-2.5" })
                 }