@pega/cosmos-react-work 9.0.0-build.9.9 → 9.0.0

package/lib/components/CaseView/CaseView.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useLayoutEffect, useState, useContext } from 'react';
-import { Flex, Grid, Icon, registerIcon, Text, TabPanel, useBreakpoint, useScrollStick, useElement, Card, Drawer, useI18n, useDirection, useAfterInitialEffect, windowIsAvailable, focusHeadingOrContainer, useConfiguration, useRefMap, useTestIds, withTestIds, AppShellContext, useConsolidatedRef, Tabs, CardHeader } from '@pega/cosmos-react-core';
+import { Flex, Grid, Icon, registerIcon, Text, TabPanel, useBreakpoint, useScrollStick, useElement, Card, Drawer, useI18n, useDirection, useAfterInitialEffect, windowIsAvailable, focusHeadingOrContainer, useConfiguration, useRefMap, useTestIds, withTestIds, AppShellContext, useConsolidatedRef, Tabs, CardHeader, useTheme, usePrevious } from '@pega/cosmos-react-core';
 import * as moveRightSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/move-right-solid.icon';
 import * as moveLeftSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/move-left-solid.icon';
 import * as polarisSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/polaris-solid.icon';
@@ -11,7 +11,7 @@ import * as unDockIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/u
 import GenAICoach from '../GenAICoach';
 import CaseSummary from './CaseSummary';
 import UtilitiesSummary from './UtilitiesSummary';
-import { StyledCaseDrawer, StyledCaseDrawerContent, StyledCaseView, StyledWorkArea, StyledPersistentUtility, StyledPersistentContainer, StyledSummary, StyledSummaryTabContent, StyledUtilities, StyledExpandCollapseUtilitiesButton, StyledUtilitiesHeading, StyledCoachButton, StyledUtilitiesWrapper, StyledPersistentContent, StyledSummaryHeading, StyledTasks, StyledTabPanelWrapper } from './CaseView.styles';
+import { StyledCaseDrawer, StyledCaseDrawerContent, StyledCaseView, StyledWorkArea, StyledPersistentUtility, StyledPersistentContainer, StyledSummary, StyledSummaryTabContent, StyledUtilities, StyledExpandCollapseUtilitiesButton, StyledUtilitiesHeading, StyledCoachButton, StyledUtilitiesWrapper, StyledPersistentContent, StyledSummaryHeading, StyledTasks, StyledTabPanelWrapper, StyledBannersStagesTasksContainer } from './CaseView.styles';
 import CaseViewContext from './CaseView.context';
 import CaseSummaryFields from './CaseSummaryFields';
 import { getCaseViewTestIds } from './CaseView.test-ids';
@@ -44,7 +44,7 @@ const resizeTable = (tabPanelEl, workAreaEl) => {
 };
 const CaseView = ({ testId, 
 // Case data mostly visually related to the case header
-caseId, heading, subheading, caseType, caseLink, parentCases, icon, followed, onFollowedChange, onEdit, actions, promotedActions, 
+caseId, heading, subheading, caseType, caseLink, parentCases, icon, color, followed, onFollowedChange, onEdit, actions, promotedActions, 
 // Summary content and state props
 summaryFields, summaryExpanded: summaryExpandedProp = true, onToggleSummary, 
 // Case tabs
@@ -56,10 +56,11 @@ utilities, utilitiesSummaryItems, utilitiesExpanded: utilitiesExpandedProp = tru
 // Etc...
 persistentUtility, intelligentGuidance, isPreview = false, 
 // Gen AI coach props
-genAICoachProps, ...restProps }) => {
+genAICoachProps, collaboration, ...restProps }) => {
     const testIds = useTestIds(testId, getCaseViewTestIds);
     // General util hooks
     const t = useI18n();
+    const theme = useTheme();
     const { previewActive } = useContext(AppShellContext);
     const { start, end } = useDirection();
     const { loadedRef } = useConfiguration();
@@ -79,7 +80,6 @@ genAICoachProps, ...restProps }) => {
     // Gen AI coach state
     const genAICoachButtonRef = useRef(null);
     const [showCoach, setShowCoach] = useState(false);
-    const [genAIHeight, setGenAIHeight] = useState();
     const [genAIState, setGenAIState] = useState('minimized');
     // Breakpoint booleans
     const smOrAbove = useBreakpoint('sm');
@@ -94,6 +94,8 @@ genAICoachProps, ...restProps }) => {
     const genAICoachTabId = `gen-ai-coach-${caseId}`;
     // Summary state handling
     let summaryExpanded = !isPreview && !!summaryExpandedProp;
+    const [summaryHeightPx, setSummaryHeightPx] = useState(0);
+    const prevSummaryHeightPx = usePrevious(summaryHeightPx);
     if (persistentUtility) {
         summaryExpanded = xlOrAbove;
     }
@@ -103,7 +105,7 @@ genAICoachProps, ...restProps }) => {
         if (!caseViewRef.current)
             return;
         if (loadedRef.current) {
-            focusHeadingOrContainer(caseViewRef.current, heading);
+            focusHeadingOrContainer(caseViewRef.current, typeof heading === 'string' ? heading : heading.text);
         }
         else {
             loadedRef.current = true;
@@ -120,8 +122,18 @@ genAICoachProps, ...restProps }) => {
     }, [lgOrAbove]);
     // Tracks whether a resize forced the onToggleUtilities to close the utilities when it's a drawer
     const utilitiesToggledByResize = useRef(false);
+    // FIXME: Necessary to avoid utilitiesAndGenAI being mounted for a single render frame ⬇
+    // only to be unmounted the next frame. This occurs with the utilities drawer in either direction.
+    // Augments what obeyUtilitiesExpandedProp is already doing but we can not set that state ⬇
+    // fast enough prior to the render. A larger refactor of state to a reducer could clean some of this up. Yuck.
+    const previousLgOrAbove = usePrevious(lgOrAbove);
+    const previousMdOrAbove = usePrevious(mdOrAbove);
+    const justWentFromLGtoMD = previousLgOrAbove === true && lgOrAbove === false;
+    const justWentFromSMtoMD = previousMdOrAbove === false && mdOrAbove === true;
     // If the initial render is within the MD size, where the utility drawer renders, it must begin collapsed. In CasePreview utilities should always remain collapsed.
-    const utilitiesExpanded = !isPreview && obeyUtilitiesExpandedProp ? utilitiesExpandedProp : false;
+    const utilitiesExpanded = !isPreview && obeyUtilitiesExpandedProp && !justWentFromLGtoMD && !justWentFromSMtoMD
+        ? utilitiesExpandedProp
+        : false;
     // Handles utilities state based on breakpoint changes.
     useAfterInitialEffect(() => {
         // If we change into the MD breakpoint range and the utilities state is expanded call the toggle prop to collapse it with controlled state
@@ -280,8 +292,18 @@ genAICoachProps, ...restProps }) => {
     const stickOffset = useMemo(() => {
         if (!windowIsAvailable || !caseViewEl)
             return 0;
-        return parseFloat(window.getComputedStyle(caseViewEl).getPropertyValue('--appshell-offset'));
-    }, [caseViewEl]);
+        const styles = window.getComputedStyle(caseViewEl);
+        const rootStyles = getComputedStyle(document.documentElement);
+        const stickyOffsetRaw = parseFloat(styles.getPropertyValue('--appshell-sticky-offset'));
+        const topOffsetRaw = parseFloat(rootStyles.getPropertyValue('--appshell-top-offset'));
+        const appshellOffset = (!Number.isNaN(stickyOffsetRaw) && stickyOffsetRaw >= 0
+            ? stickyOffsetRaw
+            : parseFloat(styles.getPropertyValue('--appshell-offset')) || 0) +
+            (!Number.isNaN(topOffsetRaw) ? topOffsetRaw : 0);
+        const spacingStr = theme.base.spacing;
+        const spacingPx = parseFloat(spacingStr) * parseFloat(rootStyles.fontSize);
+        return appshellOffset + summaryHeightPx + 2 * spacingPx;
+    }, [caseViewEl, summaryHeightPx, theme.base.spacing]);
     useScrollStick(
     // isMediumOrAbove means side by side columns | | |
     mdOrAbove ? { ...scrollStickOptions.current, offset: stickOffset } : undefined);
