@pega/cosmos-react-work 8.0.0-build.44.2 → 8.0.0-build.44.4

package/lib/components/CaseView/CaseView.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"CaseView.types.js","sourceRoot":"","sources":["../../../src/components/CaseView/CaseView.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ReactNode, MouseEvent, MouseEventHandler } from 'react';\n\nimport type {\n  Tab,\n  NoChildrenProp,\n  FieldValueListItemProps,\n  ForwardProps,\n  MenuItemProps,\n  Action,\n  BaseProps,\n  TestIdProp\n} from '@pega/cosmos-react-core';\n\nimport type { State, UtilitiesGenAICoachProps } from '../GenAICoach/GenAICoach.types';\n\nimport type { getCaseViewTestIds } from './CaseView.test-ids';\n\nexport type CaseSummaryFieldsProps = {\n  primary?: SummaryField[];\n  secondary?: SummaryField[];\n  inSummaryPanel?: boolean;\n};\n\nexport type SummaryField = {\n  name: FieldValueListItemProps['name'];\n  value: FieldValueListItemProps['value'];\n  simpleValue?: string | number | ReactNode;\n  variant?: FieldValueListItemProps['variant'];\n};\n\nexport type UtilitySummaryItem = {\n  id: string;\n  iconName: string;\n  name: string;\n  count?: number;\n  showNotification?: boolean;\n  onClick?: MouseEventHandler<HTMLButtonElement>;\n};\n\nexport interface CaseViewGenAICoachProps extends UtilitiesGenAICoachProps {\n  /** Called when the state of the coach in utilities is changed */\n  onStateChange?: (state: State) => void;\n}\n\nexport interface CaseViewProps extends NoChildrenProp, BaseProps, TestIdProp {\n  /** A unique identifier for the case instance. */\n  caseId: string;\n\n  /** Text to quickly identify a case instance. */\n  heading: string;\n\n  /** Supplemental text to identify a case instance. */\n  subheading?: string;\n\n  /** Text to identify a case type. */\n  caseType?: string;\n\n  /** @internal */\n  caseLink?: CaseViewContextValue['caseLink'];\n\n  /** A set of Link props representing the case parents, rendered as Breadcrumbs. */\n  parentCases?: MenuItemProps[];\n\n  /** An icon name to render as a visual in the case view header. */\n  icon?: string;\n\n  /** Indicates if the current user is following the case. This should be updated based on onFollowedChange. */\n  followed?: boolean;\n\n  /** Called when user chooses to follow or unfollow the case. Use this to update followed. */\n  onFollowedChange?: (following: boolean) => void;\n\n  /** Case level actions available in an action menu. */\n  actions?: Action[];\n\n  /** Visually promoted case level actions available outside the menu. */\n  promotedActions?: Action[];\n\n  /** A callback for when the edit button is clicked */\n  onEdit?: () => void;\n\n  /** Field data to render in summary areas. */\n  summaryFields: CaseSummaryFieldsProps;\n\n  /**\n   * Determines the layout state of the summary region.\n   * @default true\n   */\n  summaryExpanded?: boolean;\n\n  /** Callback to toggle the case summary's layout. */\n  onToggleSummary?: () => void;\n\n  /** An object handling the rendering and functionality of the Tabs in CaseSummary. */\n  tabs: {\n    items: Tab[];\n    onClick: (id: string, event?: MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;\n    currentTabId: string;\n  };\n\n  /** A region within the center column that is controlled by tabs in CaseSummary. */\n  tabContent?: { content: ReactNode; id: string }[];\n\n  /** A region to hold a Stages component. */\n  stages?: ReactNode;\n\n  /** A region to hold a Tasks component. */\n  tasks?: ReactNode;\n\n  /** A region above the center column to display banners. */\n  banners?: ReactNode;\n\n  /** A region to the right reserved for persistent utilities. */\n  persistentUtility?: { content: ReactNode; title: string };\n\n  /** Provide an instance of IntelligentGuidance to be rendered for a case. */\n  intelligentGuidance?: ReactNode;\n\n  /** A region for case widgets. */\n  utilities?: ReactNode;\n\n  /** An indicator of case widgets when the utilities are collapsed. */\n  utilitiesSummaryItems?: UtilitySummaryItem[];\n\n  /**\n   * Determines the layout state of the utilities.\n   * @default true\n   */\n  utilitiesExpanded?: boolean;\n\n  /** Callback to toggle the utilities. */\n  onToggleUtilities?: () => void;\n\n  /**\n   * Indicates CaseView is rendered within a CasePreview.\n   * @internal\n   */\n  isPreview?: boolean;\n  /** Gen AI Coach Props */\n  genAICoachProps?: CaseViewGenAICoachProps;\n}\n\nexport interface CaseViewContextValue\n  extends Pick<\n    CaseViewProps,\n    | 'caseId'\n    | 'heading'\n    | 'subheading'\n    | 'caseType'\n    | 'parentCases'\n    | 'icon'\n    | 'followed'\n    | 'onFollowedChange'\n    | 'actions'\n    | 'promotedActions'\n    | 'onEdit'\n    | 'tabs'\n    | 'summaryExpanded'\n    | 'summaryFields'\n    | 'onToggleSummary'\n    | 'utilitiesExpanded'\n    | 'stages'\n    | 'tasks'\n    | 'persistentUtility'\n    | 'intelligentGuidance'\n  > {\n  testIds: Partial<ReturnType<typeof getCaseViewTestIds>>;\n  aboveSM: boolean;\n  aboveMD: boolean;\n  aboveLG: boolean;\n  aboveXL: boolean;\n  isPreview: boolean;\n  caseLink?: { href: string } & ForwardProps;\n}\n"]}
+{"version":3,"file":"CaseView.types.js","sourceRoot":"","sources":["../../../src/components/CaseView/CaseView.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ReactNode, MouseEvent, MouseEventHandler } from 'react';\n\nimport type {\n  Tab,\n  NoChildrenProp,\n  FieldValueListItemProps,\n  ForwardProps,\n  MenuItemProps,\n  Action,\n  BaseProps,\n  TestIdProp\n} from '@pega/cosmos-react-core';\n\nimport type { State, UtilitiesGenAICoachProps } from '../GenAICoach/GenAICoach.types';\n\nimport type { getCaseViewTestIds } from './CaseView.test-ids';\n\nexport type CaseSummaryFieldsProps = {\n  primary?: SummaryField[];\n  secondary?: SummaryField[];\n  inSummaryPanel?: boolean;\n};\n\nexport type SummaryField = {\n  name: FieldValueListItemProps['name'];\n  value: FieldValueListItemProps['value'];\n  simpleValue?: string | number | ReactNode;\n  variant?: FieldValueListItemProps['variant'];\n};\n\nexport type UtilitySummaryItem = {\n  id: string;\n  iconName: string;\n  name: string;\n  count?: number;\n  showNotification?: boolean;\n  onClick?: MouseEventHandler<HTMLButtonElement>;\n};\n\nexport interface CaseViewGenAICoachProps extends UtilitiesGenAICoachProps {\n  /** Called when the state of the coach in utilities is changed */\n  onStateChange?: (state: State) => void;\n}\n\nexport interface CaseViewProps extends NoChildrenProp, BaseProps, TestIdProp {\n  /** A unique identifier for the case instance. */\n  caseId: string;\n\n  /** Text to quickly identify a case instance. */\n  heading: string;\n\n  /** Supplemental text to identify a case instance. */\n  subheading?: string;\n\n  /** Text to identify a case type. */\n  caseType?: string;\n\n  /** @internal */\n  caseLink?: CaseViewContextValue['caseLink'];\n\n  /** A set of Link props representing the case parents, rendered as Breadcrumbs. */\n  parentCases?: MenuItemProps[];\n\n  /** An icon name to render as a visual in the case view header. */\n  icon?: string;\n\n  /** Indicates if the current user is following the case. This should be updated based on onFollowedChange. */\n  followed?: boolean;\n\n  /** Called when user chooses to follow or unfollow the case. Use this to update followed. */\n  onFollowedChange?: (following: boolean) => void;\n\n  /** Case level actions available in an action menu. */\n  actions?: Action[];\n\n  /** Visually promoted case level actions available outside the menu. */\n  promotedActions?: Action[];\n\n  /** A callback for when the edit button is clicked */\n  onEdit?: () => void;\n\n  /** Field data to render in summary areas. */\n  summaryFields: CaseSummaryFieldsProps;\n\n  /**\n   * Determines the layout state of the summary region.\n   * @default true\n   */\n  summaryExpanded?: boolean;\n\n  /** Callback to toggle the case summary's layout. */\n  onToggleSummary?: () => void;\n\n  /** An object handling the rendering and functionality of the Tabs in CaseSummary. */\n  tabs: {\n    items: Tab[];\n    onClick: (id: string, event?: MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;\n    currentTabId: string;\n  };\n\n  /** A region within the center column that is controlled by tabs in CaseSummary. */\n  tabContent?: { content: ReactNode; id: string }[];\n\n  /** A region to hold a Stages component. */\n  stages?: ReactNode;\n\n  /** A region to hold a Tasks component. */\n  tasks?: ReactNode;\n\n  /** A region above the center column to display banners. */\n  banners?: ReactNode;\n\n  /** A region to the right reserved for persistent utilities. */\n  persistentUtility?: {\n    content: ReactNode;\n    title: string;\n    showExpand?: boolean;\n  };\n\n  /** Provide an instance of IntelligentGuidance to be rendered for a case. */\n  intelligentGuidance?: ReactNode;\n\n  /** A region for case widgets. */\n  utilities?: ReactNode;\n\n  /** An indicator of case widgets when the utilities are collapsed. */\n  utilitiesSummaryItems?: UtilitySummaryItem[];\n\n  /**\n   * Determines the layout state of the utilities.\n   * @default true\n   */\n  utilitiesExpanded?: boolean;\n\n  /** Callback to toggle the utilities. */\n  onToggleUtilities?: () => void;\n\n  /**\n   * Indicates CaseView is rendered within a CasePreview.\n   * @internal\n   */\n  isPreview?: boolean;\n  /** Gen AI Coach Props */\n  genAICoachProps?: CaseViewGenAICoachProps;\n}\n\nexport interface CaseViewContextValue\n  extends Pick<\n    CaseViewProps,\n    | 'caseId'\n    | 'heading'\n    | 'subheading'\n    | 'caseType'\n    | 'parentCases'\n    | 'icon'\n    | 'followed'\n    | 'onFollowedChange'\n    | 'actions'\n    | 'promotedActions'\n    | 'onEdit'\n    | 'tabs'\n    | 'summaryExpanded'\n    | 'summaryFields'\n    | 'onToggleSummary'\n    | 'utilitiesExpanded'\n    | 'stages'\n    | 'tasks'\n    | 'persistentUtility'\n    | 'intelligentGuidance'\n  > {\n  testIds: Partial<ReturnType<typeof getCaseViewTestIds>>;\n  aboveSM: boolean;\n  aboveMD: boolean;\n  aboveLG: boolean;\n  aboveXL: boolean;\n  isPreview: boolean;\n  caseLink?: { href: string } & ForwardProps;\n}\n"]}

package/lib/components/GenAICoach/GenAICoach.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GenAICoach.d.ts","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAe,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAwD5D,OAAO,EAAyC,KAAK,eAAe,EAAE,MAAM,GAAG,CAAC;;;;AAurBhF,wBAA6D"}
+{"version":3,"file":"GenAICoach.d.ts","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAe,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAyD5D,OAAO,EAAyC,KAAK,eAAe,EAAE,MAAM,GAAG,CAAC;;;;AAisBhF,wBAA6D"}

package/lib/components/GenAICoach/GenAICoach.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { Button, Flex, Icon, MenuButton, Progress, Text, TextArea, createUID, menuHelpers, useI18n, useTestIds, useTheme, withTestIds, registerIcon, usePrevious, getFocusables, isMenuGroupProps, ErrorState, useArrows, focusableSelector, useLiveLog, useOuterEvent, ThemeOverride, hasProp, getActiveElement, useElement, Actions, useBreakpoint, Grid } from '@pega/cosmos-react-core';
+import { Button, Flex, Icon, MenuButton, Progress, Text, TextArea, createUID, menuHelpers, useI18n, useTestIds, useTheme, withTestIds, registerIcon, usePrevious, getFocusables, isMenuGroupProps, ErrorState, useArrows, focusableSelector, useLiveLog, useOuterEvent, ThemeOverride, hasProp, getActiveElement, useElement, Actions, useBreakpoint, Grid, useRefMap } from '@pega/cosmos-react-core';
 import * as caretUpIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-up.icon';
 import * as timesIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/times.icon';
 import * as caretDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-down.icon';
