@exotel-npm-dev/exotel-ai-assist 1.3.6 → 1.3.7

package/dist/components/key-components/TransferSummaryCard.d.ts

@@ -0,0 +1,5 @@
+import { TransferSummary } from "../../types";
+export interface TransferSummaryCardProps {
+    data: TransferSummary;
+}
+export declare function TransferSummaryCard({ data }: TransferSummaryCardProps): JSX.Element;

package/dist/controller/index.js

@@ -1849,6 +1849,24 @@ class ExotelAIAssistController extends EventEmitter {
         };
         this.emit("sentiment", sentiment);
       }
+      if (event.event_type === "transfer_summary" && event.value) {
+        const summary = typeof event.value.summary === "string" ? event.value.summary.trim() : "";
+        if (!summary) continue;
+        const rawSentiment = event.value.sentiment;
+        const sentimentLabel = rawSentiment === undefined || rawSentiment === null ? null : String(rawSentiment);
+        const transferSummary = {
+          summary,
+          sentiment: sentimentLabel
+        };
+        this.emit("transferSummary", transferSummary);
+        if (sentimentLabel) {
+          const sentiment = {
+            label: sentimentLabel.toLowerCase(),
+            timestamp: now
+          };
+          this.emit("sentiment", sentiment);
+        }
+      }
     }
   }
   _handleStreamStatus(state) {

package/dist/hooks/useExotelAIAssist.d.ts

@@ -1,4 +1,4 @@
-import { ExotelAIAssistParams, Suggestion, TranscriptLine, Sentiment, BotConfig, StreamState } from "../types";
+import { ExotelAIAssistParams, Suggestion, TranscriptLine, Sentiment, TransferSummary, BotConfig, StreamState } from "../types";
 export interface UseExotelAIAssistReturn {
     /**
      * `true` once the WebSocket connection is established and the server has
@@ -21,6 +21,8 @@ export interface UseExotelAIAssistReturn {
     transcripts: TranscriptLine[];
     /** Latest sentiment reading, or null before the first event. */
     sentiment: Sentiment | null;
+    /** Warm-transfer summary from handover-context cache, if present. */
+    transferSummary: TransferSummary | null;
     lastError: Error | null;
     connect: () => void;
     disconnect: () => void;

package/dist/index.d.ts

@@ -2,4 +2,4 @@ import { ExotelAIAssistParams } from "./types";
 export declare function mountExotelAIAssist(container: HTMLElement, params: ExotelAIAssistParams): void;
 export declare function unmountExotelAIAssist(container: HTMLElement): void;
 export { ExotelAIAssistController } from "./controller";
-export type { ExotelAIAssistParams, Suggestion, TranscriptLine, Sentiment, ConnectionStatus, StreamState } from "./types";
+export type { ExotelAIAssistParams, Suggestion, TranscriptLine, Sentiment, TransferSummary, TransferSummaryValue, ConnectionStatus, StreamState, } from "./types";

package/dist/index.js

@@ -20175,6 +20175,24 @@ const createLucideIcon = (iconName, iconNode) => {
 };
 var createLucideIcon$1 = createLucideIcon;
 
+/**
+ * lucide-react v0.0.1 - ISC
+ */
+
+const ChevronDown = createLucideIcon$1("ChevronDown", [["path", {
+  d: "m6 9 6 6 6-6",
+  key: "qrunsl"
+}]]);
+
+/**
+ * lucide-react v0.0.1 - ISC
+ */
+
+const ChevronUp = createLucideIcon$1("ChevronUp", [["path", {
+  d: "m18 15-6-6-6 6",
+  key: "153udz"
+}]]);
+
 /**
  * lucide-react v0.0.1 - ISC
  */
@@ -22332,6 +22350,24 @@ class ExotelAIAssistController extends EventEmitter {
         };
         this.emit("sentiment", sentiment);
       }
+      if (event.event_type === "transfer_summary" && event.value) {
+        const summary = typeof event.value.summary === "string" ? event.value.summary.trim() : "";
+        if (!summary) continue;
+        const rawSentiment = event.value.sentiment;
+        const sentimentLabel = rawSentiment === undefined || rawSentiment === null ? null : String(rawSentiment);
+        const transferSummary = {
+          summary,
+          sentiment: sentimentLabel
+        };
+        this.emit("transferSummary", transferSummary);
+        if (sentimentLabel) {
+          const sentiment = {
+            label: sentimentLabel.toLowerCase(),
+            timestamp: now
+          };
+          this.emit("sentiment", sentiment);
+        }
+      }
     }
   }
   _handleStreamStatus(state) {
@@ -22360,6 +22396,7 @@ function useExotelAIAssist(params) {
   const [suggestions, setSuggestions] = reactExports.useState([]);
   const [transcripts, setTranscripts] = reactExports.useState([]);
   const [sentiment, setSentiment] = reactExports.useState(null);
+  const [transferSummary, setTransferSummary] = reactExports.useState(null);
   const [botConfig, setBotConfig] = reactExports.useState(null);
   const [lastError, setLastError] = reactExports.useState(null);
   const paramHash = Utils.hash(params);
@@ -22369,6 +22406,7 @@ function useExotelAIAssist(params) {
     setSuggestions([]);
     setTranscripts([]);
     setSentiment(null);
+    setTransferSummary(null);
     setBotConfig(null);
     setLastError(null);
     const ctrl = new ExotelAIAssistController(params);
@@ -22379,6 +22417,7 @@ function useExotelAIAssist(params) {
         setSuggestions([]);
         setTranscripts([]);
         setSentiment(null);
+        setTransferSummary(null);
       }
     });
     ctrl.on("streamState", setStreamState);
@@ -22388,6 +22427,7 @@ function useExotelAIAssist(params) {
       return [...prev, s].slice(-50);
     }));
     ctrl.on("sentiment", setSentiment);
