rsarika · Sep 22, 2026 · Sep 22, 2026 · Sep 22, 2026 · Sep 22, 2026 · Sep 23, 2026
@@ -34,6 +34,14 @@ The aggregator package `@webex/cc-widgets` re-exports every widget plus the `sto
 | ui-logging.withMetrics | `@webex/cc-ui-logging` | `withMetrics` | `withMetrics<P extends object>(Component, widgetName: string): React.MemoExoticComponent` HOC that auto-emits mount/unmount/error metrics; every widget export is wrapped with it | stable semver; signature change is breaking | `packages/contact-center/ui-logging/ai-docs/ui-logging-spec.md` | `packages/contact-center/ui-logging/src/index.ts` |
 | ui-logging.WidgetMetrics | `@webex/cc-ui-logging` | `WidgetMetrics` (type) | `{ widgetName; event: 'WIDGET_MOUNTED' \| 'ERROR' \| 'WIDGET_UNMOUNTED' \| 'PROPS_UPDATED'; props?; timestamp; additionalContext? }` | stable semver; narrowing the `event` union or removing a field is breaking | `packages/contact-center/ui-logging/ai-docs/ui-logging-spec.md` | `packages/contact-center/ui-logging/src/index.ts` |
 
+## AI summary surfaces
+
+| Contract ID | Package | Surface | Purpose | Compatibility | Detail |
+| --- | --- | --- | --- | --- | --- |
+| task.ai-summary-status | `@webex/cc-task`, `@webex/cc-widgets` | `CallControl.onAISummaryStatusChange`, `AISummaryStatusDetail` | Optional content-free status callback; the CallControl custom element accepts a function property, with inert callback attributes | additive optional callback and type | `packages/contact-center/task/ai-docs/task-spec.md`, `packages/contact-center/cc-widgets/ai-docs/cc-widgets-spec.md` |
+| store.ai-summary | `@webex/cc-store` | `aiSummaries`, SDK summary types, `getAISummarySurface`, and StoreWrapper summary actions | SDK requests/responses and per-interaction UI state, edits, copies and feedback | additive SDK boundary | `packages/contact-center/store/ai-docs/store-spec.md` |
+| cc-components.ai-summary-props | `@webex/cc-components` | `CallControlComponentProps.aiSummary`, `AIAssistantComponentProps.receiverSummary` | Optional summary views and callbacks; the shared AISummary component is internal | additive optional props; wrapupCall supports void or Promise<boolean> | `packages/contact-center/cc-components/ai-docs/cc-components-spec.md` |
+
 ## Requires — what this repo depends on
 | Dependency (service / package / datastore) | What is consumed | Schema / detail link | Availability assumption | Fallback on failure | Version floor |
 |---|---|---|---|---|---|

@@ -48,7 +48,8 @@
   },
   "resolutions": {
     "@momentum-design/components": "0.133.23",
-    "@momentum-design/icons": "0.17.0"
+    "@momentum-design/icons": "0.17.0",
+    "@webex/contact-center": "file:./vendor/contact-center-cc-summaries.tgz"
   },
   "scripts": {
     "clean": "yarn workspaces foreach --all --topological --parallel run clean && rm -rf node_modules",

@@ -204,6 +204,21 @@ views and the ErrorBoundary path. `tests/ai-assistant/feedback.tsx` covers like/
 and the missing-`adaptiveCardId` warning. UI-level rendering (spinner, error text,
 snapshots) is covered in `cc-components/tests/components/AIAssistant/`.
 
+## Receiving-agent AI summaries
+
+`getReceiverSummary` in `src/helper.ts` reads the current interaction's receiver entry
+from `store.aiSummaries`, maps its surface with `getAISummarySurface`, and passes the
+SDK-shaped content, revision, confirmed feedback and pending state to the presentation
+component. Its copy and feedback callbacks pass the captured Task and displayed
+revision to the store. The widget makes no summary SDK calls.
+
+The receiver branch is independent of Real-time Assist enablement. A missing receiver
+entry supplies no branch; failed or unsupported summaries supply the matching status
+surface. Summary changes are observed by `AIAssistantInternal`.
+
+Evidence: `src/helper.ts`, `src/ai-assistant/index.tsx`;
+tests: receiver summary cases in `tests/ai-assistant/index.tsx`.
+
 ## Traceability
 - Repo architecture: `../../../../ai-docs/ARCHITECTURE.md` · Registry: `../../../../ai-docs/SPEC_INDEX.md`
 - Coverage state & contracts baseline: `.sdd/manifest.json`
@@ -4,7 +4,7 @@ import {observer} from 'mobx-react-lite';
 import {ErrorBoundary} from 'react-error-boundary';
 
 import {AIAssistantComponent} from '@webex/cc-components';
-import {useAiAssistant, REAL_TIME_ASSIST_FLAG} from '../helper';
+import {getReceiverSummary, useAiAssistant, REAL_TIME_ASSIST_FLAG} from '../helper';
 import {IAIAssistantProps} from '../ai-assistant.types';
 
 const AIAssistantInternal: React.FunctionComponent<IAIAssistantProps> = observer((props) => {
@@ -24,6 +24,7 @@ const AIAssistantInternal: React.FunctionComponent<IAIAssistantProps> = observer
   return (
     <AIAssistantComponent
       {...hookProps}
+      receiverSummary={getReceiverSummary(currentTask)}
       isFeatureEnabled={isFeatureEnabled}
       hasActiveInteraction={Boolean(interactionId)}
       agentName={agentProfile?.agentName}

@@ -1,10 +1,11 @@
 import {useCallback, useEffect, useMemo, useRef, useState} from 'react';
-import store from '@webex/cc-store';
-import type {RealTimeAssistPayload} from '@webex/cc-store';
+import store, {getAISummarySurface} from '@webex/cc-store';
+import type {ITask, RealTimeAssistPayload} from '@webex/cc-store';
 import type {
   AIAssistantActionEvent,
   AIAssistantChatEntry,
   AIAssistantChromeState,
+  AIAssistantReceiverSummary,
   AIAssistantRequestStatus,
 } from '@webex/cc-components';
 import {
@@ -280,4 +281,27 @@ export const useAiAssistant = (input: UseAiAssistantInput) => {
   return useMemo(() => ({...chrome, ...realTimeAssist}), [chrome, realTimeAssist]);
 };
 
+/** The receiving agent's consult/transfer summary, pushed by the backend for the task's interaction. */
+export const getReceiverSummary = (task?: ITask): AIAssistantReceiverSummary | undefined => {
+  const interactionId = task?.data?.interactionId;
+  const entry = interactionId ? store.aiSummaries?.[interactionId]?.receiver : undefined;
+  const surface = getAISummarySurface(entry);
+  const branchKey = `mid-call:receiver:${interactionId}`;
+  if (surface === 'content' && entry.content.adaptiveCard) {
+    return {
+      surface,
+      branchKey,
+      content: entry.content,
+      contentRevision: entry.revision,
+      selectedFeedback: entry.feedback,
+      feedbackPending: Boolean(entry.feedbackPending),
+      recordReceiverSummaryCopied: (expectedRevision) =>
+        store.recordAISummaryCopied('receiver', expectedRevision, task),
+      setReceiverSummaryFeedback: (feedback, expectedRevision) =>
+        void store.setReceiverSummaryFeedback(feedback, expectedRevision, task),
+    };
+  }
+  return surface === 'unavailable' || surface === 'generic-error' ? {surface, branchKey} : undefined;
+};
+
 export {REAL_TIME_ASSIST_FLAG};
@@ -59,6 +59,7 @@ jest.mock('@webex/cc-components', () => {
 
 jest.mock('@webex/cc-store', () => ({
   __esModule: true,
+  getAISummarySurface: jest.requireActual('../../../store/src/ai-summary').getAISummarySurface,
   default: {
     cc: {
       apiAIAssistant: {
@@ -70,6 +71,7 @@ jest.mock('@webex/cc-store', () => ({
     agentId: 'agent-1',
     featureFlags: {isSuggestedResponsesEnabled: true},
     realTimeAssist: {'interaction-1': []},
+    aiSummaries: {},
     clearRealTimeAssist: jest.fn(),
     logger: {error: jest.fn(), warn: jest.fn()},
   },

@@ -1,27 +1,48 @@
 import React from 'react';
-import {fireEvent, render, screen, within} from '@testing-library/react';
+import {fireEvent, render, screen, waitFor, within} from '@testing-library/react';
+import {runInAction} from 'mobx';
 import {AIAssistant} from '../../src';
 import * as helper from '../../src/helper';
 import store from '@webex/cc-store';
+import type {AISummaryEntry} from '@webex/cc-store';
 import '@testing-library/jest-dom';
 
 jest.mock('@webex/cc-store', () => {
-  return {
-    __esModule: true,
-    default: {
-      cc: {
-        apiAIAssistant: {
-          getRealTimeAssistance: jest.fn(),
-          sendRealTimeAssistanceUserAction: jest.fn(),
-        },
+  const {observable} = jest.requireActual('mobx');
+  const storeMock = {
+    cc: {
+      apiAIAssistant: {
+        getRealTimeAssistance: jest.fn(),
+        sendRealTimeAssistanceUserAction: jest.fn(),
       },
-      currentTask: {data: {interactionId: 'interaction-1'}},
-      agentId: 'agent-1',
-      featureFlags: {isSuggestedResponsesEnabled: true},
-      realTimeAssist: {},
-      onErrorCallback: undefined,
-      clearRealTimeAssist: jest.fn(),
     },
+    currentTask: {data: {interactionId: 'interaction-1'}},
+    agentId: 'agent-1',
+    agentProfile: {},
+    featureFlags: {isSuggestedResponsesEnabled: true},
+    realTimeAssist: {},
+    aiSummaries: {},
+    onErrorCallback: undefined,
+    clearRealTimeAssist: jest.fn(),
+    recordAISummaryCopied: jest.fn(),
+    setReceiverSummaryFeedback: jest.fn(),
+  };
+
+  return {
+    __esModule: true,
+    getAISummarySurface: jest.requireActual('../../../store/src/ai-summary').getAISummarySurface,
+    default: observable.object(storeMock, {
+      cc: observable.ref,
+      currentTask: observable.ref,
+      agentProfile: observable.ref,
+      featureFlags: observable.ref,
+      realTimeAssist: observable.ref,
+      aiSummaries: observable.ref,
+      onErrorCallback: observable.ref,
+      clearRealTimeAssist: false,
+      recordAISummaryCopied: false,
+      setReceiverSummaryFeedback: false,
+    }),
   };
 });
 
@@ -34,23 +55,72 @@ type StoreMock = {
   };
   currentTask?: {data: {interactionId: string}};
   agentId: string;
+  agentProfile: Record<string, unknown>;
   featureFlags: {isSuggestedResponsesEnabled: boolean};
   realTimeAssist: Record<string, unknown>;
+  aiSummaries: Record<string, {receiver?: AISummaryEntry}>;
   onErrorCallback?: jest.Mock;
   clearRealTimeAssist: jest.Mock;
+  recordAISummaryCopied: jest.Mock;
+  setReceiverSummaryFeedback: jest.Mock;
 };
 const storeMock = store as unknown as StoreMock;
 
+const receiverEntry = (overrides: Partial<AISummaryEntry> = {}): AISummaryEntry => ({
+  status: 'ready',
+  revision: 7,
+  copied: 0,
+  edited: false,
+  feedback: 'none',
+  action: 'TRANSFER',
+  content: {
+    adaptiveCard: {
+      type: 'AdaptiveCard',
+      version: '1.5',
+      body: [{type: 'TextBlock', text: 'Receiver summary'}],
+    },
+  },
+  ...overrides,
+});
+
+const receiverErrorEntry = (error: AISummaryEntry['error']): AISummaryEntry =>
+  receiverEntry({status: 'error', error, content: undefined});
+
+const setReceiverEntry = (receiver?: AISummaryEntry): void => {
+  runInAction(() => {
+    storeMock.aiSummaries = receiver ? {'interaction-1': {receiver}} : {};
+  });
+};
+
+const deferred = <T,>(): {
+  promise: Promise<T>;
+  resolve: (value: T) => void;
+} => {
+  let resolve: (value: T) => void = () => undefined;
+  const promise = new Promise<T>((promiseResolve) => {
+    resolve = promiseResolve;
+  });
+  return {promise, resolve};
+};
+
 describe('AIAssistant widget', () => {
   beforeEach(() => {
     jest.clearAllMocks();
     jest.restoreAllMocks();
     jest.spyOn(console, 'error').mockImplementation(() => {});
+    Object.defineProperty(navigator, 'clipboard', {
+      configurable: true,
+      value: {writeText: jest.fn().mockResolvedValue(undefined)},
+    });
     storeMock.currentTask = {data: {interactionId: 'interaction-1'}};
+    storeMock.agentProfile = {};
     storeMock.featureFlags = {isSuggestedResponsesEnabled: true};
     storeMock.realTimeAssist = {};
+    storeMock.aiSummaries = {};
     storeMock.onErrorCallback = undefined;
+    storeMock.recordAISummaryCopied.mockReturnValue(true);
     storeMock.cc.apiAIAssistant.sendRealTimeAssistanceUserAction.mockResolvedValue(undefined);
+    storeMock.setReceiverSummaryFeedback.mockResolvedValue(undefined);
   });
 
   it('renders launcher when chrome is closed', () => {
@@ -106,6 +176,99 @@ describe('AIAssistant widget', () => {
     expect(container.querySelector('.my-host-class')).toBeInTheDocument();
   });
 
+  it('should omit the View summary trigger until a receiver summary arrives for the current interaction', () => {
+    runInAction(() => {
+      storeMock.aiSummaries = {'other-interaction': {receiver: receiverEntry()}};
+    });
+    render(<AIAssistant />);
+    expect(screen.queryByTestId('ai-assistant:view-summary')).not.toBeInTheDocument();
+  });
+
+  it('re-renders the receiver summary branch when the observable surface changes', async () => {
+    setReceiverEntry(receiverErrorEntry('unsupported'));
+    render(<AIAssistant />);
+
+    fireEvent.click(screen.getByTestId('ai-assistant:view-summary'));
+    expect(screen.getByTestId('ai-summary:unavailable')).toBeInTheDocument();
+
+    setReceiverEntry(receiverErrorEntry('failed'));
+
+    await waitFor(() => expect(screen.getByTestId('ai-summary:error')).toBeInTheDocument());
+    expect(screen.queryByTestId('ai-summary:unavailable')).not.toBeInTheDocument();
+  });
+
+  it('should open the receiver summary from the View summary trigger', async () => {
+    setReceiverEntry(receiverEntry());
+    render(<AIAssistant />);
+
+    fireEvent.click(screen.getByTestId('ai-assistant:view-summary'));
+
+    expect(await screen.findByTestId('ai-assistant:receiver-summary')).toBeInTheDocument();
+  });
+
+  it('opens a receiver summary even when Real-time Assist is disabled', async () => {
+    storeMock.featureFlags = {isSuggestedResponsesEnabled: false};
+    setReceiverEntry(receiverEntry());
+    render(<AIAssistant />);
+
+    fireEvent.click(screen.getByTestId('ai-assistant:view-summary'));
+
+    expect(await screen.findByTestId('ai-assistant:receiver-summary')).toBeInTheDocument();
+    expect(screen.queryByTestId('ai-assistant:landing')).not.toBeInTheDocument();
+  });
+
+  it('routes receiver copy and feedback through the store with the current revision', async () => {
+    setReceiverEntry(receiverEntry());
+    render(<AIAssistant />);
+
+    fireEvent.click(screen.getByTestId('ai-assistant:view-summary'));
+    fireEvent.click(await screen.findByRole('button', {name: 'Copy Summary'}));
+
+    await waitFor(() => expect(navigator.clipboard.writeText).toHaveBeenCalled());
+    expect(storeMock.recordAISummaryCopied).toHaveBeenCalledWith('receiver', 7, storeMock.currentTask);
+
+    fireEvent.click(screen.getByRole('button', {name: 'This is helpful'}));
+
+    await waitFor(() =>
+      expect(storeMock.setReceiverSummaryFeedback).toHaveBeenCalledWith('thumbs_up', 7, storeMock.currentTask)
+    );
+  });
+
+  it('projects receiver feedback pending state as disabled controls without painting a selection', async () => {
+    setReceiverEntry(receiverEntry({feedbackPending: true}));
+    render(<AIAssistant />);
+
+    fireEvent.click(screen.getByTestId('ai-assistant:view-summary'));
+
+    const like = await screen.findByRole('button', {name: 'This is helpful'});
+    expect(like).toBeDisabled();
+    expect(like).toHaveAttribute('aria-pressed', 'false');
+  });
+
+  it('replaces receiver feedback projections only after the store confirms the selection', async () => {
+    const feedbackSend = deferred<void>();
+    setReceiverEntry(receiverEntry());
+    storeMock.setReceiverSummaryFeedback.mockImplementationOnce(() => {
+      setReceiverEntry(receiverEntry({feedbackPending: true}));
+      return feedbackSend.promise;
+    });
+    render(<AIAssistant />);
+
+    fireEvent.click(screen.getByTestId('ai-assistant:view-summary'));
+    const like = await screen.findByRole('button', {name: 'This is helpful'});
+    fireEvent.click(like);
+
+    await waitFor(() => expect(like).toBeDisabled());
+    expect(like).toHaveAttribute('aria-pressed', 'false');
+
+    feedbackSend.resolve();
+    setReceiverEntry(receiverEntry({feedback: 'thumbs_up'}));
+
+    await waitFor(() =>
+      expect(screen.getByRole('button', {name: 'This is helpful'})).toHaveAttribute('aria-pressed', 'true')
+    );
+  });
+
   it('routes errors thrown in the hook to store.onErrorCallback', () => {
     const onErrorCallback = jest.fn();
     storeMock.onErrorCallback = onErrorCallback;

@@ -353,6 +353,37 @@ Each component is tested in isolation with React Testing Library: render from a
 | `CC-COMPONENTS-R-017`  | `tests/components/task/CallControlCAD/call-control-cad.tsx` (Momentum structure/configuration, sections, immediate/confirmed Drop, pending/consult disabled state, read-only rows, focus fallback, live regions) | Momentum overlay keyboard behavior and visual placement receive final manual coverage |
 | `CC-COMPONENTS-R-018`  | `tests/components/task/CallControl/CallControlCustom/consult-transfer-popover.tsx`, `tests/components/task/CallControl/CallControlCustom/consult-transfer-popover.snapshot.tsx`                       | None                                                   |
 
+## AI summary presentation
+
+The internal `components/AISummary` surface renders generating, unavailable, error,
+and content states from props. Initiator and post-call summaries support keyed text
+edits, copy and feedback. Post-call supports Retry and a read-only Outcome from SDK
+`resolution`; the display labels never become SDK section keys. Receiver summaries
+use copy and feedback actions around a display-only Adaptive Card.
+
+CallControl's optional `aiSummary` prop contains the views and request callbacks.
+For eligible voice tasks, opening consult/transfer requests a summary and renders
+destination radios with the summary below the existing results. That layout stays
+stable while the open popover loses summary eligibility; voice tasks without summary
+eligibility retain the existing category buttons, reload control and list layout.
+`WrapUpSummary` shows searchable reasons and the post-call summary. Complete Wrap-Up
+remains available during generation; while completion is pending, summary edits and
+completion are disabled. The existing wrap-up form keeps its previous submission behavior.
+
+`AIAssistantComponent.receiverSummary` adds View summary to closed/minimized chrome
+and opens the receiver branch independently of Real-time Assist enablement. Copy uses
+visible card text; card actions remain inert. The receiver content revision resets
+its renderer's error boundary when replacement content arrives. Summary components recover focus when a focused
+summary control or branch is removed and no connected control has taken focus.
+
+These components receive data and callbacks through props and make no SDK calls.
+`AISummary` remains internal; it is not exported by the package's root React barrel.
+
+Evidence: `components/AISummary/`, `components/AIAssistant/`, and
+`components/task/CallControl/`; tests: the corresponding `tests/components/` suites,
+including `AISummary/ai-summary.tsx`, `AIAssistant/ai-assistant.tsx`,
+`CallControl/call-control.tsx`, `consult-transfer-popover.tsx`, and `wrap-up-summary.tsx`.
+
 ## Traceability
 
 - Repo architecture: [`ARCHITECTURE.md`](../../../../ai-docs/ARCHITECTURE.md) · Registry: [`SPEC_INDEX.md`](../../../../ai-docs/SPEC_INDEX.md) · Contracts: [`CONTRACTS.md`](../../../../ai-docs/CONTRACTS.md)