@xbrain-swe/nova-chat-widget 0.3.0-dev.16 → 0.3.0-dev.18

package/dist/index.d.cts

@@ -107,7 +107,7 @@ type XbNovaTheme = {
     colorScheme: "light" | "dark" | "system";
 };
 
-declare function XbNovaProvider({ apiKey, botId, appId, screen, apiBaseUrl, clientActions, theme, userKey, threadKey, sessionKey, children, }: {
+declare function XbNovaProvider({ apiKey, botId, appId, screen, apiBaseUrl, clientActions, theme, userKey, threadKey, sessionKey, eventProperties, children, }: {
     apiKey: string;
     botId: string;
     appId: string;
@@ -123,6 +123,8 @@ declare function XbNovaProvider({ apiKey, botId, appId, screen, apiBaseUrl, clie
     /** 이 방문의 세션 키(예: GA4 session_id). nova가 남기는 이벤트(위젯 노출·넛지·상담 버튼)와 대화에 실려
      * 콘솔에서 세션 단위로 집계된다. 값이 바뀌면(세션 갱신) 그 뒤 이벤트부터 새 값으로 실린다. 안 주면 세션은 비운다. */
     sessionKey?: string;
+    /** 모든 분석 이벤트에 함께 실을 값(예: `{ vehicle_id: data.id }`). 평평한 원시값만 넣고 개인정보는 넣지 않는다. */
+    eventProperties?: Record<string, string | number | boolean | null | undefined>;
     /** 이 페이지가 AI에게 내어줄 client action tool — 이름별로 설명·스키마·실행 함수를
      * 등록한다("SDK 초기화 시점에 등록"). 스펙은 App 레벨 레지스트리로 자동 동기화되고
      * (`XbNovaClientActionSync`), 콘솔의 tool 목록에 반영된다. 핸들러는 여기서만 산다. */
@@ -171,7 +173,11 @@ type UseXbNovaChatResult = {
     messages: ChatMessage[];
     busy: boolean;
     error: string | null;
-    send: (text: string) => Promise<void>;
+    /** `nudgeOpening`은 대화 중 넛지를 눌러 띄운 질문이다. 답을 보낼 때 그 앞에 AI 발화로 남긴다. */
+    send: (text: string, options?: {
+        nudgeOpening?: string | null;
+        inputType?: "typed" | "quick_reply";
+    }) => Promise<void>;
     /** client action 핸들러가 돌려준 정규화 결과(tool_call_id별). 채팅 화면이 view 렌더러로 그린다. */
     clientResults: ClientResults;
     /** messageId → 현재 평가. 평가 안 한 메시지는 키가 없다. */

package/dist/index.d.ts

@@ -107,7 +107,7 @@ type XbNovaTheme = {
     colorScheme: "light" | "dark" | "system";
 };
 
-declare function XbNovaProvider({ apiKey, botId, appId, screen, apiBaseUrl, clientActions, theme, userKey, threadKey, sessionKey, children, }: {
+declare function XbNovaProvider({ apiKey, botId, appId, screen, apiBaseUrl, clientActions, theme, userKey, threadKey, sessionKey, eventProperties, children, }: {
     apiKey: string;
     botId: string;
     appId: string;
@@ -123,6 +123,8 @@ declare function XbNovaProvider({ apiKey, botId, appId, screen, apiBaseUrl, clie
     /** 이 방문의 세션 키(예: GA4 session_id). nova가 남기는 이벤트(위젯 노출·넛지·상담 버튼)와 대화에 실려
      * 콘솔에서 세션 단위로 집계된다. 값이 바뀌면(세션 갱신) 그 뒤 이벤트부터 새 값으로 실린다. 안 주면 세션은 비운다. */
     sessionKey?: string;
+    /** 모든 분석 이벤트에 함께 실을 값(예: `{ vehicle_id: data.id }`). 평평한 원시값만 넣고 개인정보는 넣지 않는다. */
+    eventProperties?: Record<string, string | number | boolean | null | undefined>;
     /** 이 페이지가 AI에게 내어줄 client action tool — 이름별로 설명·스키마·실행 함수를
      * 등록한다("SDK 초기화 시점에 등록"). 스펙은 App 레벨 레지스트리로 자동 동기화되고
      * (`XbNovaClientActionSync`), 콘솔의 tool 목록에 반영된다. 핸들러는 여기서만 산다. */
@@ -171,7 +173,11 @@ type UseXbNovaChatResult = {
     messages: ChatMessage[];
     busy: boolean;
     error: string | null;
-    send: (text: string) => Promise<void>;
+    /** `nudgeOpening`은 대화 중 넛지를 눌러 띄운 질문이다. 답을 보낼 때 그 앞에 AI 발화로 남긴다. */
+    send: (text: string, options?: {
+        nudgeOpening?: string | null;
+        inputType?: "typed" | "quick_reply";
+    }) => Promise<void>;
     /** client action 핸들러가 돌려준 정규화 결과(tool_call_id별). 채팅 화면이 view 렌더러로 그린다. */
     clientResults: ClientResults;
     /** messageId → 현재 평가. 평가 안 한 메시지는 키가 없다. */

package/dist/index.js

@@ -25,7 +25,7 @@ function useXbNovaInternal() {
   return ctx;
 }
 var VISITOR_STORAGE_KEY = "xbnova_visitor_id";
-var WIDGET_VIEW_WAIT_MS = 1e4;
+var HOST_IDENTITY_WAIT_MS = 1e4;
 function resolveVisitorId() {
   if (typeof window === "undefined") return "";
   try {
@@ -70,10 +70,10 @@ function InternalProvider({
   const sessionId = auth.sessionKey || null;
   const latestRef = useRef({ auth, visitorId, sessionId });
   latestRef.current = { auth, visitorId, sessionId };
-  const sendEvent = useCallback((event, properties = {}) => {
+  const postEvent = useCallback((event, properties) => {
     const { auth: a, visitorId: v, sessionId: sid } = latestRef.current;
     if (!v) return;
-    const { conversation_id: conversationId, ...rest } = properties;
+    const { conversation_id: conversationId, occurred_at: occurredAt, ...rest } = properties;
     fetch(`${a.apiBaseUrl}/v1/events`, {
       method: "POST",
       keepalive: true,
@@ -84,26 +84,45 @@ function InternalProvider({
         visitor_id: v,
         session_id: sid,
         conversation_id: conversationId ?? null,
-        properties: { screen: a.screen, ...rest }
+        occurred_at: occurredAt,
+        properties: { screen: a.screen, ...a.eventProperties, ...rest }
       })
     }).catch(() => {
     });
   }, []);
-  const widgetViewSentRef = useRef(false);
+  const eventQueueRef = useRef([]);
+  const identitySettledRef = useRef(false);
+  const flushEvents = useCallback(() => {
+    identitySettledRef.current = true;
+    for (const [event, properties] of eventQueueRef.current.splice(0)) postEvent(event, properties);
+  }, [postEvent]);
+  const sendEvent = useCallback(
+    (event, properties = {}) => {
+      const stamped = { ...properties, occurred_at: properties.occurred_at ?? (/* @__PURE__ */ new Date()).toISOString() };
+      if (identitySettledRef.current) postEvent(event, stamped);
+      else eventQueueRef.current.push([event, stamped]);
+    },
+    [postEvent]
+  );
+  const hostIdentity = auth.userKey || sessionId;
   useEffect(() => {
-    if (widgetViewSentRef.current) return;
-    const send = () => {
-      if (widgetViewSentRef.current) return;
-      widgetViewSentRef.current = true;
-      sendEvent("widget_view");
-    };
-    if (sessionId) {
-      send();
+    if (hostIdentity) {
+      flushEvents();
       return;
     }
-    const timer = setTimeout(send, WIDGET_VIEW_WAIT_MS);
-    return () => clearTimeout(timer);
-  }, [sessionId, sendEvent]);
+    const timer = setTimeout(flushEvents, HOST_IDENTITY_WAIT_MS);
+    window.addEventListener("pagehide", flushEvents);
+    return () => {
+      clearTimeout(timer);
+      window.removeEventListener("pagehide", flushEvents);
+    };
+  }, [hostIdentity, flushEvents]);
+  const widgetViewSentRef = useRef(false);
+  useEffect(() => {
+    if (widgetViewSentRef.current) return;
+    widgetViewSentRef.current = true;
+    sendEvent("view_vehicle");
+  }, [sendEvent]);
   const value = useMemo(
     () => ({
       auth,
@@ -699,7 +718,7 @@ function XbNovaNudgeLoop({ appId }) {
           autoHideMs: messageNode.auto_hide_ms ?? 2e4,
           quickReplies: messageNode.quick_replies ?? []
         });
-        sendEvent("nudge_impression", { nudge_node_id: messageNode.id, bot_id: botId });
+        sendEvent("nudge_AI_view", { nudge_node_id: messageNode.id, bot_id: botId });
       };
       const tryFireFrom = (node) => {
         const nextEdge = (edgesFrom.get(node.id) ?? [])[0];
@@ -905,6 +924,7 @@ function XbNovaProvider({
   userKey,
   threadKey,
   sessionKey,
+  eventProperties,
   children
 }) {
   useEffect6(() => {
@@ -920,6 +940,7 @@ function XbNovaProvider({
   useEffect6(() => {
     if (screen) bumpVisitCount(screen);
   }, [screen]);
+  const eventPropertiesJson = JSON.stringify(eventProperties ?? null);
   const auth = useMemo2(
     () => ({
       apiKey,
@@ -929,9 +950,10 @@ function XbNovaProvider({
       screen,
       userKey: userKey || void 0,
       threadKey: threadKey || void 0,
-      sessionKey: sessionKey || void 0
+      sessionKey: sessionKey || void 0,
+      eventProperties: JSON.parse(eventPropertiesJson) ?? void 0
     }),
-    [apiKey, botId, appId, apiBaseUrl, screen, userKey, threadKey, sessionKey]
+    [apiKey, botId, appId, apiBaseUrl, screen, userKey, threadKey, sessionKey, eventPropertiesJson]
   );
   const resolvedTheme = useMemo2(
     () => ({ ...DEFAULT_THEME, ...theme }),
@@ -1174,6 +1196,10 @@ async function resumeToolResult(apiBaseUrl, apiKey, body, handlers) {
 
 // src/use-chat.ts
 var DEFAULT_CLIENT_ACTION_TIMEOUT_MS = 15e3;
+var CTA_CLICK_EVENTS = {
+  suggest_consultation: { event: "apply_AI_click", ctaType: "consult" },
+  suggest_finance_limit: { event: "finance_AI_click", ctaType: "finance" }
+};
 function useXbNovaChat(options) {
   const { auth, trackRegistry, contextRegistry, clientActionHandlers, visitorId, sessionId, sendEvent } = useXbNovaInternal();
   const botId = options?.botId ?? auth.botId;
@@ -1185,7 +1211,6 @@ function useXbNovaChat(options) {
   const [resumed, setResumed] = useState3(false);
   const [sentOpening, setSentOpening] = useState3(null);
   const conversationIdRef = useRef7(null);
-  const pendingOpeningRef = useRef7(null);
   const messagesRef = useRef7(messages);
   messagesRef.current = messages;
   const [busy, setBusy] = useState3(false);
@@ -1208,7 +1233,6 @@ function useXbNovaChat(options) {
     setFeedbackState({});
     dispatchedClientActionsRef.current = /* @__PURE__ */ new Set();
     conversationIdRef.current = null;
-    pendingOpeningRef.current = null;
     fetch(`${apiBaseUrl}/v1/conversations`, {
       method: "POST",
       headers: { "Content-Type": "application/json", Authorization: `Bearer ${apiKey}` },
@@ -1241,16 +1265,6 @@ function useXbNovaChat(options) {
       cancelled = true;
     };
   }, [apiBaseUrl, apiKey, botId, userKey, threadKey]);
-  const openingMessage = options?.openingMessage;
-  useEffect8(() => {
-    if (!onboarding || !nudgeNodeId || !openingMessage) return;
-    if (messagesRef.current.length === 0) return;
-    setMessages((prev) => [
-      ...prev,
-      { role: "assistant", parts: [{ kind: "text", id: `nudge:${nudgeNodeId}:${prev.length}`, text: openingMessage }] }
-    ]);
-    pendingOpeningRef.current = openingMessage;
-  }, [onboarding, nudgeNodeId, openingMessage]);
   const appendToLastAssistant = (existingParts, newParts) => setMessages((prev) => {
     const next = [...prev];
     next[next.length - 1] = { ...next[next.length - 1], role: "assistant", parts: [...existingParts, ...newParts] };
@@ -1290,13 +1304,14 @@ function useXbNovaChat(options) {
       apply(prevRating);
     }
   }
-  function postClientActionEvent(kind, action, label) {
+  function postClientActionEvent(event, action, label, ctaType) {
     const conversationId = conversationIdRef.current;
     if (!conversationId) return;
-    sendEvent(kind, { conversation_id: conversationId, action, label });
+    sendEvent(event, { conversation_id: conversationId, action, label, cta_type: ctaType });
   }
   function trackClientActionClick(action, label) {
-    postClientActionEvent("cta_click", action, label);
+    const cta = CTA_CLICK_EVENTS[action];
+    postClientActionEvent(cta?.event ?? "cta_click", action, label, cta?.ctaType);
   }
   async function runClientAction(spec, part, existingParts) {
     if (spec.dismissSheet) options?.onDismissSheet?.();
@@ -1369,7 +1384,7 @@ function useXbNovaChat(options) {
       void runClientAction(spec, part, last.parts);
     }
   }, [messages, clientActionHandlers, onboarding, apiBaseUrl, apiKey, botId]);
-  async function send(text) {
+  async function send(text, { nudgeOpening, inputType = "typed" } = {}) {
     const trimmed = text.trim();
     if (!trimmed || busy) return;
     sendEvent("message_send", {
@@ -1377,10 +1392,19 @@ function useXbNovaChat(options) {
       is_first: messages.length === 0,
       length: trimmed.length
     });
+    let firstQuestionPending = messages.length === 0;
+    const reportFirstQuestion = (conversationId) => {
+      if (!firstQuestionPending) return;
+      firstQuestionPending = false;
+      sendEvent("question_AI_first", { conversation_id: conversationId, input_type: inputType });
+    };
+    if (conversationIdRef.current) reportFirstQuestion(conversationIdRef.current);
     setError(null);
     setBusy(true);
+    const resumedOpening = messages.length > 0 && nudgeOpening ? nudgeOpening : null;
     setMessages((prev) => [
       ...prev,
+      ...resumedOpening ? [{ role: "assistant", parts: [{ kind: "text", id: `nudge:${prev.length}`, text: resumedOpening }] }] : [],
       { role: "user", parts: [{ kind: "text", id: "u", text: trimmed }] },
       { role: "assistant", parts: [] }
     ]);
@@ -1393,14 +1417,13 @@ function useXbNovaChat(options) {
     const notes = collectContextEntries(contextRegistry);
     const screen = focused ? { region: focused.region, data: resolveFactValue(focused.data) } : {};
     const context = focused || notes.length ? { ...screen, ...notes.length ? { notes } : {} } : void 0;
-    let openingMessage2;
+    let openingMessage;
     if (messages.length === 0) {
-      openingMessage2 = (options?.openingMessage ?? onboarding?.greeting) || null;
-      setSentOpening(openingMessage2);
+      openingMessage = (options?.openingMessage ?? onboarding?.greeting) || null;
+      setSentOpening(openingMessage);
     } else {
-      openingMessage2 = pendingOpeningRef.current;
+      openingMessage = resumedOpening;
     }
-    pendingOpeningRef.current = null;
     try {
       await streamChat(
         apiBaseUrl,
@@ -1411,7 +1434,7 @@ function useXbNovaChat(options) {
           conversation_id: conversationIdRef.current,
           context,
           nudge_node_id: nudgeNodeId ?? null,
-          opening_message: openingMessage2,
+          opening_message: openingMessage,
           visitor_id: userKey || null,
           thread_key: threadKey ?? null,
           session_id: sessionId
@@ -1421,6 +1444,7 @@ function useXbNovaChat(options) {
           onMessageId: setLastAssistantId,
           onConversationId: (id) => {
             conversationIdRef.current = id;
+            reportFirstQuestion(id);
           },
           onError: setError
         }
@@ -1431,7 +1455,7 @@ function useXbNovaChat(options) {
       setBusy(false);
     }
   }
-  const opening = resumed ? null : sentOpening ?? options?.openingMessage ?? onboarding?.greeting ?? null;
+  const opening = resumed ? null : messages.length > 0 ? sentOpening : options?.openingMessage ?? onboarding?.greeting ?? null;
   return {
     onboarding,
     opening,
@@ -1731,6 +1755,7 @@ function XbNovaChat({
   const [activeBotId, setActiveBotId] = useState4(void 0);
   const [activeNudgeNodeId, setActiveNudgeNodeId] = useState4(void 0);
   const [nudgeQuickReplies, setNudgeQuickReplies] = useState4([]);
+  const [nudgePrompt, setNudgePrompt] = useState4(null);
   const [openingLine, setOpeningLine] = useState4(null);
   const [showDisclosure, setShowDisclosure] = useState4(false);
   const [input, setInput] = useState4("");
@@ -1800,10 +1825,13 @@ function XbNovaChat({
       setOpeningLine(consumed.text);
       setActiveNudgeNodeId(consumed.messageNodeId);
       setNudgeQuickReplies(consumed.quickReplies);
-      sendEvent("nudge_open", { nudge_node_id: consumed.messageNodeId, bot_id: consumed.botId });
+      setNudgePrompt(consumed.text);
+      sendEvent("nudge_AI_click", { nudge_node_id: consumed.messageNodeId, bot_id: consumed.botId });
     } else {
       setNudgeQuickReplies([]);
+      setNudgePrompt(null);
       setActiveNudgeNodeId(void 0);
+      sendEvent("chat_AI_open", { source: "direct" });
       const focused = getFocusedTrackEntry(trackRegistry);
       setOpeningLine(
         focused ? `${focused.label ?? focused.region}\uC744(\uB97C) \uBCF4\uACE0 \uACC4\uC2DC\uB124\uC694. \uAD81\uAE08\uD558\uC2E0 \uC810\uC744 \uD3B8\uD558\uAC8C \uBB3C\uC5B4\uBCF4\uC138\uC694.` : null
@@ -1814,7 +1842,6 @@ function XbNovaChat({
       markDisclosureSeen();
     }
     setOpen(true);
-    sendEvent("chat_open", { from_nudge: Boolean(consumed) });
     try {
       onOpen?.({ fromNudge: Boolean(consumed), hintText: consumed?.text });
     } catch (err) {
@@ -2024,26 +2051,31 @@ function XbNovaChat({
             /* @__PURE__ */ jsx7("div", { ref: bottomRef })
           ] }),
           (() => {
-            if (nudgeQuickReplies.length > 0) {
-              return /* @__PURE__ */ jsx7("div", { className: "flex flex-wrap gap-1.5 border-t border-neutral-200 px-3.5 py-2.5 dark:border-neutral-700", children: nudgeQuickReplies.map((q) => /* @__PURE__ */ jsx7(
-                "button",
-                {
-                  onClick: () => {
-                    setNudgeQuickReplies([]);
-                    send(q);
+            const prompt = messages.length > 0 ? nudgePrompt : null;
+            if (prompt || nudgeQuickReplies.length > 0) {
+              return /* @__PURE__ */ jsxs3("div", { className: "space-y-2 border-t border-neutral-200 px-3.5 py-2.5 dark:border-neutral-700", children: [
+                prompt ? /* @__PURE__ */ jsx7("div", { className: "text-sm font-medium", children: /* @__PURE__ */ jsx7(AssistantMarkdown, { text: prompt }) }) : null,
+                nudgeQuickReplies.length > 0 ? /* @__PURE__ */ jsx7("div", { className: "flex flex-wrap gap-1.5", children: nudgeQuickReplies.map((q) => /* @__PURE__ */ jsx7(
+                  "button",
+                  {
+                    onClick: () => {
+                      setNudgeQuickReplies([]);
+                      setNudgePrompt(null);
+                      send(q, { nudgeOpening: prompt, inputType: "quick_reply" });
+                    },
+                    className: "xbnova-chip rounded-full border px-2.5 py-1 text-[11px] font-semibold transition",
+                    children: q
                   },
-                  className: "xbnova-chip rounded-full border px-2.5 py-1 text-[11px] font-semibold transition",
-                  children: q
-                },
-                q
-              )) });
+                  q
+                )) }) : null
+              ] });
             }
             const quickReplies = onboarding?.quick_replies ?? [];
             if (messages.length !== 0 || quickReplies.length === 0) return null;
             return /* @__PURE__ */ jsx7("div", { className: "flex flex-wrap gap-1.5 border-t border-neutral-200 px-3.5 py-2.5 dark:border-neutral-700", children: quickReplies.map((q) => /* @__PURE__ */ jsx7(
               "button",
               {
-                onClick: () => send(q),
+                onClick: () => send(q, { inputType: "quick_reply" }),
                 className: "xbnova-chip rounded-full border px-2.5 py-1 text-[11px] font-semibold transition",
                 children: q
               },
@@ -2056,7 +2088,8 @@ function XbNovaChat({
               onSubmit: (e) => {
                 e.preventDefault();
                 setNudgeQuickReplies([]);
-                send(input);
+                setNudgePrompt(null);
+                send(input, { nudgeOpening: messages.length > 0 ? nudgePrompt : null });
                 setInput("");
               },
               className: "flex items-center gap-2 border-t border-neutral-200 px-3 py-2.5 dark:border-neutral-700",