+    ctrl.on("transferSummary", setTransferSummary);
     ctrl.on("transcript", lines => setTranscripts(prev => {
       const map = new Map(prev.map(l => [l.id, l]));
       for (const l of lines) map.set(l.id, l);
@@ -22440,6 +22480,7 @@ function useExotelAIAssist(params) {
     suggestions,
     transcripts,
     sentiment,
+    transferSummary,
     botConfig,
     lastError,
     connect,
@@ -22474,7 +22515,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ".oa-panel{background:#fff;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif}.oa-panel,.oa-theme-root{display:flex;flex-direction:column;height:100%;min-height:0;width:100%}.oa-theme-root{position:relative}.oa-header-title{color:#111827;font-size:16px;font-weight:600;line-height:20px;margin:0}.oa-tabs{width:100%}.oa-tabs-content{flex:1;min-height:0;overflow:hidden}.oa-tabs-content[data-state=inactive]{display:none!important}.oa-tabs-content[data-state=active]{display:flex;flex-direction:column}.oa-tabs-list{border-bottom:1px solid #e5e7eb;display:flex;gap:20px;padding:0}.oa-tabs-trigger{align-items:center;background:transparent;border:none;border-radius:0;color:#6b7280;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:6px;outline:none;padding:10px 0;position:relative}.oa-tabs-trigger:hover{color:#374151}.oa-tabs-trigger[data-state=active]{color:#2563eb}.oa-tabs-trigger[data-state=active]:after{background:#2563eb;border-radius:2px;bottom:-1px;content:\"\";height:2px;left:0;position:absolute;right:0}.oa-suggestion-card{border:1px solid rgba(17,24,39,.04);border-radius:12px;padding:12px;text-align:left}.oa-suggestion-card--recent-wrapper{animation:oa-suggestion-enter .4s ease-out,oa-border-shimmer 3s ease-in-out .4s infinite;background:linear-gradient(90deg,#7c3aed,#e11d48,#7c3aed);background-size:200% 100%;border-radius:12px;padding:2px;text-align:left}.oa-suggestion-card--recent-wrapper .oa-suggestion-card--recent{border:none}.oa-suggestion-card--recent{animation:none;background:linear-gradient(90deg,#f5f3ff 0,#fef3f2 50%,#fff7ed);border-radius:9px}.oa-suggestion-card--older{background:#f5f5f5;border:1px solid #e5e7eb}.oa-suggestion-card--older .oa-suggestion-text{color:#252525}@keyframes oa-suggestion-enter{0%{opacity:.3;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes oa-border-shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.oa-suggestion-text{color:#111827;font-size:13px;line-height:18px;white-space:pre-wrap}.oa-copy-icon,.oa-feedback-icon{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:inline-flex;height:32px;justify-content:center;min-height:32px;min-width:32px;padding:0;width:32px}.oa-copy-icon:hover,.oa-feedback-icon:hover{background:#f9fafb;color:#374151}.oa-feedback-icon--positive{background:#dcfce7!important;border-color:#86efac!important;color:#16a34a!important}.oa-feedback-icon--negative{background:#fee2e2!important;border-color:#fca5a5!important;color:#dc2626!important}.oa-feedback-icon:disabled{cursor:default;opacity:.5}.oa-feedback-icon--negative:disabled,.oa-feedback-icon--positive:disabled{opacity:1}.oa-feedback-reason-btn{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:16px;color:#991b1b;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:500;line-height:18px;padding:4px 12px;transition:background .15s,border-color .15s}.oa-feedback-reason-btn:hover:not(:disabled){background:#fee2e2;border-color:#f87171}.oa-feedback-reason-btn--selected{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important}.oa-feedback-reason-btn:disabled{cursor:default;opacity:.45}@keyframes oa-toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.oa-stream-overlay{display:flex;flex:1;flex-direction:column;min-height:0}.oa-stream-banner{align-items:flex-start;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;color:#92400e;display:flex;font-size:13px;gap:8px;line-height:1.4;padding:10px 12px}.oa-stream-banner-icon{align-items:center;display:inline-flex;flex-shrink:0;margin-top:1px}.oa-stream-banner-text{flex:1}.oa-stream-empty{flex:1;gap:16px;justify-content:center;min-height:0}.oa-stream-empty,.oa-stream-empty-text{align-items:center;display:flex;flex-direction:column}.oa-stream-empty-text{gap:6px;text-align:center}.oa-stream-empty-title{color:#111827;font-size:16px;font-weight:700;line-height:20px}.oa-stream-empty-subtitle{color:#6b7280;font-size:14px;line-height:20px}.oa-throttle-banner{align-items:flex-start;background:#fcefee;border:1px solid #e8cecb;border-radius:8px;color:#833d09;display:flex;font-size:13px;gap:8px;line-height:1.4;padding:10px 12px}.oa-throttle-banner-icon{align-items:center;display:inline-flex;flex-shrink:0;margin-top:1px}.oa-throttle-banner-text{flex:1}.oa-starting-loader{align-items:center;display:flex;flex:1;flex-direction:column;gap:16px;height:100%;justify-content:center;min-height:0}.oa-starting-spinner{animation:oa-spinner-rotate 1.4s linear infinite;height:48px;width:48px}.oa-starting-spinner-track{stroke:#e5e7eb}.oa-starting-spinner-arc{stroke:#2563eb;stroke-dasharray:80,126;stroke-dashoffset:0;animation:oa-spinner-dash 1.4s ease-in-out infinite}@keyframes oa-spinner-rotate{to{transform:rotate(1turn)}}@keyframes oa-spinner-dash{0%{stroke-dasharray:1,126;stroke-dashoffset:0}50%{stroke-dasharray:80,126;stroke-dashoffset:-35}to{stroke-dasharray:80,126;stroke-dashoffset:-124}}.oa-starting-loader-text{color:#111827;font-size:16px;font-weight:600;line-height:20px}.oa-muted{color:#6b7280}";
+var css_248z = ".oa-panel{background:#fff;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif}.oa-panel,.oa-theme-root{display:flex;flex-direction:column;height:100%;min-height:0;width:100%}.oa-theme-root{position:relative}.oa-header-title{color:#111827;font-size:16px;font-weight:600;line-height:20px;margin:0}.oa-tabs{width:100%}.oa-tabs-content{flex:1;min-height:0;overflow:hidden}.oa-tabs-content[data-state=inactive]{display:none!important}.oa-tabs-content[data-state=active]{display:flex;flex-direction:column}.oa-tabs-list{border-bottom:1px solid #e5e7eb;display:flex;gap:20px;padding:0}.oa-tabs-trigger{align-items:center;background:transparent;border:none;border-radius:0;color:#6b7280;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:6px;outline:none;padding:10px 0;position:relative}.oa-tabs-trigger:hover{color:#374151}.oa-tabs-trigger[data-state=active]{color:#2563eb}.oa-tabs-trigger[data-state=active]:after{background:#2563eb;border-radius:2px;bottom:-1px;content:\"\";height:2px;left:0;position:absolute;right:0}.oa-suggestion-card{border:1px solid rgba(17,24,39,.04);border-radius:12px;padding:12px;text-align:left}.oa-suggestion-card--recent-wrapper{animation:oa-suggestion-enter .4s ease-out,oa-border-shimmer 3s ease-in-out .4s infinite;background:linear-gradient(90deg,#7c3aed,#e11d48,#7c3aed);background-size:200% 100%;border-radius:12px;padding:2px;text-align:left}.oa-suggestion-card--recent-wrapper .oa-suggestion-card--recent{border:none}.oa-suggestion-card--recent{animation:none;background:linear-gradient(90deg,#f5f3ff 0,#fef3f2 50%,#fff7ed);border-radius:9px}.oa-suggestion-card--older{background:#f5f5f5;border:1px solid #e5e7eb}.oa-suggestion-card--older .oa-suggestion-text{color:#252525}@keyframes oa-suggestion-enter{0%{opacity:.3;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes oa-border-shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.oa-suggestion-text{color:#111827;font-size:13px;line-height:18px;white-space:pre-wrap}.oa-copy-icon,.oa-feedback-icon{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:inline-flex;height:32px;justify-content:center;min-height:32px;min-width:32px;padding:0;width:32px}.oa-copy-icon:hover,.oa-feedback-icon:hover{background:#f9fafb;color:#374151}.oa-feedback-icon--positive{background:#dcfce7!important;border-color:#86efac!important;color:#16a34a!important}.oa-feedback-icon--negative{background:#fee2e2!important;border-color:#fca5a5!important;color:#dc2626!important}.oa-feedback-icon:disabled{cursor:default;opacity:.5}.oa-feedback-icon--negative:disabled,.oa-feedback-icon--positive:disabled{opacity:1}.oa-feedback-reason-btn{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:16px;color:#991b1b;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:500;line-height:18px;padding:4px 12px;transition:background .15s,border-color .15s}.oa-feedback-reason-btn:hover:not(:disabled){background:#fee2e2;border-color:#f87171}.oa-feedback-reason-btn--selected{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important}.oa-feedback-reason-btn:disabled{cursor:default;opacity:.45}@keyframes oa-toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.oa-stream-overlay{display:flex;flex:1;flex-direction:column;min-height:0}.oa-stream-banner{align-items:flex-start;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;color:#92400e;display:flex;font-size:13px;gap:8px;line-height:1.4;padding:10px 12px}.oa-stream-banner-icon{align-items:center;display:inline-flex;flex-shrink:0;margin-top:1px}.oa-stream-banner-text{flex:1}.oa-stream-empty{flex:1;gap:16px;justify-content:center;min-height:0}.oa-stream-empty,.oa-stream-empty-text{align-items:center;display:flex;flex-direction:column}.oa-stream-empty-text{gap:6px;text-align:center}.oa-stream-empty-title{color:#111827;font-size:16px;font-weight:700;line-height:20px}.oa-stream-empty-subtitle{color:#6b7280;font-size:14px;line-height:20px}.oa-throttle-banner{align-items:flex-start;background:#fcefee;border:1px solid #e8cecb;border-radius:8px;color:#833d09;display:flex;font-size:13px;gap:8px;line-height:1.4;padding:10px 12px}.oa-throttle-banner-icon{align-items:center;display:inline-flex;flex-shrink:0;margin-top:1px}.oa-throttle-banner-text{flex:1}.oa-starting-loader{align-items:center;display:flex;flex:1;flex-direction:column;gap:16px;height:100%;justify-content:center;min-height:0}.oa-starting-spinner{animation:oa-spinner-rotate 1.4s linear infinite;height:48px;width:48px}.oa-starting-spinner-track{stroke:#e5e7eb}.oa-starting-spinner-arc{stroke:#2563eb;stroke-dasharray:80,126;stroke-dashoffset:0;animation:oa-spinner-dash 1.4s ease-in-out infinite}@keyframes oa-spinner-rotate{to{transform:rotate(1turn)}}@keyframes oa-spinner-dash{0%{stroke-dasharray:1,126;stroke-dashoffset:0}50%{stroke-dasharray:80,126;stroke-dashoffset:-35}to{stroke-dasharray:80,126;stroke-dashoffset:-124}}.oa-starting-loader-text{color:#111827;font-size:16px;font-weight:600;line-height:20px}.oa-transfer-summary-card{background:#f9f7ff;border:1px solid #ece7f8;border-radius:12px;padding:12px 14px}.oa-transfer-summary-header{user-select:none}.oa-transfer-summary-body,.oa-transfer-summary-text{text-align:left}.oa-transfer-summary-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:13px;font-weight:600;padding:2px 10px}.oa-transfer-summary-badge--positive{background:#dcfce7;color:#166534}.oa-transfer-summary-badge--neutral{background:#f3f4f6;color:#374151}.oa-transfer-summary-badge--negative{background:#ffe0db;color:#9f1239}.oa-muted{color:#6b7280}";
 styleInject(css_248z);
 
 function Sparkle() {
@@ -23088,6 +23129,113 @@ function TranscriptTab({
   });
 }
 
+/** Renders `**bold**` markdown spans; leaves the rest as plain text. */
+function renderSummaryWithBold(text) {
+  const parts = text.split(/(\*\*[^*]+\*\*)/g);
+  return parts.map((part, i) => {
+    if (part.startsWith("**") && part.endsWith("**") && part.length > 4) {
+      return jsxRuntimeExports.jsx("strong", {
+        children: part.slice(2, -2)
+      }, i);
+    }
+    return jsxRuntimeExports.jsx(React.Fragment, {
+      children: part
+    }, i);
+  });
+}
+/** Normalizes inline bullet markers into separate left-aligned lines with bold support. */
+function formatSummaryLines(summary) {
+  const normalizedSummary = summary.replace(/\s+([*-•])\s+/g, "\n$1 ");
+  const lines = normalizedSummary.split("\n").map(line => line.trim()).filter(Boolean);
+  return lines.map((line, index) => {
+    const isBulletLine = /^[-*•]\s+/.test(line);
+    const lineContent = isBulletLine ? line.replace(/^[-*•]\s+/, "") : line;
+    return jsxRuntimeExports.jsxs("span", {
+      style: {
+        display: "block"
+      },
+      children: [isBulletLine ? "• " : "", renderSummaryWithBold(lineContent)]
+    }, `line-${index}`);
+  });
+}
+function TransferSummaryCard({
+  data
+}) {
+  var _a, _b;
+  const [expanded, setExpanded] = reactExports.useState(true);
+  const sentiment = (_a = data.sentiment) !== null && _a !== void 0 ? _a : "";
+  const lower = sentiment.toLowerCase();
+  const icon = lower.includes("positive") ? jsxRuntimeExports.jsx(Smile, {
+    size: 16
+  }) : lower.includes("neutral") ? jsxRuntimeExports.jsx(Meh, {
+    size: 16
+  }) : lower.includes("negative") ? jsxRuntimeExports.jsx(Frown, {
+    size: 16
+  }) : null;
+  const badgeClass = lower.includes("positive") ? "oa-transfer-summary-badge oa-transfer-summary-badge--positive" : lower.includes("negative") ? "oa-transfer-summary-badge oa-transfer-summary-badge--negative" : "oa-transfer-summary-badge oa-transfer-summary-badge--neutral";
+  return jsxRuntimeExports.jsxs("div", {
+    className: "oa-transfer-summary-card",
+    style: {
+      marginBottom: 12
+    },
+    children: [jsxRuntimeExports.jsxs("div", {
+      className: "oa-transfer-summary-header",
+      onClick: () => setExpanded(v => !v),
+      style: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        cursor: "pointer"
+      },
+      children: [jsxRuntimeExports.jsxs("div", {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: 8
+        },
+        children: [jsxRuntimeExports.jsx("span", {
+          style: {
+            fontWeight: 700,
+            fontSize: 16,
+            color: "#111827"
+          },
+          children: "Transfer Summary"
+        }), sentiment ? jsxRuntimeExports.jsx("span", {
+          className: badgeClass,
+          children: jsxRuntimeExports.jsxs("span", {
+            style: {
+              display: "inline-flex",
+              alignItems: "center",
+              gap: 4
+            },
+            children: [icon, sentiment]
+          })
+        }) : null]
+      }), expanded ? jsxRuntimeExports.jsx(ChevronUp, {
+        size: 16
+      }) : jsxRuntimeExports.jsx(ChevronDown, {
+        size: 16
+      })]
+    }), expanded ? jsxRuntimeExports.jsx("div", {
+      className: "oa-transfer-summary-body",
+      style: {
+        marginTop: 8
+      },
+      children: jsxRuntimeExports.jsx("div", {
+        className: "oa-transfer-summary-text",
+        style: {
+          color: "#374151",
+          margin: 0,
+          lineHeight: 1.5,
+          fontSize: 14,
+          textAlign: "left"
+        },
+        children: formatSummaryLines((_b = data.summary) !== null && _b !== void 0 ? _b : "")
+      })
+    }) : null]
+  });
+}
+
 function ExotelAIAssist(_a) {
   var {
       className,
@@ -23100,6 +23248,7 @@ function ExotelAIAssist(_a) {
     suggestions,
     transcripts,
     sentiment,
+    transferSummary,
     botConfig,
     sendSuggestionFeedback
   } = useExotelAIAssist(params);
@@ -23145,7 +23294,9 @@ function ExotelAIAssist(_a) {
             children: [jsxRuntimeExports.jsx(Header, {
               sentiment: sentiment,
               botConfig: botConfig
-            }), streamState !== "throttled" ? jsxRuntimeExports.jsxs(Root2$1, {
+            }), transferSummary ? jsxRuntimeExports.jsx(TransferSummaryCard, {
+              data: transferSummary
+            }) : null, streamState !== "throttled" ? jsxRuntimeExports.jsxs(Root2$1, {
               defaultValue: "suggestions",
               className: "oa-tabs",
               style: {

package/dist/react/index.d.ts

@@ -2,7 +2,9 @@ export { ExotelAIAssist, ExotelAIAssistApp } from "../components/ExotelAIAssistA
 export { ExotelAIAssistProvider, useExotelAIAssistContext } from "../components/ExotelAIAssistProvider";
 export { useExotelAIAssist } from "../hooks/useExotelAIAssist";
 export { ExotelAIAssistController } from "../controller";
-export type { ExotelAIAssistParams, Suggestion, TranscriptLine, Sentiment, ConnectionStatus, StreamState } from "../types";
+export type { ExotelAIAssistParams, Suggestion, TranscriptLine, Sentiment, TransferSummary, TransferSummaryValue, ConnectionStatus, StreamState, } from "../types";
 export type { UseExotelAIAssistReturn } from "../hooks/useExotelAIAssist";
 export type { ExotelAIAssistProps } from "../components/ExotelAIAssistApp";
 export type { ExotelAIAssistProviderProps } from "../components/ExotelAIAssistProvider";
+export { TransferSummaryCard } from "../components/key-components/TransferSummaryCard";
+export type { TransferSummaryCardProps } from "../components/key-components/TransferSummaryCard";

package/dist/react/index.js

@@ -5457,6 +5457,24 @@ const createLucideIcon = (iconName, iconNode) => {
 };
 var createLucideIcon$1 = createLucideIcon;
 
+/**
+ * lucide-react v0.0.1 - ISC
+ */
+
+const ChevronDown = createLucideIcon$1("ChevronDown", [["path", {
+  d: "m6 9 6 6 6-6",
+  key: "qrunsl"
+}]]);
+
+/**
+ * lucide-react v0.0.1 - ISC
+ */
+
+const ChevronUp = createLucideIcon$1("ChevronUp", [["path", {
+  d: "m18 15-6-6-6 6",
+  key: "153udz"
+}]]);
+
 /**
  * lucide-react v0.0.1 - ISC
  */
@@ -7618,6 +7636,24 @@ class ExotelAIAssistController extends EventEmitter {
         };
         this.emit("sentiment", sentiment);
       }
+      if (event.event_type === "transfer_summary" && event.value) {
+        const summary = typeof event.value.summary === "string" ? event.value.summary.trim() : "";
+        if (!summary) continue;
+        const rawSentiment = event.value.sentiment;
+        const sentimentLabel = rawSentiment === undefined || rawSentiment === null ? null : String(rawSentiment);
+        const transferSummary = {
+          summary,
+          sentiment: sentimentLabel
+        };
+        this.emit("transferSummary", transferSummary);
+        if (sentimentLabel) {
+          const sentiment = {
+            label: sentimentLabel.toLowerCase(),
+            timestamp: now
+          };
+          this.emit("sentiment", sentiment);
+        }
+      }
     }
   }
   _handleStreamStatus(state) {
@@ -7646,6 +7682,7 @@ function useExotelAIAssist(params) {
   const [suggestions, setSuggestions] = React.useState([]);
   const [transcripts, setTranscripts] = React.useState([]);
   const [sentiment, setSentiment] = React.useState(null);
+  const [transferSummary, setTransferSummary] = React.useState(null);
   const [botConfig, setBotConfig] = React.useState(null);
   const [lastError, setLastError] = React.useState(null);
   const paramHash = Utils.hash(params);
@@ -7655,6 +7692,7 @@ function useExotelAIAssist(params) {
     setSuggestions([]);
     setTranscripts([]);
     setSentiment(null);
+    setTransferSummary(null);
     setBotConfig(null);
     setLastError(null);
     const ctrl = new ExotelAIAssistController(params);
@@ -7665,6 +7703,7 @@ function useExotelAIAssist(params) {
         setSuggestions([]);
         setTranscripts([]);
         setSentiment(null);
+        setTransferSummary(null);
       }
     });
     ctrl.on("streamState", setStreamState);
@@ -7674,6 +7713,7 @@ function useExotelAIAssist(params) {
       return [...prev, s].slice(-50);
     }));
     ctrl.on("sentiment", setSentiment);
+    ctrl.on("transferSummary", setTransferSummary);
     ctrl.on("transcript", lines => setTranscripts(prev => {
       const map = new Map(prev.map(l => [l.id, l]));
       for (const l of lines) map.set(l.id, l);
@@ -7726,6 +7766,7 @@ function useExotelAIAssist(params) {
     suggestions,
     transcripts,
     sentiment,
+    transferSummary,
     botConfig,
     lastError,
     connect,
@@ -7760,7 +7801,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ".oa-panel{background:#fff;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif}.oa-panel,.oa-theme-root{display:flex;flex-direction:column;height:100%;min-height:0;width:100%}.oa-theme-root{position:relative}.oa-header-title{color:#111827;font-size:16px;font-weight:600;line-height:20px;margin:0}.oa-tabs{width:100%}.oa-tabs-content{flex:1;min-height:0;overflow:hidden}.oa-tabs-content[data-state=inactive]{display:none!important}.oa-tabs-content[data-state=active]{display:flex;flex-direction:column}.oa-tabs-list{border-bottom:1px solid #e5e7eb;display:flex;gap:20px;padding:0}.oa-tabs-trigger{align-items:center;background:transparent;border:none;border-radius:0;color:#6b7280;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:6px;outline:none;padding:10px 0;position:relative}.oa-tabs-trigger:hover{color:#374151}.oa-tabs-trigger[data-state=active]{color:#2563eb}.oa-tabs-trigger[data-state=active]:after{background:#2563eb;border-radius:2px;bottom:-1px;content:\"\";height:2px;left:0;position:absolute;right:0}.oa-suggestion-card{border:1px solid rgba(17,24,39,.04);border-radius:12px;padding:12px;text-align:left}.oa-suggestion-card--recent-wrapper{animation:oa-suggestion-enter .4s ease-out,oa-border-shimmer 3s ease-in-out .4s infinite;background:linear-gradient(90deg,#7c3aed,#e11d48,#7c3aed);background-size:200% 100%;border-radius:12px;padding:2px;text-align:left}.oa-suggestion-card--recent-wrapper .oa-suggestion-card--recent{border:none}.oa-suggestion-card--recent{animation:none;background:linear-gradient(90deg,#f5f3ff 0,#fef3f2 50%,#fff7ed);border-radius:9px}.oa-suggestion-card--older{background:#f5f5f5;border:1px solid #e5e7eb}.oa-suggestion-card--older .oa-suggestion-text{color:#252525}@keyframes oa-suggestion-enter{0%{opacity:.3;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes oa-border-shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.oa-suggestion-text{color:#111827;font-size:13px;line-height:18px;white-space:pre-wrap}.oa-copy-icon,.oa-feedback-icon{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:inline-flex;height:32px;justify-content:center;min-height:32px;min-width:32px;padding:0;width:32px}.oa-copy-icon:hover,.oa-feedback-icon:hover{background:#f9fafb;color:#374151}.oa-feedback-icon--positive{background:#dcfce7!important;border-color:#86efac!important;color:#16a34a!important}.oa-feedback-icon--negative{background:#fee2e2!important;border-color:#fca5a5!important;color:#dc2626!important}.oa-feedback-icon:disabled{cursor:default;opacity:.5}.oa-feedback-icon--negative:disabled,.oa-feedback-icon--positive:disabled{opacity:1}.oa-feedback-reason-btn{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:16px;color:#991b1b;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:500;line-height:18px;padding:4px 12px;transition:background .15s,border-color .15s}.oa-feedback-reason-btn:hover:not(:disabled){background:#fee2e2;border-color:#f87171}.oa-feedback-reason-btn--selected{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important}.oa-feedback-reason-btn:disabled{cursor:default;opacity:.45}@keyframes oa-toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.oa-stream-overlay{display:flex;flex:1;flex-direction:column;min-height:0}.oa-stream-banner{align-items:flex-start;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;color:#92400e;display:flex;font-size:13px;gap:8px;line-height:1.4;padding:10px 12px}.oa-stream-banner-icon{align-items:center;display:inline-flex;flex-shrink:0;margin-top:1px}.oa-stream-banner-text{flex:1}.oa-stream-empty{flex:1;gap:16px;justify-content:center;min-height:0}.oa-stream-empty,.oa-stream-empty-text{align-items:center;display:flex;flex-direction:column}.oa-stream-empty-text{gap:6px;text-align:center}.oa-stream-empty-title{color:#111827;font-size:16px;font-weight:700;line-height:20px}.oa-stream-empty-subtitle{color:#6b7280;font-size:14px;line-height:20px}.oa-throttle-banner{align-items:flex-start;background:#fcefee;border:1px solid #e8cecb;border-radius:8px;color:#833d09;display:flex;font-size:13px;gap:8px;line-height:1.4;padding:10px 12px}.oa-throttle-banner-icon{align-items:center;display:inline-flex;flex-shrink:0;margin-top:1px}.oa-throttle-banner-text{flex:1}.oa-starting-loader{align-items:center;display:flex;flex:1;flex-direction:column;gap:16px;height:100%;justify-content:center;min-height:0}.oa-starting-spinner{animation:oa-spinner-rotate 1.4s linear infinite;height:48px;width:48px}.oa-starting-spinner-track{stroke:#e5e7eb}.oa-starting-spinner-arc{stroke:#2563eb;stroke-dasharray:80,126;stroke-dashoffset:0;animation:oa-spinner-dash 1.4s ease-in-out infinite}@keyframes oa-spinner-rotate{to{transform:rotate(1turn)}}@keyframes oa-spinner-dash{0%{stroke-dasharray:1,126;stroke-dashoffset:0}50%{stroke-dasharray:80,126;stroke-dashoffset:-35}to{stroke-dasharray:80,126;stroke-dashoffset:-124}}.oa-starting-loader-text{color:#111827;font-size:16px;font-weight:600;line-height:20px}.oa-muted{color:#6b7280}";
+var css_248z = ".oa-panel{background:#fff;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif}.oa-panel,.oa-theme-root{display:flex;flex-direction:column;height:100%;min-height:0;width:100%}.oa-theme-root{position:relative}.oa-header-title{color:#111827;font-size:16px;font-weight:600;line-height:20px;margin:0}.oa-tabs{width:100%}.oa-tabs-content{flex:1;min-height:0;overflow:hidden}.oa-tabs-content[data-state=inactive]{display:none!important}.oa-tabs-content[data-state=active]{display:flex;flex-direction:column}.oa-tabs-list{border-bottom:1px solid #e5e7eb;display:flex;gap:20px;padding:0}.oa-tabs-trigger{align-items:center;background:transparent;border:none;border-radius:0;color:#6b7280;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:6px;outline:none;padding:10px 0;position:relative}.oa-tabs-trigger:hover{color:#374151}.oa-tabs-trigger[data-state=active]{color:#2563eb}.oa-tabs-trigger[data-state=active]:after{background:#2563eb;border-radius:2px;bottom:-1px;content:\"\";height:2px;left:0;position:absolute;right:0}.oa-suggestion-card{border:1px solid rgba(17,24,39,.04);border-radius:12px;padding:12px;text-align:left}.oa-suggestion-card--recent-wrapper{animation:oa-suggestion-enter .4s ease-out,oa-border-shimmer 3s ease-in-out .4s infinite;background:linear-gradient(90deg,#7c3aed,#e11d48,#7c3aed);background-size:200% 100%;border-radius:12px;padding:2px;text-align:left}.oa-suggestion-card--recent-wrapper .oa-suggestion-card--recent{border:none}.oa-suggestion-card--recent{animation:none;background:linear-gradient(90deg,#f5f3ff 0,#fef3f2 50%,#fff7ed);border-radius:9px}.oa-suggestion-card--older{background:#f5f5f5;border:1px solid #e5e7eb}.oa-suggestion-card--older .oa-suggestion-text{color:#252525}@keyframes oa-suggestion-enter{0%{opacity:.3;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes oa-border-shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.oa-suggestion-text{color:#111827;font-size:13px;line-height:18px;white-space:pre-wrap}.oa-copy-icon,.oa-feedback-icon{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:inline-flex;height:32px;justify-content:center;min-height:32px;min-width:32px;padding:0;width:32px}.oa-copy-icon:hover,.oa-feedback-icon:hover{background:#f9fafb;color:#374151}.oa-feedback-icon--positive{background:#dcfce7!important;border-color:#86efac!important;color:#16a34a!important}.oa-feedback-icon--negative{background:#fee2e2!important;border-color:#fca5a5!important;color:#dc2626!important}.oa-feedback-icon:disabled{cursor:default;opacity:.5}.oa-feedback-icon--negative:disabled,.oa-feedback-icon--positive:disabled{opacity:1}.oa-feedback-reason-btn{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:16px;color:#991b1b;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:500;line-height:18px;padding:4px 12px;transition:background .15s,border-color .15s}.oa-feedback-reason-btn:hover:not(:disabled){background:#fee2e2;border-color:#f87171}.oa-feedback-reason-btn--selected{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important}.oa-feedback-reason-btn:disabled{cursor:default;opacity:.45}@keyframes oa-toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.oa-stream-overlay{display:flex;flex:1;flex-direction:column;min-height:0}.oa-stream-banner{align-items:flex-start;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;color:#92400e;display:flex;font-size:13px;gap:8px;line-height:1.4;padding:10px 12px}.oa-stream-banner-icon{align-items:center;display:inline-flex;flex-shrink:0;margin-top:1px}.oa-stream-banner-text{flex:1}.oa-stream-empty{flex:1;gap:16px;justify-content:center;min-height:0}.oa-stream-empty,.oa-stream-empty-text{align-items:center;display:flex;flex-direction:column}.oa-stream-empty-text{gap:6px;text-align:center}.oa-stream-empty-title{color:#111827;font-size:16px;font-weight:700;line-height:20px}.oa-stream-empty-subtitle{color:#6b7280;font-size:14px;line-height:20px}.oa-throttle-banner{align-items:flex-start;background:#fcefee;border:1px solid #e8cecb;border-radius:8px;color:#833d09;display:flex;font-size:13px;gap:8px;line-height:1.4;padding:10px 12px}.oa-throttle-banner-icon{align-items:center;display:inline-flex;flex-shrink:0;margin-top:1px}.oa-throttle-banner-text{flex:1}.oa-starting-loader{align-items:center;display:flex;flex:1;flex-direction:column;gap:16px;height:100%;justify-content:center;min-height:0}.oa-starting-spinner{animation:oa-spinner-rotate 1.4s linear infinite;height:48px;width:48px}.oa-starting-spinner-track{stroke:#e5e7eb}.oa-starting-spinner-arc{stroke:#2563eb;stroke-dasharray:80,126;stroke-dashoffset:0;animation:oa-spinner-dash 1.4s ease-in-out infinite}@keyframes oa-spinner-rotate{to{transform:rotate(1turn)}}@keyframes oa-spinner-dash{0%{stroke-dasharray:1,126;stroke-dashoffset:0}50%{stroke-dasharray:80,126;stroke-dashoffset:-35}to{stroke-dasharray:80,126;stroke-dashoffset:-124}}.oa-starting-loader-text{color:#111827;font-size:16px;font-weight:600;line-height:20px}.oa-transfer-summary-card{background:#f9f7ff;border:1px solid #ece7f8;border-radius:12px;padding:12px 14px}.oa-transfer-summary-header{user-select:none}.oa-transfer-summary-body,.oa-transfer-summary-text{text-align:left}.oa-transfer-summary-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:13px;font-weight:600;padding:2px 10px}.oa-transfer-summary-badge--positive{background:#dcfce7;color:#166534}.oa-transfer-summary-badge--neutral{background:#f3f4f6;color:#374151}.oa-transfer-summary-badge--negative{background:#ffe0db;color:#9f1239}.oa-muted{color:#6b7280}";
 styleInject(css_248z);
 
 function Sparkle() {
@@ -8374,6 +8415,113 @@ function TranscriptTab({
   });
 }
 
+/** Renders `**bold**` markdown spans; leaves the rest as plain text. */
+function renderSummaryWithBold(text) {
+  const parts = text.split(/(\*\*[^*]+\*\*)/g);
+  return parts.map((part, i) => {
+    if (part.startsWith("**") && part.endsWith("**") && part.length > 4) {
+      return jsxRuntime.jsx("strong", {
+        children: part.slice(2, -2)
+      }, i);
+    }
+    return jsxRuntime.jsx(React__namespace.default.Fragment, {
+      children: part
+    }, i);
+  });
+}
+/** Normalizes inline bullet markers into separate left-aligned lines with bold support. */
+function formatSummaryLines(summary) {
+  const normalizedSummary = summary.replace(/\s+([*-•])\s+/g, "\n$1 ");
+  const lines = normalizedSummary.split("\n").map(line => line.trim()).filter(Boolean);
+  return lines.map((line, index) => {
+    const isBulletLine = /^[-*•]\s+/.test(line);
+    const lineContent = isBulletLine ? line.replace(/^[-*•]\s+/, "") : line;
+    return jsxRuntime.jsxs("span", {
+      style: {
+        display: "block"
+      },
+      children: [isBulletLine ? "• " : "", renderSummaryWithBold(lineContent)]
+    }, `line-${index}`);
+  });
+}
+function TransferSummaryCard({
+  data
+}) {
+  var _a, _b;
+  const [expanded, setExpanded] = React.useState(true);
+  const sentiment = (_a = data.sentiment) !== null && _a !== void 0 ? _a : "";
+  const lower = sentiment.toLowerCase();
+  const icon = lower.includes("positive") ? jsxRuntime.jsx(Smile, {
+    size: 16
+  }) : lower.includes("neutral") ? jsxRuntime.jsx(Meh, {
+    size: 16
+  }) : lower.includes("negative") ? jsxRuntime.jsx(Frown, {
+    size: 16
+  }) : null;
+  const badgeClass = lower.includes("positive") ? "oa-transfer-summary-badge oa-transfer-summary-badge--positive" : lower.includes("negative") ? "oa-transfer-summary-badge oa-transfer-summary-badge--negative" : "oa-transfer-summary-badge oa-transfer-summary-badge--neutral";
+  return jsxRuntime.jsxs("div", {
+    className: "oa-transfer-summary-card",
+    style: {
+      marginBottom: 12
+    },
+    children: [jsxRuntime.jsxs("div", {
+      className: "oa-transfer-summary-header",
+      onClick: () => setExpanded(v => !v),
+      style: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        cursor: "pointer"
+      },
+      children: [jsxRuntime.jsxs("div", {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: 8
+        },
+        children: [jsxRuntime.jsx("span", {
+          style: {
+            fontWeight: 700,
+            fontSize: 16,
+            color: "#111827"
+          },
+          children: "Transfer Summary"
+        }), sentiment ? jsxRuntime.jsx("span", {
+          className: badgeClass,
+          children: jsxRuntime.jsxs("span", {
+            style: {
+              display: "inline-flex",
+              alignItems: "center",
+              gap: 4
+            },
+            children: [icon, sentiment]
+          })
+        }) : null]
+      }), expanded ? jsxRuntime.jsx(ChevronUp, {
+        size: 16
+      }) : jsxRuntime.jsx(ChevronDown, {
+        size: 16
+      })]
+    }), expanded ? jsxRuntime.jsx("div", {
+      className: "oa-transfer-summary-body",
+      style: {
+        marginTop: 8
+      },
+      children: jsxRuntime.jsx("div", {
+        className: "oa-transfer-summary-text",
+        style: {
+          color: "#374151",
+          margin: 0,
+          lineHeight: 1.5,
+          fontSize: 14,
+          textAlign: "left"
+        },
+        children: formatSummaryLines((_b = data.summary) !== null && _b !== void 0 ? _b : "")
+      })
+    }) : null]
+  });
+}
+
 function ExotelAIAssist(_a) {
   var {
       className,
@@ -8386,6 +8534,7 @@ function ExotelAIAssist(_a) {
     suggestions,
     transcripts,
     sentiment,
+    transferSummary,
     botConfig,
     sendSuggestionFeedback
   } = useExotelAIAssist(params);
@@ -8431,7 +8580,9 @@ function ExotelAIAssist(_a) {
             children: [jsxRuntime.jsx(Header, {
               sentiment: sentiment,
               botConfig: botConfig
-            }), streamState !== "throttled" ? jsxRuntime.jsxs(Root2$1, {
+            }), transferSummary ? jsxRuntime.jsx(TransferSummaryCard, {
+              data: transferSummary
+            }) : null, streamState !== "throttled" ? jsxRuntime.jsxs(Root2$1, {
               defaultValue: "suggestions",
               className: "oa-tabs",
               style: {
@@ -8516,5 +8667,6 @@ exports.ExotelAIAssist = ExotelAIAssist;
 exports.ExotelAIAssistApp = ExotelAIAssist;
 exports.ExotelAIAssistController = ExotelAIAssistController;
 exports.ExotelAIAssistProvider = ExotelAIAssistProvider;
+exports.TransferSummaryCard = TransferSummaryCard;
 exports.useExotelAIAssist = useExotelAIAssist;
 exports.useExotelAIAssistContext = useExotelAIAssistContext;

package/dist/types/index.d.ts

@@ -88,7 +88,21 @@ interface WssSuggestionEvent {
     event_type: "suggestion";
     value: SuggestionValue;
 }
-export type WssEvent = WssTranscriptEvent | WssSentimentEvent | WssSuggestionEvent;
+/** Value payload for handover / warm-transfer summary events. */
+export interface TransferSummaryValue {
+    summary?: string;
+    sentiment?: string | number | null;
+}
+/** Parsed transfer summary shown above the panel tabs. */
+export interface TransferSummary {
+    summary: string;
+    sentiment: string | null;
+}
+interface WssTransferSummaryEvent {
+    event_type: "transfer_summary";
+    value: TransferSummaryValue;
+}
+export type WssEvent = WssTranscriptEvent | WssSentimentEvent | WssSuggestionEvent | WssTransferSummaryEvent;
 export interface InitialHandshakeResponse {
     type: string;
     config: BotConfig;
@@ -104,6 +118,8 @@ export interface ControllerEvents {
     suggestion: (data: Suggestion) => void;
     transcript: (lines: TranscriptLine[]) => void;
     sentiment: (data: Sentiment) => void;
+    /** Warm-transfer / handover summary pushed at stream-setup. */
+    transferSummary: (data: TransferSummary) => void;
     /** Internal: bot feature-flag config. Consumed by the UI component only. */
     botConfig: (config: BotConfig) => void;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@exotel-npm-dev/exotel-ai-assist",
-  "version": "1.3.6",
+  "version": "1.3.7",
   "description": "AI-powered real-time suggestions, transcript, and sentiment for agent calls",
   "license": "Apache-2.0",
   "main": "dist/index.js",

package/src/components/ExotelAIAssistApp.tsx

@@ -10,6 +10,7 @@ import "../styles/index.css";
 import { Header } from "./key-components/Header";
 import { SuggestionsTab } from "./key-components/SuggestionTab";
 import { TranscriptTab } from "./key-components/TranscriptTab";
+import { TransferSummaryCard } from "./key-components/TransferSummaryCard";
 import { EmptyState } from "./EmptyState";
 
 export interface ExotelAIAssistProps extends ExotelAIAssistParams {
@@ -19,7 +20,16 @@ export interface ExotelAIAssistProps extends ExotelAIAssistParams {
 }
 
 export function ExotelAIAssist({ className, onReady, ...params }: ExotelAIAssistProps): JSX.Element {
-  const { streamState, isReady, suggestions, transcripts, sentiment, botConfig, sendSuggestionFeedback } = useExotelAIAssist(params as ExotelAIAssistParams);
+  const {
+    streamState,
+    isReady,
+    suggestions,
+    transcripts,
+    sentiment,
+    transferSummary,
+    botConfig,
+    sendSuggestionFeedback,
+  } = useExotelAIAssist(params as ExotelAIAssistParams);
 
   const onReadyRef = useRef(onReady);
   onReadyRef.current = onReady;
@@ -54,6 +64,7 @@ export function ExotelAIAssist({ className, onReady, ...params }: ExotelAIAssist
           <div className={`oa-panel${className ? ` ${className}` : ""}`}>
             <div style={{ flex: 1, width: "100%", minHeight: 0, padding: "0 16px", display: "flex", flexDirection: "column" }}>
               <Header sentiment={sentiment} botConfig={botConfig} />
+              {transferSummary ? <TransferSummaryCard data={transferSummary} /> : null}
 
               {streamState !== "throttled" ? (
                 <Tabs.Root defaultValue="suggestions" className="oa-tabs" style={{ flex: 1, display: "flex", flexDirection: "column", minHeight: 0 }}>

package/src/components/key-components/TransferSummaryCard.tsx

@@ -0,0 +1,105 @@
+import React, { useState } from "react";
+import { ChevronUp, ChevronDown, Smile, Meh, Frown } from "lucide-react";
+import { TransferSummary } from "../../types";
+
+export interface TransferSummaryCardProps {
+  data: TransferSummary;
+}
+
+/** Renders `**bold**` markdown spans; leaves the rest as plain text. */
+function renderSummaryWithBold(text: string): React.ReactNode[] {
+  const parts = text.split(/(\*\*[^*]+\*\*)/g);
+  return parts.map((part, i) => {
+    if (part.startsWith("**") && part.endsWith("**") && part.length > 4) {
+      return <strong key={i}>{part.slice(2, -2)}</strong>;
+    }
+    return <React.Fragment key={i}>{part}</React.Fragment>;
+  });
+}
+
+/** Normalizes inline bullet markers into separate left-aligned lines with bold support. */
+function formatSummaryLines(summary: string): React.ReactNode[] {
+  const normalizedSummary = summary.replace(/\s+([*-•])\s+/g, "\n$1 ");
+  const lines = normalizedSummary
+    .split("\n")
+    .map((line) => line.trim())
+    .filter(Boolean);
+
+  return lines.map((line, index) => {
+    const isBulletLine = /^[-*•]\s+/.test(line);
+    const lineContent = isBulletLine ? line.replace(/^[-*•]\s+/, "") : line;
+
+    return (
+      <span key={`line-${index}`} style={{ display: "block" }}>
+        {isBulletLine ? "• " : ""}
+        {renderSummaryWithBold(lineContent)}
+      </span>
+    );
+  });
+}
+
+export function TransferSummaryCard({ data }: TransferSummaryCardProps): JSX.Element {
+  const [expanded, setExpanded] = useState(true);
+  const sentiment = data.sentiment ?? "";
+  const lower = sentiment.toLowerCase();
+
+  const icon = lower.includes("positive") ? (
+    <Smile size={16} />
+  ) : lower.includes("neutral") ? (
+    <Meh size={16} />
+  ) : lower.includes("negative") ? (
+    <Frown size={16} />
+  ) : null;
+
+  const badgeClass = lower.includes("positive")
+    ? "oa-transfer-summary-badge oa-transfer-summary-badge--positive"
+    : lower.includes("negative")
+      ? "oa-transfer-summary-badge oa-transfer-summary-badge--negative"
+      : "oa-transfer-summary-badge oa-transfer-summary-badge--neutral";
+
+  return (
+    <div className="oa-transfer-summary-card" style={{ marginBottom: 12 }}>
+      <div
+        className="oa-transfer-summary-header"
+        onClick={() => setExpanded((v) => !v)}
+        style={{
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          cursor: "pointer",
+        }}
+      >
+        <div style={{ display: "flex", alignItems: "center", gap: 8 }}>
+          <span style={{ fontWeight: 700, fontSize: 16, color: "#111827" }}>
+            Transfer Summary
+          </span>
+          {sentiment ? (
+            <span className={badgeClass}>
+              <span style={{ display: "inline-flex", alignItems: "center", gap: 4 }}>
+                {icon}
+                {sentiment}
+              </span>
+            </span>
+          ) : null}
+        </div>
+        {expanded ? <ChevronUp size={16} /> : <ChevronDown size={16} />}
+      </div>
+      {expanded ? (
+        <div className="oa-transfer-summary-body" style={{ marginTop: 8 }}>
+          <div
+            className="oa-transfer-summary-text"
+            style={{
+              color: "#374151",
+              margin: 0,
+              lineHeight: 1.5,
+              fontSize: 14,
+              textAlign: "left",
+            }}
+          >
+            {formatSummaryLines(data.summary ?? "")}
+          </div>
+        </div>
+      ) : null}
+    </div>
+  );
+}

package/src/controller/index.ts

@@ -6,6 +6,7 @@ import {
   Suggestion,
   TranscriptLine,
   Sentiment,
+  TransferSummary,
   WssEvent,
   InitialHandshakeResponse,
   WssResponse,
@@ -292,6 +293,30 @@ export class ExotelAIAssistController extends EventEmitter<ControllerEvents> {
         };
         this.emit("sentiment", sentiment);
       }
+
+      if (event.event_type === "transfer_summary" && event.value) {
+        const summary =
+          typeof event.value.summary === "string" ? event.value.summary.trim() : "";
+        if (!summary) continue;
+
+        const rawSentiment = event.value.sentiment;
+        const sentimentLabel =
+          rawSentiment === undefined || rawSentiment === null ? null : String(rawSentiment);
+
+        const transferSummary: TransferSummary = {
+          summary,
+          sentiment: sentimentLabel,
+        };
+        this.emit("transferSummary", transferSummary);
+
+        if (sentimentLabel) {
+          const sentiment: Sentiment = {
+            label: sentimentLabel.toLowerCase() as Sentiment["label"],
+            timestamp: now,
+          };
+          this.emit("sentiment", sentiment);
+        }
+      }
     }
   }
 

package/src/hooks/useExotelAIAssist.ts

@@ -1,6 +1,14 @@
 import { useEffect, useRef, useState, useCallback } from "react";
 import { ExotelAIAssistController } from "../controller";
-import { ExotelAIAssistParams, Suggestion, TranscriptLine, Sentiment, BotConfig, StreamState } from "../types";
+import {
+  ExotelAIAssistParams,
+  Suggestion,
+  TranscriptLine,
+  Sentiment,
+  TransferSummary,
+  BotConfig,
+  StreamState,
+} from "../types";
 import { Utils } from "../utils";
 
 const MAX_SUGGESTIONS = 50;
@@ -27,6 +35,8 @@ export interface UseExotelAIAssistReturn {
   transcripts: TranscriptLine[];
   /** Latest sentiment reading, or null before the first event. */
   sentiment: Sentiment | null;
+  /** Warm-transfer summary from handover-context cache, if present. */
+  transferSummary: TransferSummary | null;
   lastError: Error | null;
   connect: () => void;
   disconnect: () => void;
@@ -47,6 +57,7 @@ export function useExotelAIAssist(params: ExotelAIAssistParams): UseExotelAIAssi
   const [suggestions, setSuggestions] = useState<Suggestion[]>([]);
   const [transcripts, setTranscripts] = useState<TranscriptLine[]>([]);
   const [sentiment, setSentiment] = useState<Sentiment | null>(null);
+  const [transferSummary, setTransferSummary] = useState<TransferSummary | null>(null);
   const [botConfig, setBotConfig] = useState<BotConfig | null>(null);
   const [lastError, setLastError] = useState<Error | null>(null);
   const paramHash = Utils.hash(params);
@@ -57,6 +68,7 @@ export function useExotelAIAssist(params: ExotelAIAssistParams): UseExotelAIAssi
     setSuggestions([]);
     setTranscripts([]);
     setSentiment(null);
+    setTransferSummary(null);
     setBotConfig(null);
     setLastError(null);
 
@@ -69,6 +81,7 @@ export function useExotelAIAssist(params: ExotelAIAssistParams): UseExotelAIAssi
         setSuggestions([]);
         setTranscripts([]);
         setSentiment(null);
+        setTransferSummary(null);
       }
     });
     ctrl.on("streamState", setStreamState);
@@ -80,6 +93,7 @@ export function useExotelAIAssist(params: ExotelAIAssistParams): UseExotelAIAssi
       }),
     );
     ctrl.on("sentiment", setSentiment);
+    ctrl.on("transferSummary", setTransferSummary);
     ctrl.on("transcript", (lines) =>
       setTranscripts((prev) => {
         const map = new Map(prev.map((l) => [l.id, l]));
@@ -115,5 +129,18 @@ export function useExotelAIAssist(params: ExotelAIAssistParams): UseExotelAIAssi
     return sent;
   }, []);
 
-  return { streamState, isReady, suggestions, transcripts, sentiment, botConfig, lastError, connect, disconnect, setParams, sendSuggestionFeedback };
+  return {
+    streamState,
+    isReady,
+    suggestions,
+    transcripts,
+    sentiment,
+    transferSummary,
+    botConfig,
+    lastError,
+    connect,
+    disconnect,
+    setParams,
+    sendSuggestionFeedback,
+  };
 }

package/src/index.ts

@@ -12,4 +12,13 @@ export function unmountExotelAIAssist(container: HTMLElement): void {
 }
 
 export { ExotelAIAssistController } from "./controller";
-export type { ExotelAIAssistParams, Suggestion, TranscriptLine, Sentiment, ConnectionStatus, StreamState } from "./types";
+export type {
+  ExotelAIAssistParams,
+  Suggestion,
+  TranscriptLine,
+  Sentiment,
+  TransferSummary,
+  TransferSummaryValue,
+  ConnectionStatus,
+  StreamState,
+} from "./types";

package/src/react/index.ts

@@ -3,7 +3,18 @@ export { ExotelAIAssistProvider, useExotelAIAssistContext } from "../components/
 export { useExotelAIAssist } from "../hooks/useExotelAIAssist";
 export { ExotelAIAssistController } from "../controller";
 
-export type { ExotelAIAssistParams, Suggestion, TranscriptLine, Sentiment, ConnectionStatus, StreamState } from "../types";
+export type {
+  ExotelAIAssistParams,
+  Suggestion,
+  TranscriptLine,
+  Sentiment,
+  TransferSummary,
+  TransferSummaryValue,
+  ConnectionStatus,
+  StreamState,
+} from "../types";
 export type { UseExotelAIAssistReturn } from "../hooks/useExotelAIAssist";
 export type { ExotelAIAssistProps } from "../components/ExotelAIAssistApp";
 export type { ExotelAIAssistProviderProps } from "../components/ExotelAIAssistProvider";
+export { TransferSummaryCard } from "../components/key-components/TransferSummaryCard";
+export type { TransferSummaryCardProps } from "../components/key-components/TransferSummaryCard";

package/src/styles/index.css

@@ -425,6 +425,47 @@
   font-weight: 600;
 }
 
+/* AIA-144 transfer summary card */
+.oa-transfer-summary-card {
+  background: #f9f7ff;
+  border: 1px solid #ece7f8;
+  border-radius: 12px;
+  padding: 12px 14px;
+}
+
+.oa-transfer-summary-header {
+  user-select: none;
+}
+
+.oa-transfer-summary-body,
+.oa-transfer-summary-text {
+  text-align: left;
+}
+
+.oa-transfer-summary-badge {
+  display: inline-flex;
+  align-items: center;
+  border-radius: 999px;
+  padding: 2px 10px;
+  font-size: 13px;
+  font-weight: 600;
+}
+
+.oa-transfer-summary-badge--positive {
+  background: #dcfce7;
+  color: #166534;
+}
+
+.oa-transfer-summary-badge--neutral {
+  background: #f3f4f6;
+  color: #374151;
+}
+
+.oa-transfer-summary-badge--negative {
+  background: #ffe0db;
+  color: #9f1239;
+}
+
 /* -----------------------------------------------------------------------
    Misc helpers
    ----------------------------------------------------------------------- */

package/src/types/index.ts

@@ -105,7 +105,24 @@ interface WssSuggestionEvent {
   value: SuggestionValue;
 }
 
-export type WssEvent = WssTranscriptEvent | WssSentimentEvent | WssSuggestionEvent;
+/** Value payload for handover / warm-transfer summary events. */
+export interface TransferSummaryValue {
+  summary?: string;
+  sentiment?: string | number | null;
+}
+
+/** Parsed transfer summary shown above the panel tabs. */
+export interface TransferSummary {
+  summary: string;
+  sentiment: string | null;
+}
+
+interface WssTransferSummaryEvent {
+  event_type: "transfer_summary";
+  value: TransferSummaryValue;
+}
+
+export type WssEvent = WssTranscriptEvent | WssSentimentEvent | WssSuggestionEvent | WssTransferSummaryEvent;
 
 export interface InitialHandshakeResponse {
   type: string;
@@ -124,6 +141,8 @@ export interface ControllerEvents {
   suggestion: (data: Suggestion) => void;
   transcript: (lines: TranscriptLine[]) => void;
   sentiment: (data: Sentiment) => void;
+  /** Warm-transfer / handover summary pushed at stream-setup. */
+  transferSummary: (data: TransferSummary) => void;
   /** Internal: bot feature-flag config. Consumed by the UI component only. */
   botConfig: (config: BotConfig) => void;
   /**