@xbrain-swe/nova-chat-widget 0.1.0

package/dist/index.cjs

@@ -0,0 +1,1857 @@
+"use client";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  XbNovaChat: () => XbNovaChat,
+  XbNovaFact: () => XbNovaFact,
+  XbNovaFacts: () => XbNovaFacts,
+  XbNovaProvider: () => XbNovaProvider,
+  XbNovaTrack: () => XbNovaTrack,
+  trackXbNovaEvent: () => trackXbNovaEvent,
+  useXbNovaChat: () => useXbNovaChat,
+  useXbNovaFact: () => useXbNovaFact,
+  useXbNovaFacts: () => useXbNovaFacts,
+  useXbNovaSettings: () => useXbNovaSettings,
+  useXbNovaTrack: () => useXbNovaTrack,
+  useXbNovaVisitor: () => useXbNovaVisitor
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/provider.tsx
+var import_react6 = require("react");
+
+// src/client-actions.tsx
+var import_react2 = require("react");
+
+// src/internal-context.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var DEFAULT_THEME = {
+  accentFrom: "#4f46e5",
+  accentTo: "#7c3aed"
+};
+var InternalContext = (0, import_react.createContext)(null);
+function useXbNovaInternal() {
+  const ctx = (0, import_react.useContext)(InternalContext);
+  if (!ctx) {
+    throw new Error(
+      "XbNova \uD6C5/\uCEF4\uD3EC\uB10C\uD2B8\uB294 <XbNovaProvider> \uC548\uC5D0\uC11C\uB9CC \uC4F8 \uC218 \uC788\uC2B5\uB2C8\uB2E4. \uC571 \uB8E8\uD2B8\uB97C <XbNovaProvider>\uB85C \uAC10\uC2F8\uC138\uC694."
+    );
+  }
+  return ctx;
+}
+var VISITOR_STORAGE_KEY = "xbnova_visitor_id";
+function resolveVisitorId() {
+  if (typeof window === "undefined") return "";
+  try {
+    const existing = window.localStorage.getItem(VISITOR_STORAGE_KEY);
+    if (existing) return existing;
+    const id = `v_${crypto.randomUUID()}`;
+    window.localStorage.setItem(VISITOR_STORAGE_KEY, id);
+    return id;
+  } catch {
+    return `v_${Math.random().toString(36).slice(2)}`;
+  }
+}
+function resolveFactValue(value) {
+  return typeof value === "function" ? value() : value;
+}
+function InternalProvider({
+  auth,
+  clientActionHandlers,
+  theme,
+  children
+}) {
+  const trackRegistry = (0, import_react.useRef)(/* @__PURE__ */ new Map()).current;
+  const factsRegistry = (0, import_react.useRef)(/* @__PURE__ */ new Map()).current;
+  const emptyHandlers = (0, import_react.useRef)(/* @__PURE__ */ new Map()).current;
+  const visitorIdRef = (0, import_react.useRef)(null);
+  if (visitorIdRef.current === null) {
+    visitorIdRef.current = resolveVisitorId();
+  }
+  const value = (0, import_react.useMemo)(
+    () => ({
+      auth,
+      trackRegistry,
+      factsRegistry,
+      clientActionHandlers: clientActionHandlers ?? emptyHandlers,
+      visitorId: visitorIdRef.current,
+      theme
+    }),
+    [auth, trackRegistry, factsRegistry, clientActionHandlers, emptyHandlers, theme]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InternalContext.Provider, { value, children });
+}
+
+// src/client-actions.tsx
+function toSyncPayload(actions) {
+  return {
+    actions: Object.entries(actions).map(([name, spec]) => ({
+      name,
+      description: spec.description,
+      input_schema: spec.inputSchema ?? { type: "object", properties: {} },
+      result_text: spec.resultText ?? "\uC644\uB8CC\uD588\uC2B5\uB2C8\uB2E4.",
+      await_result: spec.awaitResult ?? false
+    }))
+  };
+}
+function XbNovaClientActionSync({ actions }) {
+  const { auth } = useXbNovaInternal();
+  const { apiKey, apiBaseUrl, appId } = auth;
+  const lastSyncedRef = (0, import_react2.useRef)(null);
+  (0, import_react2.useEffect)(() => {
+    if (!actions || Object.keys(actions).length === 0) return;
+    const serialized = JSON.stringify(toSyncPayload(actions));
+    if (serialized === lastSyncedRef.current) return;
+    lastSyncedRef.current = serialized;
+    fetch(`${apiBaseUrl}/v1/apps/${appId}/client-actions`, {
+      method: "PUT",
+      headers: { "Content-Type": "application/json", Authorization: `Bearer ${apiKey}` },
+      body: serialized
+    }).catch(() => {
+    });
+  }, [actions, apiKey, apiBaseUrl, appId]);
+  return null;
+}
+
+// src/built-in-facts.ts
+var sessionStart = null;
+function markSessionStart() {
+  if (sessionStart === null) sessionStart = Date.now();
+}
+function getSessionDurationMs() {
+  if (sessionStart === null) return 0;
+  return Date.now() - sessionStart;
+}
+function getScrollDepth() {
+  if (typeof document === "undefined" || typeof window === "undefined") return 0;
+  const scrollable = document.documentElement.scrollHeight - window.innerHeight;
+  if (scrollable <= 0) return 100;
+  return Math.min(100, Math.max(0, Math.round(window.scrollY / scrollable * 100)));
+}
+function visitCountKey(screen) {
+  return `xbnova_visit_count:${screen}`;
+}
+function bumpVisitCount(screen) {
+  if (typeof window === "undefined") return 1;
+  try {
+    const key = visitCountKey(screen);
+    const next = (Number(window.localStorage.getItem(key)) || 0) + 1;
+    window.localStorage.setItem(key, String(next));
+    return next;
+  } catch {
+    return 1;
+  }
+}
+function peekVisitCount(screen) {
+  if (typeof window === "undefined") return 0;
+  try {
+    return Number(window.localStorage.getItem(visitCountKey(screen))) || 0;
+  } catch {
+    return 0;
+  }
+}
+
+// src/nudge-context.tsx
+var import_react3 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var NudgeContext = (0, import_react3.createContext)(null);
+var HINTS_DISABLED_KEY = "xbnova_hints_disabled";
+var BAR_HIDDEN_KEY = "xbnova_bar_hidden";
+var DISMISS_STREAK_KEY = "xbnova_hint_dismiss_streak";
+var DEFAULT_DISMISS_STREAK_LIMIT = 3;
+function readFlag(key) {
+  if (typeof window === "undefined") return false;
+  try {
+    return window.localStorage.getItem(key) === "1";
+  } catch {
+    return false;
+  }
+}
+function writeFlag(key, value) {
+  if (typeof window === "undefined") return;
+  try {
+    if (value) window.localStorage.setItem(key, "1");
+    else window.localStorage.removeItem(key);
+  } catch {
+  }
+}
+function readStreak() {
+  if (typeof window === "undefined") return 0;
+  try {
+    return Number(window.localStorage.getItem(DISMISS_STREAK_KEY)) || 0;
+  } catch {
+    return 0;
+  }
+}
+function writeStreak(value) {
+  if (typeof window === "undefined") return;
+  try {
+    window.localStorage.setItem(DISMISS_STREAK_KEY, String(value));
+  } catch {
+  }
+}
+function NudgeStateProvider({ children }) {
+  const [hint, setHint] = (0, import_react3.useState)(null);
+  const [lastHint, setLastHint] = (0, import_react3.useState)(null);
+  const [hintsEnabled, setHintsEnabled] = (0, import_react3.useState)(() => !readFlag(HINTS_DISABLED_KEY));
+  const [barHidden, setBarHidden] = (0, import_react3.useState)(() => readFlag(BAR_HIDDEN_KEY));
+  const streakRef = (0, import_react3.useRef)(readStreak());
+  const disableHints = (0, import_react3.useCallback)(() => {
+    setHintsEnabled(false);
+    writeFlag(HINTS_DISABLED_KEY, true);
+  }, []);
+  const enableHints = (0, import_react3.useCallback)(() => {
+    setHintsEnabled(true);
+    writeFlag(HINTS_DISABLED_KEY, false);
+    streakRef.current = 0;
+    writeStreak(0);
+  }, []);
+  const hideBar = (0, import_react3.useCallback)(() => {
+    setBarHidden(true);
+    writeFlag(BAR_HIDDEN_KEY, true);
+  }, []);
+  const showBar = (0, import_react3.useCallback)(() => {
+    setBarHidden(false);
+    writeFlag(BAR_HIDDEN_KEY, false);
+  }, []);
+  const offerHint = (0, import_react3.useCallback)((next) => {
+    setHint((current) => current ? current : next);
+  }, []);
+  (0, import_react3.useEffect)(() => {
+    if (hint) setLastHint(hint);
+  }, [hint]);
+  const dismissHint = (0, import_react3.useCallback)(() => {
+    const limit = hint?.autoDisableAfterDismissals ?? DEFAULT_DISMISS_STREAK_LIMIT;
+    setHint(null);
+    streakRef.current += 1;
+    writeStreak(streakRef.current);
+    if (streakRef.current >= limit) disableHints();
+  }, [hint, disableHints]);
+  const openHint = (0, import_react3.useCallback)(() => {
+    setHint(null);
+    streakRef.current = 0;
+    writeStreak(0);
+  }, []);
+  const autoHideHint = (0, import_react3.useCallback)(() => {
+    setHint(null);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    NudgeContext.Provider,
+    {
+      value: {
+        hint,
+        lastHint,
+        offerHint,
+        dismissHint,
+        openHint,
+        autoHideHint,
+        hintsEnabled,
+        disableHints,
+        enableHints,
+        barHidden,
+        hideBar,
+        showBar
+      },
+      children
+    }
+  );
+}
+function useNudgeState() {
+  const ctx = (0, import_react3.useContext)(NudgeContext);
+  if (!ctx) {
+    throw new Error("useNudgeState\uB294 <XbNovaProvider> \uC548\uC5D0\uC11C\uB9CC \uC4F8 \uC218 \uC788\uC2B5\uB2C8\uB2E4.");
+  }
+  return ctx;
+}
+function useXbNovaSettings() {
+  const { hintsEnabled, disableHints, enableHints, barHidden, hideBar, showBar } = useNudgeState();
+  return { hintsEnabled, disableHints, enableHints, barHidden, hideBar, showBar };
+}
+
+// src/nudge-loop.tsx
+var import_react5 = require("react");
+
+// src/track.tsx
+var import_react4 = require("react");
+var import_jsx_runtime3 = (
+  // `data-xbnova-region`은 호스트 앱이 React context 없이도 이 요소를 찾을 수 있게
+  // 한다 — client action 핸들러(`<XbNovaProvider clientActions={{...}}>`)는
+  // `<XbNovaProvider>`에 넘기는 prop이라 그 안의 훅(`useXbNovaInternal`)을 못 쓴다.
+  // `document.querySelector('[data-xbnova-region="..."]')`로 스크롤·하이라이트하면 된다.
+  require("react/jsx-runtime")
+);
+var VISIBILITY_THRESHOLD = 0;
+function finalizeIfVisible(registry, region) {
+  const entry = registry.get(region);
+  if (entry && entry.enteredAt !== null) {
+    entry.totalMs += Date.now() - entry.enteredAt;
+    entry.enteredAt = null;
+  }
+}
+function useXbNovaTrack(region, data, label) {
+  const { trackRegistry } = useXbNovaInternal();
+  const observerRef = (0, import_react4.useRef)(null);
+  const dataRef = (0, import_react4.useRef)(data);
+  dataRef.current = data;
+  const labelRef = (0, import_react4.useRef)(label);
+  labelRef.current = label;
+  (0, import_react4.useEffect)(() => {
+    const entry = trackRegistry.get(region);
+    if (entry) {
+      entry.data = data;
+      entry.label = label;
+    } else {
+      trackRegistry.set(region, { region, data, label, enteredAt: null, totalMs: 0, node: null });
+    }
+  }, [region, data, label, trackRegistry]);
+  (0, import_react4.useEffect)(() => {
+    return () => {
+      observerRef.current?.disconnect();
+      finalizeIfVisible(trackRegistry, region);
+      const entry = trackRegistry.get(region);
+      if (entry) entry.node = null;
+    };
+  }, [region, trackRegistry]);
+  return (0, import_react4.useCallback)(
+    (node) => {
+      observerRef.current?.disconnect();
+      observerRef.current = null;
+      finalizeIfVisible(trackRegistry, region);
+      let entry = trackRegistry.get(region);
+      if (!entry) {
+        entry = { region, data: dataRef.current, label: labelRef.current, enteredAt: null, totalMs: 0, node: null };
+        trackRegistry.set(region, entry);
+      }
+      entry.node = node;
+      if (!node || typeof IntersectionObserver === "undefined") return;
+      const observer = new IntersectionObserver(
+        ([intersection]) => {
+          const entry2 = trackRegistry.get(region);
+          if (!entry2) return;
+          const now = Date.now();
+          if (intersection.isIntersecting) {
+            if (entry2.enteredAt === null) entry2.enteredAt = now;
+          } else if (entry2.enteredAt !== null) {
+            entry2.totalMs += now - entry2.enteredAt;
+            entry2.enteredAt = null;
+          }
+          console.debug(
+            `[XbNova] track "${region}" isIntersecting=${intersection.isIntersecting} ratio=${intersection.intersectionRatio.toFixed(2)} totalMs=${entry2.totalMs}${entry2.enteredAt !== null ? " (\uC9C4\uC785 \uC911)" : ""}`
+          );
+        },
+        { threshold: VISIBILITY_THRESHOLD }
+      );
+      observer.observe(node);
+      observerRef.current = observer;
+    },
+    [region, trackRegistry]
+  );
+}
+function XbNovaTrack({
+  region,
+  data,
+  label,
+  className,
+  children
+}) {
+  const ref = useXbNovaTrack(region, data, label);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { ref, className, "data-xbnova-region": region, children });
+}
+function dwellMsOf(entry) {
+  const live = entry.enteredAt !== null ? Date.now() - entry.enteredAt : 0;
+  return entry.totalMs + live;
+}
+function getRegionDwellMs(trackRegistry, region) {
+  const entry = trackRegistry.get(region);
+  return entry ? dwellMsOf(entry) : 0;
+}
+function getFocusedTrackEntry(trackRegistry) {
+  let visible = null;
+  let longest = null;
+  for (const entry of trackRegistry.values()) {
+    if (entry.enteredAt !== null && (visible === null || entry.enteredAt < (visible.enteredAt ?? Infinity))) {
+      visible = entry;
+    }
+    if (longest === null || dwellMsOf(entry) > dwellMsOf(longest)) {
+      longest = entry;
+    }
+  }
+  return visible ?? longest;
+}
+
+// src/nudge-loop.tsx
+var EVAL_INTERVAL_MS = 1e3;
+var XBNOVA_EVENT_NAME = "xbnova:event";
+var SESSION_COUNT_KEY_PREFIX = "xbnova_hint_session_count:";
+var SCROLL_SETTLE_MS = 500;
+function trackXbNovaEvent(eventName) {
+  if (typeof window === "undefined") return;
+  window.dispatchEvent(new CustomEvent(XBNOVA_EVENT_NAME, { detail: { eventName } }));
+}
+function peekSessionCount(triggerId) {
+  if (typeof window === "undefined") return 0;
+  try {
+    return Number(window.sessionStorage.getItem(SESSION_COUNT_KEY_PREFIX + triggerId)) || 0;
+  } catch {
+    return 0;
+  }
+}
+function bumpSessionCount(triggerId) {
+  if (typeof window === "undefined") return;
+  try {
+    window.sessionStorage.setItem(SESSION_COUNT_KEY_PREFIX + triggerId, String(peekSessionCount(triggerId) + 1));
+  } catch {
+  }
+}
+function resolveConditionValue(field, ctx) {
+  if (field === "scroll_depth") return getScrollDepth();
+  if (field === "session_duration_ms") return getSessionDurationMs();
+  if (field === "visit_count") return ctx.screen ? peekVisitCount(ctx.screen) : 0;
+  if (field.startsWith("region_dwell_ms.")) {
+    return getRegionDwellMs(ctx.trackRegistry, field.slice("region_dwell_ms.".length));
+  }
+  return resolveFactValue(ctx.factsRegistry.get(field));
+}
+function compare(actual, operator, expected) {
+  switch (operator) {
+    case "eq":
+      return String(actual) === String(expected);
+    case "ne":
+      return String(actual) !== String(expected);
+    case "gt":
+      return Number(actual) > Number(expected);
+    case "gte":
+      return Number(actual) >= Number(expected);
+    case "lt":
+      return Number(actual) < Number(expected);
+    case "lte":
+      return Number(actual) <= Number(expected);
+    default:
+      return false;
+  }
+}
+function triggerFires(node, ctx) {
+  const params = node.trigger_params ?? {};
+  switch (node.trigger_type) {
+    case "visit_count": {
+      const threshold = Number(params.threshold ?? 0);
+      return Boolean(ctx.screen) && peekVisitCount(ctx.screen) >= threshold;
+    }
+    case "event":
+      return ctx.firedEventName !== null && ctx.firedEventName === params.event_name;
+    default:
+      return false;
+  }
+}
+function computeBandStatus(el, fromPercent, toPercent) {
+  const rect = el.getBoundingClientRect();
+  const vh = window.innerHeight;
+  const bandTop = vh * fromPercent / 100;
+  const bandBottom = vh * toPercent / 100;
+  const overlapPx = Math.max(0, Math.min(rect.bottom, bandBottom) - Math.max(rect.top, bandTop));
+  const inBand = overlapPx > 0;
+  return { inBand, overlapPx, rectTop: rect.top, rectBottom: rect.bottom, bandTop, bandBottom, vh };
+}
+function isDebugEnabled() {
+  if (typeof window === "undefined") return false;
+  try {
+    if (new URLSearchParams(window.location.search).get("xbnova_debug") === "1") return true;
+    return window.localStorage.getItem("xbnova_debug") === "1";
+  } catch {
+    return false;
+  }
+}
+var DEBUG_COLLAPSED_KEY = "xbnova_debug_collapsed";
+function readDebugCollapsed() {
+  if (typeof window === "undefined") return true;
+  try {
+    return window.localStorage.getItem(DEBUG_COLLAPSED_KEY) !== "0";
+  } catch {
+    return true;
+  }
+}
+function ensureDebugPanel(ref, collapsedRef) {
+  if (ref.current) {
+    return { body: ref.current.querySelector("[data-xbnova-debug-body]") };
+  }
+  const container = document.createElement("div");
+  container.style.position = "fixed";
+  container.style.top = "8px";
+  container.style.left = "8px";
+  container.style.zIndex = "2147483647";
+  container.style.maxWidth = "min(420px, 90vw)";
+  container.style.borderRadius = "8px";
+  container.style.background = "rgba(17, 17, 17, 0.9)";
+  container.style.color = "#fff";
+  container.style.font = "11px/1.5 ui-monospace, monospace";
+  container.style.boxShadow = "0 2px 12px rgba(0,0,0,0.4)";
+  const header = document.createElement("div");
+  header.style.display = "flex";
+  header.style.alignItems = "center";
+  header.style.justifyContent = "space-between";
+  header.style.gap = "8px";
+  header.style.padding = "6px 10px";
+  header.style.cursor = "pointer";
+  header.style.userSelect = "none";
+  header.style.fontWeight = "600";
+  const title = document.createElement("span");
+  title.textContent = "XbNova dwell debug";
+  const toggle = document.createElement("span");
+  header.append(title, toggle);
+  const body = document.createElement("div");
+  body.setAttribute("data-xbnova-debug-body", "1");
+  body.style.padding = "0 10px 8px";
+  body.style.maxHeight = "70vh";
+  body.style.overflowY = "auto";
+  body.style.whiteSpace = "pre-wrap";
+  body.style.wordBreak = "break-all";
+  const applyCollapsed = () => {
+    body.style.display = collapsedRef.current ? "none" : "block";
+    toggle.textContent = collapsedRef.current ? "\u25B8 \uD3BC\uCE58\uAE30" : "\u25BE \uC811\uAE30";
+  };
+  applyCollapsed();
+  header.addEventListener("click", () => {
+    collapsedRef.current = !collapsedRef.current;
+    applyCollapsed();
+    try {
+      window.localStorage.setItem(DEBUG_COLLAPSED_KEY, collapsedRef.current ? "1" : "0");
+    } catch {
+    }
+  });
+  container.append(header, body);
+  document.body.appendChild(container);
+  ref.current = container;
+  return { body };
+}
+function ensureDebugBox(map, key) {
+  let box = map.get(key);
+  if (!box) {
+    box = document.createElement("div");
+    box.style.position = "fixed";
+    box.style.zIndex = "2147483646";
+    box.style.boxSizing = "border-box";
+    box.style.pointerEvents = "none";
+    box.style.display = "flex";
+    box.style.alignItems = "flex-start";
+    box.style.font = "11px/1.2 ui-monospace, monospace";
+    box.style.color = "#fff";
+    box.style.padding = "2px 4px";
+    document.body.appendChild(box);
+    map.set(key, box);
+  }
+  return box;
+}
+function ensureBandLines(map, key) {
+  let pair = map.get(key);
+  if (!pair) {
+    const makeLine = () => {
+      const line = document.createElement("div");
+      line.style.position = "fixed";
+      line.style.left = "0";
+      line.style.right = "0";
+      line.style.height = "0";
+      line.style.borderTop = "2px dashed #3b82f6";
+      line.style.zIndex = "2147483645";
+      line.style.pointerEvents = "none";
+      document.body.appendChild(line);
+      return line;
+    };
+    pair = { top: makeLine(), bottom: makeLine() };
+    map.set(key, pair);
+  }
+  return pair;
+}
+function clearDebugOverlay(refs) {
+  refs.panelRef.current?.remove();
+  refs.panelRef.current = null;
+  for (const box of refs.boxesRef.current.values()) box.remove();
+  refs.boxesRef.current.clear();
+  for (const pair of refs.bandLinesRef.current.values()) {
+    pair.top.remove();
+    pair.bottom.remove();
+  }
+  refs.bandLinesRef.current.clear();
+}
+function XbNovaNudgeLoop({ appId }) {
+  const { auth, trackRegistry, factsRegistry, visitorId } = useXbNovaInternal();
+  const { apiKey, apiBaseUrl, screen } = auth;
+  const { hint, offerHint, autoHideHint, hintsEnabled } = useNudgeState();
+  const graphRef = (0, import_react5.useRef)(null);
+  const bandDwellRef = (0, import_react5.useRef)(/* @__PURE__ */ new Map());
+  const lastScrollAtRef = (0, import_react5.useRef)(0);
+  const lastTickLogRef = (0, import_react5.useRef)("");
+  const debugPanelRef = (0, import_react5.useRef)(null);
+  const debugCollapsedRef = (0, import_react5.useRef)(readDebugCollapsed());
+  const debugBoxesRef = (0, import_react5.useRef)(/* @__PURE__ */ new Map());
+  const debugBandLinesRef = (0, import_react5.useRef)(/* @__PURE__ */ new Map());
+  const hintRef = (0, import_react5.useRef)(hint);
+  hintRef.current = hint;
+  const hintsEnabledRef = (0, import_react5.useRef)(hintsEnabled);
+  hintsEnabledRef.current = hintsEnabled;
+  (0, import_react5.useEffect)(() => {
+    let cancelled = false;
+    fetch(`${apiBaseUrl}/v1/apps/${appId}/nudge-graph`, {
+      headers: { Authorization: `Bearer ${apiKey}` }
+    }).then((r) => r.ok ? r.json() : Promise.reject(new Error(`${r.status}`))).then((graph) => {
+      if (!cancelled) graphRef.current = graph;
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [apiBaseUrl, apiKey, appId]);
+  const evaluate = (0, import_react5.useCallback)(
+    (firedEventName) => {
+      const graph = graphRef.current;
+      const debugEnabled = isDebugEnabled();
+      const debugRefs = { panelRef: debugPanelRef, boxesRef: debugBoxesRef, bandLinesRef: debugBandLinesRef };
+      if (!debugEnabled && debugPanelRef.current) clearDebugOverlay(debugRefs);
+      if (!graph) {
+        console.debug("[XbNova] nudge \uD3C9\uAC00 \uAC74\uB108\uB700: \uADF8\uB798\uD504\uB97C \uC544\uC9C1 \uBABB \uBD88\uB7EC\uC634");
+        return;
+      }
+      const canOffer = !hintRef.current && hintsEnabledRef.current;
+      const dwellTriggerCount = graph.nodes.filter((n) => n.kind === "trigger" && n.trigger_type === "dwell").length;
+      const scrollIdleMs = Date.now() - lastScrollAtRef.current;
+      const debugLines = debugEnabled ? [
+        `[XbNova] dwell \uD2B8\uB9AC\uAC70 ${dwellTriggerCount}\uAC1C (\uD654\uBA74="${screen}")${canOffer ? "" : " \u2014 \uC0C8 \uD78C\uD2B8 \uD45C\uC2DC\uB294 \uC7A0\uAE50 \uB9C9\uD798(\uB204\uC801\uC740 \uACC4\uC18D\uB428)"}`,
+        scrollIdleMs < SCROLL_SETTLE_MS ? `\uC2A4\uD06C\uB864 \uC911(\uC720\uD734 ${scrollIdleMs}ms < ${SCROLL_SETTLE_MS}ms) \u2014 \uC0C8 \uD78C\uD2B8 \uBC1C\uB3D9 \uBCF4\uB958` : `\uC2A4\uD06C\uB864 \uC720\uD734 ${scrollIdleMs >= 1e4 ? "10s+" : scrollIdleMs + "ms"}`
+      ] : [];
+      const activeDebugTriggerIds = /* @__PURE__ */ new Set();
+      const nodesById = new Map(graph.nodes.map((n) => [n.id, n]));
+      const edgesFrom = /* @__PURE__ */ new Map();
+      for (const edge of graph.edges) {
+        const list = edgesFrom.get(edge.from_id) ?? [];
+        list.push(edge);
+        edgesFrom.set(edge.from_id, list);
+      }
+      const walkToMessage = (nodeId) => {
+        const node = nodesById.get(nodeId);
+        if (!node) return null;
+        if (node.kind === "message") return node;
+        if (node.kind === "condition") {
+          const matches = compare(
+            resolveConditionValue(node.condition_field ?? "", { screen, trackRegistry, factsRegistry }),
+            node.operator,
+            node.value
+          );
+          const branch = matches ? "true" : "false";
+          const nextEdge = (edgesFrom.get(nodeId) ?? []).find((e) => e.branch_label === branch);
+          return nextEdge ? walkToMessage(nextEdge.to_id) : null;
+        }
+        return null;
+      };
+      const fire = (node, text, messageNode) => {
+        console.debug(`[XbNova] \uD78C\uD2B8 \uBC1C\uB3D9: \uD2B8\uB9AC\uAC70 ${node.id} \u2192 \uBA54\uC2DC\uC9C0 "${text}"`);
+        const handoffEdge = (edgesFrom.get(messageNode.id) ?? [])[0];
+        const handoffNode = handoffEdge ? nodesById.get(handoffEdge.to_id) : void 0;
+        const botId = handoffNode?.kind === "ai_handoff" ? handoffNode.bot_id ?? null : null;
+        bumpSessionCount(node.id);
+        offerHint({
+          messageNodeId: messageNode.id,
+          triggerNodeId: node.id,
+          text,
+          botId,
+          autoDisableAfterDismissals: node.auto_disable_after_dismissals ?? 3,
+          // 여러 트리거가 같은 message 노드를 공유할 수 있어서(DAG), "몇 ms 후 사라질지"는
+          // 트리거(node)가 아니라 메시지(messageNode) 자체의 속성이다.
+          autoHideMs: messageNode.auto_hide_ms ?? 2e4,
+          quickReplies: messageNode.quick_replies ?? []
+        });
+        fetch(`${apiBaseUrl}/v1/nudge-events`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            app_id: appId,
+            nudge_node_id: messageNode.id,
+            kind: "nudge_impression",
+            bot_id: botId,
+            visitor_id: visitorId
+          })
+        }).catch(() => {
+        });
+      };
+      const tryFireFrom = (node) => {
+        const nextEdge = (edgesFrom.get(node.id) ?? [])[0];
+        if (!nextEdge) {
+          console.debug(`[XbNova] \uD2B8\uB9AC\uAC70 ${node.id} \uBC1C\uB3D9\uD588\uC9C0\uB9CC \uB098\uAC00\uB294 \uC5E3\uC9C0\uAC00 \uC5C6\uC74C`);
+          return false;
+        }
+        const messageNode = walkToMessage(nextEdge.to_id);
+        if (!messageNode) {
+          console.debug(`[XbNova] \uD2B8\uB9AC\uAC70 ${node.id} \uBC1C\uB3D9\uD588\uC9C0\uB9CC message \uB178\uB4DC\uC5D0 \uBABB \uB2FF\uC74C(\uC870\uAC74 \uBD84\uAE30 \uD655\uC778)`);
+          return false;
+        }
+        const text = messageNode.messages?.[0];
+        if (!text) {
+          console.debug(`[XbNova] message \uB178\uB4DC ${messageNode.id}\uC5D0 \uBB38\uAD6C\uAC00 \uC5C6\uC74C`);
+          return false;
+        }
+        fire(node, text, messageNode);
+        return true;
+      };
+      const dwellRecords = [];
+      let firedThisTick = false;
+      for (const node of graph.nodes) {
+        if (node.kind !== "trigger") continue;
+        const maxPerSession = node.max_per_session === 0 ? Infinity : node.max_per_session ?? 3;
+        const sessionCount = peekSessionCount(node.id);
+        if (sessionCount >= maxPerSession) {
+          console.debug(`[XbNova] \uD2B8\uB9AC\uAC70 ${node.id}(${node.trigger_type}) \uAC74\uB108\uB700: \uC138\uC158\uB2F9 \uC0C1\uD55C(${maxPerSession}) \uB3C4\uB2EC`);
+          if (debugEnabled && node.trigger_type === "dwell") {
+            debugLines.push(`- [${node.id}] \uC138\uC158\uB2F9 \uC0C1\uD55C(${maxPerSession}) \uB3C4\uB2EC \u2014 \uB354 \uC548 \uC7BC`);
+          }
+          continue;
+        }
+        if (node.trigger_type === "dwell") {
+          const params = node.trigger_params ?? {};
+          const region = String(params.region ?? "");
+          const triggerScreen = String(params.screen ?? "");
+          const requiredMs = Number(params.duration_ms ?? 0);
+          const fromPercent = Number(params.region_visible_from_percent ?? 35);
+          const toPercent = Number(params.region_visible_to_percent ?? 65);
+          const state = bandDwellRef.current.get(node.id) ?? {
+            accumulatedMs: 0,
+            lastCheckedAt: null,
+            firedAndAwaitingExit: false
+          };
+          const trackEntry = trackRegistry.get(region);
+          const el = trackEntry?.node ?? null;
+          const screenMatches = screen === triggerScreen;
+          const found = screenMatches && el !== null;
+          let inBand = false;
+          let overlapPx = 0;
+          let statusDetail;
+          if (!screenMatches) {
+            statusDetail = `screen \uBD88\uC77C\uCE58 (\uD604\uC7AC="${screen}" \uD544\uC694="${triggerScreen}")`;
+          } else if (!el) {
+            statusDetail = `\uD2B8\uB799 \uC694\uC18C\uB97C \uBABB \uCC3E\uC74C \u2014 region="${region}"\uC73C\uB85C \uB4F1\uB85D\uB41C <XbNovaTrack>\uC774 \uC774 \uD398\uC774\uC9C0\uC5D0 \uC5C6\uAC70\uB098 \uD2B8\uB799 \uD0A4\uAC00 \uB2E4\uB984 (\uB4F1\uB85D\uB41C region \uBAA9\uB85D: ${Array.from(trackRegistry.keys()).join(", ") || "(\uC5C6\uC74C)"})`;
+          } else {
+            const status = computeBandStatus(el, fromPercent, toPercent);
+            inBand = status.inBand;
+            overlapPx = status.overlapPx;
+            statusDetail = `rect=[top=${status.rectTop.toFixed(0)}, bottom=${status.rectBottom.toFixed(0)}] band=[top=${status.bandTop.toFixed(0)}, bottom=${status.bandBottom.toFixed(0)}] overlapPx=${overlapPx.toFixed(0)} inBand=${inBand}`;
+          }
+          console.debug(
+            `[XbNova] band dwell \uD2B8\uB9AC\uAC70=${node.id} region="${region}" band%=${fromPercent}~${toPercent} | ${statusDetail}`
+          );
+          dwellRecords.push({ node, state, requiredMs, region, found, screenMatches, inBand, overlapPx });
+          continue;
+        }
+        const fires = triggerFires(node, { screen, firedEventName });
+        if (!fires) continue;
+        if (!canOffer) {
+          console.debug(`[XbNova] \uD2B8\uB9AC\uAC70 ${node.id} \uC870\uAC74\uC740 \uCDA9\uC871\uD588\uC9C0\uB9CC \uC0C8 \uD78C\uD2B8 \uD45C\uC2DC\uB294 \uC7A0\uAE50 \uB9C9\uD798`);
+          continue;
+        }
+        if (tryFireFrom(node)) {
+          firedThisTick = true;
+          break;
+        }
+      }
+      let primaryId = null;
+      let primaryOverlap = -1;
+      for (const r of dwellRecords) {
+        if (r.inBand && r.overlapPx > primaryOverlap) {
+          primaryId = r.node.id;
+          primaryOverlap = r.overlapPx;
+        }
+      }
+      for (const r of dwellRecords) {
+        const isPrimary = r.node.id === primaryId;
+        const now = Date.now();
+        if (isPrimary && r.inBand) {
+          if (!r.state.firedAndAwaitingExit && r.state.lastCheckedAt !== null) {
+            r.state.accumulatedMs += now - r.state.lastCheckedAt;
+          }
+          r.state.lastCheckedAt = now;
+        } else {
+          r.state.accumulatedMs = 0;
+          r.state.lastCheckedAt = null;
+          r.state.firedAndAwaitingExit = false;
+        }
+        bandDwellRef.current.set(r.node.id, r.state);
+        if (debugEnabled) {
+          activeDebugTriggerIds.add(r.node.id);
+          const statusLabel = r.found ? r.inBand ? isPrimary ? "IN-BAND(\uB300\uD45C)" : "IN-BAND(\uACB9\uCE68, \uB300\uD45C \uC544\uB2D8)" : "band \uBC16(\uD654\uBA74\uC5D4 \uC788\uC74C)" : r.screenMatches ? "\uC694\uC18C \uBABB \uCC3E\uC74C" : "\uB2E4\uB978 \uD654\uBA74";
+          const lockLabel = r.state.firedAndAwaitingExit ? " \u{1F512}\uC7AC\uBC1C\uB3D9\uC7A0\uAE08" : "";
+          debugLines.push(`- ${r.region || "(region \uC5C6\uC74C)"} [${r.node.id}] ${statusLabel} ${r.state.accumulatedMs}/${r.requiredMs}ms${lockLabel}`);
+          const el = trackRegistry.get(r.region)?.node ?? null;
+          if (r.found && el) {
+            const rect = el.getBoundingClientRect();
+            const box = ensureDebugBox(debugBoxesRef.current, r.node.id);
+            box.style.left = `${rect.left}px`;
+            box.style.top = `${rect.top}px`;
+            box.style.width = `${Math.max(rect.width, 2)}px`;
+            box.style.height = `${Math.max(rect.height, 2)}px`;
+            if (r.inBand && isPrimary) {
+              box.style.border = "3px solid #22c55e";
+              box.style.backgroundColor = "rgba(34,197,94,0.28)";
+            } else if (r.inBand) {
+              box.style.border = "2px solid #86efac";
+              box.style.backgroundColor = "rgba(134,239,172,0.12)";
+            } else {
+              box.style.border = "2px dashed #f97316";
+              box.style.backgroundColor = "rgba(249,115,22,0.10)";
+            }
+            box.textContent = `${r.region}${isPrimary ? " \u2605" : ""} ${r.state.accumulatedMs}/${r.requiredMs}ms${lockLabel}`;
+            const params = r.node.trigger_params ?? {};
+            const fromPercent = Number(params.region_visible_from_percent ?? 35);
+            const toPercent = Number(params.region_visible_to_percent ?? 65);
+            const bandKey = `${fromPercent}_${toPercent}`;
+            const bandLines = ensureBandLines(debugBandLinesRef.current, bandKey);
+            const vh = window.innerHeight;
+            bandLines.top.style.top = `${vh * fromPercent / 100}px`;
+            bandLines.bottom.style.top = `${vh * toPercent / 100}px`;
+          } else {
+            debugBoxesRef.current.get(r.node.id)?.remove();
+            debugBoxesRef.current.delete(r.node.id);
+          }
+        }
+        if (firedThisTick || !isPrimary || !hintsEnabledRef.current) continue;
+        if (r.state.accumulatedMs < r.requiredMs) continue;
+        if (Date.now() - lastScrollAtRef.current < SCROLL_SETTLE_MS) continue;
+        const shownHint = hintRef.current;
+        if (shownHint && shownHint.triggerNodeId === r.node.id) continue;
+        if (shownHint) autoHideHint();
+        if (tryFireFrom(r.node)) {
+          r.state.accumulatedMs = 0;
+          r.state.lastCheckedAt = null;
+          r.state.firedAndAwaitingExit = true;
+          firedThisTick = true;
+        }
+      }
+      if (debugEnabled) {
+        const snapshot = dwellRecords.map(
+          (r) => `${r.region}:${r.inBand ? "IN" : "OUT"}(${r.overlapPx.toFixed(0)}px) ${r.state.accumulatedMs}/${r.requiredMs}ms${r.state.firedAndAwaitingExit ? "\u{1F512}" : ""}`
+        ).join(" | ");
+        const tickLog = `primary=${primaryId} :: ${snapshot}`;
+        if (tickLog !== lastTickLogRef.current) {
+          lastTickLogRef.current = tickLog;
+          console.debug(`[XbNova TICK ${(/* @__PURE__ */ new Date()).toISOString().slice(11, 23)}] ${tickLog}`);
+        }
+      }
+      if (debugEnabled) {
+        for (const [id, box] of debugBoxesRef.current) {
+          if (!activeDebugTriggerIds.has(id)) {
+            box.remove();
+            debugBoxesRef.current.delete(id);
+          }
+        }
+        ensureDebugPanel(debugPanelRef, debugCollapsedRef).body.textContent = debugLines.join("\n");
+      }
+    },
+    [apiBaseUrl, appId, autoHideHint, factsRegistry, offerHint, screen, trackRegistry, visitorId]
+  );
+  (0, import_react5.useEffect)(() => {
+    const interval = window.setInterval(() => evaluate(null), EVAL_INTERVAL_MS);
+    const onEvent = (e) => evaluate(e.detail.eventName);
+    window.addEventListener(XBNOVA_EVENT_NAME, onEvent);
+    const onScroll = () => {
+      lastScrollAtRef.current = Date.now();
+    };
+    window.addEventListener("scroll", onScroll, { passive: true, capture: true });
+    return () => {
+      window.clearInterval(interval);
+      window.removeEventListener(XBNOVA_EVENT_NAME, onEvent);
+      window.removeEventListener("scroll", onScroll, { capture: true });
+      clearDebugOverlay({ panelRef: debugPanelRef, boxesRef: debugBoxesRef, bandLinesRef: debugBandLinesRef });
+    };
+  }, [evaluate]);
+  return null;
+}
+
+// src/provider.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var DEFAULT_API_BASE_URL = "http://localhost:10100";
+function XbNovaProvider({
+  apiKey,
+  botId,
+  appId,
+  screen,
+  apiBaseUrl = DEFAULT_API_BASE_URL,
+  clientActions,
+  theme,
+  children
+}) {
+  (0, import_react6.useEffect)(() => {
+    if (apiKey.startsWith("sk_")) {
+      console.error(
+        "[XbNova] sk_ \uD0A4\uB97C \uBE0C\uB77C\uC6B0\uC800\uC5D0 \uB178\uCD9C\uD588\uC2B5\uB2C8\uB2E4 \u2014 pk_(publishable) \uD0A4\uB97C \uC4F0\uC138\uC694. sk_\uB294 \uC11C\uBC84 \uC804\uC6A9\uC785\uB2C8\uB2E4."
+      );
+    }
+  }, [apiKey]);
+  (0, import_react6.useEffect)(() => {
+    markSessionStart();
+  }, []);
+  (0, import_react6.useEffect)(() => {
+    if (screen) bumpVisitCount(screen);
+  }, [screen]);
+  const auth = (0, import_react6.useMemo)(
+    () => ({ apiKey, botId, appId, apiBaseUrl, screen }),
+    [apiKey, botId, appId, apiBaseUrl, screen]
+  );
+  const resolvedTheme = (0, import_react6.useMemo)(
+    () => ({ ...DEFAULT_THEME, ...theme }),
+    [theme]
+  );
+  const clientActionHandlers = (0, import_react6.useMemo)(() => {
+    if (!clientActions) return void 0;
+    return new Map(
+      Object.entries(clientActions).map(([name, spec]) => [
+        name,
+        {
+          handler: spec.handler,
+          awaitResult: spec.awaitResult ?? false,
+          dismissSheet: spec.dismissSheet ?? false,
+          render: spec.render
+        }
+      ])
+    );
+  }, [clientActions]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(InternalProvider, { auth, clientActionHandlers, theme: resolvedTheme, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(NudgeStateProvider, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(XbNovaNudgeLoop, { appId }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(XbNovaClientActionSync, { actions: clientActions }),
+    children
+  ] }) });
+}
+
+// src/chat.tsx
+var import_react9 = require("react");
+var import_react_markdown = __toESM(require("react-markdown"), 1);
+var import_remark_breaks = __toESM(require("remark-breaks"), 1);
+var import_remark_gfm = __toESM(require("remark-gfm"), 1);
+
+// src/shadow-root.tsx
+var import_react7 = require("react");
+var import_react_dom = require("react-dom");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_meta = {};
+var cssPromise = null;
+function loadCss() {
+  if (!cssPromise) {
+    try {
+      cssPromise = fetch(new URL("./style.css", import_meta.url)).then((r) => r.ok ? r.text() : "").catch(() => "");
+    } catch {
+      cssPromise = Promise.resolve("");
+    }
+  }
+  return cssPromise;
+}
+function XbNovaShadowRoot({
+  children,
+  style
+}) {
+  const hostRef = (0, import_react7.useRef)(null);
+  const [mountNode, setMountNode] = (0, import_react7.useState)(null);
+  const [portalTarget, setPortalTarget] = (0, import_react7.useState)(null);
+  (0, import_react7.useEffect)(() => {
+    setPortalTarget(document.body);
+  }, []);
+  (0, import_react7.useEffect)(() => {
+    const host = hostRef.current;
+    if (!host || host.shadowRoot) return;
+    const shadow = host.attachShadow({ mode: "open" });
+    const style2 = document.createElement("style");
+    shadow.appendChild(style2);
+    loadCss().then((css) => {
+      style2.textContent = css;
+    });
+    const mount = document.createElement("div");
+    mount.style.height = "100%";
+    mount.style.width = "100%";
+    shadow.appendChild(mount);
+    setMountNode(mount);
+  }, [portalTarget]);
+  if (!portalTarget) return null;
+  return (0, import_react_dom.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { ref: hostRef, style, children: mountNode ? (0, import_react_dom.createPortal)(children, mountNode) : null }),
+    portalTarget
+  );
+}
+
+// src/use-chat.ts
+var import_react8 = require("react");
+
+// src/stream.ts
+async function consumeSse(response, handlers) {
+  if (!response.ok || !response.body) {
+    handlers.onError?.(`\uC694\uCCAD \uC2E4\uD328 (${response.status})`);
+    return null;
+  }
+  const conversationId = response.headers.get("x-conversation-id");
+  const reader = response.body.getReader();
+  const decoder = new TextDecoder();
+  let buffer = "";
+  const parts = [];
+  const textIndex = /* @__PURE__ */ new Map();
+  const toolIndex = /* @__PURE__ */ new Map();
+  const emit = () => handlers.onPart([...parts]);
+  while (true) {
+    const { done, value } = await reader.read();
+    if (done) break;
+    buffer += decoder.decode(value, { stream: true });
+    const lines = buffer.split("\n\n");
+    buffer = lines.pop() ?? "";
+    for (const chunk of lines) {
+      const line = chunk.trim();
+      if (!line.startsWith("data:")) continue;
+      const payload = line.slice(5).trim();
+      if (payload === "[DONE]") continue;
+      let event;
+      try {
+        event = JSON.parse(payload);
+      } catch {
+        continue;
+      }
+      switch (event.type) {
+        case "text-start": {
+          const id = String(event.id);
+          textIndex.set(id, parts.length);
+          parts.push({ kind: "text", id, text: "" });
+          emit();
+          break;
+        }
+        case "text-delta": {
+          const id = String(event.id);
+          let at = textIndex.get(id);
+          if (at === void 0) {
+            at = parts.length;
+            textIndex.set(id, at);
+            parts.push({ kind: "text", id, text: "" });
+          }
+          parts[at].text += String(event.delta ?? "");
+          emit();
+          break;
+        }
+        case "tool-input-available": {
+          const id = String(event.toolCallId);
+          toolIndex.set(id, parts.length);
+          parts.push({
+            kind: "tool",
+            toolCallId: id,
+            toolName: String(event.toolName),
+            state: "input",
+            input: event.input
+          });
+          emit();
+          break;
+        }
+        case "tool-output-available": {
+          const id = String(event.toolCallId);
+          const at = toolIndex.get(id);
+          if (at !== void 0) {
+            const meta = event.providerMetadata;
+            const part = parts[at];
+            part.state = event.isError ? "error" : "output";
+            part.output = event.output;
+            part.view = meta?.["kr.dsauto.chat"]?.view ?? null;
+            emit();
+          }
+          break;
+        }
+        case "error":
+          handlers.onError?.(String(event.errorText ?? "\uC54C \uC218 \uC5C6\uB294 \uC624\uB958"));
+          break;
+        case "finish":
+          handlers.onFinish?.();
+          break;
+      }
+    }
+  }
+  return conversationId;
+}
+async function streamChat(apiBaseUrl, apiKey, body, handlers) {
+  const response = await fetch(`${apiBaseUrl}/v1/chat`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json", Authorization: `Bearer ${apiKey}` },
+    body: JSON.stringify(body)
+  });
+  return consumeSse(response, handlers);
+}
+async function resumeToolResult(apiBaseUrl, apiKey, body, handlers) {
+  const response = await fetch(`${apiBaseUrl}/v1/conversations/${body.conversation_id}/tool-results`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json", Authorization: `Bearer ${apiKey}` },
+    body: JSON.stringify(body)
+  });
+  return consumeSse(response, handlers);
+}
+
+// src/use-chat.ts
+function useXbNovaChat(options) {
+  const { auth, trackRegistry, clientActionHandlers } = useXbNovaInternal();
+  const botId = options?.botId ?? auth.botId;
+  const nudgeNodeId = options?.nudgeNodeId;
+  const { apiKey, apiBaseUrl } = auth;
+  const [onboarding, setOnboarding] = (0, import_react8.useState)(null);
+  const [messages, setMessages] = (0, import_react8.useState)([]);
+  const [busy, setBusy] = (0, import_react8.useState)(false);
+  const [error, setError] = (0, import_react8.useState)(null);
+  const dispatchedClientActionsRef = (0, import_react8.useRef)(/* @__PURE__ */ new Set());
+  const nudgeNodeIdRef = (0, import_react8.useRef)(nudgeNodeId);
+  nudgeNodeIdRef.current = nudgeNodeId;
+  (0, import_react8.useEffect)(() => {
+    setOnboarding(null);
+    setMessages([]);
+    setError(null);
+    dispatchedClientActionsRef.current = /* @__PURE__ */ new Set();
+    fetch(`${apiBaseUrl}/v1/conversations`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json", Authorization: `Bearer ${apiKey}` },
+      body: JSON.stringify({ bot_id: botId, nudge_node_id: nudgeNodeIdRef.current ?? null })
+    }).then((r) => r.ok ? r.json() : Promise.reject(new Error(`${r.status}`))).then(setOnboarding).catch((e) => setError(`\uBD07\uC744 \uBD88\uB7EC\uC62C \uC218 \uC5C6\uC2B5\uB2C8\uB2E4: ${e.message}`));
+  }, [apiBaseUrl, apiKey, botId]);
+  const appendToLastAssistant = (existingParts, newParts) => setMessages((prev) => {
+    const next = [...prev];
+    next[next.length - 1] = { role: "assistant", parts: [...existingParts, ...newParts] };
+    return next;
+  });
+  async function runClientAction(spec, part, existingParts) {
+    if (spec.dismissSheet) options?.onDismissSheet?.();
+    let result;
+    try {
+      result = await spec.handler(part.input);
+    } catch (e) {
+      if (!spec.awaitResult) return;
+      result = e instanceof Error ? `\uC624\uB958: ${e.message}` : "\uC624\uB958\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4.";
+    }
+    if (!spec.awaitResult) return;
+    const conversationId = onboarding?.conversation_id;
+    if (!conversationId) return;
+    const resultText = typeof result === "string" && result.trim() ? result : "\uD578\uB4E4\uB7EC\uAC00 \uACB0\uACFC\uB97C \uBC18\uD658\uD558\uC9C0 \uC54A\uC558\uC2B5\uB2C8\uB2E4.";
+    setBusy(true);
+    try {
+      await resumeToolResult(
+        apiBaseUrl,
+        apiKey,
+        {
+          bot_id: botId,
+          conversation_id: conversationId,
+          tool_call_id: part.toolCallId,
+          result_text: resultText
+        },
+        { onPart: (newParts) => appendToLastAssistant(existingParts, newParts), onError: setError }
+      );
+    } catch (e) {
+      setError(e instanceof Error ? e.message : String(e));
+    } finally {
+      setBusy(false);
+    }
+  }
+  (0, import_react8.useEffect)(() => {
+    if (clientActionHandlers.size === 0) return;
+    const last = messages[messages.length - 1];
+    if (!last || last.role !== "assistant") return;
+    for (const part of last.parts) {
+      if (part.kind !== "tool" || part.state !== "input") continue;
+      const spec = clientActionHandlers.get(part.toolName);
+      if (!spec) continue;
+      if (dispatchedClientActionsRef.current.has(part.toolCallId)) continue;
+      dispatchedClientActionsRef.current.add(part.toolCallId);
+      void runClientAction(spec, part, last.parts);
+    }
+  }, [messages, clientActionHandlers, onboarding, apiBaseUrl, apiKey, botId]);
+  async function send(text) {
+    const trimmed = text.trim();
+    if (!trimmed || busy) return;
+    setError(null);
+    setBusy(true);
+    setMessages((prev) => [
+      ...prev,
+      { role: "user", parts: [{ kind: "text", id: "u", text: trimmed }] },
+      { role: "assistant", parts: [] }
+    ]);
+    const replaceLast = (parts) => setMessages((prev) => {
+      const next = [...prev];
+      next[next.length - 1] = { role: "assistant", parts };
+      return next;
+    });
+    const focused = getFocusedTrackEntry(trackRegistry);
+    const context = focused ? { region: focused.region, data: resolveFactValue(focused.data) } : void 0;
+    try {
+      await streamChat(
+        apiBaseUrl,
+        apiKey,
+        {
+          bot_id: botId,
+          message: trimmed,
+          conversation_id: onboarding?.conversation_id ?? null,
+          context,
+          nudge_node_id: nudgeNodeId ?? null
+        },
+        { onPart: replaceLast, onError: setError }
+      );
+    } catch (e) {
+      setError(e instanceof Error ? e.message : String(e));
+    } finally {
+      setBusy(false);
+    }
+  }
+  return { onboarding, messages, busy, error, send };
+}
+
+// src/views.tsx
+var import_jsx_runtime6 = (
+  // eslint-disable-next-line @next/next/no-img-element
+  require("react/jsx-runtime")
+);
+function formatPrice(price) {
+  if (!price?.amount) return "\uAC00\uACA9\uBB38\uC758";
+  return `${(price.amount / 1e4).toLocaleString()}\uB9CC\uC6D0`;
+}
+function ProductCard({ item, detailed = false }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    "a",
+    {
+      href: item.href ?? void 0,
+      target: "_blank",
+      rel: "noreferrer",
+      className: "flex w-64 shrink-0 flex-col overflow-hidden rounded-xl border border-neutral-200 bg-white transition hover:shadow-md dark:border-neutral-700 dark:bg-neutral-900",
+      children: [
+        item.imageUrl ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("img", { src: item.imageUrl, alt: item.title, className: "h-36 w-full object-cover" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex h-36 w-full items-center justify-center bg-neutral-100 text-xs text-neutral-400 dark:bg-neutral-800", children: "\uC774\uBBF8\uC9C0 \uC5C6\uC74C" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-1 flex-col gap-1 p-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "text-sm font-semibold", children: item.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "text-xs text-neutral-500", children: item.subtitle }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "xbnova-accent-price mt-1 text-base font-bold", children: formatPrice(item.price) }),
+          item.badges?.length ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mt-1 flex flex-wrap gap-1", children: item.badges.map((b) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "span",
+            {
+              className: "rounded bg-neutral-100 px-1.5 py-0.5 text-[11px] text-neutral-600 dark:bg-neutral-800 dark:text-neutral-300",
+              children: b
+            },
+            b
+          )) }) : null,
+          detailed && item.attributes?.length ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("dl", { className: "mt-2 grid grid-cols-2 gap-x-2 gap-y-1 text-[11px]", children: item.attributes.map((a) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("dt", { className: "text-neutral-400", children: a.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("dd", { className: "text-neutral-700 dark:text-neutral-300", children: a.value })
+          ] }, a.label)) }) : null
+        ] })
+      ]
+    }
+  );
+}
+function ProductList({ output }) {
+  const data = output;
+  if (!data?.items?.length) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Fallback, { label: "\uAC80\uC0C9 \uACB0\uACFC \uC5C6\uC74C" });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "my-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mb-1 text-xs text-neutral-500", children: [
+      "\uCD1D ",
+      data.total?.toLocaleString(),
+      "\uAC74"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex gap-2 overflow-x-auto pb-2", children: data.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ProductCard, { item }, item.id)) })
+  ] });
+}
+function ProductDetail({ output }) {
+  const data = output;
+  if (!data?.item) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Fallback, { label: "\uB9E4\uBB3C \uC5C6\uC74C" });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "my-2", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ProductCard, { item: data.item, detailed: true }) });
+}
+function Verdict({
+  output,
+  onVerdictAction
+}) {
+  const data = output;
+  if (!data?.conclusion) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Fallback, { label: "\uD310\uB2E8 \uACB0\uACFC \uC5C6\uC74C" });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "my-2 max-w-[92%] overflow-hidden rounded-xl border border-amber-200 bg-white text-xs dark:border-amber-900 dark:bg-neutral-900", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "border-b border-amber-200 bg-amber-50 px-3 py-1.5 font-bold text-amber-800 dark:border-amber-900 dark:bg-amber-950 dark:text-amber-300", children: [
+      "\u25B3 ",
+      data.headline ?? "\uC870\uAC74\uBD80 \uAC80\uD1A0"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex gap-2 border-b border-neutral-100 px-3 py-1.5 dark:border-neutral-800", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "w-10 shrink-0 pt-px font-semibold text-neutral-400", children: "\uACB0\uB860" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-neutral-800 dark:text-neutral-100", children: data.conclusion })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex gap-2 border-b border-neutral-100 px-3 py-1.5 dark:border-neutral-800", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "w-10 shrink-0 pt-px font-semibold text-neutral-400", children: "\uADFC\uAC70" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-neutral-600 dark:text-neutral-300", children: data.evidence })
+    ] }),
+    data.unknowns?.length ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex gap-2 border-b border-neutral-100 px-3 py-1.5 dark:border-neutral-800", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "w-10 shrink-0 pt-px font-semibold text-neutral-400", children: "\uD655\uC778 \uBD88\uAC00" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-neutral-500", children: data.unknowns.join(" \xB7 ") })
+    ] }) : null,
+    data.actions?.length ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex flex-wrap gap-1.5 p-2", children: data.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      "button",
+      {
+        type: "button",
+        onClick: () => onVerdictAction?.(action.action),
+        className: action.kind === "ghost" ? "xbnova-accent-btn-ghost rounded-md border px-2.5 py-1 text-[11px] font-semibold" : "xbnova-accent-btn rounded-md px-2.5 py-1 text-[11px] font-semibold text-white",
+        children: action.label
+      },
+      action.label
+    )) }) : null
+  ] });
+}
+function Fallback({ label }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "my-2 rounded-lg border border-dashed border-neutral-300 px-3 py-2 text-xs text-neutral-500 dark:border-neutral-700", children: label });
+}
+var DEFAULT_RENDERERS = {
+  product_list: ProductList,
+  product_detail: ProductDetail,
+  verdict: Verdict
+};
+function ToolView({
+  part,
+  viewRenderers,
+  onVerdictAction
+}) {
+  if (part.state === "input") {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Fallback, { label: `${part.toolName} \uC870\uD68C \uC911\u2026` });
+  }
+  if (part.state === "error") {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Fallback, { label: `${part.toolName} \uC2E4\uD328` });
+  }
+  const Renderer = part.view ? viewRenderers?.[part.view] ?? DEFAULT_RENDERERS[part.view] : void 0;
+  if (!Renderer) {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Fallback, { label: `${part.toolName} \uACB0\uACFC (view: ${part.view ?? "\uC5C6\uC74C"})` });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Renderer, { output: part.output, onVerdictAction });
+}
+
+// src/chat.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function hasVisiblePart(parts, clientActionHandlers) {
+  return parts.some((part) => {
+    if (part.kind === "text") return true;
+    const spec = clientActionHandlers.get(part.toolName);
+    return spec ? Boolean(spec.render) : true;
+  });
+}
+var DISCLOSURE_SEEN_KEY = "xbnova_disclosure_seen";
+var SUMMARY_FACT_KEY = "xbnova_summary";
+function readDisclosureSeen() {
+  if (typeof window === "undefined") return true;
+  try {
+    return window.localStorage.getItem(DISCLOSURE_SEEN_KEY) === "1";
+  } catch {
+    return true;
+  }
+}
+function markDisclosureSeen() {
+  if (typeof window === "undefined") return;
+  try {
+    window.localStorage.setItem(DISCLOSURE_SEEN_KEY, "1");
+  } catch {
+  }
+}
+var DESKTOP_MEDIA_QUERY = "(min-width: 640px)";
+function useIsDesktopViewport() {
+  const [isDesktop, setIsDesktop] = (0, import_react9.useState)(false);
+  (0, import_react9.useEffect)(() => {
+    if (typeof window === "undefined") return;
+    const mql = window.matchMedia(DESKTOP_MEDIA_QUERY);
+    setIsDesktop(mql.matches);
+    const onChange = () => setIsDesktop(mql.matches);
+    mql.addEventListener("change", onChange);
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+  return isDesktop;
+}
+var Z_BAR = 2147483e3;
+var Z_PANEL = 2147483e3;
+var Z_BACKDROP = 2147482999;
+function barBaseStyle(isDesktop) {
+  return isDesktop ? { position: "fixed", right: "1rem", bottom: "1rem", width: "20rem", zIndex: Z_BAR } : { position: "fixed", left: "0.625rem", right: "0.625rem", bottom: "1rem", zIndex: Z_BAR };
+}
+function panelBaseStyle(isDesktop) {
+  return isDesktop ? { position: "fixed", right: "1rem", bottom: "1rem", width: "20rem", height: "32rem", zIndex: Z_PANEL } : { position: "fixed", left: 0, right: 0, top: "7rem", bottom: 0, zIndex: Z_PANEL };
+}
+function backdropBaseStyle(isDesktop) {
+  return isDesktop ? { display: "none" } : { position: "fixed", inset: 0, zIndex: Z_BACKDROP };
+}
+function useTypewriter(text, key, speedMs = 28) {
+  const [shown, setShown] = (0, import_react9.useState)("");
+  (0, import_react9.useEffect)(() => {
+    setShown("");
+    if (!text) return;
+    let i = 0;
+    const id = window.setInterval(() => {
+      i += 1;
+      setShown(text.slice(0, i));
+      if (i >= text.length) window.clearInterval(id);
+    }, speedMs);
+    return () => window.clearInterval(id);
+  }, [key, text, speedMs]);
+  return shown;
+}
+function GlowBlobs() {
+  const blobBase = {
+    position: "absolute",
+    width: "6.5rem",
+    height: "6.5rem",
+    borderRadius: "9999px",
+    pointerEvents: "none"
+  };
+  const accent1 = "var(--xbnova-accent-1, #4f46e5)";
+  const accent2 = "var(--xbnova-accent-2, #7c3aed)";
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "span",
+      {
+        className: "xbnova-blob-1",
+        style: {
+          ...blobBase,
+          width: "7.5rem",
+          height: "7.5rem",
+          left: "0%",
+          top: "5%",
+          background: accent1,
+          opacity: 0.62
+        }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "span",
+      {
+        className: "xbnova-blob-2",
+        style: { ...blobBase, left: "70%", top: "45%", background: accent2, opacity: 0.42 }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "span",
+      {
+        className: "xbnova-blob-3",
+        style: {
+          ...blobBase,
+          left: "35%",
+          top: "70%",
+          background: `color-mix(in srgb, ${accent1} 65%, ${accent2} 35%)`,
+          opacity: 0.48
+        }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "span",
+      {
+        className: "xbnova-blob-4",
+        style: {
+          ...blobBase,
+          width: "7.5rem",
+          height: "7.5rem",
+          left: "50%",
+          top: "10%",
+          background: accent1,
+          opacity: 0.5
+        }
+      }
+    )
+  ] });
+}
+function XbNovaChat({
+  viewRenderers,
+  botId,
+  barStyle,
+  panelStyle,
+  backdropStyle,
+  defaultOpen = false,
+  idleText = "AI\uC5D0\uAC8C \uC774 \uCC28 \uBB3C\uC5B4\uBCF4\uAE30",
+  onVerdictAction
+}) {
+  const { auth, trackRegistry, factsRegistry, visitorId, clientActionHandlers, theme } = useXbNovaInternal();
+  const themeVars = {
+    "--xbnova-accent-1": theme.accentFrom,
+    "--xbnova-accent-2": theme.accentTo
+  };
+  const avatarGradientStyle = {
+    background: "linear-gradient(135deg, var(--xbnova-accent-1), var(--xbnova-accent-2))"
+  };
+  const { hint, lastHint, dismissHint, openHint, autoHideHint, hintsEnabled, barHidden } = useNudgeState();
+  const isDesktop = useIsDesktopViewport();
+  const [open, setOpen] = (0, import_react9.useState)(defaultOpen);
+  const [entered, setEntered] = (0, import_react9.useState)(false);
+  const [activeBotId, setActiveBotId] = (0, import_react9.useState)(void 0);
+  const [activeNudgeNodeId, setActiveNudgeNodeId] = (0, import_react9.useState)(void 0);
+  const [nudgeQuickReplies, setNudgeQuickReplies] = (0, import_react9.useState)([]);
+  const [openingLine, setOpeningLine] = (0, import_react9.useState)(null);
+  const [showDisclosure, setShowDisclosure] = (0, import_react9.useState)(false);
+  const [input, setInput] = (0, import_react9.useState)("");
+  const bottomRef = (0, import_react9.useRef)(null);
+  const typedHintText = useTypewriter(hint?.text ?? "", hint?.triggerNodeId ?? "");
+  const { onboarding, messages, busy, error, send } = useXbNovaChat({
+    botId: activeBotId ?? botId,
+    nudgeNodeId: activeNudgeNodeId,
+    onDismissSheet: () => setOpen(false)
+  });
+  (0, import_react9.useEffect)(() => {
+    bottomRef.current?.scrollIntoView({ behavior: "smooth" });
+  }, [messages]);
+  (0, import_react9.useEffect)(() => {
+    if (!open) {
+      setEntered(false);
+      return;
+    }
+    const raf = requestAnimationFrame(() => setEntered(true));
+    return () => cancelAnimationFrame(raf);
+  }, [open]);
+  (0, import_react9.useEffect)(() => {
+    if (!hint || hint.autoHideMs <= 0) return;
+    console.debug(`[XbNova] \uD78C\uD2B8 "${hint.text}" \uD45C\uC2DC \u2014 ${hint.autoHideMs}ms \uD6C4 \uC790\uB3D9\uC73C\uB85C \uC0AC\uB77C\uC9D0`);
+    const timer = window.setTimeout(() => {
+      console.debug(`[XbNova] \uD78C\uD2B8 \uC790\uB3D9 \uC18C\uBA78(\uD0C0\uC784\uC544\uC6C3) \u2014 "${hint.text}"`);
+      autoHideHint();
+    }, hint.autoHideMs);
+    return () => window.clearTimeout(timer);
+  }, [hint, autoHideHint]);
+  function openSheet() {
+    const consumed = hint ?? lastHint;
+    openHint();
+    if (consumed?.botId) setActiveBotId(consumed.botId);
+    if (consumed) {
+      setOpeningLine(consumed.text);
+      setActiveNudgeNodeId(consumed.messageNodeId);
+      setNudgeQuickReplies(consumed.quickReplies);
+      fetch(`${auth.apiBaseUrl}/v1/nudge-events`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          app_id: auth.appId,
+          nudge_node_id: consumed.messageNodeId,
+          kind: "nudge_open",
+          bot_id: consumed.botId,
+          visitor_id: visitorId
+        })
+      }).catch(() => {
+      });
+    } else {
+      setNudgeQuickReplies([]);
+      setActiveNudgeNodeId(void 0);
+      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
+      );
+    }
+    if (!readDisclosureSeen()) {
+      setShowDisclosure(true);
+      markDisclosureSeen();
+    }
+    setOpen(true);
+  }
+  if (!open) {
+    if (barHidden) return null;
+    const showHint = Boolean(hint && hintsEnabled);
+    const collapsedSize = "3.25rem";
+    const idleLabel = lastHint?.text ?? idleText;
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(XbNovaShadowRoot, { style: { ...barBaseStyle(isDesktop), ...themeVars, ...barStyle }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "div",
+      {
+        style: {
+          minHeight: collapsedSize,
+          height: showHint ? "auto" : collapsedSize,
+          width: showHint ? "100%" : collapsedSize,
+          marginLeft: "auto",
+          borderRadius: showHint ? "1.5rem" : "9999px",
+          transition: "width 320ms cubic-bezier(0.22, 1, 0.36, 1), height 200ms ease, border-radius 200ms ease"
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+          "div",
+          {
+            className: `flex h-full w-full items-center overflow-hidden ${showHint ? "xbnova-glow-bg" : ""}`,
+            style: {
+              borderRadius: "inherit",
+              // GlowBlobs(SVG)를 이 안에 절대위치로 깔려면 이 요소가 위치 기준점이어야
+              // 한다 — 인라인으로 줘서 shadow DOM 비동기 CSS 로딩과 경합하지 않는다.
+              position: "relative",
+              // 접혀있을 땐 이 컨테이너 자체가 완전히 안 보인다(배경도 그림자도 없음) —
+              // 스크롤 중에도 마찬가지다. 예전엔 스크롤 중 반투명 회색 배경을 깔았는데,
+              // 그 배경 자체가 페이지 위에 원형 얼룩처럼 보인다는 피드백을 받았다
+              // ("스크롤 좀만 움직여도 저 투명한게 회색으로 바뀜") — 그냥 안 보이는 게
+              // 맞다. 펼쳐지면(showHint) xbnova-glow-bg 클래스가 배경/블러를 전부 맡는다.
+              background: showHint ? void 0 : "transparent",
+              // 접힌 상태의 "떠 있는" 느낌은 이 컨테이너가 아니라 안쪽 아바타 배지
+              // (아래 `shadow-md`, 지름 28px)만 낸다 — 52px 컨테이너 전체에 그림자를
+              // 주면 그 자체가 회색 원 얼룩처럼 보인다.
+              // 참고 이미지(카드 위에 살짝 겹쳐 얹힌 "프로"/"미완" 뱃지)처럼 진짜 스티커가
+              // 붕 떠 있는 느낌은 은은하게 퍼지는 그림자가 아니라 — 붙어있는 면에 짧고
+              // 진한 그림자(contact shadow) + 그보다 넓게 퍼지지만 방향성 있는 그림자를
+              // 겹쳐야 난다. 예전 값(퍼지기만 하는 단일 그림자)은 배경에 스며드는
+              // "glow"처럼 보여서 뜬 느낌이 안 났다.
+              boxShadow: showHint ? "0 2px 3px rgba(16,24,40,.35), 0 14px 24px -6px rgba(16,24,40,.45)" : "none",
+              transition: "background 200ms ease, box-shadow 200ms ease"
+            },
+            children: [
+              showHint ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(GlowBlobs, {}) : null,
+              showHint ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: dismissHint,
+                  "aria-label": "\uD78C\uD2B8 \uB2EB\uAE30",
+                  className: "shrink-0 py-3.5 pl-3.5 pr-1 text-slate-400 hover:text-slate-200",
+                  style: { position: "relative" },
+                  children: "\u2715"
+                }
+              ) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+                "button",
+                {
+                  type: "button",
+                  onClick: openSheet,
+                  "aria-label": showHint ? hint.text : idleLabel,
+                  className: "flex min-w-0 flex-1 items-center text-left",
+                  style: { position: "relative" },
+                  children: [
+                    showHint ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "min-w-0 flex-1 whitespace-normal break-words py-3.5 pl-2 pr-1 text-[13px] font-semibold leading-snug text-white", children: typedHintText }) : null,
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                      "span",
+                      {
+                        className: "flex shrink-0 items-center justify-center",
+                        style: { width: collapsedSize, height: collapsedSize },
+                        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                          "span",
+                          {
+                            className: "flex h-7 w-7 items-center justify-center rounded-full text-[11px] font-bold text-white shadow-md",
+                            style: avatarGradientStyle,
+                            children: "AI"
+                          }
+                        )
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      }
+    ) });
+  }
+  const summary = resolveFactValue(factsRegistry.get(SUMMARY_FACT_KEY));
+  const focusedLabel = getFocusedTrackEntry(trackRegistry)?.label;
+  const contextLine = summary ?? (focusedLabel ? `${focusedLabel} \uBCF4\uB294 \uC911` : void 0);
+  const firstBubble = openingLine ?? onboarding?.greeting;
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+    !isDesktop ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      XbNovaShadowRoot,
+      {
+        style: {
+          ...backdropBaseStyle(isDesktop),
+          opacity: entered ? 1 : 0,
+          transition: "opacity 260ms ease-out",
+          ...backdropStyle
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "h-full w-full bg-black/45", onClick: () => setOpen(false) })
+      }
+    ) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      XbNovaShadowRoot,
+      {
+        style: {
+          ...panelBaseStyle(isDesktop),
+          ...themeVars,
+          transform: entered ? "translateY(0)" : "translateY(100%)",
+          transition: "transform 280ms cubic-bezier(0.22, 1, 0.36, 1)",
+          ...panelStyle
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex h-full w-full flex-col rounded-t-[20px] bg-white shadow-2xl sm:rounded-2xl sm:border sm:border-neutral-200 dark:bg-neutral-900 sm:dark:border-neutral-700", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("header", { className: "flex items-center gap-2 border-b border-neutral-200 px-3.5 py-2.5 dark:border-neutral-700", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              "span",
+              {
+                className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-[10px] font-bold text-white",
+                style: avatarGradientStyle,
+                children: "AI"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "text-sm font-semibold", children: onboarding?.branding?.title ?? "AI \uB3D9\uD589" }),
+              contextLine ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "truncate text-[11px] text-neutral-400", children: contextLine }) : null
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              "button",
+              {
+                type: "button",
+                onClick: () => setOpen(false),
+                "aria-label": "\uCC44\uD305 \uB2EB\uAE30",
+                className: "shrink-0 text-neutral-400 hover:text-neutral-700 dark:hover:text-neutral-200",
+                children: "\xD7"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex-1 space-y-3 overflow-y-auto p-4", children: [
+            showDisclosure ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "rounded-lg bg-neutral-50 px-3 py-2 text-[11px] text-neutral-400 dark:bg-neutral-800", children: "\uC9C0\uAE08 \uBCF4\uACE0 \uACC4\uC2E0 \uD654\uBA74\uACFC \uB9E4\uBB3C \uC815\uBCF4\uB97C \uAE30\uC900\uC73C\uB85C \uC548\uB0B4\uD574 \uB4DC\uB824\uC694." }) : null,
+            firstBubble ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Bubble, { role: "assistant", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AssistantMarkdown, { text: firstBubble }) }) : null,
+            messages.map((message, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: message.role === "user" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Bubble, { role: "user", children: message.parts.map((p) => p.kind === "text" ? p.text : "").join("") }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "space-y-1", children: [
+              message.parts.map((part, j) => {
+                if (part.kind === "text") {
+                  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Bubble, { role: "assistant", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AssistantMarkdown, { text: part.text }) }, j);
+                }
+                if (clientActionHandlers.has(part.toolName)) {
+                  const spec = clientActionHandlers.get(part.toolName);
+                  return spec?.render ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: spec.render(part.input) }, j) : null;
+                }
+                return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ToolView, { part, viewRenderers, onVerdictAction }, j);
+              }),
+              !hasVisiblePart(message.parts, clientActionHandlers) && busy ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Bubble, { role: "assistant", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-neutral-400", children: "\uC0DD\uAC01\uD558\uB294 \uC911\u2026" }) }) : null
+            ] }) }, i)),
+            error ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "rounded-lg bg-red-50 px-3 py-2 text-xs text-red-700 dark:bg-red-950 dark:text-red-300", children: error }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { ref: bottomRef })
+          ] }),
+          (() => {
+            if (nudgeQuickReplies.length > 0) {
+              return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("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__ */ (0, import_jsx_runtime7.jsx)(
+                "button",
+                {
+                  onClick: () => {
+                    setNudgeQuickReplies([]);
+                    send(q);
+                  },
+                  className: "xbnova-chip rounded-full border px-2.5 py-1 text-[11px] font-semibold transition",
+                  children: q
+                },
+                q
+              )) });
+            }
+            const quickReplies = onboarding?.quick_replies ?? [];
+            if (messages.length !== 0 || quickReplies.length === 0) return null;
+            return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("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__ */ (0, import_jsx_runtime7.jsx)(
+              "button",
+              {
+                onClick: () => send(q),
+                className: "xbnova-chip rounded-full border px-2.5 py-1 text-[11px] font-semibold transition",
+                children: q
+              },
+              q
+            )) });
+          })(),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+            "form",
+            {
+              onSubmit: (e) => {
+                e.preventDefault();
+                setNudgeQuickReplies([]);
+                send(input);
+                setInput("");
+              },
+              className: "flex items-center gap-2 border-t border-neutral-200 px-3 py-2.5 dark:border-neutral-700",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                  "input",
+                  {
+                    value: input,
+                    onChange: (e) => setInput(e.target.value),
+                    placeholder: "\uC774 \uCC28\uC5D0 \uB300\uD574 \uBB34\uC5C7\uC774\uB4E0 \uBB3C\uC5B4\uBCF4\uC138\uC694",
+                    disabled: busy,
+                    className: "xbnova-input-accent flex-1 rounded-full border border-neutral-300 px-3.5 py-2 text-sm outline-none disabled:opacity-50 dark:border-neutral-600 dark:bg-neutral-800"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                  "button",
+                  {
+                    type: "submit",
+                    disabled: busy || !input.trim(),
+                    "aria-label": "\uC804\uC1A1",
+                    className: "xbnova-accent-btn flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-white transition disabled:opacity-40",
+                    children: "\u2191"
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+}
+function Bubble({ role, children }) {
+  const mine = role === "user";
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: mine ? "flex justify-end" : "flex justify-start", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "div",
+    {
+      className: `max-w-[85%] rounded-2xl px-3.5 py-2 text-sm ${mine ? "whitespace-pre-wrap" : ""} ${mine ? "xbnova-accent-btn text-white" : "bg-neutral-100 text-neutral-800 dark:bg-neutral-800 dark:text-neutral-100"}`,
+      children
+    }
+  ) });
+}
+function AssistantMarkdown({ text }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "space-y-1.5 text-sm leading-relaxed [&_ol]:list-decimal [&_ul]:list-disc [&_ol]:pl-5 [&_ul]:pl-5 [&_li]:pl-0.5 [&_strong]:font-semibold [&_a]:underline [&_code]:rounded [&_code]:bg-black/10 [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-[0.85em] [&_p]:mb-1.5 last:[&_p]:mb-0", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_markdown.default, { remarkPlugins: [import_remark_gfm.default, import_remark_breaks.default], children: text }) });
+}
+
+// src/facts.ts
+var import_react10 = require("react");
+function useXbNovaFact(key, value) {
+  const { factsRegistry } = useXbNovaInternal();
+  (0, import_react10.useEffect)(() => {
+    factsRegistry.set(key, value);
+  });
+  (0, import_react10.useEffect)(() => {
+    return () => {
+      factsRegistry.delete(key);
+    };
+  }, [key, factsRegistry]);
+}
+function useXbNovaFacts(values) {
+  const { factsRegistry } = useXbNovaInternal();
+  const keysRef = (0, import_react10.useRef)([]);
+  (0, import_react10.useEffect)(() => {
+    for (const [key, value] of Object.entries(values)) {
+      factsRegistry.set(key, value);
+    }
+    keysRef.current = Object.keys(values);
+  });
+  (0, import_react10.useEffect)(() => {
+    return () => {
+      for (const key of keysRef.current) {
+        factsRegistry.delete(key);
+      }
+    };
+  }, [factsRegistry]);
+}
+function useXbNovaVisitor() {
+  const { visitorId } = useXbNovaInternal();
+  return visitorId;
+}
+function XbNovaFact({ id, value }) {
+  useXbNovaFact(id, value);
+  return null;
+}
+function XbNovaFacts({ values }) {
+  useXbNovaFacts(values);
+  return null;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  XbNovaChat,
+  XbNovaFact,
+  XbNovaFacts,
+  XbNovaProvider,
+  XbNovaTrack,
+  trackXbNovaEvent,
+  useXbNovaChat,
+  useXbNovaFact,
+  useXbNovaFacts,
+  useXbNovaSettings,
+  useXbNovaTrack,
+  useXbNovaVisitor
+});
+//# sourceMappingURL=index.cjs.map