@@ -340,18 +362,22 @@ genAICoachProps, ...restProps }) => {
     }, [currentTabId]);
     // We need a css variable for the height of the case summary when it is collapsed into a header like layout
     useLayoutEffect(() => {
-        if (!caseViewRef.current || !summaryRef.current)
-            return;
-        caseViewRef.current.style.setProperty('--summary-height', `${!summaryExpanded ? summaryRef.current.offsetHeight : 0}px`);
-    }, [summaryExpanded]);
-    const utilitiesAndGenAI = (_jsxs(_Fragment, { children: [_jsx(Flex, { as: StyledUtilitiesWrapper, container: { gap: 2, direction: 'column' }, genAIHeight: genAIHeight, children: utilities }), genAICoachProps && (_jsx(GenAICoach, { ...genAICoachProps, variant: {
+        const rafId = requestAnimationFrame(() => {
+            if (!caseViewRef.current || !summaryRef.current)
+                return;
+            const newHeight = summaryExpanded ? 0 : summaryRef.current.offsetHeight;
+            caseViewRef.current.style.setProperty('--summary-height', `${newHeight}px`);
+            setSummaryHeightPx(newHeight);
+        });
+        return () => cancelAnimationFrame(rafId);
+    }, [summaryExpanded, collaboration, prevSummaryHeightPx]);
+    const utilitiesAndGenAI = (_jsxs(_Fragment, { children: [_jsx(Flex, { as: StyledUtilitiesWrapper, container: { gap: 2, direction: 'column' }, children: utilities }), genAICoachProps && (_jsx(GenAICoach, { ...genAICoachProps, variant: {
                     placement: 'utilities',
                     state: genAIState,
                     onStateChange: (state) => {
                         genAICoachProps.onStateChange?.(state);
                         setGenAIState(state);
-                    },
-                    setGenAIHeight
+                    }
                 } }))] }));
     // CaseView context value
     // Choosing not to memo for now due to extent of deps and how often they change. Optimize as needed.
@@ -365,6 +391,7 @@ genAICoachProps, ...restProps }) => {
         caseLink,
         parentCases,
         icon,
+        color,
         followed,
         onFollowedChange,
         actions,
@@ -380,10 +407,12 @@ genAICoachProps, ...restProps }) => {
         tasks,
         persistentUtility,
         intelligentGuidance,
+        collaboration,
         summaryExpanded,
         utilitiesExpanded,
         onToggleSummary,
         isPreview,
+        hasGenAICoach: !!genAICoachProps,
         aboveSM: smOrAbove,
         aboveMD: mdOrAbove,
         aboveLG: lgOrAbove,
@@ -470,25 +499,25 @@ genAICoachProps, ...restProps }) => {
                             }, as: StyledWorkArea, persistentUtility: Boolean(persistentUtility), ref: (el) => {
                                 workAreaRef.current = el;
                                 scrollStickOptions.current.elements[0] = el;
-                            }, children: [(banners || stages || tasks) && (_jsxs(Flex, { container: {
+                            }, "data-app-region": true, "aria-label": t('case_work_area'), children: [(banners || stages || tasks) && (_jsxs(Flex, { container: {
                                         direction: 'column',
                                         alignContent: 'start',
                                         rowGap: 2
-                                    }, ref: setBannersStagesTasksEl, children: [banners && _jsx("div", { "data-testid": testIds.banners, children: banners }), stages && _jsx("div", { "data-testid": testIds.stages, children: stages }), tasks && (_jsx(StyledTasks, { onFocus: e => {
+                                    }, as: StyledBannersStagesTasksContainer, ref: setBannersStagesTasksEl, children: [banners && _jsx("div", { "data-testid": testIds.banners, children: banners }), stages && _jsx("div", { "data-testid": testIds.stages, children: stages }), tasks && (_jsx(StyledTasks, { onFocus: e => {
                                                 if (e.target?.matches('[data-focusable-form-heading]')) {
                                                     window.scrollTo({
                                                         top: 0,
                                                         behavior: 'smooth'
                                                     });
                                                 }
-                                            }, "data-testid": testIds.tasks, children: tasks }))] })), _jsxs(Flex, { container: { direction: 'column', alignContent: 'start' }, children: [shouldRenderMobileTabs && (_jsx(Tabs, { "data-testid": testIds.tabs, tabs: tabItems, onTabClick: onTabClick, currentTabId: currentTabId, "aria-label": t(isPreview ? 'case_preview_tabs' : 'case_tabs'), ref: tabsRef })), _jsx(StyledTabPanelWrapper, { ref: setTabContentEl, children: tabContent?.map(({ id, content }) => (_jsx(TabPanel, { "data-testid": currentTabId === id ? testIds.tabContent : undefined, currentTabId: currentTabId, tabId: id, ref: getTabPanelCbRef(id), tablistRef: tabsRef, tablistType: shouldRenderMobileTabs ? 'horizontal' : 'vertical', children: content }, id))) })] })] }), persistentUtility && mdOrAbove && (_jsx(Grid, { as: StyledPersistentUtility, item: { area: 'persistentUtility' }, "data-app-region": true, persistentUtilityExpanded: persistentUtilityExpanded, children: persistentUtility.showExpand ? (_jsx(Flex, { container: {
+                                            }, "data-testid": testIds.tasks, children: tasks }))] })), _jsxs(Flex, { container: { direction: 'column', alignContent: 'start' }, children: [shouldRenderMobileTabs && (_jsx(Tabs, { "data-testid": testIds.tabs, tabs: tabItems, onTabClick: onTabClick, currentTabId: currentTabId, "aria-label": t(isPreview ? 'case_preview_tabs' : 'case_tabs'), ref: tabsRef })), _jsx(StyledTabPanelWrapper, { ref: setTabContentEl, children: tabContent?.map(({ id, content }) => (_jsx(TabPanel, { "data-testid": currentTabId === id ? testIds.tabContent : undefined, currentTabId: currentTabId, tabId: id, ref: getTabPanelCbRef(id), tablistRef: tabsRef, tablistType: shouldRenderMobileTabs ? 'horizontal' : 'vertical', children: content }, id))) })] })] }), persistentUtility && mdOrAbove && (_jsx(Grid, { as: StyledPersistentUtility, item: { area: 'persistentUtility' }, "data-app-region": true, "aria-label": t('utilities_label'), persistentUtilityExpanded: persistentUtilityExpanded, children: persistentUtility.showExpand ? (_jsx(Flex, { container: {
                                     direction: 'column',
                                     gap: persistentUtilityExpanded ? undefined : 2
                                 }, as: StyledPersistentContainer, children: persistentUtilityExpanded ? (_jsxs(Card, { as: StyledPersistentContainer, children: [_jsxs(CardHeader, { children: [_jsx(Text, { variant: 'h2', children: persistentUtility.title }), persistentUtilityToggleButton] }), _jsx(Flex, { container: { direction: 'column' }, as: StyledPersistentContent, children: persistentUtility.content })] })) : (_jsxs(_Fragment, { children: [_jsxs(Flex, { container: {
                                                 justify: 'between',
                                                 alignItems: 'center',
                                                 pad: [undefined, 0.5, undefined, undefined]
-                                            }, children: [_jsx(Text, { variant: 'h2', children: persistentUtility.title }), persistentUtilityToggleButton] }), _jsx(Flex, { container: { direction: 'column' }, as: StyledPersistentContent, children: persistentUtility.content })] })) })) : (_jsx(_Fragment, { children: persistentUtility.content })) })), (utilities || genAICoachProps) && mdOrAbove && !lgOrAbove && utilitiesExpanded && (_jsx(Drawer, { as: StyledCaseDrawer, open: utilitiesExpanded, previewActive: previewActive, position: 'fixed', placement: end, shadow: true, nullWhenClosed: true, utilitiesExpanded: !!utilitiesExpanded, hasPersistentUtility: !!persistentUtility, children: _jsxs(Flex, { as: StyledCaseDrawerContent, container: { direction: 'column', gap: 2 }, "data-app-region": true, children: [_jsxs(Flex, { container: { alignItems: 'center', justify: 'between' }, children: [utilitiesHeading, utilitiesToggleButton] }), utilitiesAndGenAI] }) })), (utilities || genAICoachProps) && mdOrAbove && !isPreview && (_jsxs(Grid, { "data-testid": testIds.utilities, ref: (el) => {
+                                            }, children: [_jsx(Text, { variant: 'h2', children: persistentUtility.title }), persistentUtilityToggleButton] }), _jsx(Flex, { container: { direction: 'column' }, as: StyledPersistentContent, children: persistentUtility.content })] })) })) : (_jsx(_Fragment, { children: persistentUtility.content })) })), (utilities || genAICoachProps) && mdOrAbove && !lgOrAbove && utilitiesExpanded && (_jsx(Drawer, { as: StyledCaseDrawer, open: utilitiesExpanded, previewActive: previewActive, position: 'fixed', placement: end, shadow: true, nullWhenClosed: true, utilitiesExpanded: !!utilitiesExpanded, hasPersistentUtility: !!persistentUtility, children: _jsxs(Flex, { as: StyledCaseDrawerContent, container: { direction: 'column', gap: 2 }, "data-app-region": true, "aria-label": t('utilities_label'), children: [_jsxs(Flex, { container: { alignItems: 'center', justify: 'between' }, children: [utilitiesHeading, utilitiesToggleButton] }), utilitiesAndGenAI] }) })), (utilities || genAICoachProps) && mdOrAbove && !isPreview && (_jsxs(Grid, { "data-testid": testIds.utilities, ref: (el) => {
                                 scrollStickOptions.current.elements[1] = el;
                             }, as: StyledUtilities, container: {
                                 cols: 'minmax(0, 1fr)',

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

@@ -1 +1 @@
-{"version":3,"file":"CaseView.js","sourceRoot":"","sources":["../../../src/components/CaseView/CaseView.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useMemo, useRef, useLayoutEffect, useState, useContext } from 'react';\nimport type { FC } from 'react';\n\nimport {\n  Flex,\n  Grid,\n  Icon,\n  registerIcon,\n  Text,\n  TabPanel,\n  useBreakpoint,\n  useScrollStick,\n  useElement,\n  Card,\n  Drawer,\n  useI18n,\n  useDirection,\n  useAfterInitialEffect,\n  windowIsAvailable,\n  focusHeadingOrContainer,\n  useConfiguration,\n  useRefMap,\n  useTestIds,\n  withTestIds,\n  AppShellContext,\n  useConsolidatedRef,\n  Tabs,\n  CardHeader\n} from '@pega/cosmos-react-core';\nimport type { ForwardProps, Tab } from '@pega/cosmos-react-core';\nimport type { ScrollStickOptions } from '@pega/cosmos-react-core/lib/hooks/useScrollStick';\nimport * as moveRightSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/move-right-solid.icon';\nimport * as moveLeftSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/move-left-solid.icon';\nimport * as polarisSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/polaris-solid.icon';\nimport * as arrowMicroRightIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/arrow-micro-right.icon';\nimport * as arrowMicroLeftIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/arrow-micro-left.icon';\nimport * as dockIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/dock.icon';\nimport * as unDockIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/undock.icon';\n\nimport GenAICoach from '../GenAICoach';\nimport type { State } from '../GenAICoach/GenAICoach.types';\n\nimport CaseSummary from './CaseSummary';\nimport UtilitiesSummary from './UtilitiesSummary';\nimport {\n  StyledCaseDrawer,\n  StyledCaseDrawerContent,\n  StyledCaseView,\n  StyledWorkArea,\n  StyledPersistentUtility,\n  StyledPersistentContainer,\n  StyledSummary,\n  StyledSummaryTabContent,\n  StyledUtilities,\n  StyledExpandCollapseUtilitiesButton,\n  StyledUtilitiesHeading,\n  StyledCoachButton,\n  StyledUtilitiesWrapper,\n  StyledPersistentContent,\n  StyledSummaryHeading,\n  StyledTasks,\n  StyledTabPanelWrapper\n} from './CaseView.styles';\nimport type { CaseViewContextValue, CaseViewProps } from './CaseView.types';\nimport CaseViewContext from './CaseView.context';\nimport CaseSummaryFields from './CaseSummaryFields';\nimport { getCaseViewTestIds } from './CaseView.test-ids';\nimport UtilitySummaryItemDialog from './UtilitySummaryItemDialog';\n\nregisterIcon(\n  moveRightSolidIcon,\n  moveLeftSolidIcon,\n  polarisSolidIcon,\n  arrowMicroRightIcon,\n  arrowMicroLeftIcon,\n  dockIcon,\n  unDockIcon\n);\n\n// This function is responsible for auto sizing table height in case tab panels.\nconst resizeTable = (tabPanelEl: HTMLDivElement, workAreaEl: HTMLDivElement) => {\n  tabPanelEl.style.removeProperty('--content-height-in-view');\n\n  // .rs-wrapper is currently the class used by the table component which needs to be targeted.\n  const tables = Array.from(tabPanelEl.querySelectorAll('.rs-wrapper')).filter(\n    table => table.getBoundingClientRect().width !== 0\n  );\n\n  // Only perform this logic when there is a single table in a tab's panel.\n  if (tables.length !== 1) return;\n\n  // This selector finds the table's root element as they are always wrapped in a Card.\n  const table = tables[0].closest('article');\n\n  if (!table) return;\n\n  const tabPanelRect = tabPanelEl.getBoundingClientRect();\n  const tableRect = table.getBoundingClientRect();\n  const vpHeight = document.documentElement.clientHeight;\n  const tableRectOffsetTop = tableRect.top + window.scrollY;\n  const workAreaPaddingBlockEnd =\n    // px unit are required for proper CSS calc calculation.\n    window.getComputedStyle(workAreaEl).getPropertyValue('padding-block-end') || '0px';\n\n  // Accounts for content rendered after the table.\n  const tableBottomToTabPanelBottom = tabPanelRect.bottom - tableRect.bottom;\n\n  // Sets a CSS variable for available height based on screen size and view state.\n  // Defines an available minimum height of ~600px.\n  tabPanelEl.style.setProperty(\n    '--content-height-in-view',\n    `max(calc(${\n      vpHeight - tableRectOffsetTop - tableBottomToTabPanelBottom\n    }px - ${workAreaPaddingBlockEnd}), 37.5rem)`\n  );\n};\n\nconst CaseView: FC<CaseViewProps & ForwardProps> = ({\n  testId,\n\n  // Case data mostly visually related to the case header\n  caseId,\n  heading,\n  subheading,\n  caseType,\n  caseLink,\n  parentCases,\n  icon,\n  followed,\n  onFollowedChange,\n  onEdit,\n  actions,\n  promotedActions,\n\n  // Summary content and state props\n  summaryFields,\n  summaryExpanded: summaryExpandedProp = true,\n  onToggleSummary,\n\n  // Case tabs\n  tabs: { currentTabId, items: tabItemsProp, onClick: onTabClick },\n\n  // Workarea related content props\n  banners,\n  stages,\n  tasks,\n  tabContent: tabContentProp = [],\n\n  // Utilities content and state props\n  utilities,\n  utilitiesSummaryItems,\n  utilitiesExpanded: utilitiesExpandedProp = true,\n  onToggleUtilities,\n\n  // Etc...\n  persistentUtility,\n  intelligentGuidance,\n  isPreview = false,\n  // Gen AI coach props\n  genAICoachProps,\n  ...restProps\n}: CaseViewProps) => {\n  const testIds = useTestIds(testId, getCaseViewTestIds);\n\n  // General util hooks\n  const t = useI18n();\n  const { previewActive } = useContext(AppShellContext);\n  const { start, end } = useDirection();\n  const { loadedRef } = useConfiguration();\n\n  // Element refs\n  const [caseViewEl, setCaseViewEl] = useElement<HTMLDivElement>();\n  const caseViewRef = useConsolidatedRef(setCaseViewEl);\n  const summaryRef = useRef<HTMLDivElement>(null);\n  // undefined used to allow ref to be mutable. Element set below in ref callback for scroll stick.\n  const workAreaRef = useRef<HTMLDivElement | undefined>();\n  const toggleButtonRef = useRef<HTMLButtonElement>(null);\n  const persistentUtilityButtonRef = useRef<HTMLButtonElement>(null);\n  const isToggleButtonFocused = useRef(false);\n  const isPersistentUtilityButtonFocused = useRef(false);\n  const tabsRef = useRef<HTMLElement>(null);\n  // Tab content\n  const [tabContentEl, setTabContentEl] = useElement<HTMLElement>(null);\n  // Gen AI coach state\n  const genAICoachButtonRef = useRef<HTMLButtonElement>(null);\n  const [showCoach, setShowCoach] = useState(false);\n  const [genAIHeight, setGenAIHeight] = useState<number>();\n\n  const [genAIState, setGenAIState] = useState<State>('minimized');\n\n  // Breakpoint booleans\n  const smOrAbove = useBreakpoint('sm');\n  const mdOrAbove = useBreakpoint('md', { breakpointRef: caseViewRef });\n  const lgOrAbove = useBreakpoint('lg', { breakpointRef: caseViewRef });\n  const xlOrAbove = useBreakpoint('xl', { breakpointRef: caseViewRef });\n\n  // DOM ids\n  const initialTabId = tabItemsProp[0]?.id;\n  const summaryTabId = `summary-${caseId}`;\n  const utilitiesTabId = `utilities-${caseId}`;\n  const persistentUtilityTabId = `persistent-utility-${caseId}`;\n  const genAICoachTabId = `gen-ai-coach-${caseId}`;\n\n  // Summary state handling\n  let summaryExpanded = !isPreview && !!summaryExpandedProp;\n\n  if (persistentUtility) {\n    summaryExpanded = xlOrAbove;\n  }\n\n  const [persistentUtilityExpanded, setPersistentUtilityExpanded] = useState(false);\n\n  // Focus heading on initial mount\n  useEffect(() => {\n    if (!caseViewRef.current) return;\n\n    if (loadedRef.current) {\n      focusHeadingOrContainer(caseViewRef.current, heading);\n    } else {\n      loadedRef.current = true;\n    }\n  }, [caseId]);\n\n  // Utilities state handling\n\n  // Used in coordination with a layoutEffect below to determine the utilities state on initial render.\n  // Attempted with a ref but it did not work. Using state and enforcing a render in addition to the change render for lgOrAbove seems to fix...\n  const [obeyUtilitiesExpandedProp, setObeyUtilitiesExpandedProp] = useState(lgOrAbove);\n\n  // Allow the utilitiesExpandedProp to drive the utilities' state after the initial render\n  useLayoutEffect(() => {\n    if (lgOrAbove) setObeyUtilitiesExpandedProp(true);\n  }, [lgOrAbove]);\n\n  // Tracks whether a resize forced the onToggleUtilities to close the utilities when it's a drawer\n  const utilitiesToggledByResize = useRef(false);\n\n  // If the initial render is within the MD size, where the utility drawer renders, it must begin collapsed. In CasePreview utilities should always remain collapsed.\n  const utilitiesExpanded = !isPreview && obeyUtilitiesExpandedProp ? utilitiesExpandedProp : false;\n\n  // Handles utilities state based on breakpoint changes.\n  useAfterInitialEffect(() => {\n    // If we change into the MD breakpoint range and the utilities state is expanded call the toggle prop to collapse it with controlled state\n    if (mdOrAbove && !lgOrAbove && utilitiesExpandedProp) {\n      onToggleUtilities?.();\n      utilitiesToggledByResize.current = true;\n    }\n\n    if (lgOrAbove) {\n      if (utilitiesToggledByResize.current && !utilitiesExpandedProp) {\n        onToggleUtilities?.();\n      }\n\n      utilitiesToggledByResize.current = false;\n    }\n    // Purposely not listing utilitiesExpanded as a dependency as it is not a trigger and will be captured when BPs change\n  }, [mdOrAbove, lgOrAbove]);\n\n  // Handles focus of toggle button when toggled in drawer mode and when browser is resized\n  useEffect(() => {\n    if (isToggleButtonFocused.current) {\n      toggleButtonRef.current?.focus();\n    }\n\n    if (!toggleButtonRef.current) {\n      // Toggle button is not on DOM.\n      isToggleButtonFocused.current = false;\n    }\n  }, [utilitiesExpanded, mdOrAbove, lgOrAbove]);\n\n  useEffect(() => {\n    if (isPersistentUtilityButtonFocused.current) {\n      persistentUtilityButtonRef.current?.focus();\n    }\n\n    if (!persistentUtilityButtonRef.current) {\n      isPersistentUtilityButtonFocused.current = false;\n    }\n  }, [persistentUtilityExpanded, mdOrAbove, lgOrAbove]);\n\n  // Prepare tabs\n  const [tabItems, tabContent] = useMemo(() => {\n    const summaryTab = { id: summaryTabId, name: t('summary') };\n    const summaryTabContent = {\n      id: summaryTabId,\n      content: (\n        <Card>\n          <StyledSummaryTabContent>\n            <StyledSummaryHeading variant='h2'>{summaryTab.name}</StyledSummaryHeading>\n            <CaseSummaryFields {...summaryFields} />\n          </StyledSummaryTabContent>\n        </Card>\n      )\n    };\n\n    let items = tabItemsProp;\n    let content = tabContentProp;\n\n    if (mdOrAbove && !isPreview) {\n      if (!summaryExpanded || (persistentUtility && !xlOrAbove)) {\n        items = [summaryTab, ...tabItemsProp];\n        content = [summaryTabContent, ...tabContentProp];\n      }\n\n      return [items, content];\n    }\n\n    const utilityTabsItems = [];\n    const utilityTabsContent = [];\n\n    if (utilities) {\n      utilityTabsItems.push({ id: utilitiesTabId, name: t('utilities') });\n      utilityTabsContent.push({\n        id: utilitiesTabId,\n        content: <Flex container={{ direction: 'column', gap: 2 }}>{utilities}</Flex>\n      });\n    }\n\n    if (persistentUtility) {\n      utilityTabsItems.push({ id: persistentUtilityTabId, name: persistentUtility.title });\n      utilityTabsContent.push({ id: persistentUtilityTabId, content: persistentUtility?.content });\n    }\n\n    items = [summaryTab, ...tabItemsProp, ...utilityTabsItems];\n    content = [summaryTabContent, ...tabContentProp, ...utilityTabsContent];\n\n    if (genAICoachProps) {\n      const genAICoachTabItem: Tab = { id: genAICoachTabId, name: t('chat_with_ai') };\n      items.push(genAICoachTabItem);\n      content.push({\n        id: genAICoachTabId,\n        content: <GenAICoach {...genAICoachProps} variant={{ placement: 'fullpage' }} />\n      });\n    }\n\n    return [items, content];\n  }, [\n    tabItemsProp,\n    summaryTabId,\n    mdOrAbove,\n    summaryExpanded,\n    persistentUtility,\n    xlOrAbove,\n    tabContentProp,\n    utilities,\n    utilitiesTabId,\n    persistentUtilityTabId\n  ]);\n\n  // Grid layout props\n  let caseViewGridContainer = {\n    cols: 'minmax(0, 1fr)',\n    colGap: 0,\n    rows: 'minmax(0, max-content) auto',\n    areas: `\n      \"summary\"\n      \"work-area\"\n    `\n  };\n\n  const sharedGridProps = {\n    colGap: 2,\n    rows: caseViewGridContainer.rows\n  };\n\n  if (persistentUtility) {\n    if (xlOrAbove) {\n      caseViewGridContainer = {\n        ...sharedGridProps,\n        cols: persistentUtilityExpanded\n          ? 'minmax(0, max-content) repeat(2, minmax(0, 1fr)) minmax(0, max-content)'\n          : 'minmax(0, max-content) minmax(0, 1fr) repeat(2, minmax(0, max-content))',\n\n        areas: '\"summary work-area persistentUtility utilities\"'\n      };\n    } else if (mdOrAbove) {\n      if (persistentUtilityExpanded) {\n        caseViewGridContainer = {\n          ...sharedGridProps,\n          cols: 'repeat(2, minmax(0, 1fr)) minmax(0, max-content)', // Work-area and PersistentUtility take equal space\n          areas: `\n                    \"summary summary summary\"\n                    \"work-area persistentUtility utilities\"\n                  `\n        };\n      } else {\n        caseViewGridContainer = {\n          ...sharedGridProps,\n          cols: 'minmax(0, 1fr) repeat(2, minmax(0, max-content))',\n          areas: `\n          \"summary summary summary\"\n          \"work-area persistentUtility utilities\"\n        `\n        };\n      }\n    }\n  } else if (summaryExpanded) {\n    if (mdOrAbove) {\n      caseViewGridContainer = {\n        ...sharedGridProps,\n        cols: 'minmax(0, max-content) minmax(0, 1fr) minmax(0, max-content)',\n        areas: '\"summary work-area utilities\"'\n      };\n    }\n  } else if (mdOrAbove) {\n    caseViewGridContainer = {\n      ...sharedGridProps,\n      cols: 'minmax(0, 1fr) minmax(0, max-content)',\n      areas: `\n            \"summary summary\"\n            \"work-area utilities\"\n          `\n    };\n  }\n  // Apply sticky columns\n  const scrollStickOptions = useRef<ScrollStickOptions>({\n    elements: [null, null]\n  });\n\n  const stickOffset = useMemo(() => {\n    if (!windowIsAvailable || !caseViewEl) return 0;\n\n    return parseFloat(window.getComputedStyle(caseViewEl).getPropertyValue('--appshell-offset'));\n  }, [caseViewEl]);\n\n  useScrollStick(\n    // isMediumOrAbove means side by side columns | | |\n    mdOrAbove ? { ...scrollStickOptions.current, offset: stickOffset } : undefined\n  );\n\n  // Preview set summary tab active\n  useEffect(() => {\n    if (isPreview) {\n      onTabClick(summaryTabId);\n    }\n  }, []);\n\n  // Initial tab selection\n  useEffect(() => {\n    if (\n      mdOrAbove &&\n      summaryExpanded &&\n      !persistentUtility &&\n      (currentTabId === summaryTabId || currentTabId === utilitiesTabId)\n    ) {\n      onTabClick(tabItemsProp[0]?.id);\n    }\n    // Toggle utilities tab selection\n    if (mdOrAbove && [utilitiesTabId, persistentUtilityTabId].includes(currentTabId)) {\n      onTabClick(initialTabId);\n    }\n  }, [mdOrAbove]);\n\n  // Initial / summary tab selection\n  useEffect(() => {\n    if (!smOrAbove && currentTabId === initialTabId) {\n      onTabClick(summaryTabId);\n    } else if (smOrAbove && currentTabId === summaryTabId) {\n      onTabClick(initialTabId);\n    }\n  }, [smOrAbove]);\n\n  // Summary tab selection\n  useEffect(() => {\n    if (isPreview) {\n      onTabClick(summaryTabId);\n    }\n  }, [isPreview]);\n\n  // Initial tab selection\n  useEffect(() => {\n    if (summaryExpanded && currentTabId === summaryTabId) {\n      onTabClick(initialTabId);\n    }\n  }, [summaryExpanded]);\n\n  // Handles scrolling to tab content for newly clicked tab\n  useEffect(() => {\n    if (!tabContentEl) return;\n    const scrollPos = window.scrollY;\n    const windowHeight = document.documentElement.clientHeight;\n    const bottomPos = scrollPos + windowHeight * 0.8;\n    const tabContentPos = tabContentEl.offsetTop;\n    if (tabContentPos > bottomPos) {\n      const top = tabContentPos - windowHeight * 0.2;\n      window.scrollTo({ top, behavior: 'smooth' });\n    }\n  }, [currentTabId]);\n\n  // We need a css variable for the height of the case summary when it is collapsed into a header like layout\n  useLayoutEffect(() => {\n    if (!caseViewRef.current || !summaryRef.current) return;\n\n    caseViewRef.current.style.setProperty(\n      '--summary-height',\n      `${!summaryExpanded ? summaryRef.current.offsetHeight : 0}px`\n    );\n  }, [summaryExpanded]);\n\n  const utilitiesAndGenAI = (\n    <>\n      <Flex\n        as={StyledUtilitiesWrapper}\n        container={{ gap: 2, direction: 'column' }}\n        genAIHeight={genAIHeight}\n      >\n        {utilities}\n      </Flex>\n      {genAICoachProps && (\n        <GenAICoach\n          {...genAICoachProps}\n          variant={{\n            placement: 'utilities',\n            state: genAIState,\n            onStateChange: (state: State) => {\n              genAICoachProps.onStateChange?.(state);\n              setGenAIState(state);\n            },\n            setGenAIHeight\n          }}\n        />\n      )}\n    </>\n  );\n\n  // CaseView context value\n  // Choosing not to memo for now due to extent of deps and how often they change. Optimize as needed.\n  // eslint-disable-next-line react/jsx-no-constructed-context-values\n  const ctxValue: CaseViewContextValue = {\n    testIds,\n    caseId,\n    heading,\n    subheading,\n    caseType,\n    caseLink,\n    parentCases,\n    icon,\n    followed,\n    onFollowedChange,\n    actions,\n    promotedActions,\n    onEdit,\n    summaryFields,\n    tabs: {\n      items: tabItems,\n      onClick: onTabClick,\n      currentTabId\n    },\n    stages,\n    tasks,\n    persistentUtility,\n    intelligentGuidance,\n    summaryExpanded,\n    utilitiesExpanded,\n    onToggleSummary,\n    isPreview,\n    aboveSM: smOrAbove,\n    aboveMD: mdOrAbove,\n    aboveLG: lgOrAbove,\n    aboveXL: xlOrAbove\n  };\n\n  const [tabPanelEls, getTabPanelCbRef] = useRefMap<HTMLDivElement>();\n\n  // The following effects are dedicated to resizeTable handling.\n  useLayoutEffect(() => {\n    if (!tabPanelEls.has(currentTabId) || !workAreaRef.current) return;\n\n    const currentTabPanelEl = tabPanelEls.get(currentTabId)!;\n    const workAreaEl = workAreaRef.current;\n\n    resizeTable(currentTabPanelEl, workAreaEl);\n\n    const onTabChange = () => {\n      resizeTable(currentTabPanelEl, workAreaEl);\n    };\n\n    // TODO: optimize\n    const mo = new MutationObserver(() => {\n      resizeTable(currentTabPanelEl, workAreaEl);\n    });\n\n    mo.observe(currentTabPanelEl, { childList: true, subtree: true });\n\n    currentTabPanelEl.addEventListener('cosmos-tab-changed', onTabChange);\n\n    return () => {\n      mo.disconnect();\n      currentTabPanelEl.removeEventListener('cosmos-tab-changed', onTabChange);\n    };\n  });\n\n  const [bannersStagesTasksEl, setBannersStagesTasksEl] = useElement<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!bannersStagesTasksEl) return;\n\n    const observer = new ResizeObserver(() => {\n      if (!tabPanelEls.has(currentTabId) || !workAreaRef.current) return;\n\n      resizeTable(tabPanelEls.get(currentTabId)!, workAreaRef.current);\n    });\n\n    observer.observe(bannersStagesTasksEl);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [bannersStagesTasksEl, currentTabId]);\n\n  useEffect(() => {\n    const onResize = () => {\n      if (!tabPanelEls.has(currentTabId) || !workAreaRef.current) return;\n\n      resizeTable(tabPanelEls.get(currentTabId)!, workAreaRef.current);\n    };\n\n    window.addEventListener('resize', onResize);\n\n    return () => {\n      window.removeEventListener('resize', onResize);\n    };\n  }, [currentTabId]);\n\n  const utilitiesHeading = (\n    <StyledUtilitiesHeading variant='h2'>{t('utilities')}</StyledUtilitiesHeading>\n  );\n\n  const utilitiesToggleButton = !isPreview && (\n    <StyledExpandCollapseUtilitiesButton\n      compact\n      icon\n      label={t(utilitiesExpanded ? 'collapse' : 'expand')}\n      aria-label={t(utilitiesExpanded ? 'collapse_utilities_panel' : 'expand_utilities_panel')}\n      onClick={() => {\n        if (!obeyUtilitiesExpandedProp && utilitiesExpandedProp) {\n          setObeyUtilitiesExpandedProp(true);\n        } else {\n          onToggleUtilities?.();\n        }\n      }}\n      onFocus={() => {\n        isToggleButtonFocused.current = true;\n      }}\n      onBlur={() => {\n        isToggleButtonFocused.current = false;\n      }}\n      ref={toggleButtonRef}\n    >\n      <Icon name={utilitiesExpanded ? `arrow-micro-${end}` : `arrow-micro-${start}`} />\n    </StyledExpandCollapseUtilitiesButton>\n  );\n\n  const persistentUtilityToggleButton = persistentUtility && (\n    <StyledExpandCollapseUtilitiesButton\n      compact\n      icon\n      label={t(persistentUtilityExpanded ? 'collapse' : 'expand')}\n      aria-label={t(persistentUtilityExpanded ? 'collapse_noun' : 'expand_noun', [\n        persistentUtility.title\n      ])}\n      onClick={() => {\n        setPersistentUtilityExpanded(prevState => !prevState);\n        if (utilitiesExpanded) {\n          onToggleUtilities?.();\n        }\n      }}\n      onFocus={() => {\n        isPersistentUtilityButtonFocused.current = true;\n      }}\n      onBlur={() => {\n        isPersistentUtilityButtonFocused.current = false;\n      }}\n      ref={persistentUtilityButtonRef}\n    >\n      <Icon name={persistentUtilityExpanded ? 'dock' : 'undock'} />\n    </StyledExpandCollapseUtilitiesButton>\n  );\n\n  const shouldRenderMobileTabs =\n    !mdOrAbove || (persistentUtility && !xlOrAbove) || !summaryExpanded;\n  // Here we go...\n  return (\n    <>\n      <CaseViewContext.Provider value={ctxValue}>\n        {/* Root element */}\n        <Grid\n          data-testid={testIds.root}\n          {...restProps}\n          as={StyledCaseView}\n          ref={caseViewRef}\n          container={caseViewGridContainer}\n          item={{ area: 'case-view' }}\n        >\n          {/* Summary */}\n          <Grid\n            as={StyledSummary}\n            item={{ area: 'summary' }}\n            desktop={mdOrAbove && (!persistentUtility || xlOrAbove) && !summaryExpanded}\n            isLargeOrAbove={lgOrAbove}\n            ref={summaryRef}\n          >\n            <CaseSummary tabsRef={tabsRef} />\n          </Grid>\n\n          {/* Work area */}\n          <Flex\n            container={{\n              direction: 'column',\n              alignContent: 'start',\n              rowGap: 2\n            }}\n            as={StyledWorkArea}\n            persistentUtility={Boolean(persistentUtility)}\n            ref={(el: HTMLDivElement) => {\n              workAreaRef.current = el;\n              scrollStickOptions.current.elements[0] = el;\n            }}\n          >\n            {(banners || stages || tasks) && (\n              <Flex\n                container={{\n                  direction: 'column',\n                  alignContent: 'start',\n                  rowGap: 2\n                }}\n                ref={setBannersStagesTasksEl}\n              >\n                {banners && <div data-testid={testIds.banners}>{banners}</div>}\n                {stages && <div data-testid={testIds.stages}>{stages}</div>}\n                {tasks && (\n                  <StyledTasks\n                    onFocus={e => {\n                      if (e.target?.matches('[data-focusable-form-heading]')) {\n                        window.scrollTo({\n                          top: 0,\n                          behavior: 'smooth'\n                        });\n                      }\n                    }}\n                    data-testid={testIds.tasks}\n                  >\n                    {tasks}\n                  </StyledTasks>\n                )}\n              </Flex>\n            )}\n\n            <Flex container={{ direction: 'column', alignContent: 'start' }}>\n              {shouldRenderMobileTabs && (\n                <Tabs\n                  data-testid={testIds.tabs}\n                  tabs={tabItems}\n                  onTabClick={onTabClick}\n                  currentTabId={currentTabId}\n                  aria-label={t(isPreview ? 'case_preview_tabs' : 'case_tabs')}\n                  ref={tabsRef}\n                />\n              )}\n\n              <StyledTabPanelWrapper ref={setTabContentEl}>\n                {tabContent?.map(({ id, content }) => (\n                  <TabPanel\n                    data-testid={currentTabId === id ? testIds.tabContent : undefined}\n                    currentTabId={currentTabId}\n                    tabId={id}\n                    key={id}\n                    ref={getTabPanelCbRef(id)}\n                    tablistRef={tabsRef}\n                    tablistType={shouldRenderMobileTabs ? 'horizontal' : 'vertical'}\n                  >\n                    {content}\n                  </TabPanel>\n                ))}\n              </StyledTabPanelWrapper>\n            </Flex>\n          </Flex>\n\n          {/* Persistent utility column */}\n          {persistentUtility && mdOrAbove && (\n            <Grid\n              as={StyledPersistentUtility}\n              item={{ area: 'persistentUtility' }}\n              data-app-region\n              persistentUtilityExpanded={persistentUtilityExpanded}\n            >\n              {persistentUtility.showExpand ? (\n                <Flex\n                  container={{\n                    direction: 'column',\n                    gap: persistentUtilityExpanded ? undefined : 2\n                  }}\n                  as={StyledPersistentContainer}\n                >\n                  {persistentUtilityExpanded ? (\n                    <Card as={StyledPersistentContainer}>\n                      <CardHeader>\n                        <Text variant='h2'>{persistentUtility.title}</Text>\n                        {persistentUtilityToggleButton}\n                      </CardHeader>\n                      <Flex container={{ direction: 'column' }} as={StyledPersistentContent}>\n                        {persistentUtility.content}\n                      </Flex>\n                    </Card>\n                  ) : (\n                    <>\n                      <Flex\n                        container={{\n                          justify: 'between',\n                          alignItems: 'center',\n                          pad: [undefined, 0.5, undefined, undefined]\n                        }}\n                      >\n                        <Text variant='h2'>{persistentUtility.title}</Text>\n                        {persistentUtilityToggleButton}\n                      </Flex>\n                      <Flex container={{ direction: 'column' }} as={StyledPersistentContent}>\n                        {persistentUtility.content}\n                      </Flex>\n                    </>\n                  )}\n                </Flex>\n              ) : (\n                <>{persistentUtility.content}</>\n              )}\n            </Grid>\n          )}\n\n          {/* Utility drawer */}\n          {(utilities || genAICoachProps) && mdOrAbove && !lgOrAbove && utilitiesExpanded && (\n            <Drawer\n              as={StyledCaseDrawer}\n              open={utilitiesExpanded}\n              previewActive={previewActive}\n              position='fixed'\n              placement={end}\n              shadow\n              nullWhenClosed\n              utilitiesExpanded={!!utilitiesExpanded}\n              hasPersistentUtility={!!persistentUtility}\n            >\n              <Flex\n                as={StyledCaseDrawerContent}\n                container={{ direction: 'column', gap: 2 }}\n                data-app-region\n              >\n                <Flex container={{ alignItems: 'center', justify: 'between' }}>\n                  {utilitiesHeading}\n                  {utilitiesToggleButton}\n                </Flex>\n                {utilitiesAndGenAI}\n              </Flex>\n            </Drawer>\n          )}\n\n          {/* Utilities */}\n          {(utilities || genAICoachProps) && mdOrAbove && !isPreview && (\n            <Grid\n              data-testid={testIds.utilities}\n              ref={(el: HTMLDivElement) => {\n                scrollStickOptions.current.elements[1] = el;\n              }}\n              as={StyledUtilities}\n              container={{\n                cols: 'minmax(0, 1fr)',\n                rowGap: 2\n              }}\n              item={{\n                area: 'utilities'\n              }}\n              data-app-region={lgOrAbove || !utilitiesExpanded || undefined}\n              aria-label={t('utilities_label')}\n            >\n              <Flex\n                container={{\n                  alignItems: 'center',\n                  justify: utilitiesExpanded ? 'between' : 'center'\n                }}\n              >\n                {utilitiesHeading}\n                {!lgOrAbove && utilitiesExpanded ? null : utilitiesToggleButton}\n              </Flex>\n\n              {utilitiesExpanded && lgOrAbove && utilitiesAndGenAI}\n\n              {(!utilitiesExpanded || (mdOrAbove && !lgOrAbove)) && (\n                <>\n                  {utilitiesSummaryItems && utilitiesSummaryItems.length > 0 && (\n                    <UtilitiesSummary\n                      items={utilitiesSummaryItems}\n                      isExpanded={utilitiesExpanded}\n                    />\n                  )}\n\n                  {genAICoachProps && (\n                    <StyledCoachButton\n                      iconOnly\n                      variant='primary'\n                      ref={genAICoachButtonRef}\n                      onClick={() => setShowCoach(cur => !cur)}\n                      label={t('chat_with_ai')}\n                    />\n                  )}\n                </>\n              )}\n            </Grid>\n          )}\n          {genAICoachButtonRef.current && genAICoachProps && showCoach && (\n            <UtilitySummaryItemDialog\n              name={t('chat_with_ai')}\n              target={genAICoachButtonRef.current}\n              onDismiss={() => setShowCoach(false)}\n            >\n              <GenAICoach\n                {...genAICoachProps}\n                variant={{\n                  placement: 'dialog',\n                  onClose: () => {\n                    genAICoachProps.onClose?.();\n                    setShowCoach(false);\n                    genAICoachButtonRef.current?.focus();\n                  }\n                }}\n              />\n            </UtilitySummaryItemDialog>\n          )}\n        </Grid>\n      </CaseViewContext.Provider>\n      {intelligentGuidance}\n    </>\n  );\n};\n\nexport default withTestIds(CaseView, getCaseViewTestIds);\n"]}
+{"version":3,"file":"CaseView.js","sourceRoot":"","sources":["../../../src/components/CaseView/CaseView.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useMemo, useRef, useLayoutEffect, useState, useContext } from 'react';\nimport type { FC } from 'react';\n\nimport {\n  Flex,\n  Grid,\n  Icon,\n  registerIcon,\n  Text,\n  TabPanel,\n  useBreakpoint,\n  useScrollStick,\n  useElement,\n  Card,\n  Drawer,\n  useI18n,\n  useDirection,\n  useAfterInitialEffect,\n  windowIsAvailable,\n  focusHeadingOrContainer,\n  useConfiguration,\n  useRefMap,\n  useTestIds,\n  withTestIds,\n  AppShellContext,\n  useConsolidatedRef,\n  Tabs,\n  CardHeader,\n  useTheme,\n  usePrevious\n} from '@pega/cosmos-react-core';\nimport type { ForwardProps, Tab } from '@pega/cosmos-react-core';\nimport type { ScrollStickOptions } from '@pega/cosmos-react-core/lib/hooks/useScrollStick';\nimport * as moveRightSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/move-right-solid.icon';\nimport * as moveLeftSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/move-left-solid.icon';\nimport * as polarisSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/polaris-solid.icon';\nimport * as arrowMicroRightIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/arrow-micro-right.icon';\nimport * as arrowMicroLeftIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/arrow-micro-left.icon';\nimport * as dockIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/dock.icon';\nimport * as unDockIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/undock.icon';\n\nimport GenAICoach from '../GenAICoach';\nimport type { State } from '../GenAICoach/GenAICoach.types';\n\nimport CaseSummary from './CaseSummary';\nimport UtilitiesSummary from './UtilitiesSummary';\nimport {\n  StyledCaseDrawer,\n  StyledCaseDrawerContent,\n  StyledCaseView,\n  StyledWorkArea,\n  StyledPersistentUtility,\n  StyledPersistentContainer,\n  StyledSummary,\n  StyledSummaryTabContent,\n  StyledUtilities,\n  StyledExpandCollapseUtilitiesButton,\n  StyledUtilitiesHeading,\n  StyledCoachButton,\n  StyledUtilitiesWrapper,\n  StyledPersistentContent,\n  StyledSummaryHeading,\n  StyledTasks,\n  StyledTabPanelWrapper,\n  StyledBannersStagesTasksContainer\n} from './CaseView.styles';\nimport type { CaseViewContextValue, CaseViewProps } from './CaseView.types';\nimport CaseViewContext from './CaseView.context';\nimport CaseSummaryFields from './CaseSummaryFields';\nimport { getCaseViewTestIds } from './CaseView.test-ids';\nimport UtilitySummaryItemDialog from './UtilitySummaryItemDialog';\n\nregisterIcon(\n  moveRightSolidIcon,\n  moveLeftSolidIcon,\n  polarisSolidIcon,\n  arrowMicroRightIcon,\n  arrowMicroLeftIcon,\n  dockIcon,\n  unDockIcon\n);\n\n// This function is responsible for auto sizing table height in case tab panels.\nconst resizeTable = (tabPanelEl: HTMLDivElement, workAreaEl: HTMLDivElement) => {\n  tabPanelEl.style.removeProperty('--content-height-in-view');\n\n  // .rs-wrapper is currently the class used by the table component which needs to be targeted.\n  const tables = Array.from(tabPanelEl.querySelectorAll('.rs-wrapper')).filter(\n    table => table.getBoundingClientRect().width !== 0\n  );\n\n  // Only perform this logic when there is a single table in a tab's panel.\n  if (tables.length !== 1) return;\n\n  // This selector finds the table's root element as they are always wrapped in a Card.\n  const table = tables[0].closest('article');\n\n  if (!table) return;\n\n  const tabPanelRect = tabPanelEl.getBoundingClientRect();\n  const tableRect = table.getBoundingClientRect();\n  const vpHeight = document.documentElement.clientHeight;\n  const tableRectOffsetTop = tableRect.top + window.scrollY;\n  const workAreaPaddingBlockEnd =\n    // px unit are required for proper CSS calc calculation.\n    window.getComputedStyle(workAreaEl).getPropertyValue('padding-block-end') || '0px';\n\n  // Accounts for content rendered after the table.\n  const tableBottomToTabPanelBottom = tabPanelRect.bottom - tableRect.bottom;\n\n  // Sets a CSS variable for available height based on screen size and view state.\n  // Defines an available minimum height of ~600px.\n  tabPanelEl.style.setProperty(\n    '--content-height-in-view',\n    `max(calc(${\n      vpHeight - tableRectOffsetTop - tableBottomToTabPanelBottom\n    }px - ${workAreaPaddingBlockEnd}), 37.5rem)`\n  );\n};\n\nconst CaseView: FC<CaseViewProps & ForwardProps> = ({\n  testId,\n\n  // Case data mostly visually related to the case header\n  caseId,\n  heading,\n  subheading,\n  caseType,\n  caseLink,\n  parentCases,\n  icon,\n  color,\n  followed,\n  onFollowedChange,\n  onEdit,\n  actions,\n  promotedActions,\n\n  // Summary content and state props\n  summaryFields,\n  summaryExpanded: summaryExpandedProp = true,\n  onToggleSummary,\n\n  // Case tabs\n  tabs: { currentTabId, items: tabItemsProp, onClick: onTabClick },\n\n  // Workarea related content props\n  banners,\n  stages,\n  tasks,\n  tabContent: tabContentProp = [],\n\n  // Utilities content and state props\n  utilities,\n  utilitiesSummaryItems,\n  utilitiesExpanded: utilitiesExpandedProp = true,\n  onToggleUtilities,\n\n  // Etc...\n  persistentUtility,\n  intelligentGuidance,\n  isPreview = false,\n  // Gen AI coach props\n  genAICoachProps,\n  collaboration,\n  ...restProps\n}: CaseViewProps) => {\n  const testIds = useTestIds(testId, getCaseViewTestIds);\n\n  // General util hooks\n  const t = useI18n();\n  const theme = useTheme();\n  const { previewActive } = useContext(AppShellContext);\n  const { start, end } = useDirection();\n  const { loadedRef } = useConfiguration();\n\n  // Element refs\n  const [caseViewEl, setCaseViewEl] = useElement<HTMLDivElement>();\n  const caseViewRef = useConsolidatedRef(setCaseViewEl);\n  const summaryRef = useRef<HTMLDivElement>(null);\n  // undefined used to allow ref to be mutable. Element set below in ref callback for scroll stick.\n  const workAreaRef = useRef<HTMLDivElement | undefined>();\n  const toggleButtonRef = useRef<HTMLButtonElement>(null);\n  const persistentUtilityButtonRef = useRef<HTMLButtonElement>(null);\n  const isToggleButtonFocused = useRef(false);\n  const isPersistentUtilityButtonFocused = useRef(false);\n  const tabsRef = useRef<HTMLElement>(null);\n  // Tab content\n  const [tabContentEl, setTabContentEl] = useElement<HTMLElement>(null);\n  // Gen AI coach state\n  const genAICoachButtonRef = useRef<HTMLButtonElement>(null);\n  const [showCoach, setShowCoach] = useState(false);\n  const [genAIState, setGenAIState] = useState<State>('minimized');\n\n  // Breakpoint booleans\n  const smOrAbove = useBreakpoint('sm');\n  const mdOrAbove = useBreakpoint('md', { breakpointRef: caseViewRef });\n  const lgOrAbove = useBreakpoint('lg', { breakpointRef: caseViewRef });\n  const xlOrAbove = useBreakpoint('xl', { breakpointRef: caseViewRef });\n\n  // DOM ids\n  const initialTabId = tabItemsProp[0]?.id;\n  const summaryTabId = `summary-${caseId}`;\n  const utilitiesTabId = `utilities-${caseId}`;\n  const persistentUtilityTabId = `persistent-utility-${caseId}`;\n  const genAICoachTabId = `gen-ai-coach-${caseId}`;\n\n  // Summary state handling\n  let summaryExpanded = !isPreview && !!summaryExpandedProp;\n\n  const [summaryHeightPx, setSummaryHeightPx] = useState(0);\n  const prevSummaryHeightPx = usePrevious(summaryHeightPx);\n\n  if (persistentUtility) {\n    summaryExpanded = xlOrAbove;\n  }\n\n  const [persistentUtilityExpanded, setPersistentUtilityExpanded] = useState(false);\n\n  // Focus heading on initial mount\n  useEffect(() => {\n    if (!caseViewRef.current) return;\n\n    if (loadedRef.current) {\n      focusHeadingOrContainer(\n        caseViewRef.current,\n        typeof heading === 'string' ? heading : heading.text\n      );\n    } else {\n      loadedRef.current = true;\n    }\n  }, [caseId]);\n\n  // Utilities state handling\n\n  // Used in coordination with a layoutEffect below to determine the utilities state on initial render.\n  // Attempted with a ref but it did not work. Using state and enforcing a render in addition to the change render for lgOrAbove seems to fix...\n  const [obeyUtilitiesExpandedProp, setObeyUtilitiesExpandedProp] = useState(lgOrAbove);\n\n  // Allow the utilitiesExpandedProp to drive the utilities' state after the initial render\n  useLayoutEffect(() => {\n    if (lgOrAbove) setObeyUtilitiesExpandedProp(true);\n  }, [lgOrAbove]);\n\n  // Tracks whether a resize forced the onToggleUtilities to close the utilities when it's a drawer\n  const utilitiesToggledByResize = useRef(false);\n\n  // FIXME: Necessary to avoid utilitiesAndGenAI being mounted for a single render frame ⬇\n  // only to be unmounted the next frame. This occurs with the utilities drawer in either direction.\n  // Augments what obeyUtilitiesExpandedProp is already doing but we can not set that state ⬇\n  // fast enough prior to the render. A larger refactor of state to a reducer could clean some of this up. Yuck.\n  const previousLgOrAbove = usePrevious(lgOrAbove);\n  const previousMdOrAbove = usePrevious(mdOrAbove);\n  const justWentFromLGtoMD = previousLgOrAbove === true && lgOrAbove === false;\n  const justWentFromSMtoMD = previousMdOrAbove === false && mdOrAbove === true;\n\n  // If the initial render is within the MD size, where the utility drawer renders, it must begin collapsed. In CasePreview utilities should always remain collapsed.\n  const utilitiesExpanded =\n    !isPreview && obeyUtilitiesExpandedProp && !justWentFromLGtoMD && !justWentFromSMtoMD\n      ? utilitiesExpandedProp\n      : false;\n\n  // Handles utilities state based on breakpoint changes.\n  useAfterInitialEffect(() => {\n    // If we change into the MD breakpoint range and the utilities state is expanded call the toggle prop to collapse it with controlled state\n    if (mdOrAbove && !lgOrAbove && utilitiesExpandedProp) {\n      onToggleUtilities?.();\n      utilitiesToggledByResize.current = true;\n    }\n\n    if (lgOrAbove) {\n      if (utilitiesToggledByResize.current && !utilitiesExpandedProp) {\n        onToggleUtilities?.();\n      }\n\n      utilitiesToggledByResize.current = false;\n    }\n    // Purposely not listing utilitiesExpanded as a dependency as it is not a trigger and will be captured when BPs change\n  }, [mdOrAbove, lgOrAbove]);\n\n  // Handles focus of toggle button when toggled in drawer mode and when browser is resized\n  useEffect(() => {\n    if (isToggleButtonFocused.current) {\n      toggleButtonRef.current?.focus();\n    }\n\n    if (!toggleButtonRef.current) {\n      // Toggle button is not on DOM.\n      isToggleButtonFocused.current = false;\n    }\n  }, [utilitiesExpanded, mdOrAbove, lgOrAbove]);\n\n  useEffect(() => {\n    if (isPersistentUtilityButtonFocused.current) {\n      persistentUtilityButtonRef.current?.focus();\n    }\n\n    if (!persistentUtilityButtonRef.current) {\n      isPersistentUtilityButtonFocused.current = false;\n    }\n  }, [persistentUtilityExpanded, mdOrAbove, lgOrAbove]);\n\n  // Prepare tabs\n  const [tabItems, tabContent] = useMemo(() => {\n    const summaryTab = { id: summaryTabId, name: t('summary') };\n    const summaryTabContent = {\n      id: summaryTabId,\n      content: (\n        <Card>\n          <StyledSummaryTabContent>\n            <StyledSummaryHeading variant='h2'>{summaryTab.name}</StyledSummaryHeading>\n            <CaseSummaryFields {...summaryFields} />\n          </StyledSummaryTabContent>\n        </Card>\n      )\n    };\n\n    let items = tabItemsProp;\n    let content = tabContentProp;\n\n    if (mdOrAbove && !isPreview) {\n      if (!summaryExpanded || (persistentUtility && !xlOrAbove)) {\n        items = [summaryTab, ...tabItemsProp];\n        content = [summaryTabContent, ...tabContentProp];\n      }\n\n      return [items, content];\n    }\n\n    const utilityTabsItems = [];\n    const utilityTabsContent = [];\n\n    if (utilities) {\n      utilityTabsItems.push({ id: utilitiesTabId, name: t('utilities') });\n      utilityTabsContent.push({\n        id: utilitiesTabId,\n        content: <Flex container={{ direction: 'column', gap: 2 }}>{utilities}</Flex>\n      });\n    }\n\n    if (persistentUtility) {\n      utilityTabsItems.push({ id: persistentUtilityTabId, name: persistentUtility.title });\n      utilityTabsContent.push({ id: persistentUtilityTabId, content: persistentUtility?.content });\n    }\n\n    items = [summaryTab, ...tabItemsProp, ...utilityTabsItems];\n    content = [summaryTabContent, ...tabContentProp, ...utilityTabsContent];\n\n    if (genAICoachProps) {\n      const genAICoachTabItem: Tab = { id: genAICoachTabId, name: t('chat_with_ai') };\n      items.push(genAICoachTabItem);\n      content.push({\n        id: genAICoachTabId,\n        content: <GenAICoach {...genAICoachProps} variant={{ placement: 'fullpage' }} />\n      });\n    }\n\n    return [items, content];\n  }, [\n    tabItemsProp,\n    summaryTabId,\n    mdOrAbove,\n    summaryExpanded,\n    persistentUtility,\n    xlOrAbove,\n    tabContentProp,\n    utilities,\n    utilitiesTabId,\n    persistentUtilityTabId\n  ]);\n\n  // Grid layout props\n  let caseViewGridContainer = {\n    cols: 'minmax(0, 1fr)',\n    colGap: 0,\n    rows: 'minmax(0, max-content) auto',\n    areas: `\n      \"summary\"\n      \"work-area\"\n    `\n  };\n\n  const sharedGridProps = {\n    colGap: 2,\n    rows: caseViewGridContainer.rows\n  };\n\n  if (persistentUtility) {\n    if (xlOrAbove) {\n      caseViewGridContainer = {\n        ...sharedGridProps,\n        cols: persistentUtilityExpanded\n          ? 'minmax(0, max-content) repeat(2, minmax(0, 1fr)) minmax(0, max-content)'\n          : 'minmax(0, max-content) minmax(0, 1fr) repeat(2, minmax(0, max-content))',\n\n        areas: '\"summary work-area persistentUtility utilities\"'\n      };\n    } else if (mdOrAbove) {\n      if (persistentUtilityExpanded) {\n        caseViewGridContainer = {\n          ...sharedGridProps,\n          cols: 'repeat(2, minmax(0, 1fr)) minmax(0, max-content)', // Work-area and PersistentUtility take equal space\n          areas: `\n                    \"summary summary summary\"\n                    \"work-area persistentUtility utilities\"\n                  `\n        };\n      } else {\n        caseViewGridContainer = {\n          ...sharedGridProps,\n          cols: 'minmax(0, 1fr) repeat(2, minmax(0, max-content))',\n          areas: `\n          \"summary summary summary\"\n          \"work-area persistentUtility utilities\"\n        `\n        };\n      }\n    }\n  } else if (summaryExpanded) {\n    if (mdOrAbove) {\n      caseViewGridContainer = {\n        ...sharedGridProps,\n        cols: 'minmax(0, max-content) minmax(0, 1fr) minmax(0, max-content)',\n        areas: '\"summary work-area utilities\"'\n      };\n    }\n  } else if (mdOrAbove) {\n    caseViewGridContainer = {\n      ...sharedGridProps,\n      cols: 'minmax(0, 1fr) minmax(0, max-content)',\n      areas: `\n            \"summary summary\"\n            \"work-area utilities\"\n          `\n    };\n  }\n  // Apply sticky columns\n  const scrollStickOptions = useRef<ScrollStickOptions>({\n    elements: [null, null]\n  });\n\n  const stickOffset = useMemo(() => {\n    if (!windowIsAvailable || !caseViewEl) return 0;\n\n    const styles = window.getComputedStyle(caseViewEl);\n    const rootStyles = getComputedStyle(document.documentElement);\n    const stickyOffsetRaw = parseFloat(styles.getPropertyValue('--appshell-sticky-offset'));\n    const topOffsetRaw = parseFloat(rootStyles.getPropertyValue('--appshell-top-offset'));\n    const appshellOffset =\n      (!Number.isNaN(stickyOffsetRaw) && stickyOffsetRaw >= 0\n        ? stickyOffsetRaw\n        : parseFloat(styles.getPropertyValue('--appshell-offset')) || 0) +\n      (!Number.isNaN(topOffsetRaw) ? topOffsetRaw : 0);\n\n    const spacingStr = theme.base.spacing;\n    const spacingPx = parseFloat(spacingStr) * parseFloat(rootStyles.fontSize);\n\n    return appshellOffset + summaryHeightPx + 2 * spacingPx;\n  }, [caseViewEl, summaryHeightPx, theme.base.spacing]);\n\n  useScrollStick(\n    // isMediumOrAbove means side by side columns | | |\n    mdOrAbove ? { ...scrollStickOptions.current, offset: stickOffset } : undefined\n  );\n\n  // Preview set summary tab active\n  useEffect(() => {\n    if (isPreview) {\n      onTabClick(summaryTabId);\n    }\n  }, []);\n\n  // Initial tab selection\n  useEffect(() => {\n    if (\n      mdOrAbove &&\n      summaryExpanded &&\n      !persistentUtility &&\n      (currentTabId === summaryTabId || currentTabId === utilitiesTabId)\n    ) {\n      onTabClick(tabItemsProp[0]?.id);\n    }\n    // Toggle utilities tab selection\n    if (mdOrAbove && [utilitiesTabId, persistentUtilityTabId].includes(currentTabId)) {\n      onTabClick(initialTabId);\n    }\n  }, [mdOrAbove]);\n\n  // Initial / summary tab selection\n  useEffect(() => {\n    if (!smOrAbove && currentTabId === initialTabId) {\n      onTabClick(summaryTabId);\n    } else if (smOrAbove && currentTabId === summaryTabId) {\n      onTabClick(initialTabId);\n    }\n  }, [smOrAbove]);\n\n  // Summary tab selection\n  useEffect(() => {\n    if (isPreview) {\n      onTabClick(summaryTabId);\n    }\n  }, [isPreview]);\n\n  // Initial tab selection\n  useEffect(() => {\n    if (summaryExpanded && currentTabId === summaryTabId) {\n      onTabClick(initialTabId);\n    }\n  }, [summaryExpanded]);\n\n  // Handles scrolling to tab content for newly clicked tab\n  useEffect(() => {\n    if (!tabContentEl) return;\n    const scrollPos = window.scrollY;\n    const windowHeight = document.documentElement.clientHeight;\n    const bottomPos = scrollPos + windowHeight * 0.8;\n    const tabContentPos = tabContentEl.offsetTop;\n    if (tabContentPos > bottomPos) {\n      const top = tabContentPos - windowHeight * 0.2;\n      window.scrollTo({ top, behavior: 'smooth' });\n    }\n  }, [currentTabId]);\n\n  // We need a css variable for the height of the case summary when it is collapsed into a header like layout\n  useLayoutEffect(() => {\n    const rafId = requestAnimationFrame(() => {\n      if (!caseViewRef.current || !summaryRef.current) return;\n\n      const newHeight = summaryExpanded ? 0 : summaryRef.current.offsetHeight;\n      caseViewRef.current.style.setProperty('--summary-height', `${newHeight}px`);\n      setSummaryHeightPx(newHeight);\n    });\n\n    return () => cancelAnimationFrame(rafId);\n  }, [summaryExpanded, collaboration, prevSummaryHeightPx]);\n\n  const utilitiesAndGenAI = (\n    <>\n      <Flex as={StyledUtilitiesWrapper} container={{ gap: 2, direction: 'column' }}>\n        {utilities}\n      </Flex>\n      {genAICoachProps && (\n        <GenAICoach\n          {...genAICoachProps}\n          variant={{\n            placement: 'utilities',\n            state: genAIState,\n            onStateChange: (state: State) => {\n              genAICoachProps.onStateChange?.(state);\n              setGenAIState(state);\n            }\n          }}\n        />\n      )}\n    </>\n  );\n\n  // CaseView context value\n  // Choosing not to memo for now due to extent of deps and how often they change. Optimize as needed.\n  // eslint-disable-next-line react/jsx-no-constructed-context-values\n  const ctxValue: CaseViewContextValue = {\n    testIds,\n    caseId,\n    heading,\n    subheading,\n    caseType,\n    caseLink,\n    parentCases,\n    icon,\n    color,\n    followed,\n    onFollowedChange,\n    actions,\n    promotedActions,\n    onEdit,\n    summaryFields,\n    tabs: {\n      items: tabItems,\n      onClick: onTabClick,\n      currentTabId\n    },\n    stages,\n    tasks,\n    persistentUtility,\n    intelligentGuidance,\n    collaboration,\n    summaryExpanded,\n    utilitiesExpanded,\n    onToggleSummary,\n    isPreview,\n    hasGenAICoach: !!genAICoachProps,\n    aboveSM: smOrAbove,\n    aboveMD: mdOrAbove,\n    aboveLG: lgOrAbove,\n    aboveXL: xlOrAbove\n  };\n\n  const [tabPanelEls, getTabPanelCbRef] = useRefMap<HTMLDivElement>();\n\n  // The following effects are dedicated to resizeTable handling.\n  useLayoutEffect(() => {\n    if (!tabPanelEls.has(currentTabId) || !workAreaRef.current) return;\n\n    const currentTabPanelEl = tabPanelEls.get(currentTabId)!;\n    const workAreaEl = workAreaRef.current;\n\n    resizeTable(currentTabPanelEl, workAreaEl);\n\n    const onTabChange = () => {\n      resizeTable(currentTabPanelEl, workAreaEl);\n    };\n\n    // TODO: optimize\n    const mo = new MutationObserver(() => {\n      resizeTable(currentTabPanelEl, workAreaEl);\n    });\n\n    mo.observe(currentTabPanelEl, { childList: true, subtree: true });\n\n    currentTabPanelEl.addEventListener('cosmos-tab-changed', onTabChange);\n\n    return () => {\n      mo.disconnect();\n      currentTabPanelEl.removeEventListener('cosmos-tab-changed', onTabChange);\n    };\n  });\n\n  const [bannersStagesTasksEl, setBannersStagesTasksEl] = useElement<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!bannersStagesTasksEl) return;\n\n    const observer = new ResizeObserver(() => {\n      if (!tabPanelEls.has(currentTabId) || !workAreaRef.current) return;\n\n      resizeTable(tabPanelEls.get(currentTabId)!, workAreaRef.current);\n    });\n\n    observer.observe(bannersStagesTasksEl);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [bannersStagesTasksEl, currentTabId]);\n\n  useEffect(() => {\n    const onResize = () => {\n      if (!tabPanelEls.has(currentTabId) || !workAreaRef.current) return;\n\n      resizeTable(tabPanelEls.get(currentTabId)!, workAreaRef.current);\n    };\n\n    window.addEventListener('resize', onResize);\n\n    return () => {\n      window.removeEventListener('resize', onResize);\n    };\n  }, [currentTabId]);\n\n  const utilitiesHeading = (\n    <StyledUtilitiesHeading variant='h2'>{t('utilities')}</StyledUtilitiesHeading>\n  );\n\n  const utilitiesToggleButton = !isPreview && (\n    <StyledExpandCollapseUtilitiesButton\n      compact\n      icon\n      label={t(utilitiesExpanded ? 'collapse' : 'expand')}\n      aria-label={t(utilitiesExpanded ? 'collapse_utilities_panel' : 'expand_utilities_panel')}\n      onClick={() => {\n        if (!obeyUtilitiesExpandedProp && utilitiesExpandedProp) {\n          setObeyUtilitiesExpandedProp(true);\n        } else {\n          onToggleUtilities?.();\n        }\n      }}\n      onFocus={() => {\n        isToggleButtonFocused.current = true;\n      }}\n      onBlur={() => {\n        isToggleButtonFocused.current = false;\n      }}\n      ref={toggleButtonRef}\n    >\n      <Icon name={utilitiesExpanded ? `arrow-micro-${end}` : `arrow-micro-${start}`} />\n    </StyledExpandCollapseUtilitiesButton>\n  );\n\n  const persistentUtilityToggleButton = persistentUtility && (\n    <StyledExpandCollapseUtilitiesButton\n      compact\n      icon\n      label={t(persistentUtilityExpanded ? 'collapse' : 'expand')}\n      aria-label={t(persistentUtilityExpanded ? 'collapse_noun' : 'expand_noun', [\n        persistentUtility.title\n      ])}\n      onClick={() => {\n        setPersistentUtilityExpanded(prevState => !prevState);\n        if (utilitiesExpanded) {\n          onToggleUtilities?.();\n        }\n      }}\n      onFocus={() => {\n        isPersistentUtilityButtonFocused.current = true;\n      }}\n      onBlur={() => {\n        isPersistentUtilityButtonFocused.current = false;\n      }}\n      ref={persistentUtilityButtonRef}\n    >\n      <Icon name={persistentUtilityExpanded ? 'dock' : 'undock'} />\n    </StyledExpandCollapseUtilitiesButton>\n  );\n\n  const shouldRenderMobileTabs =\n    !mdOrAbove || (persistentUtility && !xlOrAbove) || !summaryExpanded;\n  // Here we go...\n  return (\n    <>\n      <CaseViewContext.Provider value={ctxValue}>\n        {/* Root element */}\n        <Grid\n          data-testid={testIds.root}\n          {...restProps}\n          as={StyledCaseView}\n          ref={caseViewRef}\n          container={caseViewGridContainer}\n          item={{ area: 'case-view' }}\n        >\n          {/* Summary */}\n          <Grid\n            as={StyledSummary}\n            item={{ area: 'summary' }}\n            desktop={mdOrAbove && (!persistentUtility || xlOrAbove) && !summaryExpanded}\n            isLargeOrAbove={lgOrAbove}\n            ref={summaryRef}\n          >\n            <CaseSummary tabsRef={tabsRef} />\n          </Grid>\n\n          {/* Work area */}\n          <Flex\n            container={{\n              direction: 'column',\n              alignContent: 'start',\n              rowGap: 2\n            }}\n            as={StyledWorkArea}\n            persistentUtility={Boolean(persistentUtility)}\n            ref={(el: HTMLDivElement) => {\n              workAreaRef.current = el;\n              scrollStickOptions.current.elements[0] = el;\n            }}\n            data-app-region\n            aria-label={t('case_work_area')}\n          >\n            {(banners || stages || tasks) && (\n              <Flex\n                container={{\n                  direction: 'column',\n                  alignContent: 'start',\n                  rowGap: 2\n                }}\n                as={StyledBannersStagesTasksContainer}\n                ref={setBannersStagesTasksEl}\n              >\n                {banners && <div data-testid={testIds.banners}>{banners}</div>}\n                {stages && <div data-testid={testIds.stages}>{stages}</div>}\n                {tasks && (\n                  <StyledTasks\n                    onFocus={e => {\n                      if (e.target?.matches('[data-focusable-form-heading]')) {\n                        window.scrollTo({\n                          top: 0,\n                          behavior: 'smooth'\n                        });\n                      }\n                    }}\n                    data-testid={testIds.tasks}\n                  >\n                    {tasks}\n                  </StyledTasks>\n                )}\n              </Flex>\n            )}\n\n            <Flex container={{ direction: 'column', alignContent: 'start' }}>\n              {shouldRenderMobileTabs && (\n                <Tabs\n                  data-testid={testIds.tabs}\n                  tabs={tabItems}\n                  onTabClick={onTabClick}\n                  currentTabId={currentTabId}\n                  aria-label={t(isPreview ? 'case_preview_tabs' : 'case_tabs')}\n                  ref={tabsRef}\n                />\n              )}\n\n              <StyledTabPanelWrapper ref={setTabContentEl}>\n                {tabContent?.map(({ id, content }) => (\n                  <TabPanel\n                    data-testid={currentTabId === id ? testIds.tabContent : undefined}\n                    currentTabId={currentTabId}\n                    tabId={id}\n                    key={id}\n                    ref={getTabPanelCbRef(id)}\n                    tablistRef={tabsRef}\n                    tablistType={shouldRenderMobileTabs ? 'horizontal' : 'vertical'}\n                  >\n                    {content}\n                  </TabPanel>\n                ))}\n              </StyledTabPanelWrapper>\n            </Flex>\n          </Flex>\n\n          {/* Persistent utility column */}\n          {persistentUtility && mdOrAbove && (\n            <Grid\n              as={StyledPersistentUtility}\n              item={{ area: 'persistentUtility' }}\n              data-app-region\n              aria-label={t('utilities_label')}\n              persistentUtilityExpanded={persistentUtilityExpanded}\n            >\n              {persistentUtility.showExpand ? (\n                <Flex\n                  container={{\n                    direction: 'column',\n                    gap: persistentUtilityExpanded ? undefined : 2\n                  }}\n                  as={StyledPersistentContainer}\n                >\n                  {persistentUtilityExpanded ? (\n                    <Card as={StyledPersistentContainer}>\n                      <CardHeader>\n                        <Text variant='h2'>{persistentUtility.title}</Text>\n                        {persistentUtilityToggleButton}\n                      </CardHeader>\n                      <Flex container={{ direction: 'column' }} as={StyledPersistentContent}>\n                        {persistentUtility.content}\n                      </Flex>\n                    </Card>\n                  ) : (\n                    <>\n                      <Flex\n                        container={{\n                          justify: 'between',\n                          alignItems: 'center',\n                          pad: [undefined, 0.5, undefined, undefined]\n                        }}\n                      >\n                        <Text variant='h2'>{persistentUtility.title}</Text>\n                        {persistentUtilityToggleButton}\n                      </Flex>\n                      <Flex container={{ direction: 'column' }} as={StyledPersistentContent}>\n                        {persistentUtility.content}\n                      </Flex>\n                    </>\n                  )}\n                </Flex>\n              ) : (\n                <>{persistentUtility.content}</>\n              )}\n            </Grid>\n          )}\n\n          {/* Utility drawer */}\n          {(utilities || genAICoachProps) && mdOrAbove && !lgOrAbove && utilitiesExpanded && (\n            <Drawer\n              as={StyledCaseDrawer}\n              open={utilitiesExpanded}\n              previewActive={previewActive}\n              position='fixed'\n              placement={end}\n              shadow\n              nullWhenClosed\n              utilitiesExpanded={!!utilitiesExpanded}\n              hasPersistentUtility={!!persistentUtility}\n            >\n              <Flex\n                as={StyledCaseDrawerContent}\n                container={{ direction: 'column', gap: 2 }}\n                data-app-region\n                aria-label={t('utilities_label')}\n              >\n                <Flex container={{ alignItems: 'center', justify: 'between' }}>\n                  {utilitiesHeading}\n                  {utilitiesToggleButton}\n                </Flex>\n                {utilitiesAndGenAI}\n              </Flex>\n            </Drawer>\n          )}\n\n          {/* Utilities */}\n          {(utilities || genAICoachProps) && mdOrAbove && !isPreview && (\n            <Grid\n              data-testid={testIds.utilities}\n              ref={(el: HTMLDivElement) => {\n                scrollStickOptions.current.elements[1] = el;\n              }}\n              as={StyledUtilities}\n              container={{\n                cols: 'minmax(0, 1fr)',\n                rowGap: 2\n              }}\n              item={{\n                area: 'utilities'\n              }}\n              data-app-region={lgOrAbove || !utilitiesExpanded || undefined}\n              aria-label={t('utilities_label')}\n            >\n              <Flex\n                container={{\n                  alignItems: 'center',\n                  justify: utilitiesExpanded ? 'between' : 'center'\n                }}\n              >\n                {utilitiesHeading}\n                {!lgOrAbove && utilitiesExpanded ? null : utilitiesToggleButton}\n              </Flex>\n\n              {utilitiesExpanded && lgOrAbove && utilitiesAndGenAI}\n\n              {(!utilitiesExpanded || (mdOrAbove && !lgOrAbove)) && (\n                <>\n                  {utilitiesSummaryItems && utilitiesSummaryItems.length > 0 && (\n                    <UtilitiesSummary\n                      items={utilitiesSummaryItems}\n                      isExpanded={utilitiesExpanded}\n                    />\n                  )}\n\n                  {genAICoachProps && (\n                    <StyledCoachButton\n                      iconOnly\n                      variant='primary'\n                      ref={genAICoachButtonRef}\n                      onClick={() => setShowCoach(cur => !cur)}\n                      label={t('chat_with_ai')}\n                    />\n                  )}\n                </>\n              )}\n            </Grid>\n          )}\n          {genAICoachButtonRef.current && genAICoachProps && showCoach && (\n            <UtilitySummaryItemDialog\n              name={t('chat_with_ai')}\n              target={genAICoachButtonRef.current}\n              onDismiss={() => setShowCoach(false)}\n            >\n              <GenAICoach\n                {...genAICoachProps}\n                variant={{\n                  placement: 'dialog',\n                  onClose: () => {\n                    genAICoachProps.onClose?.();\n                    setShowCoach(false);\n                    genAICoachButtonRef.current?.focus();\n                  }\n                }}\n              />\n            </UtilitySummaryItemDialog>\n          )}\n        </Grid>\n      </CaseViewContext.Provider>\n      {intelligentGuidance}\n    </>\n  );\n};\n\nexport default withTestIds(CaseView, getCaseViewTestIds);\n"]}