@exotel-npm-dev/exotel-ai-assist 1.2.5 → 1.2.7

package/README.md

@@ -123,11 +123,12 @@ function MyCustomUI({ call_sid }: { call_sid: string }) {
 
   if (streamState === "throttled") return <p>AI Assist is at capacity — available on your next call.</p>;
   if (streamState === "disconnected") return <p>AI Assist disconnected.</p>;
+  if (streamState === "connection_timeout") return <p>Connection timed out.</p>;
 
   return (
     <div>
       {suggestions.map((s) => (
-        <p key={s.id}>{s.text}</p>
+        <p key={s.id}>{s.value}</p>
       ))}
     </div>
   );
@@ -153,7 +154,7 @@ function SuggestionsPanel() {
   return (
     <ul>
       {suggestions.map((s) => (
-        <li key={s.id}>{s.text}</li>
+        <li key={s.id}>{s.value}</li>
       ))}
     </ul>
   );
@@ -188,7 +189,7 @@ ctrl.on("suggestion", (s) => console.log("Suggestion:", s));
 ctrl.on("transcript", (t) => console.log("Transcript:", t));
 ctrl.on("streamState", (state) => {
   console.log("Stream state:", state);
-  // state: "connected" | "throttled" | "disconnected"
+  // state: "connected" | "throttled" | "pending" | "disconnected" | "connection_timeout"
 });
 ctrl.on("error", (err) => console.error("Error:", err));
 
@@ -238,14 +239,14 @@ Extends `EventEmitter`.
 
 #### Methods
 
-| Method             | Description                                    |
-| ------------------ | ---------------------------------------------- |
-| `connect()`        | Open the WebSocket                             |
-| `disconnect()`     | Close cleanly                                  |
-| `setParams(patch)` | Merge params; reconnects if `call_sid` changes |
-| `destroy()`        | Dispose controller and remove all listeners    |
-| `getStatus()`      | Returns current `ConnectionStatus`             |
-| `getStreamState()` | Returns current `StreamState \| null`          |
+| Method                                  | Description                                    |
+| --------------------------------------- | ---------------------------------------------- |
+| `connect()`                             | Open the WebSocket                             |
+| `disconnect()`                          | Close cleanly                                  |
+| `setParams(patch)`                      | Merge params; reconnects if `call_sid` changes |
+| `destroy()`                             | Dispose controller and remove all listeners    |
+| `getStatus()`                           | Returns current `ConnectionStatus`             |
+| `getStreamState()`                      | Returns current `StreamState \| null`          |
 
 #### Events
 
@@ -255,7 +256,7 @@ Extends `EventEmitter`.
 | `suggestion`   | `Suggestion`       | New AI suggestion (capped at last 50)                                                                           |
 | `transcript`   | `TranscriptLine[]` | Live transcript update                                                                                          |
 | `sentiment`    | `Sentiment`        | Sentiment label update                                                                                          |
-| `streamState`  | `StreamState`      | Server stream state change (`connected`, `throttled`, `disconnected`)                                           |
+| `streamState`  | `StreamState`      | Server stream state change (`connected`, `throttled`, `pending`, `disconnected`, `connection_timeout`)          |
 | `onCallStart`  | —                  | Connection opened                                                                                               |
 | `onCallEnd`    | —                  | Connection closed                                                                                               |
 | `statusChange` | `ConnectionStatus` | WebSocket-level status transition (internal)                                                                    |
@@ -266,36 +267,36 @@ Extends `EventEmitter`.
 
 ### `useExotelAIAssist(params)` — Hook return values
 
-| Field          | Type                    | Description                                                                  |
-| -------------- | ----------------------- | ---------------------------------------------------------------------------- |
-| `isReady`      | `boolean`               | `true` after connected + server ack. Multi-tab safe. `false` on disconnect   |
-| `streamState`  | `StreamState \| null`   | Server stream state: `"connected"`, `"throttled"`, or `"disconnected"`. `null` until the first `stream_status` message |
-| `suggestions`  | `Suggestion[]`          | AI suggestions, oldest first, capped at 50                                   |
-| `transcripts`  | `TranscriptLine[]`      | Live transcript lines, ordered by start time                                 |
-| `sentiment`    | `Sentiment \| null`     | Latest sentiment reading                                                     |
-| `lastError`    | `Error \| null`         | Most recent error                                                            |
-| `connect()`    | `() => void`            | Manually open the connection                                                 |
-| `disconnect()` | `() => void`            | Manually close the connection                                                |
-| `setParams()`  | `(patch) => void`       | Merge params; reconnects if connection params change                         |
+| Field                      | Type                    | Description                                                                  |
+| -------------------------- | ----------------------- | ---------------------------------------------------------------------------- |
+| `isReady`                  | `boolean`               | `true` after connected + server ack. Multi-tab safe. `false` on disconnect   |
+| `streamState`              | `StreamState \| null`   | Server stream state: `"connected"`, `"throttled"`, `"pending"`, `"disconnected"`, or `"connection_timeout"`. `null` until the first `stream_status` message |
+| `suggestions`              | `Suggestion[]`          | AI suggestions, oldest first, capped at 50                                   |
+| `transcripts`              | `TranscriptLine[]`      | Live transcript lines, ordered by start time                                 |
+| `sentiment`                | `Sentiment \| null`     | Latest sentiment reading                                                     |
+| `lastError`                | `Error \| null`         | Most recent error                                                            |
+| `connect()`                | `() => void`            | Manually open the connection                                                 |
+| `disconnect()`             | `() => void`            | Manually close the connection                                                |
+| `setParams()`              | `(patch) => void`       | Merge params; reconnects if connection params change                         |
 
 ---
 
 ### TypeScript Types
 
 ```ts
-type StreamState = "connected" | "throttled" | "disconnected";
+type StreamState = "connected" | "throttled" | "pending" | "disconnected" | "connection_timeout";
 
 type ConnectionStatus = "idle" | "connecting" | "connected" | "disconnected" | "error";
 
 interface Suggestion {
   id: string;
-  text: string;
+  value: string;
   timestamp: number;
 }
 
 interface TranscriptLine {
   id: string;
-  text: string;
+  value: string;
   startTime: number;
   endTime: number;
   isFinal: boolean;
@@ -330,15 +331,17 @@ wss://<wssBaseUrl>?[customParam1=value1&customParam2=value2&...]
   "type": "stream_status",
   "config": { /* bot config, populated on connected, null otherwise */ },
   "events": [ /* accumulated events since last message, usually [] */ ],
-  "stream_state": "connected" | "throttled" | "disconnected"
+  "stream_state": "connected" | "throttled" | "pending" | "disconnected" | "connection_timeout"
 }
 ```
 
-| `stream_state`  | Meaning                                                   |
-| --------------- | --------------------------------------------------------- |
-| `connected`     | Stream is active — suggestions, transcript, and sentiment flow normally |
-| `throttled`     | Capacity full — AI Assist cannot join this call; available on the next call |
-| `disconnected`  | Stream ended or dropped                                   |
+| `stream_state`       | Meaning                                                   |
+| -------------------- | --------------------------------------------------------- |
+| `connected`          | Stream is active — suggestions, transcript, and sentiment flow normally |
+| `throttled`          | Capacity full — AI Assist cannot join this call; available on the next call |
+| `pending`            | Stream is pending — waiting for a definitive state |
+| `disconnected`       | Stream ended or dropped                                   |
+| `connection_timeout` | Connection timeout occurred                               |
 
 ### Reconnection
 

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

@@ -1,7 +1,8 @@
 import { Suggestion, BotConfig } from "../../types";
 import "../../styles/index.css";
-export declare function SuggestionsTab({ suggestions, connected, botConfig, }: {
+export declare function SuggestionsTab({ suggestions, connected, botConfig, sendSuggestionFeedback, }: {
     suggestions: Suggestion[];
     connected: boolean;
     botConfig: BotConfig | null;
+    sendSuggestionFeedback: (sequence: number, feedbackType: "good" | "bad" | null, badFeedbackReason?: string | null) => boolean;
 }): JSX.Element;

package/dist/controller/index.d.ts

@@ -19,6 +19,7 @@ export declare class ExotelAIAssistController extends EventEmitter<ControllerEve
     destroy(): void;
     getStatus(): ConnectionStatus;
     getStreamState(): StreamState | null;
+    sendSuggestionFeedback(sequence: number, feedbackType: "good" | "bad" | null, badFeedbackReason?: string | null): boolean;
     private _ensureTransport;
     private _handleTransportMessage;
     private _scheduleReconnect;

package/dist/controller/index.js

@@ -1667,6 +1667,25 @@ class ExotelAIAssistController extends EventEmitter {
   getStreamState() {
     return this._streamState;
   }
+  sendSuggestionFeedback(sequence, feedbackType, badFeedbackReason = null) {
+    if (!this.transport || this.status !== "connected") {
+      console.warn("[ExotelAIAssist] Cannot send feedback: not connected");
+      return false;
+    }
+    const message = {
+      type: "suggestion_feedback",
+      sequence,
+      feedback_type: feedbackType,
+      bad_feedback_reason: badFeedbackReason
+    };
+    try {
+      this.transport.send(JSON.stringify(message));
+      return true;
+    } catch (error) {
+      console.error("[ExotelAIAssist] Failed to send feedback:", error);
+      return false;
+    }
+  }
   _ensureTransport() {
     if (this.transport) return;
     this.transport = createTransport(Utils.hash(this.params));
@@ -1737,11 +1756,11 @@ class ExotelAIAssistController extends EventEmitter {
     this.emit("onReady", true);
   }
   _handleServerPayload(raw) {
-    var _a, _b, _c;
+    var _a, _b;
     let parsed;
     try {
       parsed = JSON.parse(raw);
-    } catch (_d) {
+    } catch (_c) {
       this.emit("error", new Error(`Failed to parse server message: ${raw}`));
       return;
     }
@@ -1774,14 +1793,14 @@ class ExotelAIAssistController extends EventEmitter {
     for (const event of events) {
       if (!event) continue;
       if (event.event_type === "transcript" && event.value) {
-        const transcripts = Array.isArray(event === null || event === void 0 ? void 0 : event.value) ? event.value : (_c = event === null || event === void 0 ? void 0 : event.transcript) !== null && _c !== void 0 ? _c : [];
+        const transcripts = event.value;
         const lines = transcripts.map(msg => {
-          var _a, _b, _c, _d, _e;
+          var _a, _b, _c;
           const first = (_a = msg.transcript_segments) === null || _a === void 0 ? void 0 : _a[0];
           const last = (_b = msg.transcript_segments) === null || _b === void 0 ? void 0 : _b[msg.transcript_segments.length - 1];
           return {
             id: String(msg.sequence),
-            value: (_e = (_d = (_c = msg.transcript_segments) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.text) !== null && _e !== void 0 ? _e : "",
+            value: (_c = first === null || first === void 0 ? void 0 : first.text) !== null && _c !== void 0 ? _c : "",
             startTime: (first === null || first === void 0 ? void 0 : first.start_timestamp) ? Date.parse(first.start_timestamp) : now,
             endTime: (last === null || last === void 0 ? void 0 : last.end_timestamp) ? Date.parse(last.end_timestamp) : now,
             isFinal: msg.transcript_segments.every(s => s.is_final)
@@ -1791,9 +1810,12 @@ class ExotelAIAssistController extends EventEmitter {
       }
       if (event.event_type === "suggestion" && event.value) {
         const suggestion = {
-          id: Utils.getUniqueId(),
-          value: event.value,
-          timestamp: now
+          id: String(event.value.sequence),
+          value: event.value.text,
+          timestamp: now,
+          sequence: event.value.sequence,
+          feedbackType: null,
+          badFeedbackReason: null
         };
         this.emit("suggestion", suggestion);
       }

package/dist/hooks/useExotelAIAssist.d.ts

@@ -25,6 +25,7 @@ export interface UseExotelAIAssistReturn {
     connect: () => void;
     disconnect: () => void;
     setParams: (patch: Partial<ExotelAIAssistParams>) => void;
+    sendSuggestionFeedback: (sequence: number, feedbackType: "good" | "bad" | null, badFeedbackReason?: string | null) => boolean;
 }
 /** Internal extended return — adds botConfig for the UI component only. */
 export interface UseExotelAIAssistInternalReturn extends UseExotelAIAssistReturn {

package/dist/index.js

@@ -19294,6 +19294,30 @@ const Smile = createLucideIcon$1("Smile", [["circle", {
   key: "1p4y9e"
 }]]);
 
+/**
+ * lucide-react v0.0.1 - ISC
+ */
+
+const ThumbsDown = createLucideIcon$1("ThumbsDown", [["path", {
+  d: "M17 14V2",
+  key: "8ymqnk"
+}], ["path", {
+  d: "M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22h0a3.13 3.13 0 0 1-3-3.88Z",
+  key: "s6e0r"
+}]]);
+
+/**
+ * lucide-react v0.0.1 - ISC
+ */
+
+const ThumbsUp = createLucideIcon$1("ThumbsUp", [["path", {
+  d: "M7 10v12",
+  key: "1qc93n"
+}], ["path", {
+  d: "M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2h0a3.13 3.13 0 0 1 3 3.88Z",
+  key: "y3tblf"
+}]]);
+
 const MAX_VISIBLE_TOASTS = 5;
 const AUTO_DISMISS_MS = 3000;
 const ToastContext = reactExports.createContext(null);
@@ -21085,6 +21109,25 @@ class ExotelAIAssistController extends EventEmitter {
   getStreamState() {
     return this._streamState;
   }
+  sendSuggestionFeedback(sequence, feedbackType, badFeedbackReason = null) {
+    if (!this.transport || this.status !== "connected") {
+      console.warn("[ExotelAIAssist] Cannot send feedback: not connected");
+      return false;
+    }
+    const message = {
+      type: "suggestion_feedback",
+      sequence,
+      feedback_type: feedbackType,
+      bad_feedback_reason: badFeedbackReason
+    };
+    try {
+      this.transport.send(JSON.stringify(message));
+      return true;
+    } catch (error) {
+      console.error("[ExotelAIAssist] Failed to send feedback:", error);
+      return false;
+    }
+  }
   _ensureTransport() {
     if (this.transport) return;
     this.transport = createTransport(Utils.hash(this.params));
@@ -21155,11 +21198,11 @@ class ExotelAIAssistController extends EventEmitter {
     this.emit("onReady", true);
   }
   _handleServerPayload(raw) {
-    var _a, _b, _c;
+    var _a, _b;
     let parsed;
     try {
       parsed = JSON.parse(raw);
-    } catch (_d) {
+    } catch (_c) {
       this.emit("error", new Error(`Failed to parse server message: ${raw}`));
       return;
     }
@@ -21192,14 +21235,14 @@ class ExotelAIAssistController extends EventEmitter {
     for (const event of events) {
       if (!event) continue;
       if (event.event_type === "transcript" && event.value) {
-        const transcripts = Array.isArray(event === null || event === void 0 ? void 0 : event.value) ? event.value : (_c = event === null || event === void 0 ? void 0 : event.transcript) !== null && _c !== void 0 ? _c : [];
+        const transcripts = event.value;
         const lines = transcripts.map(msg => {
-          var _a, _b, _c, _d, _e;
+          var _a, _b, _c;
           const first = (_a = msg.transcript_segments) === null || _a === void 0 ? void 0 : _a[0];
           const last = (_b = msg.transcript_segments) === null || _b === void 0 ? void 0 : _b[msg.transcript_segments.length - 1];
           return {
             id: String(msg.sequence),
-            value: (_e = (_d = (_c = msg.transcript_segments) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.text) !== null && _e !== void 0 ? _e : "",
+            value: (_c = first === null || first === void 0 ? void 0 : first.text) !== null && _c !== void 0 ? _c : "",
             startTime: (first === null || first === void 0 ? void 0 : first.start_timestamp) ? Date.parse(first.start_timestamp) : now,
             endTime: (last === null || last === void 0 ? void 0 : last.end_timestamp) ? Date.parse(last.end_timestamp) : now,
             isFinal: msg.transcript_segments.every(s => s.is_final)
@@ -21209,9 +21252,12 @@ class ExotelAIAssistController extends EventEmitter {
       }
       if (event.event_type === "suggestion" && event.value) {
         const suggestion = {
-          id: Utils.getUniqueId(),
-          value: event.value,
-          timestamp: now
+          id: String(event.value.sequence),
+          value: event.value.text,
+          timestamp: now,
+          sequence: event.value.sequence,
+          feedbackType: null,
+          badFeedbackReason: null
         };
         this.emit("suggestion", suggestion);
       }
@@ -21293,9 +21339,20 @@ function useExotelAIAssist(params) {
     var _a;
     return (_a = controllerRef.current) === null || _a === void 0 ? void 0 : _a.setParams(patch);
   }, []);
+  const sendSuggestionFeedback = reactExports.useCallback((sequence, feedbackType, badFeedbackReason = null) => {
+    var _a, _b;
+    const sent = (_b = (_a = controllerRef.current) === null || _a === void 0 ? void 0 : _a.sendSuggestionFeedback(sequence, feedbackType, badFeedbackReason)) !== null && _b !== void 0 ? _b : false;
+    if (sent) {
+      setSuggestions(prev => prev.map(s => s.sequence === sequence ? Object.assign(Object.assign({}, s), {
+        feedbackType,
+        badFeedbackReason
+      }) : s));
+    }
+    return sent;
+  }, []);
   return {
-    isReady,
     streamState,
+    isReady,
     suggestions,
     transcripts,
     sentiment,
@@ -21303,7 +21360,8 @@ function useExotelAIAssist(params) {
     lastError,
     connect,
     disconnect,
-    setParams
+    setParams,
+    sendSuggestionFeedback
   };
 }
 
@@ -21332,7 +21390,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{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{background:#f9fafb;color:#374151}@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-muted{color:#6b7280}";
 styleInject(css_248z);
 
 function Sparkle() {
@@ -21680,9 +21738,17 @@ const EmptyState = ({
 function SuggestionsTab({
   suggestions,
   connected,
-  botConfig
+  botConfig,
+  sendSuggestionFeedback
 }) {
+  var _a, _b, _c;
   const toast = useToast();
+  const [expandedSequence, setExpandedSequence] = reactExports.useState(null);
+  const feedbackEnabled = ((_a = botConfig === null || botConfig === void 0 ? void 0 : botConfig.suggestion) === null || _a === void 0 ? void 0 : _a.feedback_enabled) === true;
+  const badFeedbackOptions = reactExports.useMemo(() => {
+    var _a, _b;
+    return (_b = (_a = botConfig === null || botConfig === void 0 ? void 0 : botConfig.suggestion) === null || _a === void 0 ? void 0 : _a.bad_feedback_options) !== null && _b !== void 0 ? _b : [];
+  }, [(_b = botConfig === null || botConfig === void 0 ? void 0 : botConfig.suggestion) === null || _b === void 0 ? void 0 : _b.bad_feedback_options]);
   const handleCopy = async text => {
     try {
       await navigator.clipboard.writeText(text);
@@ -21691,13 +21757,33 @@ function SuggestionsTab({
       toast.error("Failed to copy");
     }
   };
+  const handleThumbsUp = reactExports.useCallback((sequence, currentFeedback) => {
+    const newType = currentFeedback === "good" ? null : "good";
+    sendSuggestionFeedback(sequence, newType, null);
+    setExpandedSequence(null);
+  }, [sendSuggestionFeedback]);
+  const handleThumbsDown = reactExports.useCallback((sequence, currentFeedback) => {
+    if (currentFeedback === "bad") {
+      sendSuggestionFeedback(sequence, null, null);
+      setExpandedSequence(null);
+      return;
+    }
+    sendSuggestionFeedback(sequence, "bad", null);
+    if (badFeedbackOptions.length > 0) {
+      setExpandedSequence(sequence);
+    }
+  }, [sendSuggestionFeedback, badFeedbackOptions]);
+  const handleBadFeedbackReason = reactExports.useCallback((sequence, reason) => {
+    sendSuggestionFeedback(sequence, "bad", reason);
+    setExpandedSequence(null);
+  }, [sendSuggestionFeedback]);
   if (!connected) {
     return jsxRuntimeExports.jsx(EmptyState, {
       title: "Assistant is inactive",
       subtitle: "Start a call to receive real-time suggestions."
     });
   }
-  if ((botConfig === null || botConfig === void 0 ? void 0 : botConfig.suggestions) === false) {
+  if (((_c = botConfig === null || botConfig === void 0 ? void 0 : botConfig.suggestion) === null || _c === void 0 ? void 0 : _c.enabled) === false) {
     return jsxRuntimeExports.jsx(EmptyState, {
       title: "Suggestions are disabled",
       subtitle: "Suggestions are disabled in the bot configuration. Please contact the administrator to enable it."
@@ -21731,21 +21817,44 @@ function SuggestionsTab({
     children: displayed.map((suggestion, index) => {
       const isRecent = index === 0;
       const cardClass = isRecent ? "oa-suggestion-card oa-suggestion-card--recent" : "oa-suggestion-card oa-suggestion-card--older";
+      const showReasons = suggestion.feedbackType === "bad" || expandedSequence === suggestion.sequence;
+      const cardMinHeight = feedbackEnabled ? "108px" : undefined;
       return jsxRuntimeExports.jsxs("div", {
-        style: {
-          display: "flex",
-          flexDirection: "row",
-          alignItems: "flex-start",
-          gap: "8px"
-        },
-        children: [isRecent ? jsxRuntimeExports.jsx("div", {
-          className: "oa-suggestion-card--recent-wrapper",
+        children: [jsxRuntimeExports.jsxs("div", {
           style: {
-            flex: "1 1 auto",
-            maxWidth: "80%"
+            display: "flex",
+            flexDirection: "row",
+            alignItems: "flex-start",
+            gap: "8px"
           },
-          children: jsxRuntimeExports.jsx("div", {
+          children: [isRecent ? jsxRuntimeExports.jsx("div", {
+            className: "oa-suggestion-card--recent-wrapper",
+            style: {
+              flex: "1 1 auto",
+              maxWidth: "72%",
+              minHeight: cardMinHeight
+            },
+            children: jsxRuntimeExports.jsx("div", {
+              className: cardClass,
+              style: {
+                minHeight: cardMinHeight ? `calc(${cardMinHeight} - 4px)` : undefined,
+                height: "100%"
+              },
+              children: jsxRuntimeExports.jsx("span", {
+                className: "oa-suggestion-text",
+                style: {
+                  fontSize: "15px"
+                },
+                children: suggestion.value
+              })
+            })
+          }) : jsxRuntimeExports.jsx("div", {
             className: cardClass,
+            style: {
+              flex: "1 1 auto",
+              maxWidth: "72%",
+              minHeight: cardMinHeight
+            },
             children: jsxRuntimeExports.jsx("span", {
               className: "oa-suggestion-text",
               style: {
@@ -21753,31 +21862,57 @@ function SuggestionsTab({
               },
               children: suggestion.value
             })
-          })
-        }) : jsxRuntimeExports.jsx("div", {
-          className: cardClass,
-          style: {
-            flex: "1 1 auto",
-            maxWidth: "80%"
-          },
-          children: jsxRuntimeExports.jsx("span", {
-            className: "oa-suggestion-text",
+          }), jsxRuntimeExports.jsxs("div", {
             style: {
-              fontSize: "15px"
+              display: "flex",
+              flexDirection: "column",
+              gap: "4px",
+              flexShrink: 0,
+              marginTop: "10px"
             },
-            children: suggestion.value
-          })
-        }), jsxRuntimeExports.jsx("button", {
-          className: "oa-copy-icon",
-          "aria-label": "Copy suggestion",
-          onClick: () => handleCopy(suggestion.value),
+            children: [jsxRuntimeExports.jsx("button", {
+              className: "oa-copy-icon",
+              "aria-label": "Copy suggestion",
+              onClick: () => handleCopy(suggestion.value),
+              children: jsxRuntimeExports.jsx(Copy, {
+                size: 14
+              })
+            }), feedbackEnabled && jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+              children: [jsxRuntimeExports.jsx("button", {
+                className: `oa-feedback-icon ${suggestion.feedbackType === "good" ? "oa-feedback-icon--positive" : ""}`,
+                "aria-label": "Mark as helpful",
+                onClick: () => handleThumbsUp(suggestion.sequence, suggestion.feedbackType),
+                style: {
+                  color: suggestion.feedbackType === "good" ? "#16a34a" : undefined
+                },
+                children: jsxRuntimeExports.jsx(ThumbsUp, {
+                  size: 14
+                })
+              }), jsxRuntimeExports.jsx("button", {
+                className: `oa-feedback-icon ${suggestion.feedbackType === "bad" ? "oa-feedback-icon--negative" : ""}`,
+                "aria-label": "Mark as not helpful",
+                onClick: () => handleThumbsDown(suggestion.sequence, suggestion.feedbackType),
+                style: {
+                  color: suggestion.feedbackType === "bad" ? "#dc2626" : undefined
+                },
+                children: jsxRuntimeExports.jsx(ThumbsDown, {
+                  size: 14
+                })
+              })]
+            })]
+          })]
+        }), showReasons && badFeedbackOptions.length > 0 && jsxRuntimeExports.jsx("div", {
           style: {
-            flexShrink: 0,
-            marginTop: "10px"
+            display: "flex",
+            gap: "8px",
+            flexWrap: "wrap",
+            marginTop: "8px"
           },
-          children: jsxRuntimeExports.jsx(Copy, {
-            size: 14
-          })
+          children: badFeedbackOptions.map(reason => jsxRuntimeExports.jsx("button", {
+            className: `oa-feedback-reason-btn ${suggestion.badFeedbackReason === reason ? "oa-feedback-reason-btn--selected" : ""}`,
+            onClick: () => handleBadFeedbackReason(suggestion.sequence, reason),
+            children: reason
+          }, reason))
         })]
       }, suggestion.id);
     })
@@ -21876,12 +22011,13 @@ function ExotelAIAssist(_a) {
     } = _a,
     params = __rest(_a, ["className", "onReady"]);
   const {
-    isReady,
     streamState,
+    isReady,
     suggestions,
     transcripts,
     sentiment,
-    botConfig
+    botConfig,
+    sendSuggestionFeedback
   } = useExotelAIAssist(params);
   const onReadyRef = reactExports.useRef(onReady);
   onReadyRef.current = onReady;
@@ -21902,7 +22038,7 @@ function ExotelAIAssist(_a) {
     if (streamState === "connection_timeout") {
       return jsxRuntimeExports.jsx(EmptyState, {
         title: "AI Assist is currently inactive",
-        subtitle: "we were unable to establish a connection."
+        subtitle: "We were unable to establish a connection."
       });
     }
     return null;
@@ -21959,7 +22095,8 @@ function ExotelAIAssist(_a) {
                 children: jsxRuntimeExports.jsx(SuggestionsTab, {
                   suggestions: suggestions,
                   connected: connected,
-                  botConfig: botConfig
+                  botConfig: botConfig,
+                  sendSuggestionFeedback: sendSuggestionFeedback
                 })
               }), jsxRuntimeExports.jsx(Content$1, {
                 value: "transcript",