@@ -18,6 +18,7 @@ const GenAICoach = ({ testId, coachOptions: coachOptionsProps, onCoachChange: on
     const elementRef = useRef(null);
     const conversationRef = useRef(null);
     const genAICoachRef = useRef(null);
+    const [messageEls, getMessageCbRef] = useRefMap();
     const isSmallOrAbove = useBreakpoint('sm', {
         breakpointRef: genAICoachRef
     });
@@ -102,12 +103,18 @@ const GenAICoach = ({ testId, coachOptions: coachOptionsProps, onCoachChange: on
                                 isUserTriggered.current = true;
                             }, children: _jsx(Icon, { name: 'minus' }) })), actions && (_jsx(Actions, { "data-testid": testIds.actions, contextualLabel: selectedCoach, ...actions })), variant.placement === 'dialog' && (_jsx(Button, { icon: true, label: t('close'), "aria-label": t('agent_noun', [t('close')]), variant: 'simple', onClick: variant.onClose, children: _jsx(Icon, { name: 'times' }) }))] })] }));
     }, [variant, coachOptions]);
+    const getMessageContainingElement = (element) => {
+        if (element)
+            return Array.from(messageEls.values()).find(el => el && el.contains(element));
+        return null;
+    };
     const setLastFocusableElement = () => {
         focusInMessageListRef.current = false;
-        lastFocusedMessageRef.current = conversationRef?.current?.querySelector(':focus') || null;
+        lastFocusedMessageRef.current = elementRef.current ?? null;
         if (lastFocusedMessageRef.current &&
             lastFocusedMessageRef.current?.tagName.toLowerCase() !== 'li') {
-            lastFocusedMessageRef.current = lastFocusedMessageRef.current.closest('li[type="message"]');
+            lastFocusedMessageRef.current =
+                getMessageContainingElement(lastFocusedMessageRef.current) ?? null;
         }
     };
     const onResize = () => {
@@ -239,25 +246,22 @@ const GenAICoach = ({ testId, coachOptions: coachOptionsProps, onCoachChange: on
                             }, onKeyDown: (e) => {
                                 if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {
                                     setArrowKey(e.key);
-                                    elementRef.current = null;
+                                    elementRef.current =
+                                        getMessageContainingElement(document.activeElement) ?? null;
+                                    lastFocusedMessageRef.current = elementRef.current;
                                 }
                                 else if (e.key === 'ArrowRight' || e.key === 'ArrowLeft') {
-                                    const currentElement = conversationRef.current?.querySelector('li:focus');
-                                    if (currentElement && currentElement instanceof HTMLElement) {
-                                        elementRef.current = currentElement;
-                                    }
-                                    else {
-                                        elementRef.current =
-                                            conversationRef.current
-                                                ?.querySelector(':focus')
-                                                ?.closest('li[type="message"]') || null;
-                                    }
+                                    const activeMessageElement = Array.from(messageEls.values()).find(el => el === document.activeElement);
+                                    elementRef.current =
+                                        getMessageContainingElement(document.activeElement) ?? null;
                                     initialFocusedElementRef.current = elementRef.current;
-                                    if (currentElement && getFocusables(currentElement).length > 0) {
+                                    if (activeMessageElement &&
+                                        getFocusables(activeMessageElement).length > 0) {
                                         setArrowKey(e.key);
                                     }
                                 }
                                 else if (e.key === 'Tab') {
+                                    e.preventDefault();
                                     setLastFocusableElement();
                                     if (e.shiftKey) {
                                         if (!condition &&
@@ -304,7 +308,7 @@ const GenAICoach = ({ testId, coachOptions: coachOptionsProps, onCoachChange: on
                                         onSend
                                     }
                                     : item;
-                                return (_jsx(GenAIMessage, { ...messageProps, testId: item.id, announceInteraction: !focusInMessageListRef.current }));
+                                return (_jsx(GenAIMessage, { ...messageProps, ref: getMessageCbRef(item.id), testId: item.id, announceInteraction: !focusInMessageListRef.current }));
                             }) })) })) }), ((isInUtilities(variant) && variant.state !== 'minimized') ||
                     !isInUtilities(variant)) && (_jsx(Flex, { container: { direction: 'column' }, as: StyledInputContainer, children: guidedMode ? (_jsx(_Fragment, { children: suggestions && messages.length > 0 && (_jsxs(_Fragment, { children: [latestMessage && isCoachMessage(latestMessage) && latestMessage.loading ? (_jsxs(Flex, { container: {
                                         gap: 1,

package/lib/components/GenAICoach/GenAICoach.js.map

@@ -1 +1 @@
-{"version":3,"file":"GenAICoach.js","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport type { ChangeEvent, FunctionComponent } from 'react';\n\nimport {\n  Button,\n  Flex,\n  Icon,\n  MenuButton,\n  Progress,\n  Text,\n  TextArea,\n  createUID,\n  menuHelpers,\n  useI18n,\n  useTestIds,\n  useTheme,\n  withTestIds,\n  registerIcon,\n  usePrevious,\n  getFocusables,\n  isMenuGroupProps,\n  ErrorState,\n  useArrows,\n  focusableSelector,\n  useLiveLog,\n  useOuterEvent,\n  ThemeOverride,\n  hasProp,\n  getActiveElement,\n  useElement,\n  Actions,\n  useBreakpoint,\n  Grid\n} from '@pega/cosmos-react-core';\nimport type { MenuItemProps, MenuProps } from '@pega/cosmos-react-core';\nimport * as caretUpIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-up.icon';\nimport * as timesIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/times.icon';\nimport * as caretDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-down.icon';\nimport * as minusIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/minus.icon';\nimport * as polarisSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/polaris-solid.icon';\n\nimport { getGenAICoachTestIds } from './GenAICoach.test-ids';\nimport { isCoachMessage, isInUtilities, isUserMessage } from './GenAICoach.utils';\nimport {\n  StyledMessagesContainer,\n  StyledDisclaimerText,\n  StyledGenAICoachContainer,\n  StyledGenAIOptionsMenu,\n  StyledInitialMessageContainer,\n  StyledInputContainer,\n  StyledSuggestions,\n  StyledMessagesList,\n  StyledGridContainer,\n  StyledFlexWrapper\n} from './GenAICoach.styles';\nimport ConversationHistory from './ConversationHistory';\n\nimport { GenAIMessage, InitialSuggestedMessage, type GenAICoachProps } from '.';\n\nregisterIcon(caretUpIcon, timesIcon, caretDownIcon, minusIcon, polarisSolidIcon);\n\nconst GenAICoach: FunctionComponent<GenAICoachProps> = ({\n  testId,\n  coachOptions: coachOptionsProps,\n  onCoachChange: onCoachChangeProp,\n  messages = [],\n  onSend,\n  initialSuggestedMessages,\n  suggestions,\n  loading,\n  error,\n  variant,\n  onOpen,\n  guidedMode = false,\n  actions,\n  conversationHistory,\n  onLayoutChange,\n  ...restProps\n}) => {\n  const theme = useTheme();\n  const t = useI18n();\n\n  const elementRef = useRef<HTMLElement | null>(null);\n  const conversationRef = useRef<HTMLUListElement>(null);\n  const genAICoachRef = useRef<HTMLElement>(null);\n  const isSmallOrAbove = useBreakpoint('sm', {\n    breakpointRef: genAICoachRef\n  });\n  const focusInMessageListRef = useRef(false);\n  const isUserTriggered = useRef(false);\n  const lastFocusedMessageRef = useRef<HTMLElement | null>(null);\n  const initialFocusedElementRef = useRef<HTMLElement | null>(null);\n  const messageContainerRef = useRef<HTMLDivElement>(null);\n  const textAreaRef = useRef<HTMLTextAreaElement>(null);\n  const [suggestionMenuButton, setSuggestionMenuButton] = useElement<HTMLButtonElement>(null);\n  const isGeneratingResponse = useRef(false);\n  const focusTextArea = useRef(false);\n  const historyViewRef = useRef<HTMLUListElement>(null);\n\n  const [message, setMessage] = useState('');\n  const [coachOptions, setCoachOptions] = useState<MenuProps['items']>(coachOptionsProps);\n  const [arrowKey, setArrowKey] = useState<\n    'ArrowRight' | 'ArrowLeft' | 'ArrowUp' | 'ArrowDown' | null\n  >(null);\n\n  const previousMessages = usePrevious(messages);\n  const testIds = useTestIds(testId, getGenAICoachTestIds);\n  const { announcePolite } = useLiveLog();\n\n  const latestMessage = messages.at(-1);\n  const condition =\n    variant.placement === 'dialog' ||\n    variant.placement === 'utilities' ||\n    (variant.placement === 'fullpage' && !isSmallOrAbove) ||\n    !conversationHistory;\n\n  const onCoachChange = (id: MenuItemProps['id']) => {\n    setCoachOptions(cur => {\n      return cur.map(coach => {\n        return {\n          ...coach,\n          selected: coach.id === id\n        };\n      });\n    });\n    onCoachChangeProp?.(id);\n  };\n\n  const selectedCoach = useMemo(() => {\n    const selected = menuHelpers.getSelected(coachOptions)[0];\n    if (selected) return selected.primary;\n\n    if (coachOptions[0]) {\n      if (isMenuGroupProps(coachOptions[0])) {\n        return coachOptions[0].items[0].primary;\n      }\n      return coachOptions[0].primary;\n    }\n  }, [coachOptions]);\n\n  const handleEnterKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === 'Enter' && !e.shiftKey) {\n        e.preventDefault();\n        e.stopPropagation();\n        if (!message || (latestMessage && isCoachMessage(latestMessage) && latestMessage.loading))\n          return;\n        onSend({\n          id: createUID(),\n          message\n        });\n        setMessage('');\n      }\n    },\n    [message, latestMessage]\n  );\n\n  const handleTextAreaChange = useCallback(\n    (e: ChangeEvent<HTMLTextAreaElement>) => {\n      setMessage(e.currentTarget.value);\n    },\n    [setMessage]\n  );\n\n  const renderCoachOptions = useMemo(() => {\n    if (coachOptions.length === 0 || !selectedCoach) {\n      return null;\n    }\n    if (coachOptions.length === 1) {\n      return (\n        <Flex container={{ gap: 1 }}>\n          <Icon name='polaris-solid' color={theme.base.palette.ai} />\n          <Text variant='h3'>{selectedCoach}</Text>\n        </Flex>\n      );\n    }\n    return (\n      <MenuButton\n        text={selectedCoach}\n        aria-label={t('agent_switcher', [selectedCoach])}\n        variant='text'\n        as={StyledGenAIOptionsMenu}\n        icon='polaris-solid'\n        menu={{\n          mode: 'single-select',\n          items: coachOptions,\n          onItemClick: onCoachChange\n        }}\n      />\n    );\n  }, [coachOptions, selectedCoach]);\n\n  const headerContent = useMemo(() => {\n    return isInUtilities(variant) && variant.state === 'minimized' ? (\n      <>\n        <Flex container={{ gap: 1 }}>\n          <Icon name='polaris-solid' color={theme.base.palette.ai} />\n          <Text variant='h3'>{selectedCoach}</Text>\n        </Flex>\n        <Flex container={{ alignItems: 'center' }}>\n          <Button\n            icon\n            label={t('maximize')}\n            aria-label={t('agent_noun', [t('maximize')])}\n            variant='simple'\n            onClick={() => {\n              variant.onStateChange('maximized');\n              isUserTriggered.current = true;\n            }}\n          >\n            <Icon name='caret-up' />\n          </Button>\n        </Flex>\n      </>\n    ) : (\n      <>\n        {renderCoachOptions}\n\n        <Flex container>\n          {isInUtilities(variant) && (\n            <Button\n              icon\n              label={t('minimize')}\n              aria-label={t('agent_noun', [t('minimize')])}\n              variant='simple'\n              onClick={() => {\n                variant.onStateChange('minimized');\n                isUserTriggered.current = true;\n              }}\n            >\n              <Icon name='minus' />\n            </Button>\n          )}\n          {actions && (\n            <Actions data-testid={testIds.actions} contextualLabel={selectedCoach} {...actions} />\n          )}\n          {variant.placement === 'dialog' && (\n            <Button\n              icon\n              label={t('close')}\n              aria-label={t('agent_noun', [t('close')])}\n              variant='simple'\n              onClick={variant.onClose}\n            >\n              <Icon name='times' />\n            </Button>\n          )}\n        </Flex>\n      </>\n    );\n  }, [variant, coachOptions]);\n\n  const setLastFocusableElement = () => {\n    focusInMessageListRef.current = false;\n    lastFocusedMessageRef.current = conversationRef?.current?.querySelector(':focus') || null;\n    if (\n      lastFocusedMessageRef.current &&\n      lastFocusedMessageRef.current?.tagName.toLowerCase() !== 'li'\n    ) {\n      lastFocusedMessageRef.current = lastFocusedMessageRef.current.closest('li[type=\"message\"]');\n    }\n  };\n\n  const onResize = () => {\n    if (genAICoachRef.current && isInUtilities(variant)) {\n      const height = genAICoachRef.current.clientHeight;\n      variant.setGenAIHeight?.(height);\n    }\n  };\n\n  const variantState = useMemo(() => {\n    if (variant.placement === 'utilities') {\n      return variant.state;\n    }\n  }, [variant]);\n\n  useEffect(() => {\n    if (isInUtilities(variant)) {\n      onResize();\n    }\n    if (isUserTriggered.current) {\n      if (\n        isInUtilities(variant) &&\n        (variant.state === 'minimized' || (guidedMode && variant.state === 'maximized')) &&\n        getFocusables(genAICoachRef).length > 0\n      ) {\n        getFocusables(genAICoachRef)[0].focus();\n        isUserTriggered.current = false;\n      } else if (variant.placement !== 'fullpage') {\n        textAreaRef.current?.focus();\n        elementRef.current = null;\n        isUserTriggered.current = false;\n      }\n    }\n  }, [variantState, variant.placement]);\n\n  useEffect(() => {\n    onLayoutChange?.(!condition);\n  }, [condition]);\n\n  useEffect(() => {\n    onOpen?.();\n    window.addEventListener('resize', onResize);\n\n    return () => {\n      window.removeEventListener('resize', onResize);\n    };\n  }, []);\n\n  useEffect(() => {\n    const prevFilteredMsgs = previousMessages?.filter(item => !hasProp(item, 'loading')) ?? [];\n    const currentFilteredMsgs = messages?.filter(item => !hasProp(item, 'loading')) ?? [];\n\n    if (\n      prevFilteredMsgs.length < currentFilteredMsgs.length ||\n      (latestMessage && hasProp(latestMessage, 'loading'))\n    ) {\n      setTimeout(() => {\n        conversationRef.current?.lastElementChild?.scrollIntoView({\n          behavior: 'smooth',\n          block: 'nearest'\n        });\n      }, 0);\n      if (latestMessage && isUserMessage(latestMessage)) {\n        textAreaRef.current?.focus();\n        setLastFocusableElement();\n        elementRef.current = null;\n        setArrowKey(null);\n      } else if (latestMessage?.loading) {\n        isGeneratingResponse.current = true;\n      } else {\n        announcePolite({ message: t('agent_noun', [`${t('new_message')} ${t('from')}`]) });\n      }\n    }\n  }, [messages]);\n\n  useEffect(() => {\n    if (suggestionMenuButton && isGeneratingResponse.current) {\n      announcePolite({ message: t('response_generated') });\n      isGeneratingResponse.current = false;\n\n      const activeElement = getActiveElement();\n      if (activeElement && activeElement === document.body) suggestionMenuButton.focus();\n    }\n  }, [suggestionMenuButton]);\n\n  /** Supports arrow key behaviors */\n  useEffect(() => {\n    const focusables = getFocusables(elementRef);\n    if (arrowKey === 'ArrowRight') {\n      focusables[0]?.focus();\n    } else if (arrowKey === 'ArrowLeft') {\n      focusables[focusables.length - 1]?.focus();\n    }\n  }, [arrowKey, elementRef.current]);\n\n  useArrows(\n    conversationRef,\n    {\n      cycle: true,\n      selector: ':scope > li',\n      dir: 'up-down',\n      allowTabFocus: true,\n      initialFocusElement: initialFocusedElementRef.current\n    },\n    [messages, initialFocusedElementRef.current]\n  );\n\n  useArrows(\n    elementRef,\n    {\n      cycle: true,\n      selector: `li ${focusableSelector}`,\n      dir: 'left-right',\n      allowTabFocus: true,\n      updateTabIndex: false\n    },\n    [messages, elementRef.current, arrowKey]\n  );\n\n  useOuterEvent('mousedown', [conversationRef.current], () => {\n    setArrowKey(null);\n    focusInMessageListRef.current = false;\n  });\n\n  const GenAICoachElement = (\n    <>\n      {((isInUtilities(variant) && variant.state !== 'minimized') || !isInUtilities(variant)) && (\n        <Flex container={{ direction: 'column' }} as={StyledFlexWrapper}>\n          <Flex\n            as={StyledMessagesContainer}\n            ref={messageContainerRef}\n            container={\n              loading || error\n                ? { direction: 'column', pad: [0, 2], justify: 'center' }\n                : { direction: 'column', pad: [0, 2] }\n            }\n            item={{ grow: 1 }}\n          >\n            {loading || error ? (\n              <Flex container={{ justify: 'center', alignItems: 'center' }}>\n                {loading ? (\n                  <Progress\n                    variant='ring'\n                    placement='block'\n                    message={typeof loading === 'string' ? loading : t('loading')}\n                  />\n                ) : (\n                  <ErrorState message={error} />\n                )}\n              </Flex>\n            ) : (\n              <>\n                {messages.length === 0 ? (\n                  <Flex\n                    as={StyledInitialMessageContainer}\n                    container={{\n                      justify: 'center',\n                      direction: 'column',\n                      gap: 8\n                    }}\n                    item={{ grow: 1 }}\n                  >\n                    {((isInUtilities(variant) && variant.state === 'maximized') ||\n                      !isInUtilities(variant)) && (\n                      <Flex container={{ direction: 'column', alignItems: 'center', gap: 2 }}>\n                        <Icon name='polaris-solid' size='l' color={theme.base.palette.ai} />\n                        <Text variant='h2'>{t('welcome_text')}</Text>\n                      </Flex>\n                    )}\n                    <Flex container={{ direction: 'column', gap: 1.5 }}>\n                      {initialSuggestedMessages?.map(initialSuggestedMessage => (\n                        <InitialSuggestedMessage\n                          {...initialSuggestedMessage}\n                          onSend={initialMessage => {\n                            onSend(initialMessage);\n                            isUserTriggered.current = true;\n                          }}\n                          testId={initialSuggestedMessage.id}\n                        />\n                      ))}\n                    </Flex>\n                  </Flex>\n                ) : (\n                  <Flex\n                    as={StyledMessagesList}\n                    ref={conversationRef}\n                    aria-label={`${t('conversation')} ${t('view')}`}\n                    container={{ direction: 'column' }}\n                    onFocus={() => {\n                      if (!focusInMessageListRef.current) {\n                        if (lastFocusedMessageRef.current) {\n                          lastFocusedMessageRef.current.focus();\n                        } else {\n                          /** Focus on the latest message if the chat message list was never focused */\n                          const lastChild =\n                            conversationRef.current && conversationRef.current.lastElementChild;\n                          if (lastChild instanceof HTMLElement) {\n                            lastChild.focus();\n                          }\n                        }\n                      }\n                      focusInMessageListRef.current = true;\n                      setArrowKey(null);\n                    }}\n                    onKeyDown={(e: KeyboardEvent) => {\n                      if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n                        setArrowKey(e.key);\n                        elementRef.current = null;\n                      } else if (e.key === 'ArrowRight' || e.key === 'ArrowLeft') {\n                        const currentElement = conversationRef.current?.querySelector('li:focus');\n                        if (currentElement && currentElement instanceof HTMLElement) {\n                          elementRef.current = currentElement;\n                        } else {\n                          elementRef.current =\n                            conversationRef.current\n                              ?.querySelector(':focus')\n                              ?.closest('li[type=\"message\"]') || null;\n                        }\n                        initialFocusedElementRef.current = elementRef.current;\n\n                        if (currentElement && getFocusables(currentElement).length > 0) {\n                          setArrowKey(e.key);\n                        }\n                      } else if (e.key === 'Tab') {\n                        setLastFocusableElement();\n                        if (e.shiftKey) {\n                          if (\n                            !condition &&\n                            conversationHistory &&\n                            conversationHistory.selectedItemId\n                          ) {\n                            const selectedId = historyViewRef.current?.querySelector<HTMLLIElement>(\n                              `li[id=\"${conversationHistory.selectedItemId}\"]`\n                            );\n\n                            if (selectedId) {\n                              selectedId.focus();\n                              e.preventDefault();\n                            }\n                          } else {\n                            const prevElement =\n                              conversationRef.current?.parentElement?.parentElement\n                                ?.previousElementSibling;\n                            if (prevElement) {\n                              const focusables = getFocusables(prevElement);\n                              if (focusables.length) {\n                                e.preventDefault();\n                                focusables[focusables.length - 1].focus();\n                              }\n                            }\n                          }\n                        } else {\n                          const nextElement =\n                            conversationRef.current?.parentElement?.nextElementSibling;\n                          if (nextElement) {\n                            const focusables = getFocusables(nextElement);\n                            if (focusables.length) {\n                              e.preventDefault();\n                              focusables[0].focus();\n                            }\n                          }\n\n                          setArrowKey(null);\n                        }\n                      }\n                    }}\n                  >\n                    {messages.map(item => {\n                      const messageProps = isCoachMessage(item)\n                        ? {\n                            ...item,\n                            suggestions:\n                              messages.findLast(messageItem => isCoachMessage(messageItem))?.id ===\n                              item.id\n                                ? item.suggestions\n                                : undefined,\n                            onSend\n                          }\n                        : item;\n\n                      return (\n                        <GenAIMessage\n                          {...messageProps}\n                          testId={item.id}\n                          announceInteraction={!focusInMessageListRef.current}\n                        />\n                      );\n                    })}\n                  </Flex>\n                )}\n              </>\n            )}\n          </Flex>\n\n          {((isInUtilities(variant) && variant.state !== 'minimized') ||\n            !isInUtilities(variant)) && (\n            <Flex container={{ direction: 'column' }} as={StyledInputContainer}>\n              {guidedMode ? (\n                <>\n                  {suggestions && messages.length > 0 && (\n                    <>\n                      {latestMessage && isCoachMessage(latestMessage) && latestMessage.loading ? (\n                        <Flex\n                          container={{\n                            gap: 1,\n                            justify: 'center',\n                            alignItems: 'center',\n                            pad: 1\n                          }}\n                        >\n                          {t('generating_response')}\n                          <Progress\n                            placement='inline'\n                            focusOnVisible\n                            message={t('generating_response')}\n                          />\n                        </Flex>\n                      ) : (\n                        <ThemeOverride\n                          theme={{\n                            components: {\n                              button: {\n                                color: theme.base.palette.ai,\n                                'secondary-color': theme.base.palette.ai,\n                                'secondary-fill-style': 'outline'\n                              }\n                            }\n                          }}\n                        >\n                          <MenuButton\n                            text={t('ask_coach', [selectedCoach ?? ''])}\n                            variant='primary'\n                            icon='polaris-solid'\n                            ref={setSuggestionMenuButton}\n                            menu={{\n                              items: suggestions,\n                              onItemClick: id => {\n                                const selected = menuHelpers.getItem(suggestions, id);\n                                if (selected)\n                                  onSend({\n                                    id: selected.id,\n                                    message: selected.primary\n                                  });\n                              }\n                            }}\n                          />\n                        </ThemeOverride>\n                      )}\n\n                      <StyledDisclaimerText>{t('ai_disclaimer')}</StyledDisclaimerText>\n                    </>\n                  )}\n                </>\n              ) : (\n                <>\n                  <TextArea\n                    ref={textAreaRef}\n                    label={t('message_pega_gen_ai_coach', [selectedCoach ?? ''])}\n                    value={message}\n                    onKeyDown={handleEnterKeyDown}\n                    onChange={handleTextAreaChange}\n                    autoResize={false}\n                  />\n\n                  {latestMessage && isCoachMessage(latestMessage) && latestMessage.loading ? (\n                    <Flex\n                      container={{\n                        gap: 1,\n                        justify: 'end',\n                        alignItems: 'center',\n                        pad: 1\n                      }}\n                    >\n                      {t('generating_response')}\n                      <Progress placement='inline' />\n                    </Flex>\n                  ) : (\n                    <Flex\n                      container={{\n                        gap: 2,\n                        justify: 'end',\n                        pad: [1, undefined, undefined]\n                      }}\n                    >\n                      {suggestions && (\n                        <MenuButton\n                          text={t('suggestions')}\n                          variant='text'\n                          icon='polaris-solid'\n                          as={StyledSuggestions}\n                          menu={{\n                            items: suggestions,\n                            onItemClick: id => {\n                              const selected = menuHelpers.getItem(suggestions, id);\n                              if (selected)\n                                onSend({\n                                  id: selected.id,\n                                  message: selected.primary\n                                });\n                            }\n                          }}\n                        />\n                      )}\n                      <Button\n                        variant='primary'\n                        onClick={\n                          message\n                            ? () => {\n                                onSend({\n                                  id: createUID(),\n                                  message\n                                });\n                                setMessage('');\n                              }\n                            : undefined\n                        }\n                      >\n                        {t('send')}\n                      </Button>\n                    </Flex>\n                  )}\n\n                  <StyledDisclaimerText inFullPage={!condition}>\n                    {t('ai_disclaimer')}\n                  </StyledDisclaimerText>\n                </>\n              )}\n            </Flex>\n          )}\n        </Flex>\n      )}\n    </>\n  );\n\n  useEffect(() => {\n    if (focusTextArea.current && !conversationHistory && textAreaRef.current) {\n      textAreaRef.current.focus();\n      focusTextArea.current = false;\n    }\n  }, [conversationHistory, focusTextArea.current]);\n\n  const historyView = conversationHistory && (\n    <ConversationHistory\n      testId={testIds.root}\n      {...conversationHistory}\n      onItemClick={conversationId => {\n        if (condition) {\n          focusTextArea.current = true;\n        } else {\n          textAreaRef.current?.focus();\n        }\n\n        conversationHistory.onItemClick?.(conversationId);\n      }}\n      onDismiss={() => {\n        focusTextArea.current = true;\n        conversationHistory.onDismiss();\n      }}\n      inFullPage={!condition}\n      ref={historyViewRef}\n    />\n  );\n\n  return (\n    <Flex\n      container={{ direction: 'column' }}\n      as={StyledGenAICoachContainer}\n      data-testid={testIds.root}\n      variant={variant}\n      ref={genAICoachRef}\n      {...restProps}\n    >\n      <Flex container={{ justify: 'between', alignItems: 'center', pad: [1.5, 2, 0.5] }}>\n        {headerContent}\n      </Flex>\n      {condition ? (\n        <>{conversationHistory ? historyView : GenAICoachElement}</>\n      ) : (\n        <Grid\n          container={{ gap: 0.5, cols: '2fr 3fr' }}\n          as={StyledGridContainer}\n          conversationHistory={!!conversationHistory}\n        >\n          {historyView}\n          {GenAICoachElement}\n        </Grid>\n      )}\n    </Flex>\n  );\n};\n\nexport default withTestIds(GenAICoach, getGenAICoachTestIds);\n"]}
+{"version":3,"file":"GenAICoach.js","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport type { ChangeEvent, FunctionComponent } from 'react';\n\nimport {\n  Button,\n  Flex,\n  Icon,\n  MenuButton,\n  Progress,\n  Text,\n  TextArea,\n  createUID,\n  menuHelpers,\n  useI18n,\n  useTestIds,\n  useTheme,\n  withTestIds,\n  registerIcon,\n  usePrevious,\n  getFocusables,\n  isMenuGroupProps,\n  ErrorState,\n  useArrows,\n  focusableSelector,\n  useLiveLog,\n  useOuterEvent,\n  ThemeOverride,\n  hasProp,\n  getActiveElement,\n  useElement,\n  Actions,\n  useBreakpoint,\n  Grid,\n  useRefMap\n} from '@pega/cosmos-react-core';\nimport type { MenuItemProps, MenuProps } from '@pega/cosmos-react-core';\nimport * as caretUpIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-up.icon';\nimport * as timesIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/times.icon';\nimport * as caretDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-down.icon';\nimport * as minusIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/minus.icon';\nimport * as polarisSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/polaris-solid.icon';\n\nimport { getGenAICoachTestIds } from './GenAICoach.test-ids';\nimport { isCoachMessage, isInUtilities, isUserMessage } from './GenAICoach.utils';\nimport {\n  StyledMessagesContainer,\n  StyledDisclaimerText,\n  StyledGenAICoachContainer,\n  StyledGenAIOptionsMenu,\n  StyledInitialMessageContainer,\n  StyledInputContainer,\n  StyledSuggestions,\n  StyledMessagesList,\n  StyledGridContainer,\n  StyledFlexWrapper\n} from './GenAICoach.styles';\nimport ConversationHistory from './ConversationHistory';\n\nimport { GenAIMessage, InitialSuggestedMessage, type GenAICoachProps } from '.';\n\nregisterIcon(caretUpIcon, timesIcon, caretDownIcon, minusIcon, polarisSolidIcon);\n\nconst GenAICoach: FunctionComponent<GenAICoachProps> = ({\n  testId,\n  coachOptions: coachOptionsProps,\n  onCoachChange: onCoachChangeProp,\n  messages = [],\n  onSend,\n  initialSuggestedMessages,\n  suggestions,\n  loading,\n  error,\n  variant,\n  onOpen,\n  guidedMode = false,\n  actions,\n  conversationHistory,\n  onLayoutChange,\n  ...restProps\n}) => {\n  const theme = useTheme();\n  const t = useI18n();\n\n  const elementRef = useRef<HTMLElement | null>(null);\n  const conversationRef = useRef<HTMLUListElement>(null);\n  const genAICoachRef = useRef<HTMLElement>(null);\n  const [messageEls, getMessageCbRef] = useRefMap<HTMLLIElement>();\n  const isSmallOrAbove = useBreakpoint('sm', {\n    breakpointRef: genAICoachRef\n  });\n  const focusInMessageListRef = useRef(false);\n  const isUserTriggered = useRef(false);\n  const lastFocusedMessageRef = useRef<HTMLElement | null>(null);\n  const initialFocusedElementRef = useRef<HTMLElement | null>(null);\n  const messageContainerRef = useRef<HTMLDivElement>(null);\n  const textAreaRef = useRef<HTMLTextAreaElement>(null);\n  const [suggestionMenuButton, setSuggestionMenuButton] = useElement<HTMLButtonElement>(null);\n  const isGeneratingResponse = useRef(false);\n  const focusTextArea = useRef(false);\n  const historyViewRef = useRef<HTMLUListElement>(null);\n\n  const [message, setMessage] = useState('');\n  const [coachOptions, setCoachOptions] = useState<MenuProps['items']>(coachOptionsProps);\n  const [arrowKey, setArrowKey] = useState<\n    'ArrowRight' | 'ArrowLeft' | 'ArrowUp' | 'ArrowDown' | null\n  >(null);\n\n  const previousMessages = usePrevious(messages);\n  const testIds = useTestIds(testId, getGenAICoachTestIds);\n  const { announcePolite } = useLiveLog();\n\n  const latestMessage = messages.at(-1);\n  const condition =\n    variant.placement === 'dialog' ||\n    variant.placement === 'utilities' ||\n    (variant.placement === 'fullpage' && !isSmallOrAbove) ||\n    !conversationHistory;\n\n  const onCoachChange = (id: MenuItemProps['id']) => {\n    setCoachOptions(cur => {\n      return cur.map(coach => {\n        return {\n          ...coach,\n          selected: coach.id === id\n        };\n      });\n    });\n    onCoachChangeProp?.(id);\n  };\n\n  const selectedCoach = useMemo(() => {\n    const selected = menuHelpers.getSelected(coachOptions)[0];\n    if (selected) return selected.primary;\n\n    if (coachOptions[0]) {\n      if (isMenuGroupProps(coachOptions[0])) {\n        return coachOptions[0].items[0].primary;\n      }\n      return coachOptions[0].primary;\n    }\n  }, [coachOptions]);\n\n  const handleEnterKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === 'Enter' && !e.shiftKey) {\n        e.preventDefault();\n        e.stopPropagation();\n        if (!message || (latestMessage && isCoachMessage(latestMessage) && latestMessage.loading))\n          return;\n        onSend({\n          id: createUID(),\n          message\n        });\n        setMessage('');\n      }\n    },\n    [message, latestMessage]\n  );\n\n  const handleTextAreaChange = useCallback(\n    (e: ChangeEvent<HTMLTextAreaElement>) => {\n      setMessage(e.currentTarget.value);\n    },\n    [setMessage]\n  );\n\n  const renderCoachOptions = useMemo(() => {\n    if (coachOptions.length === 0 || !selectedCoach) {\n      return null;\n    }\n    if (coachOptions.length === 1) {\n      return (\n        <Flex container={{ gap: 1 }}>\n          <Icon name='polaris-solid' color={theme.base.palette.ai} />\n          <Text variant='h3'>{selectedCoach}</Text>\n        </Flex>\n      );\n    }\n    return (\n      <MenuButton\n        text={selectedCoach}\n        aria-label={t('agent_switcher', [selectedCoach])}\n        variant='text'\n        as={StyledGenAIOptionsMenu}\n        icon='polaris-solid'\n        menu={{\n          mode: 'single-select',\n          items: coachOptions,\n          onItemClick: onCoachChange\n        }}\n      />\n    );\n  }, [coachOptions, selectedCoach]);\n\n  const headerContent = useMemo(() => {\n    return isInUtilities(variant) && variant.state === 'minimized' ? (\n      <>\n        <Flex container={{ gap: 1 }}>\n          <Icon name='polaris-solid' color={theme.base.palette.ai} />\n          <Text variant='h3'>{selectedCoach}</Text>\n        </Flex>\n        <Flex container={{ alignItems: 'center' }}>\n          <Button\n            icon\n            label={t('maximize')}\n            aria-label={t('agent_noun', [t('maximize')])}\n            variant='simple'\n            onClick={() => {\n              variant.onStateChange('maximized');\n              isUserTriggered.current = true;\n            }}\n          >\n            <Icon name='caret-up' />\n          </Button>\n        </Flex>\n      </>\n    ) : (\n      <>\n        {renderCoachOptions}\n\n        <Flex container>\n          {isInUtilities(variant) && (\n            <Button\n              icon\n              label={t('minimize')}\n              aria-label={t('agent_noun', [t('minimize')])}\n              variant='simple'\n              onClick={() => {\n                variant.onStateChange('minimized');\n                isUserTriggered.current = true;\n              }}\n            >\n              <Icon name='minus' />\n            </Button>\n          )}\n          {actions && (\n            <Actions data-testid={testIds.actions} contextualLabel={selectedCoach} {...actions} />\n          )}\n          {variant.placement === 'dialog' && (\n            <Button\n              icon\n              label={t('close')}\n              aria-label={t('agent_noun', [t('close')])}\n              variant='simple'\n              onClick={variant.onClose}\n            >\n              <Icon name='times' />\n            </Button>\n          )}\n        </Flex>\n      </>\n    );\n  }, [variant, coachOptions]);\n\n  const getMessageContainingElement = (element: Element | null) => {\n    if (element) return Array.from(messageEls.values()).find(el => el && el.contains(element));\n    return null;\n  };\n\n  const setLastFocusableElement = () => {\n    focusInMessageListRef.current = false;\n    lastFocusedMessageRef.current = elementRef.current ?? null;\n    if (\n      lastFocusedMessageRef.current &&\n      lastFocusedMessageRef.current?.tagName.toLowerCase() !== 'li'\n    ) {\n      lastFocusedMessageRef.current =\n        getMessageContainingElement(lastFocusedMessageRef.current) ?? null;\n    }\n  };\n\n  const onResize = () => {\n    if (genAICoachRef.current && isInUtilities(variant)) {\n      const height = genAICoachRef.current.clientHeight;\n      variant.setGenAIHeight?.(height);\n    }\n  };\n\n  const variantState = useMemo(() => {\n    if (variant.placement === 'utilities') {\n      return variant.state;\n    }\n  }, [variant]);\n\n  useEffect(() => {\n    if (isInUtilities(variant)) {\n      onResize();\n    }\n    if (isUserTriggered.current) {\n      if (\n        isInUtilities(variant) &&\n        (variant.state === 'minimized' || (guidedMode && variant.state === 'maximized')) &&\n        getFocusables(genAICoachRef).length > 0\n      ) {\n        getFocusables(genAICoachRef)[0].focus();\n        isUserTriggered.current = false;\n      } else if (variant.placement !== 'fullpage') {\n        textAreaRef.current?.focus();\n        elementRef.current = null;\n        isUserTriggered.current = false;\n      }\n    }\n  }, [variantState, variant.placement]);\n\n  useEffect(() => {\n    onLayoutChange?.(!condition);\n  }, [condition]);\n\n  useEffect(() => {\n    onOpen?.();\n    window.addEventListener('resize', onResize);\n\n    return () => {\n      window.removeEventListener('resize', onResize);\n    };\n  }, []);\n\n  useEffect(() => {\n    const prevFilteredMsgs = previousMessages?.filter(item => !hasProp(item, 'loading')) ?? [];\n    const currentFilteredMsgs = messages?.filter(item => !hasProp(item, 'loading')) ?? [];\n\n    if (\n      prevFilteredMsgs.length < currentFilteredMsgs.length ||\n      (latestMessage && hasProp(latestMessage, 'loading'))\n    ) {\n      setTimeout(() => {\n        conversationRef.current?.lastElementChild?.scrollIntoView({\n          behavior: 'smooth',\n          block: 'nearest'\n        });\n      }, 0);\n      if (latestMessage && isUserMessage(latestMessage)) {\n        textAreaRef.current?.focus();\n        setLastFocusableElement();\n        elementRef.current = null;\n        setArrowKey(null);\n      } else if (latestMessage?.loading) {\n        isGeneratingResponse.current = true;\n      } else {\n        announcePolite({ message: t('agent_noun', [`${t('new_message')} ${t('from')}`]) });\n      }\n    }\n  }, [messages]);\n\n  useEffect(() => {\n    if (suggestionMenuButton && isGeneratingResponse.current) {\n      announcePolite({ message: t('response_generated') });\n      isGeneratingResponse.current = false;\n\n      const activeElement = getActiveElement();\n      if (activeElement && activeElement === document.body) suggestionMenuButton.focus();\n    }\n  }, [suggestionMenuButton]);\n\n  /** Supports arrow key behaviors */\n  useEffect(() => {\n    const focusables = getFocusables(elementRef);\n    if (arrowKey === 'ArrowRight') {\n      focusables[0]?.focus();\n    } else if (arrowKey === 'ArrowLeft') {\n      focusables[focusables.length - 1]?.focus();\n    }\n  }, [arrowKey, elementRef.current]);\n\n  useArrows(\n    conversationRef,\n    {\n      cycle: true,\n      selector: ':scope > li',\n      dir: 'up-down',\n      allowTabFocus: true,\n      initialFocusElement: initialFocusedElementRef.current\n    },\n    [messages, initialFocusedElementRef.current]\n  );\n\n  useArrows(\n    elementRef,\n    {\n      cycle: true,\n      selector: `li ${focusableSelector}`,\n      dir: 'left-right',\n      allowTabFocus: true,\n      updateTabIndex: false\n    },\n    [messages, elementRef.current, arrowKey]\n  );\n\n  useOuterEvent('mousedown', [conversationRef.current], () => {\n    setArrowKey(null);\n    focusInMessageListRef.current = false;\n  });\n\n  const GenAICoachElement = (\n    <>\n      {((isInUtilities(variant) && variant.state !== 'minimized') || !isInUtilities(variant)) && (\n        <Flex container={{ direction: 'column' }} as={StyledFlexWrapper}>\n          <Flex\n            as={StyledMessagesContainer}\n            ref={messageContainerRef}\n            container={\n              loading || error\n                ? { direction: 'column', pad: [0, 2], justify: 'center' }\n                : { direction: 'column', pad: [0, 2] }\n            }\n            item={{ grow: 1 }}\n          >\n            {loading || error ? (\n              <Flex container={{ justify: 'center', alignItems: 'center' }}>\n                {loading ? (\n                  <Progress\n                    variant='ring'\n                    placement='block'\n                    message={typeof loading === 'string' ? loading : t('loading')}\n                  />\n                ) : (\n                  <ErrorState message={error} />\n                )}\n              </Flex>\n            ) : (\n              <>\n                {messages.length === 0 ? (\n                  <Flex\n                    as={StyledInitialMessageContainer}\n                    container={{\n                      justify: 'center',\n                      direction: 'column',\n                      gap: 8\n                    }}\n                    item={{ grow: 1 }}\n                  >\n                    {((isInUtilities(variant) && variant.state === 'maximized') ||\n                      !isInUtilities(variant)) && (\n                      <Flex container={{ direction: 'column', alignItems: 'center', gap: 2 }}>\n                        <Icon name='polaris-solid' size='l' color={theme.base.palette.ai} />\n                        <Text variant='h2'>{t('welcome_text')}</Text>\n                      </Flex>\n                    )}\n                    <Flex container={{ direction: 'column', gap: 1.5 }}>\n                      {initialSuggestedMessages?.map(initialSuggestedMessage => (\n                        <InitialSuggestedMessage\n                          {...initialSuggestedMessage}\n                          onSend={initialMessage => {\n                            onSend(initialMessage);\n                            isUserTriggered.current = true;\n                          }}\n                          testId={initialSuggestedMessage.id}\n                        />\n                      ))}\n                    </Flex>\n                  </Flex>\n                ) : (\n                  <Flex\n                    as={StyledMessagesList}\n                    ref={conversationRef}\n                    aria-label={`${t('conversation')} ${t('view')}`}\n                    container={{ direction: 'column' }}\n                    onFocus={() => {\n                      if (!focusInMessageListRef.current) {\n                        if (lastFocusedMessageRef.current) {\n                          lastFocusedMessageRef.current.focus();\n                        } else {\n                          /** Focus on the latest message if the chat message list was never focused */\n                          const lastChild =\n                            conversationRef.current && conversationRef.current.lastElementChild;\n                          if (lastChild instanceof HTMLElement) {\n                            lastChild.focus();\n                          }\n                        }\n                      }\n                      focusInMessageListRef.current = true;\n                      setArrowKey(null);\n                    }}\n                    onKeyDown={(e: KeyboardEvent) => {\n                      if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n                        setArrowKey(e.key);\n                        elementRef.current =\n                          getMessageContainingElement(document.activeElement) ?? null;\n                        lastFocusedMessageRef.current = elementRef.current;\n                      } else if (e.key === 'ArrowRight' || e.key === 'ArrowLeft') {\n                        const activeMessageElement = Array.from(messageEls.values()).find(\n                          el => el === document.activeElement\n                        );\n                        elementRef.current =\n                          getMessageContainingElement(document.activeElement) ?? null;\n                        initialFocusedElementRef.current = elementRef.current;\n\n                        if (\n                          activeMessageElement &&\n                          getFocusables(activeMessageElement).length > 0\n                        ) {\n                          setArrowKey(e.key);\n                        }\n                      } else if (e.key === 'Tab') {\n                        e.preventDefault();\n                        setLastFocusableElement();\n                        if (e.shiftKey) {\n                          if (\n                            !condition &&\n                            conversationHistory &&\n                            conversationHistory.selectedItemId\n                          ) {\n                            const selectedId = historyViewRef.current?.querySelector<HTMLLIElement>(\n                              `li[id=\"${conversationHistory.selectedItemId}\"]`\n                            );\n\n                            if (selectedId) {\n                              selectedId.focus();\n                              e.preventDefault();\n                            }\n                          } else {\n                            const prevElement =\n                              conversationRef.current?.parentElement?.parentElement\n                                ?.previousElementSibling;\n                            if (prevElement) {\n                              const focusables = getFocusables(prevElement);\n                              if (focusables.length) {\n                                e.preventDefault();\n                                focusables[focusables.length - 1].focus();\n                              }\n                            }\n                          }\n                        } else {\n                          const nextElement =\n                            conversationRef.current?.parentElement?.nextElementSibling;\n                          if (nextElement) {\n                            const focusables = getFocusables(nextElement);\n                            if (focusables.length) {\n                              e.preventDefault();\n                              focusables[0].focus();\n                            }\n                          }\n\n                          setArrowKey(null);\n                        }\n                      }\n                    }}\n                  >\n                    {messages.map(item => {\n                      const messageProps = isCoachMessage(item)\n                        ? {\n                            ...item,\n                            suggestions:\n                              messages.findLast(messageItem => isCoachMessage(messageItem))?.id ===\n                              item.id\n                                ? item.suggestions\n                                : undefined,\n                            onSend\n                          }\n                        : item;\n\n                      return (\n                        <GenAIMessage\n                          {...messageProps}\n                          ref={getMessageCbRef(item.id)}\n                          testId={item.id}\n                          announceInteraction={!focusInMessageListRef.current}\n                        />\n                      );\n                    })}\n                  </Flex>\n                )}\n              </>\n            )}\n          </Flex>\n\n          {((isInUtilities(variant) && variant.state !== 'minimized') ||\n            !isInUtilities(variant)) && (\n            <Flex container={{ direction: 'column' }} as={StyledInputContainer}>\n              {guidedMode ? (\n                <>\n                  {suggestions && messages.length > 0 && (\n                    <>\n                      {latestMessage && isCoachMessage(latestMessage) && latestMessage.loading ? (\n                        <Flex\n                          container={{\n                            gap: 1,\n                            justify: 'center',\n                            alignItems: 'center',\n                            pad: 1\n                          }}\n                        >\n                          {t('generating_response')}\n                          <Progress\n                            placement='inline'\n                            focusOnVisible\n                            message={t('generating_response')}\n                          />\n                        </Flex>\n                      ) : (\n                        <ThemeOverride\n                          theme={{\n                            components: {\n                              button: {\n                                color: theme.base.palette.ai,\n                                'secondary-color': theme.base.palette.ai,\n                                'secondary-fill-style': 'outline'\n                              }\n                            }\n                          }}\n                        >\n                          <MenuButton\n                            text={t('ask_coach', [selectedCoach ?? ''])}\n                            variant='primary'\n                            icon='polaris-solid'\n                            ref={setSuggestionMenuButton}\n                            menu={{\n                              items: suggestions,\n                              onItemClick: id => {\n                                const selected = menuHelpers.getItem(suggestions, id);\n                                if (selected)\n                                  onSend({\n                                    id: selected.id,\n                                    message: selected.primary\n                                  });\n                              }\n                            }}\n                          />\n                        </ThemeOverride>\n                      )}\n\n                      <StyledDisclaimerText>{t('ai_disclaimer')}</StyledDisclaimerText>\n                    </>\n                  )}\n                </>\n              ) : (\n                <>\n                  <TextArea\n                    ref={textAreaRef}\n                    label={t('message_pega_gen_ai_coach', [selectedCoach ?? ''])}\n                    value={message}\n                    onKeyDown={handleEnterKeyDown}\n                    onChange={handleTextAreaChange}\n                    autoResize={false}\n                  />\n\n                  {latestMessage && isCoachMessage(latestMessage) && latestMessage.loading ? (\n                    <Flex\n                      container={{\n                        gap: 1,\n                        justify: 'end',\n                        alignItems: 'center',\n                        pad: 1\n                      }}\n                    >\n                      {t('generating_response')}\n                      <Progress placement='inline' />\n                    </Flex>\n                  ) : (\n                    <Flex\n                      container={{\n                        gap: 2,\n                        justify: 'end',\n                        pad: [1, undefined, undefined]\n                      }}\n                    >\n                      {suggestions && (\n                        <MenuButton\n                          text={t('suggestions')}\n                          variant='text'\n                          icon='polaris-solid'\n                          as={StyledSuggestions}\n                          menu={{\n                            items: suggestions,\n                            onItemClick: id => {\n                              const selected = menuHelpers.getItem(suggestions, id);\n                              if (selected)\n                                onSend({\n                                  id: selected.id,\n                                  message: selected.primary\n                                });\n                            }\n                          }}\n                        />\n                      )}\n                      <Button\n                        variant='primary'\n                        onClick={\n                          message\n                            ? () => {\n                                onSend({\n                                  id: createUID(),\n                                  message\n                                });\n                                setMessage('');\n                              }\n                            : undefined\n                        }\n                      >\n                        {t('send')}\n                      </Button>\n                    </Flex>\n                  )}\n\n                  <StyledDisclaimerText inFullPage={!condition}>\n                    {t('ai_disclaimer')}\n                  </StyledDisclaimerText>\n                </>\n              )}\n            </Flex>\n          )}\n        </Flex>\n      )}\n    </>\n  );\n\n  useEffect(() => {\n    if (focusTextArea.current && !conversationHistory && textAreaRef.current) {\n      textAreaRef.current.focus();\n      focusTextArea.current = false;\n    }\n  }, [conversationHistory, focusTextArea.current]);\n\n  const historyView = conversationHistory && (\n    <ConversationHistory\n      testId={testIds.root}\n      {...conversationHistory}\n      onItemClick={conversationId => {\n        if (condition) {\n          focusTextArea.current = true;\n        } else {\n          textAreaRef.current?.focus();\n        }\n\n        conversationHistory.onItemClick?.(conversationId);\n      }}\n      onDismiss={() => {\n        focusTextArea.current = true;\n        conversationHistory.onDismiss();\n      }}\n      inFullPage={!condition}\n      ref={historyViewRef}\n    />\n  );\n\n  return (\n    <Flex\n      container={{ direction: 'column' }}\n      as={StyledGenAICoachContainer}\n      data-testid={testIds.root}\n      variant={variant}\n      ref={genAICoachRef}\n      {...restProps}\n    >\n      <Flex container={{ justify: 'between', alignItems: 'center', pad: [1.5, 2, 0.5] }}>\n        {headerContent}\n      </Flex>\n      {condition ? (\n        <>{conversationHistory ? historyView : GenAICoachElement}</>\n      ) : (\n        <Grid\n          container={{ gap: 0.5, cols: '2fr 3fr' }}\n          as={StyledGridContainer}\n          conversationHistory={!!conversationHistory}\n        >\n          {historyView}\n          {GenAICoachElement}\n        </Grid>\n      )}\n    </Flex>\n  );\n};\n\nexport default withTestIds(GenAICoach, getGenAICoachTestIds);\n"]}

package/lib/components/GenAICoach/GenAICoach.types.d.ts

@@ -22,12 +22,14 @@ export interface MessageProps {
      * @default false
      */
     fromCoachSuggestion?: boolean;
+    /** Ref forwarded to the wrapping element. */
+    ref?: Ref<HTMLLIElement>;
 }
 export type InitialSuggestedMessageProps = Pick<GenAICoachProps, 'onSend'> & BaseProps & TestIdProp & MessageProps;
 export interface UserMessageProps extends BaseProps, TestIdProp, MessageProps {
     from: 'user';
 }
-export type CoachMessageProps = RequireAtLeastOne<Partial<Pick<GenAICoachProps, 'onSend'>> & BaseProps & TestIdProp & Pick<MessageProps, 'id' | 'announceInteraction'> & {
+export type CoachMessageProps = RequireAtLeastOne<Partial<Pick<GenAICoachProps, 'onSend'>> & BaseProps & TestIdProp & Pick<MessageProps, 'id' | 'announceInteraction' | 'ref'> & {
     from: 'coach';
     coachName: string;
     suggestions?: MessageProps[];

package/lib/components/GenAICoach/GenAICoach.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GenAICoach.types.d.ts","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"GenAICoach.types.d.ts","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.types.ts"],"names":[],"mappings":"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"}

package/lib/components/GenAICoach/GenAICoach.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"GenAICoach.types.js","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Dispatch, Ref, SetStateAction } from 'react';\n\nimport type {\n  BaseProps,\n  MenuProps,\n  OmitStrict,\n  ProgressProps,\n  RequireAtLeastOne,\n  TestIdProp,\n  WithAttributes,\n  ActionsProps\n} from '@pega/cosmos-react-core';\n\nexport type State = 'minimized' | 'maximized';\nexport type Reaction = 'liked' | 'disliked';\n\nexport type Variant =\n  | {\n      placement: 'utilities';\n      state: State;\n      onStateChange: (state: State) => void;\n      setGenAIHeight?: Dispatch<SetStateAction<number | undefined>>;\n    }\n  | { placement: 'fullpage' }\n  | { placement: 'dialog'; onClose: () => void };\n\nexport interface MessageProps {\n  id: string;\n  message: string;\n  announceInteraction?: boolean;\n  /**\n   * Whether the message is a suggestion from the coach\n   * @default false\n   */\n  fromCoachSuggestion?: boolean;\n}\n\nexport type InitialSuggestedMessageProps = Pick<GenAICoachProps, 'onSend'> &\n  BaseProps &\n  TestIdProp &\n  MessageProps;\n\nexport interface UserMessageProps extends BaseProps, TestIdProp, MessageProps {\n  from: 'user';\n}\n\nexport type CoachMessageProps = RequireAtLeastOne<\n  Partial<Pick<GenAICoachProps, 'onSend'>> &\n    BaseProps &\n    TestIdProp &\n    Pick<MessageProps, 'id' | 'announceInteraction'> & {\n      from: 'coach';\n      coachName: string;\n      suggestions?: MessageProps[];\n      loading?: boolean;\n      error?: string;\n      message?: MessageProps['message'];\n      feedback?: {\n        reaction: Reaction | undefined;\n        onReaction: (id: MessageProps['id'], reaction: Reaction) => void;\n        onFeedbackComplete: (id: MessageProps['id'], comment?: string) => void;\n      };\n    },\n  'loading' | 'message' | 'error'\n>;\n\nexport type GenAIMessageProps = UserMessageProps | CoachMessageProps;\n\nexport interface ConversationHistoryProps extends TestIdProp {\n  /** List of History items. */\n  data: {\n    id: string;\n    section: string;\n    conversations: {\n      id: string;\n      title: string;\n    }[];\n  }[];\n  /** Click event for items within the list. */\n  onItemClick?: (conversationId: string) => void;\n  /** List loading state. */\n  loading?: boolean;\n  /** Called at scroll trigger to load more items. */\n  loadMore?: () => void;\n  /** True if History view is rendered in Full page view.  */\n  inFullPage?: boolean;\n  /** Callback triggered when closing the history view. */\n  onDismiss: () => void;\n  /** Id of the selected item. */\n  selectedItemId?: string;\n  /** Set if there is an error in retreiving the data. */\n  error?: string;\n  /** Ref forwarded to the wrapping element. */\n  ref?: Ref<HTMLUListElement>;\n}\n\nexport type GenAICoachProps = WithAttributes<\n  'div',\n  TestIdProp & {\n    /** Chat loading indicator */\n    loading?: boolean | ProgressProps['message'];\n    /** Set if there is an error in retreiving the data */\n    error?: string;\n    /** Coaches available in the chat header */\n    coachOptions: MenuProps['items'];\n    /** Handle the coach selections */\n    onCoachChange: (id: MenuProps['id']) => void;\n    /** Suggested messages to start the conversation */\n    initialSuggestedMessages?: MessageProps[];\n    /** Additional suggestions presented at the bottom of the chat window */\n    suggestions?: MenuProps['items'];\n    /** Send prompts */\n    onSend: (message: MessageProps) => void;\n    /** Messages to be shown in the chatting window. */\n    messages?: GenAIMessageProps[];\n    /** Placement of the component   */\n    variant: Variant;\n    /** callback when component is mounted */\n    onOpen?: () => void;\n    /**\n     * User would be guided with selective prompts to enable interaction with coach.\n     * @default false\n     */\n    guidedMode?: boolean;\n    /** Pass an array of Action objects to show Action button. */\n    actions?: ActionsProps;\n    /** Pass data to show history view. */\n    conversationHistory?: ConversationHistoryProps;\n    /** Callback triggered when the layout component changes. */\n    onLayoutChange?: (inFullPage: boolean) => void;\n  }\n>;\n\nexport interface UtilitiesGenAICoachProps extends OmitStrict<GenAICoachProps, 'variant'> {\n  onClose?: () => void;\n}\n"]}
+{"version":3,"file":"GenAICoach.types.js","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Dispatch, Ref, SetStateAction } from 'react';\n\nimport type {\n  BaseProps,\n  MenuProps,\n  OmitStrict,\n  ProgressProps,\n  RequireAtLeastOne,\n  TestIdProp,\n  WithAttributes,\n  ActionsProps\n} from '@pega/cosmos-react-core';\n\nexport type State = 'minimized' | 'maximized';\nexport type Reaction = 'liked' | 'disliked';\n\nexport type Variant =\n  | {\n      placement: 'utilities';\n      state: State;\n      onStateChange: (state: State) => void;\n      setGenAIHeight?: Dispatch<SetStateAction<number | undefined>>;\n    }\n  | { placement: 'fullpage' }\n  | { placement: 'dialog'; onClose: () => void };\n\nexport interface MessageProps {\n  id: string;\n  message: string;\n  announceInteraction?: boolean;\n  /**\n   * Whether the message is a suggestion from the coach\n   * @default false\n   */\n  fromCoachSuggestion?: boolean;\n  /** Ref forwarded to the wrapping element. */\n  ref?: Ref<HTMLLIElement>;\n}\n\nexport type InitialSuggestedMessageProps = Pick<GenAICoachProps, 'onSend'> &\n  BaseProps &\n  TestIdProp &\n  MessageProps;\n\nexport interface UserMessageProps extends BaseProps, TestIdProp, MessageProps {\n  from: 'user';\n}\n\nexport type CoachMessageProps = RequireAtLeastOne<\n  Partial<Pick<GenAICoachProps, 'onSend'>> &\n    BaseProps &\n    TestIdProp &\n    Pick<MessageProps, 'id' | 'announceInteraction' | 'ref'> & {\n      from: 'coach';\n      coachName: string;\n      suggestions?: MessageProps[];\n      loading?: boolean;\n      error?: string;\n      message?: MessageProps['message'];\n      feedback?: {\n        reaction: Reaction | undefined;\n        onReaction: (id: MessageProps['id'], reaction: Reaction) => void;\n        onFeedbackComplete: (id: MessageProps['id'], comment?: string) => void;\n      };\n    },\n  'loading' | 'message' | 'error'\n>;\n\nexport type GenAIMessageProps = UserMessageProps | CoachMessageProps;\n\nexport interface ConversationHistoryProps extends TestIdProp {\n  /** List of History items. */\n  data: {\n    id: string;\n    section: string;\n    conversations: {\n      id: string;\n      title: string;\n    }[];\n  }[];\n  /** Click event for items within the list. */\n  onItemClick?: (conversationId: string) => void;\n  /** List loading state. */\n  loading?: boolean;\n  /** Called at scroll trigger to load more items. */\n  loadMore?: () => void;\n  /** True if History view is rendered in Full page view.  */\n  inFullPage?: boolean;\n  /** Callback triggered when closing the history view. */\n  onDismiss: () => void;\n  /** Id of the selected item. */\n  selectedItemId?: string;\n  /** Set if there is an error in retreiving the data. */\n  error?: string;\n  /** Ref forwarded to the wrapping element. */\n  ref?: Ref<HTMLUListElement>;\n}\n\nexport type GenAICoachProps = WithAttributes<\n  'div',\n  TestIdProp & {\n    /** Chat loading indicator */\n    loading?: boolean | ProgressProps['message'];\n    /** Set if there is an error in retreiving the data */\n    error?: string;\n    /** Coaches available in the chat header */\n    coachOptions: MenuProps['items'];\n    /** Handle the coach selections */\n    onCoachChange: (id: MenuProps['id']) => void;\n    /** Suggested messages to start the conversation */\n    initialSuggestedMessages?: MessageProps[];\n    /** Additional suggestions presented at the bottom of the chat window */\n    suggestions?: MenuProps['items'];\n    /** Send prompts */\n    onSend: (message: MessageProps) => void;\n    /** Messages to be shown in the chatting window. */\n    messages?: GenAIMessageProps[];\n    /** Placement of the component   */\n    variant: Variant;\n    /** callback when component is mounted */\n    onOpen?: () => void;\n    /**\n     * User would be guided with selective prompts to enable interaction with coach.\n     * @default false\n     */\n    guidedMode?: boolean;\n    /** Pass an array of Action objects to show Action button. */\n    actions?: ActionsProps;\n    /** Pass data to show history view. */\n    conversationHistory?: ConversationHistoryProps;\n    /** Callback triggered when the layout component changes. */\n    onLayoutChange?: (inFullPage: boolean) => void;\n  }\n>;\n\nexport interface UtilitiesGenAICoachProps extends OmitStrict<GenAICoachProps, 'variant'> {\n  onClose?: () => void;\n}\n"]}

package/lib/components/GenAICoach/GenAIMessage.d.ts

@@ -1,5 +1,5 @@
-import type { FunctionComponent } from 'react';
+import { type ForwardRefForwardPropsComponent } from '@pega/cosmos-react-core';
 import type { GenAIMessageProps } from './GenAICoach.types';
-declare const GenAIMessage: FunctionComponent<GenAIMessageProps>;
+declare const GenAIMessage: ForwardRefForwardPropsComponent<GenAIMessageProps>;
 export default GenAIMessage;
 //# sourceMappingURL=GenAIMessage.d.ts.map

package/lib/components/GenAICoach/GenAIMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GenAIMessage.d.ts","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAIMessage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAiB,MAAM,OAAO,CAAC;AA0B9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AA6B5D,QAAA,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CA8MtD,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"GenAIMessage.d.ts","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAIMessage.tsx"],"names":[],"mappings":"AAIA,OAAO,EAeL,KAAK,+BAA+B,EACrC,MAAM,yBAAyB,CAAC;AAQjC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AA6B5D,QAAA,MAAM,YAAY,EAAE,+BAA+B,CAAC,iBAAiB,CAkNpE,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/GenAICoach/GenAIMessage.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from 'react';
+import { forwardRef, useEffect, useRef, useState } from 'react';
 import { marked } from 'marked';
 import { Button, Flex, Icon, Progress, registerIcon, useI18n, useTheme, Text, useTestIds, ErrorState, useElement, Tooltip, TextArea, FormDialog } from '@pega/cosmos-react-core';
 import * as polarisSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/polaris-solid.icon';
@@ -20,7 +20,7 @@ const markdownToPlainText = (markdown) => {
     const doc = parser.parseFromString(html, 'text/html');
     return doc.body.textContent ?? '';
 };
-const GenAIMessage = function GenAIMessage(props) {
+const GenAIMessage = forwardRef(function GenAIMessage(props, ref) {
     const testIds = useTestIds(props.testId, getGenAICoachTestIds);
     const theme = useTheme();
     const t = useI18n();
@@ -55,7 +55,7 @@ const GenAIMessage = function GenAIMessage(props) {
         if (announceInteraction) {
             ariaLabel = `${ariaLabel} ${t('interaction_message')}`;
         }
-        return (_jsxs(Flex, { as: 'li', "data-testid": testIds.coachMessage, ...restProps, container: { direction: 'column', pad: [1, 0] }, type: 'message', "aria-label": ariaLabel, children: [_jsxs(Flex, { container: { gap: 1 }, children: [_jsx(Icon, { name: 'polaris-solid', color: theme.base.palette.ai, size: 's' }), _jsx(Text, { as: 'span', variant: 'h4', children: coachName })] }), _jsx(StyledMessage, { children: loading || error ? (_jsx(_Fragment, { children: loading ? (_jsx(Progress, { variant: 'ellipsis', placement: 'inline' })) : (_jsx(ErrorState, { message: error })) })) : (_jsxs(_Fragment, { children: [message && _jsx(RichTextViewer, { content: message, type: 'markdown' }), feedback && (_jsx(Flex, { container: { pad: [0.5, undefined] }, children: reaction ? (_jsxs(_Fragment, { children: [_jsx(Flex, { container: { pad: 0.5 }, "aria-label": selectedFeedbackResponse, ref: setWrapperEl, tabIndex: -1, children: _jsx(Icon, { name: reaction === 'liked' ? 'thumbs-up-solid' : 'thumbs-down-solid' }) }), showDialog ? (onFeedbackComplete &&
+        return (_jsxs(Flex, { as: 'li', "data-testid": testIds.coachMessage, ...restProps, container: { direction: 'column', pad: [1, 0] }, type: 'message', "aria-label": ariaLabel, ref: ref, children: [_jsxs(Flex, { container: { gap: 1 }, children: [_jsx(Icon, { name: 'polaris-solid', color: theme.base.palette.ai, size: 's' }), _jsx(Text, { as: 'span', variant: 'h4', children: coachName })] }), _jsx(StyledMessage, { children: loading || error ? (_jsx(_Fragment, { children: loading ? (_jsx(Progress, { variant: 'ellipsis', placement: 'inline' })) : (_jsx(ErrorState, { message: error })) })) : (_jsxs(_Fragment, { children: [message && _jsx(RichTextViewer, { content: message, type: 'markdown' }), feedback && (_jsx(Flex, { container: { pad: [0.5, undefined] }, children: reaction ? (_jsxs(_Fragment, { children: [_jsx(Flex, { container: { pad: 0.5 }, "aria-label": selectedFeedbackResponse, ref: setWrapperEl, tabIndex: -1, children: _jsx(Icon, { name: reaction === 'liked' ? 'thumbs-up-solid' : 'thumbs-down-solid' }) }), showDialog ? (onFeedbackComplete &&
                                             wrapperEl && (_jsx(FormDialog, { target: wrapperEl, heading: t('share_feedback'), onCancel: () => {
                                                 focusOnInteractionRef.current = true;
                                                 setShowDialog(false);
@@ -90,9 +90,9 @@ const GenAIMessage = function GenAIMessage(props) {
         if (announceInteraction) {
             ariaLabel = `${ariaLabel} ${t('interaction_message')}`;
         }
-        return (_jsx(StyledUserMessage, { as: StyledUserMessage, "data-testid": testIds.userMessage, ...restProps, type: 'message', "aria-label": ariaLabel, children: message && _jsx(RichTextViewer, { content: message, type: 'markdown' }) }));
+        return (_jsx(StyledUserMessage, { as: StyledUserMessage, "data-testid": testIds.userMessage, ...restProps, type: 'message', "aria-label": ariaLabel, ref: ref, children: message && _jsx(RichTextViewer, { content: message, type: 'markdown' }) }));
     }
     return null;
-};
+});
 export default GenAIMessage;
 //# sourceMappingURL=GenAIMessage.js.map

package/lib/components/GenAICoach/GenAIMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"GenAIMessage.js","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAIMessage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport type { FunctionComponent, KeyboardEvent } from 'react';\nimport { marked } from 'marked';\n\nimport {\n  Button,\n  Flex,\n  Icon,\n  Progress,\n  registerIcon,\n  useI18n,\n  useTheme,\n  Text,\n  useTestIds,\n  ErrorState,\n  useElement,\n  Tooltip,\n  TextArea,\n  FormDialog\n} from '@pega/cosmos-react-core';\nimport * as polarisSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/polaris-solid.icon';\nimport * as thumbsUpSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/thumbs-up-solid.icon';\nimport * as thumbsUpIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/thumbs-up.icon';\nimport * as thumbsDownSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/thumbs-down-solid.icon';\nimport * as thumbsDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/thumbs-down.icon';\nimport { RichTextViewer } from '@pega/cosmos-react-rte';\n\nimport type { GenAIMessageProps } from './GenAICoach.types';\nimport {\n  StyledMessage,\n  StyledSuggestion,\n  StyledSuggestionsContainer,\n  StyledUserMessage\n} from './GenAICoach.styles';\nimport { getGenAICoachTestIds } from './GenAICoach.test-ids';\nimport { isCoachMessage, isUserMessage } from './GenAICoach.utils';\n\nregisterIcon(\n  polarisSolidIcon,\n  thumbsUpSolidIcon,\n  thumbsUpIcon,\n  thumbsDownSolidIcon,\n  thumbsDownIcon\n);\n\nconst markdownToPlainText = (markdown: string) => {\n  // Convert Markdown to HTML\n  const html = marked(markdown, { async: false });\n\n  // Use DOMParser to parse HTML and extract plain text\n  const parser = new DOMParser();\n  const doc = parser.parseFromString(html, 'text/html');\n\n  return doc.body.textContent ?? '';\n};\n\nconst GenAIMessage: FunctionComponent<GenAIMessageProps> = function GenAIMessage(props) {\n  const testIds = useTestIds(props.testId, getGenAICoachTestIds);\n  const theme = useTheme();\n  const t = useI18n();\n  const [wrapperEl, setWrapperEl] = useElement<HTMLDivElement>(null);\n  const [feedbackVal, setFeedbackVal] = useState('');\n  const [showDialog, setShowDialog] = useState(false);\n  const focusOnInteractionRef = useRef(false);\n\n  const { message, announceInteraction, ...restProps } = props;\n  const plainTextMessage = markdownToPlainText(message ?? '');\n  let ariaLabel = plainTextMessage;\n\n  useEffect(() => {\n    if (!showDialog && focusOnInteractionRef.current) {\n      wrapperEl?.focus();\n      focusOnInteractionRef.current = false;\n    }\n  }, [wrapperEl, showDialog]);\n\n  if (isCoachMessage(props)) {\n    const { id: messageId, coachName, suggestions, onSend, loading, error, feedback } = props;\n\n    const { reaction, onReaction, onFeedbackComplete } = feedback ?? {};\n\n    let selectedFeedbackResponse;\n\n    let feedbackAriaLabel = t('sender_replied_message', [coachName, plainTextMessage ?? '']);\n\n    if (feedback && reaction) {\n      selectedFeedbackResponse = t('selected_noun', [\n        reaction === 'liked' ? t('good_response') : t('bad_response')\n      ]);\n\n      feedbackAriaLabel = `${feedbackAriaLabel} ${selectedFeedbackResponse}`;\n    }\n\n    ariaLabel =\n      suggestions && suggestions.length > 0\n        ? `${feedbackAriaLabel} ${t('suggestions_in_message', [suggestions.length])}`\n        : feedbackAriaLabel;\n\n    if (announceInteraction) {\n      ariaLabel = `${ariaLabel} ${t('interaction_message')}`;\n    }\n\n    return (\n      <Flex\n        as='li'\n        data-testid={testIds.coachMessage}\n        {...restProps}\n        container={{ direction: 'column', pad: [1, 0] }}\n        type='message'\n        aria-label={ariaLabel}\n      >\n        <Flex container={{ gap: 1 }}>\n          <Icon name='polaris-solid' color={theme.base.palette.ai} size='s' />\n          <Text as='span' variant='h4'>\n            {coachName}\n          </Text>\n        </Flex>\n        <StyledMessage>\n          {loading || error ? (\n            <>\n              {loading ? (\n                <Progress variant='ellipsis' placement='inline' />\n              ) : (\n                <ErrorState message={error} />\n              )}\n            </>\n          ) : (\n            <>\n              {message && <RichTextViewer content={message} type='markdown' />}\n              {feedback && (\n                <Flex container={{ pad: [0.5, undefined] }}>\n                  {reaction ? (\n                    <>\n                      <Flex\n                        container={{ pad: 0.5 }}\n                        aria-label={selectedFeedbackResponse}\n                        ref={setWrapperEl}\n                        tabIndex={-1}\n                      >\n                        <Icon\n                          name={reaction === 'liked' ? 'thumbs-up-solid' : 'thumbs-down-solid'}\n                        />\n                      </Flex>\n                      {showDialog ? (\n                        onFeedbackComplete &&\n                        wrapperEl && (\n                          <FormDialog\n                            target={wrapperEl}\n                            heading={t('share_feedback')}\n                            onCancel={() => {\n                              focusOnInteractionRef.current = true;\n                              setShowDialog(false);\n                              onFeedbackComplete(messageId);\n                            }}\n                            onSubmit={() => {\n                              focusOnInteractionRef.current = true;\n                              setShowDialog(false);\n                              onFeedbackComplete(messageId, feedbackVal);\n                            }}\n                            onKeyDown={e => e.stopPropagation()}\n                          >\n                            <TextArea\n                              value={feedbackVal}\n                              onChange={e => setFeedbackVal(e.target.value)}\n                              onKeyDown={(e: KeyboardEvent<HTMLTextAreaElement>) => {\n                                if (e.key === 'Enter' && !e.shiftKey) {\n                                  e.preventDefault();\n                                  focusOnInteractionRef.current = true;\n                                  setShowDialog(false);\n                                  onFeedbackComplete(messageId, feedbackVal);\n                                }\n                              }}\n                              autoResize={false}\n                            />\n                          </FormDialog>\n                        )\n                      ) : (\n                        <Tooltip target={wrapperEl} describeTarget={false}>\n                          {reaction === 'liked' ? t('good_response') : t('bad_response')}\n                        </Tooltip>\n                      )}\n                    </>\n                  ) : (\n                    <>\n                      <Button\n                        label={t('good_response')}\n                        variant='simple'\n                        icon\n                        compact\n                        onClick={() => {\n                          onReaction?.(messageId, 'liked');\n                          focusOnInteractionRef.current = true;\n                        }}\n                      >\n                        <Icon name='thumbs-up' />\n                      </Button>\n\n                      <Button\n                        label={t('bad_response')}\n                        variant='simple'\n                        icon\n                        compact\n                        onClick={() => {\n                          setShowDialog(true);\n                          onReaction?.(messageId, 'disliked');\n                        }}\n                      >\n                        <Icon name='thumbs-down' />\n                      </Button>\n                    </>\n                  )}\n                </Flex>\n              )}\n              {suggestions && (\n                <Flex as={StyledSuggestionsContainer} container={{ direction: 'column', gap: 1 }}>\n                  {suggestions.map(({ id, message: prompt }) => {\n                    return (\n                      <Button\n                        as={StyledSuggestion}\n                        onClick={\n                          onSend\n                            ? () => onSend({ id, message: prompt, fromCoachSuggestion: true })\n                            : undefined\n                        }\n                        key={id}\n                      >\n                        {prompt}\n                      </Button>\n                    );\n                  })}\n                </Flex>\n              )}\n            </>\n          )}\n        </StyledMessage>\n      </Flex>\n    );\n  }\n\n  if (isUserMessage(props)) {\n    if (plainTextMessage) {\n      ariaLabel = t('you_asked', [plainTextMessage]);\n    }\n\n    if (announceInteraction) {\n      ariaLabel = `${ariaLabel} ${t('interaction_message')}`;\n    }\n\n    return (\n      <StyledUserMessage\n        as={StyledUserMessage}\n        data-testid={testIds.userMessage}\n        {...restProps}\n        type='message'\n        aria-label={ariaLabel}\n      >\n        {message && <RichTextViewer content={message} type='markdown' />}\n      </StyledUserMessage>\n    );\n  }\n\n  return null;\n};\n\nexport default GenAIMessage;\n"]}
+{"version":3,"file":"GenAIMessage.js","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAIMessage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { KeyboardEvent, PropsWithoutRef } from 'react';\nimport { marked } from 'marked';\n\nimport {\n  Button,\n  Flex,\n  Icon,\n  Progress,\n  registerIcon,\n  useI18n,\n  useTheme,\n  Text,\n  useTestIds,\n  ErrorState,\n  useElement,\n  Tooltip,\n  TextArea,\n  FormDialog,\n  type ForwardRefForwardPropsComponent\n} from '@pega/cosmos-react-core';\nimport * as polarisSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/polaris-solid.icon';\nimport * as thumbsUpSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/thumbs-up-solid.icon';\nimport * as thumbsUpIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/thumbs-up.icon';\nimport * as thumbsDownSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/thumbs-down-solid.icon';\nimport * as thumbsDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/thumbs-down.icon';\nimport { RichTextViewer } from '@pega/cosmos-react-rte';\n\nimport type { GenAIMessageProps } from './GenAICoach.types';\nimport {\n  StyledMessage,\n  StyledSuggestion,\n  StyledSuggestionsContainer,\n  StyledUserMessage\n} from './GenAICoach.styles';\nimport { getGenAICoachTestIds } from './GenAICoach.test-ids';\nimport { isCoachMessage, isUserMessage } from './GenAICoach.utils';\n\nregisterIcon(\n  polarisSolidIcon,\n  thumbsUpSolidIcon,\n  thumbsUpIcon,\n  thumbsDownSolidIcon,\n  thumbsDownIcon\n);\n\nconst markdownToPlainText = (markdown: string) => {\n  // Convert Markdown to HTML\n  const html = marked(markdown, { async: false });\n\n  // Use DOMParser to parse HTML and extract plain text\n  const parser = new DOMParser();\n  const doc = parser.parseFromString(html, 'text/html');\n\n  return doc.body.textContent ?? '';\n};\n\nconst GenAIMessage: ForwardRefForwardPropsComponent<GenAIMessageProps> = forwardRef(\n  function GenAIMessage(props: PropsWithoutRef<GenAIMessageProps>, ref: GenAIMessageProps['ref']) {\n    const testIds = useTestIds(props.testId, getGenAICoachTestIds);\n    const theme = useTheme();\n    const t = useI18n();\n    const [wrapperEl, setWrapperEl] = useElement<HTMLDivElement>(null);\n    const [feedbackVal, setFeedbackVal] = useState('');\n    const [showDialog, setShowDialog] = useState(false);\n    const focusOnInteractionRef = useRef(false);\n\n    const { message, announceInteraction, ...restProps } = props;\n    const plainTextMessage = markdownToPlainText(message ?? '');\n    let ariaLabel = plainTextMessage;\n\n    useEffect(() => {\n      if (!showDialog && focusOnInteractionRef.current) {\n        wrapperEl?.focus();\n        focusOnInteractionRef.current = false;\n      }\n    }, [wrapperEl, showDialog]);\n\n    if (isCoachMessage(props)) {\n      const { id: messageId, coachName, suggestions, onSend, loading, error, feedback } = props;\n\n      const { reaction, onReaction, onFeedbackComplete } = feedback ?? {};\n\n      let selectedFeedbackResponse;\n\n      let feedbackAriaLabel = t('sender_replied_message', [coachName, plainTextMessage ?? '']);\n\n      if (feedback && reaction) {\n        selectedFeedbackResponse = t('selected_noun', [\n          reaction === 'liked' ? t('good_response') : t('bad_response')\n        ]);\n\n        feedbackAriaLabel = `${feedbackAriaLabel} ${selectedFeedbackResponse}`;\n      }\n\n      ariaLabel =\n        suggestions && suggestions.length > 0\n          ? `${feedbackAriaLabel} ${t('suggestions_in_message', [suggestions.length])}`\n          : feedbackAriaLabel;\n\n      if (announceInteraction) {\n        ariaLabel = `${ariaLabel} ${t('interaction_message')}`;\n      }\n\n      return (\n        <Flex\n          as='li'\n          data-testid={testIds.coachMessage}\n          {...restProps}\n          container={{ direction: 'column', pad: [1, 0] }}\n          type='message'\n          aria-label={ariaLabel}\n          ref={ref}\n        >\n          <Flex container={{ gap: 1 }}>\n            <Icon name='polaris-solid' color={theme.base.palette.ai} size='s' />\n            <Text as='span' variant='h4'>\n              {coachName}\n            </Text>\n          </Flex>\n          <StyledMessage>\n            {loading || error ? (\n              <>\n                {loading ? (\n                  <Progress variant='ellipsis' placement='inline' />\n                ) : (\n                  <ErrorState message={error} />\n                )}\n              </>\n            ) : (\n              <>\n                {message && <RichTextViewer content={message} type='markdown' />}\n                {feedback && (\n                  <Flex container={{ pad: [0.5, undefined] }}>\n                    {reaction ? (\n                      <>\n                        <Flex\n                          container={{ pad: 0.5 }}\n                          aria-label={selectedFeedbackResponse}\n                          ref={setWrapperEl}\n                          tabIndex={-1}\n                        >\n                          <Icon\n                            name={reaction === 'liked' ? 'thumbs-up-solid' : 'thumbs-down-solid'}\n                          />\n                        </Flex>\n                        {showDialog ? (\n                          onFeedbackComplete &&\n                          wrapperEl && (\n                            <FormDialog\n                              target={wrapperEl}\n                              heading={t('share_feedback')}\n                              onCancel={() => {\n                                focusOnInteractionRef.current = true;\n                                setShowDialog(false);\n                                onFeedbackComplete(messageId);\n                              }}\n                              onSubmit={() => {\n                                focusOnInteractionRef.current = true;\n                                setShowDialog(false);\n                                onFeedbackComplete(messageId, feedbackVal);\n                              }}\n                              onKeyDown={e => e.stopPropagation()}\n                            >\n                              <TextArea\n                                value={feedbackVal}\n                                onChange={e => setFeedbackVal(e.target.value)}\n                                onKeyDown={(e: KeyboardEvent<HTMLTextAreaElement>) => {\n                                  if (e.key === 'Enter' && !e.shiftKey) {\n                                    e.preventDefault();\n                                    focusOnInteractionRef.current = true;\n                                    setShowDialog(false);\n                                    onFeedbackComplete(messageId, feedbackVal);\n                                  }\n                                }}\n                                autoResize={false}\n                              />\n                            </FormDialog>\n                          )\n                        ) : (\n                          <Tooltip target={wrapperEl} describeTarget={false}>\n                            {reaction === 'liked' ? t('good_response') : t('bad_response')}\n                          </Tooltip>\n                        )}\n                      </>\n                    ) : (\n                      <>\n                        <Button\n                          label={t('good_response')}\n                          variant='simple'\n                          icon\n                          compact\n                          onClick={() => {\n                            onReaction?.(messageId, 'liked');\n                            focusOnInteractionRef.current = true;\n                          }}\n                        >\n                          <Icon name='thumbs-up' />\n                        </Button>\n\n                        <Button\n                          label={t('bad_response')}\n                          variant='simple'\n                          icon\n                          compact\n                          onClick={() => {\n                            setShowDialog(true);\n                            onReaction?.(messageId, 'disliked');\n                          }}\n                        >\n                          <Icon name='thumbs-down' />\n                        </Button>\n                      </>\n                    )}\n                  </Flex>\n                )}\n                {suggestions && (\n                  <Flex as={StyledSuggestionsContainer} container={{ direction: 'column', gap: 1 }}>\n                    {suggestions.map(({ id, message: prompt }) => {\n                      return (\n                        <Button\n                          as={StyledSuggestion}\n                          onClick={\n                            onSend\n                              ? () => onSend({ id, message: prompt, fromCoachSuggestion: true })\n                              : undefined\n                          }\n                          key={id}\n                        >\n                          {prompt}\n                        </Button>\n                      );\n                    })}\n                  </Flex>\n                )}\n              </>\n            )}\n          </StyledMessage>\n        </Flex>\n      );\n    }\n\n    if (isUserMessage(props)) {\n      if (plainTextMessage) {\n        ariaLabel = t('you_asked', [plainTextMessage]);\n      }\n\n      if (announceInteraction) {\n        ariaLabel = `${ariaLabel} ${t('interaction_message')}`;\n      }\n\n      return (\n        <StyledUserMessage\n          as={StyledUserMessage}\n          data-testid={testIds.userMessage}\n          {...restProps}\n          type='message'\n          aria-label={ariaLabel}\n          ref={ref}\n        >\n          {message && <RichTextViewer content={message} type='markdown' />}\n        </StyledUserMessage>\n      );\n    }\n\n    return null;\n  }\n);\n\nexport default GenAIMessage;\n"]}

package/lib/components/HierarchicalAssignments/Assignments.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Assignments.styles.d.ts","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/Assignments.styles.ts"],"names":[],"mappings":"AAmBA,eAAO,MAAM,kBAAkB,oNA0B7B,CAAC;AAIH,eAAO,MAAM,oBAAoB,6OAQ/B,CAAC;AAGH,eAAO,MAAM,oBAAoB;kBACjB,OAAO;SAYtB,CAAC;AAGF,eAAO,MAAM,sBAAsB;YAAwB,MAAM;SA4BhE,CAAC;AAGF,eAAO,MAAM,qBAAqB;sBAAkC,OAAO;SAkB1E,CAAC;AAGF,eAAO,MAAM,qBAAqB;YAAwB,MAAM;SAgB/D,CAAC;AAGF,eAAO,MAAM,iBAAiB;2BA1Cf,CAAC,oEAAkC,yBAE5C;;YAwCyD,OAAO;SAiBpE,CAAC;AAGH,eAAO,MAAM,iBAAiB;eAA6B,OAAO;SAehE,CAAC;AAIH,eAAO,MAAM,oBAAoB,kNAI/B,CAAC;AAGH,eAAO,MAAM,mBAAmB;sBAAkC,OAAO;SAsBxE,CAAC;AAGF,eAAO,MAAM,uBAAuB;YAAwB,MAAM;SAqBjE,CAAC;AAGF,eAAO,MAAM,kBAAkB,oNAQ7B,CAAC;AAGH,eAAO,MAAM,uBAAuB;2BA9MpC,CAAA,oEAAkC,yBAAa;;YA+MrC,OAAO;SA2Bf,CAAC;AAGH,eAAO,MAAM,2BAA2B;2BA7OxC,CAAA;uDAqPE,CAAC;AAGH,eAAO,MAAM,oBAAoB,0GAUhC,CAAC;AAGF,eAAO,MAAM,cAAc,wGAkC1B,CAAC;AAGF,eAAO,MAAM,UAAU;cACX,OAAO;eACN,OAAO;cACR,OAAO;WACV,MAAM;SAoDd,CAAC;AAGF,eAAO,MAAM,4BAA4B;2BArWzC,CAAA;uDA6WE,CAAC"}
+{"version":3,"file":"Assignments.styles.d.ts","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/Assignments.styles.ts"],"names":[],"mappings":"AAmBA,eAAO,MAAM,kBAAkB,oNA0B7B,CAAC;AAIH,eAAO,MAAM,oBAAoB,6OAQ/B,CAAC;AAGH,eAAO,MAAM,oBAAoB;kBACjB,OAAO;SAYtB,CAAC;AAGF,eAAO,MAAM,sBAAsB;YAAwB,MAAM;SA4BhE,CAAC;AAGF,eAAO,MAAM,qBAAqB;sBAAkC,OAAO;SAkB1E,CAAC;AAGF,eAAO,MAAM,qBAAqB;YAAwB,MAAM;SAgB/D,CAAC;AAGF,eAAO,MAAM,iBAAiB;2BA1Cf,CAAC,oEAAkC,yBAE5C;;YAwCyD,OAAO;SAiBpE,CAAC;AAGH,eAAO,MAAM,iBAAiB;eAA6B,OAAO;SAehE,CAAC;AAIH,eAAO,MAAM,oBAAoB,kNAI/B,CAAC;AAGH,eAAO,MAAM,mBAAmB;sBAAkC,OAAO;SAsBxE,CAAC;AAGF,eAAO,MAAM,uBAAuB;YAAwB,MAAM;SAqBjE,CAAC;AAGF,eAAO,MAAM,kBAAkB,oNAQ7B,CAAC;AAGH,eAAO,MAAM,uBAAuB;2BA9MpC,CAAA,oEAAkC,yBAAa;;YA+MrC,OAAO;SA2Bf,CAAC;AAGH,eAAO,MAAM,2BAA2B;2BA7OxC,CAAA;uDAqPE,CAAC;AAGH,eAAO,MAAM,oBAAoB,0GAUhC,CAAC;AAGF,eAAO,MAAM,cAAc,wGAkC1B,CAAC;AAGF,eAAO,MAAM,UAAU;cACX,OAAO;eACN,OAAO;cACR,OAAO;WACV,MAAM;SA2Dd,CAAC;AAGF,eAAO,MAAM,4BAA4B;2BA5WzC,CAAA;uDAoXE,CAAC"}

package/lib/components/HierarchicalAssignments/Assignments.styles.js

@@ -200,7 +200,7 @@ export const StyledTreeRoot = styled.ul(({ theme: { base: { 'border-radius': bor
     `;
 });
 StyledTreeRoot.defaultProps = defaultThemeProp;
-export const StyledNode = styled.li(({ theme: { base: { shadow, 'border-radius': borderRadius, palette: { 'secondary-background': secondaryBackground, 'primary-background': primaryBackground, 'border-line': borderLine } }, components: { table: { body: { 'border-width': borderWidth } } } }, isFocus, lastNode, isChild, depth }) => {
+export const StyledNode = styled.li(({ theme: { base: { shadow, 'border-radius': borderRadius, palette: { 'secondary-background': secondaryBackground, 'primary-background': primaryBackground, 'border-line': borderLine }, spacing }, components: { table: { body: { 'border-width': borderWidth } }, 'case-view': { assignments: { detached } } } }, isFocus, lastNode, isChild, depth }) => {
     return css `
       list-style: none;
       border-block-start: ${borderWidth} dashed ${borderLine};
@@ -219,12 +219,15 @@ export const StyledNode = styled.li(({ theme: { base: { shadow, 'border-radius':
 
       ${lastNode &&
         css `
-        border-end-start-radius: ${borderRadius};
-        border-end-end-radius: ${borderRadius};
-        & > div,
-        & > div:focus-within {
+        ${!detached &&
+            css `
           border-end-start-radius: ${borderRadius};
           border-end-end-radius: ${borderRadius};
+        `}
+        & > div,
+        & > div:focus-within {
+          border-end-start-radius: ${detached ? spacing : `calc(0.5*${borderRadius})`};
+          border-end-end-radius: ${detached ? spacing : `calc(0.5*${borderRadius})`};
         }
       `};
     `;