@pega/cosmos-react-work 7.0.0-build.17.8 → 7.0.0-build.18.0

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

@@ -1 +1 @@
-{"version":3,"file":"CasePreview.d.ts","sourceRoot":"","sources":["../../../src/components/CasePreview/CasePreview.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAmB,GAAG,EAAE,MAAM,OAAO,CAAC;AAyBrE,OAAO,KAAK,EACV,YAAY,EACZ,SAAS,EACT,UAAU,EACV,cAAc,EACd,eAAe,EAChB,MAAM,yBAAyB,CAAC;AASjC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAMvE,MAAM,WAAW,gBACf,SAAQ,IAAI,CACR,aAAa,EACX,QAAQ,GACR,SAAS,GACT,YAAY,GACZ,aAAa,GACb,MAAM,GACN,UAAU,GACV,kBAAkB,GAClB,SAAS,GACT,iBAAiB,GACjB,QAAQ,GACR,eAAe,GACf,MAAM,GACN,YAAY,GACZ,QAAQ,GACR,OAAO,GACP,SAAS,GACT,WAAW,GACX,uBAAuB,CAC1B,EACD,cAAc,EACd,UAAU,EACV,SAAS;IACX,4GAA4G;IAC5G,QAAQ,CAAC,EAAE,oBAAoB,CAAC,UAAU,CAAC,CAAC;IAC5C,iDAAiD;IACjD,IAAI,EAAE,OAAO,CAAC;IACd,iEAAiE;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IAC1C,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,iDAAiD;IACjD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,yCAAyC;IACzC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;;;;AAsOD,wBAA+D"}
+{"version":3,"file":"CasePreview.d.ts","sourceRoot":"","sources":["../../../src/components/CasePreview/CasePreview.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAmB,GAAG,EAAE,MAAM,OAAO,CAAC;AAyBrE,OAAO,KAAK,EACV,YAAY,EACZ,SAAS,EACT,UAAU,EACV,cAAc,EACd,eAAe,EAChB,MAAM,yBAAyB,CAAC;AASjC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAMvE,MAAM,WAAW,gBACf,SAAQ,IAAI,CACR,aAAa,EACX,QAAQ,GACR,SAAS,GACT,YAAY,GACZ,aAAa,GACb,MAAM,GACN,UAAU,GACV,kBAAkB,GAClB,SAAS,GACT,iBAAiB,GACjB,QAAQ,GACR,eAAe,GACf,MAAM,GACN,YAAY,GACZ,QAAQ,GACR,OAAO,GACP,SAAS,GACT,WAAW,GACX,uBAAuB,CAC1B,EACD,cAAc,EACd,UAAU,EACV,SAAS;IACX,4GAA4G;IAC5G,QAAQ,CAAC,EAAE,oBAAoB,CAAC,UAAU,CAAC,CAAC;IAC5C,iDAAiD;IACjD,IAAI,EAAE,OAAO,CAAC;IACd,iEAAiE;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IAC1C,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,iDAAiD;IACjD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,yCAAyC;IACzC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;;;;AA8PD,wBAA+D"}

package/lib/components/CasePreview/CasePreview.js

@@ -42,6 +42,9 @@ const StyledPreviewDrawer = styled(StyledCaseDrawer)(({ theme }) => {
     height: calc(100vh - var(--appshell-offset, 0rem));
     top: var(--appshell-offset, 0);
     z-index: calc(${theme.base['z-index'].drawer} + 500);
+    transition-property: transform, box-shadow, opacity, border-inline-start;
+    transition-duration: max(${theme.base.animation.speed}, 0.0001s);
+    transition-timing-function: ${theme.base.animation.timing.ease};
 
     ${StyledCaseView} {
       height: calc(100vh - ${theme.base.spacing} - ${theme.base['hit-area']['mouse-min']});
@@ -63,15 +66,20 @@ const StyledPreviewDrawer = styled(StyledCaseDrawer)(({ theme }) => {
         padding-bottom: calc(2 * ${theme.base.spacing});
       }
     }
+
+    @media (min-width: ${theme.base.breakpoints.xl}) {
+      box-shadow: none;
+      border-inline-start: 0.0625rem solid ${theme.base.palette['border-line']};
+    }
   `;
 });
 StyledPreviewDrawer.defaultProps = defaultThemeProp;
 const CasePreview = forwardRef(function CasePreview(props, ref) {
-    const { testId, open: openProp, progress, error, onErrorRetry, caseId, heading, subheading, caseLink, parentCases, icon, followed, onFollowedChange, summaryFields, tabs, stages, tasks, tabContent, utilities, utilitiesSummaryItems, actions, banners, onEdit, onAfterOpen, ...restProps } = props;
+    const { testId, open: openProp, progress, error, onErrorRetry, caseId, heading, subheading, caseLink, parentCases, icon, followed, onFollowedChange, summaryFields, tabs, stages, tasks, tabContent, utilities, utilitiesSummaryItems, actions, banners, onEdit, onBeforeOpen, onAfterOpen, onBeforeClose, ...restProps } = props;
     const testIds = useTestIds(testId, getCasePreviewTestIds);
     const t = useI18n();
     const previewRef = useConsolidatedRef(ref);
-    const { previewTriggerRef } = useContext(AppShellContext);
+    const { previewTriggerRef, setPreviewActive } = useContext(AppShellContext);
     const [closeButtonEl, setCloseButtonEl] = useElement();
     const isSmallOrAbove = useBreakpoint('sm');
     const [open, setOpen] = useState(openProp);
@@ -97,10 +105,21 @@ const CasePreview = forwardRef(function CasePreview(props, ref) {
             setFocus();
         }
     }, [progressVisible]);
+    useEffect(() => {
+        return () => {
+            setPreviewActive(false);
+        };
+    }, []);
     const content = error ? (_jsx(ErrorState, { message: t('preview_error'), onRetry: onErrorRetry })) : (_jsx(CaseView, { caseId: caseId, parentCases: parentCases, heading: heading, subheading: subheading, caseLink: caseLink, icon: icon, followed: followed, onFollowedChange: onFollowedChange, summaryFields: summaryFields, tabs: tabs, stages: stages, tasks: tasks, tabContent: tabContent, utilities: utilities, utilitiesSummaryItems: utilitiesSummaryItems, actions: actions, banners: banners, onEdit: onEdit, isPreview: true }));
-    return (_jsxs(Drawer, { "data-testid": testIds.root, ...restProps, onAfterOpen: () => {
+    return (_jsxs(Drawer, { "data-testid": testIds.root, ...restProps, onBeforeOpen: () => {
+            setPreviewActive(true);
+            onBeforeOpen?.();
+        }, onAfterOpen: () => {
             setFocus();
             onAfterOpen?.();
+        }, onBeforeClose: () => {
+            setPreviewActive(false);
+            onBeforeClose?.();
         }, as: StyledPreviewDrawer, role: 'complementary', forwardedAs: Flex, container: { direction: 'column' }, ref: previewRef, open: open && isSmallOrAbove, position: 'fixed', placement: direction.end, "aria-label": t('preview_of_noun', [heading]), shadow: true, nullWhenClosed: true, children: [_jsx(StyledPreviewActions, { fixedHeaderHeight: !!error || !!progress, progressActive: progressActive, children: _jsx(Button, { "data-testid": testIds.close, variant: 'simple', icon: true, onClick: closePreview, ref: setCloseButtonEl, label: t('close_preview'), children: _jsx(Icon, { name: 'times' }) }) }), _jsx(Progress, { placement: 'local', visible: !!progress, focusOnVisible: true, delay: true, onTransitionStartIn: () => {
                     setProgressActive(true);
                     setProgressVisible(true);

package/lib/components/CasePreview/CasePreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"CasePreview.js","sourceRoot":"","sources":["../../../src/components/CasePreview/CasePreview.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useState, useCallback, useEffect, useContext } from 'react';\nimport type { FunctionComponent, PropsWithoutRef, Ref } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Drawer,\n  Icon,\n  registerIcon,\n  Button,\n  Flex,\n  tryCatch,\n  defaultThemeProp,\n  useBreakpoint,\n  useElement,\n  useDirection,\n  useI18n,\n  AppShellContext,\n  useTestIds,\n  withTestIds,\n  Progress,\n  ErrorState,\n  getFocusables,\n  readableColor,\n  useConsolidatedRef,\n  StyledButton\n} from '@pega/cosmos-react-core';\nimport type {\n  ForwardProps,\n  BaseProps,\n  TestIdProp,\n  NoChildrenProp,\n  ErrorStateProps\n} from '@pega/cosmos-react-core';\nimport * as timesIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/times.icon';\n\nimport CaseView, {\n  StyledCaseView,\n  StyledCaseViewContent,\n  StyledCaseDrawer,\n  StyledSummaryRegion\n} from '../CaseView';\nimport type { CaseViewProps } from '../CaseView';\nimport type { CaseViewContextValue } from '../CaseView/CaseView.types';\n\nimport { getCasePreviewTestIds } from './CasePreview.test-ids';\n\nregisterIcon(timesIcon);\n\nexport interface CasePreviewProps\n  extends Pick<\n      CaseViewProps,\n      | 'caseId'\n      | 'heading'\n      | 'subheading'\n      | 'parentCases'\n      | 'icon'\n      | 'followed'\n      | 'onFollowedChange'\n      | 'actions'\n      | 'promotedActions'\n      | 'onEdit'\n      | 'summaryFields'\n      | 'tabs'\n      | 'tabContent'\n      | 'stages'\n      | 'tasks'\n      | 'banners'\n      | 'utilities'\n      | 'utilitiesSummaryItems'\n    >,\n    NoChildrenProp,\n    TestIdProp,\n    BaseProps {\n  /** A set of props including an href that will be forwarded to the case preview's heading and subheading. */\n  caseLink?: CaseViewContextValue['caseLink'];\n  /** If true, the Case Preview will be visible. */\n  open: boolean;\n  /** If true, the Case Preview will render in a progress state. */\n  progress?: boolean;\n  /** If true, the Case Preview will render in an error state. */\n  error?: boolean;\n  /** Callback fired when \"Try again\" button is clicked in an error state. */\n  onErrorRetry?: ErrorStateProps['onRetry'];\n  /** Callback fired before Case Preview opens. */\n  onBeforeOpen?: () => void;\n  /** Callback fired after Case Preview opens. */\n  onAfterOpen?: () => void;\n  /** Callback fired before Case Preview closes. */\n  onBeforeClose?: () => void;\n  /** Callback fired after Case Preview closes. */\n  onAfterClose?: () => void;\n  /** Callback fired when a click action occurs outside of the Case Preview. */\n  onOuterClick?: () => void;\n  /** Reference to the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n}\n\nconst StyledPreviewHeader = styled.div(({ theme }) => {\n  return css`\n    z-index: ${theme.base['z-index'].drawer};\n    background-color: ${theme.base.palette['primary-background']};\n  `;\n});\n\nStyledPreviewHeader.defaultProps = defaultThemeProp;\n\nconst StyledPreviewActions = styled.div<{\n  fixedHeaderHeight?: boolean;\n  progressActive?: boolean;\n}>(\n  ({\n    theme: {\n      base: {\n        spacing,\n        palette: { 'brand-primary': brandPrimary, 'foreground-color': foreground },\n        'z-index': { backdrop }\n      }\n    },\n    fixedHeaderHeight,\n    progressActive\n  }) => {\n    const buttonColor = tryCatch(() => readableColor(brandPrimary));\n\n    return css`\n      background-color: ${brandPrimary};\n      padding: ${spacing} calc(2 * ${spacing}) calc(0.25 * ${spacing});\n\n      ${StyledButton} {\n        color: ${buttonColor};\n\n        ${progressActive &&\n        css`\n          z-index: ${backdrop + 1};\n          color: ${foreground};\n        `}\n      }\n\n      ${fixedHeaderHeight &&\n      css`\n        min-height: 6.625rem;\n      `}\n    `;\n  }\n);\n\nStyledPreviewActions.defaultProps = defaultThemeProp;\n\nconst StyledPreviewDrawer = styled(StyledCaseDrawer)(({ theme }) => {\n  return css`\n    background-color: ${theme.base.palette['app-background']};\n    height: calc(100vh - var(--appshell-offset, 0rem));\n    top: var(--appshell-offset, 0);\n    z-index: calc(${theme.base['z-index'].drawer} + 500);\n\n    ${StyledCaseView} {\n      height: calc(100vh - ${theme.base.spacing} - ${theme.base['hit-area']['mouse-min']});\n\n      @media (pointer: coarse) {\n        height: calc(100vh - ${theme.base.spacing} - ${theme.base['hit-area']['finger-min']});\n      }\n\n      ${StyledSummaryRegion} {\n        position: relative;\n        top: 0;\n      }\n    }\n\n    ${StyledCaseViewContent} {\n      overflow-y: auto;\n\n      & > :last-child {\n        padding-bottom: calc(2 * ${theme.base.spacing});\n      }\n    }\n  `;\n});\n\nStyledPreviewDrawer.defaultProps = defaultThemeProp;\n\nconst CasePreview: FunctionComponent<CasePreviewProps & ForwardProps> = forwardRef(\n  function CasePreview(props: PropsWithoutRef<CasePreviewProps>, ref: CasePreviewProps['ref']) {\n    const {\n      testId,\n      open: openProp,\n      progress,\n      error,\n      onErrorRetry,\n      caseId,\n      heading,\n      subheading,\n      caseLink,\n      parentCases,\n      icon,\n      followed,\n      onFollowedChange,\n      summaryFields,\n      tabs,\n      stages,\n      tasks,\n      tabContent,\n      utilities,\n      utilitiesSummaryItems,\n      actions,\n      banners,\n      onEdit,\n      onAfterOpen,\n      ...restProps\n    } = props;\n    const testIds = useTestIds(testId, getCasePreviewTestIds);\n\n    const t = useI18n();\n    const previewRef = useConsolidatedRef(ref);\n\n    const { previewTriggerRef } = useContext(AppShellContext);\n    const [closeButtonEl, setCloseButtonEl] = useElement<HTMLButtonElement>();\n    const isSmallOrAbove = useBreakpoint('sm');\n    const [open, setOpen] = useState(openProp);\n    const [progressActive, setProgressActive] = useState(false);\n    const [progressVisible, setProgressVisible] = useState(false);\n    const direction = useDirection();\n\n    const closePreview = useCallback(() => {\n      setOpen(false);\n      previewTriggerRef.current?.focus();\n    }, []);\n\n    const setFocus = () => {\n      if (progressVisible) return;\n\n      const focusables = getFocusables(previewRef).filter(el => el !== closeButtonEl);\n      const focusable = focusables[0] ?? closeButtonEl;\n      focusable?.focus();\n    };\n\n    useEffect(() => {\n      setOpen(openProp);\n    }, [openProp]);\n\n    useEffect(() => {\n      if (!progressVisible) {\n        setFocus();\n      }\n    }, [progressVisible]);\n\n    const content = error ? (\n      <ErrorState message={t('preview_error')} onRetry={onErrorRetry} />\n    ) : (\n      <CaseView\n        caseId={caseId}\n        parentCases={parentCases}\n        heading={heading}\n        subheading={subheading}\n        caseLink={caseLink}\n        icon={icon}\n        followed={followed}\n        onFollowedChange={onFollowedChange}\n        summaryFields={summaryFields}\n        tabs={tabs}\n        stages={stages}\n        tasks={tasks}\n        tabContent={tabContent}\n        utilities={utilities}\n        utilitiesSummaryItems={utilitiesSummaryItems}\n        actions={actions}\n        banners={banners}\n        onEdit={onEdit}\n        isPreview\n      />\n    );\n\n    return (\n      <Drawer\n        data-testid={testIds.root}\n        {...restProps}\n        onAfterOpen={() => {\n          setFocus();\n          onAfterOpen?.();\n        }}\n        as={StyledPreviewDrawer}\n        role='complementary'\n        forwardedAs={Flex}\n        container={{ direction: 'column' }}\n        ref={previewRef}\n        open={open && isSmallOrAbove}\n        position='fixed'\n        placement={direction.end}\n        aria-label={t('preview_of_noun', [heading])}\n        shadow\n        nullWhenClosed\n      >\n        <StyledPreviewActions\n          fixedHeaderHeight={!!error || !!progress}\n          progressActive={progressActive}\n        >\n          <Button\n            data-testid={testIds.close}\n            variant='simple'\n            icon\n            onClick={closePreview}\n            ref={setCloseButtonEl}\n            label={t('close_preview')}\n          >\n            <Icon name='times' />\n          </Button>\n        </StyledPreviewActions>\n\n        <Progress\n          placement='local'\n          visible={!!progress}\n          focusOnVisible\n          delay\n          onTransitionStartIn={() => {\n            setProgressActive(true);\n            setProgressVisible(true);\n          }}\n          onTransitionStartOut={() => setProgressActive(false)}\n          onTransitionEndOut={() => setProgressVisible(false)}\n        />\n\n        {!progress && content}\n      </Drawer>\n    );\n  }\n);\n\nexport default withTestIds(CasePreview, getCasePreviewTestIds);\n"]}
+{"version":3,"file":"CasePreview.js","sourceRoot":"","sources":["../../../src/components/CasePreview/CasePreview.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useState, useCallback, useEffect, useContext } from 'react';\nimport type { FunctionComponent, PropsWithoutRef, Ref } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Drawer,\n  Icon,\n  registerIcon,\n  Button,\n  Flex,\n  tryCatch,\n  defaultThemeProp,\n  useBreakpoint,\n  useElement,\n  useDirection,\n  useI18n,\n  AppShellContext,\n  useTestIds,\n  withTestIds,\n  Progress,\n  ErrorState,\n  getFocusables,\n  readableColor,\n  useConsolidatedRef,\n  StyledButton\n} from '@pega/cosmos-react-core';\nimport type {\n  ForwardProps,\n  BaseProps,\n  TestIdProp,\n  NoChildrenProp,\n  ErrorStateProps\n} from '@pega/cosmos-react-core';\nimport * as timesIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/times.icon';\n\nimport CaseView, {\n  StyledCaseView,\n  StyledCaseViewContent,\n  StyledCaseDrawer,\n  StyledSummaryRegion\n} from '../CaseView';\nimport type { CaseViewProps } from '../CaseView';\nimport type { CaseViewContextValue } from '../CaseView/CaseView.types';\n\nimport { getCasePreviewTestIds } from './CasePreview.test-ids';\n\nregisterIcon(timesIcon);\n\nexport interface CasePreviewProps\n  extends Pick<\n      CaseViewProps,\n      | 'caseId'\n      | 'heading'\n      | 'subheading'\n      | 'parentCases'\n      | 'icon'\n      | 'followed'\n      | 'onFollowedChange'\n      | 'actions'\n      | 'promotedActions'\n      | 'onEdit'\n      | 'summaryFields'\n      | 'tabs'\n      | 'tabContent'\n      | 'stages'\n      | 'tasks'\n      | 'banners'\n      | 'utilities'\n      | 'utilitiesSummaryItems'\n    >,\n    NoChildrenProp,\n    TestIdProp,\n    BaseProps {\n  /** A set of props including an href that will be forwarded to the case preview's heading and subheading. */\n  caseLink?: CaseViewContextValue['caseLink'];\n  /** If true, the Case Preview will be visible. */\n  open: boolean;\n  /** If true, the Case Preview will render in a progress state. */\n  progress?: boolean;\n  /** If true, the Case Preview will render in an error state. */\n  error?: boolean;\n  /** Callback fired when \"Try again\" button is clicked in an error state. */\n  onErrorRetry?: ErrorStateProps['onRetry'];\n  /** Callback fired before Case Preview opens. */\n  onBeforeOpen?: () => void;\n  /** Callback fired after Case Preview opens. */\n  onAfterOpen?: () => void;\n  /** Callback fired before Case Preview closes. */\n  onBeforeClose?: () => void;\n  /** Callback fired after Case Preview closes. */\n  onAfterClose?: () => void;\n  /** Callback fired when a click action occurs outside of the Case Preview. */\n  onOuterClick?: () => void;\n  /** Reference to the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n}\n\nconst StyledPreviewHeader = styled.div(({ theme }) => {\n  return css`\n    z-index: ${theme.base['z-index'].drawer};\n    background-color: ${theme.base.palette['primary-background']};\n  `;\n});\n\nStyledPreviewHeader.defaultProps = defaultThemeProp;\n\nconst StyledPreviewActions = styled.div<{\n  fixedHeaderHeight?: boolean;\n  progressActive?: boolean;\n}>(\n  ({\n    theme: {\n      base: {\n        spacing,\n        palette: { 'brand-primary': brandPrimary, 'foreground-color': foreground },\n        'z-index': { backdrop }\n      }\n    },\n    fixedHeaderHeight,\n    progressActive\n  }) => {\n    const buttonColor = tryCatch(() => readableColor(brandPrimary));\n\n    return css`\n      background-color: ${brandPrimary};\n      padding: ${spacing} calc(2 * ${spacing}) calc(0.25 * ${spacing});\n\n      ${StyledButton} {\n        color: ${buttonColor};\n\n        ${progressActive &&\n        css`\n          z-index: ${backdrop + 1};\n          color: ${foreground};\n        `}\n      }\n\n      ${fixedHeaderHeight &&\n      css`\n        min-height: 6.625rem;\n      `}\n    `;\n  }\n);\n\nStyledPreviewActions.defaultProps = defaultThemeProp;\n\nconst StyledPreviewDrawer = styled(StyledCaseDrawer)(({ theme }) => {\n  return css`\n    background-color: ${theme.base.palette['app-background']};\n    height: calc(100vh - var(--appshell-offset, 0rem));\n    top: var(--appshell-offset, 0);\n    z-index: calc(${theme.base['z-index'].drawer} + 500);\n    transition-property: transform, box-shadow, opacity, border-inline-start;\n    transition-duration: max(${theme.base.animation.speed}, 0.0001s);\n    transition-timing-function: ${theme.base.animation.timing.ease};\n\n    ${StyledCaseView} {\n      height: calc(100vh - ${theme.base.spacing} - ${theme.base['hit-area']['mouse-min']});\n\n      @media (pointer: coarse) {\n        height: calc(100vh - ${theme.base.spacing} - ${theme.base['hit-area']['finger-min']});\n      }\n\n      ${StyledSummaryRegion} {\n        position: relative;\n        top: 0;\n      }\n    }\n\n    ${StyledCaseViewContent} {\n      overflow-y: auto;\n\n      & > :last-child {\n        padding-bottom: calc(2 * ${theme.base.spacing});\n      }\n    }\n\n    @media (min-width: ${theme.base.breakpoints.xl}) {\n      box-shadow: none;\n      border-inline-start: 0.0625rem solid ${theme.base.palette['border-line']};\n    }\n  `;\n});\n\nStyledPreviewDrawer.defaultProps = defaultThemeProp;\n\nconst CasePreview: FunctionComponent<CasePreviewProps & ForwardProps> = forwardRef(\n  function CasePreview(props: PropsWithoutRef<CasePreviewProps>, ref: CasePreviewProps['ref']) {\n    const {\n      testId,\n      open: openProp,\n      progress,\n      error,\n      onErrorRetry,\n      caseId,\n      heading,\n      subheading,\n      caseLink,\n      parentCases,\n      icon,\n      followed,\n      onFollowedChange,\n      summaryFields,\n      tabs,\n      stages,\n      tasks,\n      tabContent,\n      utilities,\n      utilitiesSummaryItems,\n      actions,\n      banners,\n      onEdit,\n      onBeforeOpen,\n      onAfterOpen,\n      onBeforeClose,\n      ...restProps\n    } = props;\n    const testIds = useTestIds(testId, getCasePreviewTestIds);\n\n    const t = useI18n();\n    const previewRef = useConsolidatedRef(ref);\n\n    const { previewTriggerRef, setPreviewActive } = useContext(AppShellContext);\n    const [closeButtonEl, setCloseButtonEl] = useElement<HTMLButtonElement>();\n    const isSmallOrAbove = useBreakpoint('sm');\n    const [open, setOpen] = useState(openProp);\n    const [progressActive, setProgressActive] = useState(false);\n    const [progressVisible, setProgressVisible] = useState(false);\n    const direction = useDirection();\n\n    const closePreview = useCallback(() => {\n      setOpen(false);\n      previewTriggerRef.current?.focus();\n    }, []);\n\n    const setFocus = () => {\n      if (progressVisible) return;\n\n      const focusables = getFocusables(previewRef).filter(el => el !== closeButtonEl);\n      const focusable = focusables[0] ?? closeButtonEl;\n      focusable?.focus();\n    };\n\n    useEffect(() => {\n      setOpen(openProp);\n    }, [openProp]);\n\n    useEffect(() => {\n      if (!progressVisible) {\n        setFocus();\n      }\n    }, [progressVisible]);\n\n    useEffect(() => {\n      return () => {\n        setPreviewActive(false);\n      };\n    }, []);\n\n    const content = error ? (\n      <ErrorState message={t('preview_error')} onRetry={onErrorRetry} />\n    ) : (\n      <CaseView\n        caseId={caseId}\n        parentCases={parentCases}\n        heading={heading}\n        subheading={subheading}\n        caseLink={caseLink}\n        icon={icon}\n        followed={followed}\n        onFollowedChange={onFollowedChange}\n        summaryFields={summaryFields}\n        tabs={tabs}\n        stages={stages}\n        tasks={tasks}\n        tabContent={tabContent}\n        utilities={utilities}\n        utilitiesSummaryItems={utilitiesSummaryItems}\n        actions={actions}\n        banners={banners}\n        onEdit={onEdit}\n        isPreview\n      />\n    );\n\n    return (\n      <Drawer\n        data-testid={testIds.root}\n        {...restProps}\n        onBeforeOpen={() => {\n          setPreviewActive(true);\n          onBeforeOpen?.();\n        }}\n        onAfterOpen={() => {\n          setFocus();\n          onAfterOpen?.();\n        }}\n        onBeforeClose={() => {\n          setPreviewActive(false);\n          onBeforeClose?.();\n        }}\n        as={StyledPreviewDrawer}\n        role='complementary'\n        forwardedAs={Flex}\n        container={{ direction: 'column' }}\n        ref={previewRef}\n        open={open && isSmallOrAbove}\n        position='fixed'\n        placement={direction.end}\n        aria-label={t('preview_of_noun', [heading])}\n        shadow\n        nullWhenClosed\n      >\n        <StyledPreviewActions\n          fixedHeaderHeight={!!error || !!progress}\n          progressActive={progressActive}\n        >\n          <Button\n            data-testid={testIds.close}\n            variant='simple'\n            icon\n            onClick={closePreview}\n            ref={setCloseButtonEl}\n            label={t('close_preview')}\n          >\n            <Icon name='times' />\n          </Button>\n        </StyledPreviewActions>\n\n        <Progress\n          placement='local'\n          visible={!!progress}\n          focusOnVisible\n          delay\n          onTransitionStartIn={() => {\n            setProgressActive(true);\n            setProgressVisible(true);\n          }}\n          onTransitionStartOut={() => setProgressActive(false)}\n          onTransitionEndOut={() => setProgressVisible(false)}\n        />\n\n        {!progress && content}\n      </Drawer>\n    );\n  }\n);\n\nexport default withTestIds(CasePreview, getCasePreviewTestIds);\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"CaseView.d.ts","sourceRoot":"","sources":["../../../src/components/CaseView/CaseView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAuBhC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAmB5D,OAAO,KAAK,EAAwB,aAAa,EAAE,MAAM,kBAAkB,CAAC;;;;AAypB5E,wBAAyD"}
+{"version":3,"file":"CaseView.d.ts","sourceRoot":"","sources":["../../../src/components/CaseView/CaseView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAyBhC,OAAO,KAAK,EAAE,YAAY,EAAO,MAAM,yBAAyB,CAAC;AAwBjE,OAAO,KAAK,EAAwB,aAAa,EAAE,MAAM,kBAAkB,CAAC;;;;AAguB5E,wBAAyD"}

package/lib/components/CaseView/CaseView.js

@@ -1,14 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useMemo, useRef, useLayoutEffect, useState } from 'react';
-import { Flex, Grid, Icon, registerIcon, TabPanel, useBreakpoint, useScrollStick, useElement, Card, Drawer, useI18n, useDirection, Tabs, useAfterInitialEffect, windowIsAvailable, focusHeadingOrContainer, useConfiguration, useTestIds, withTestIds } from '@pega/cosmos-react-core';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useLayoutEffect, useState, useContext } from 'react';
+import { Flex, Grid, Icon, registerIcon, TabPanel, useBreakpoint, useScrollStick, useElement, Card, Drawer, useI18n, useDirection, Tabs, useAfterInitialEffect, windowIsAvailable, focusHeadingOrContainer, useConfiguration, useTestIds, withTestIds, Button, AppShellContext } 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 GenAICoach from '../GenAICoach';
 import CaseSummary from './CaseSummary';
 import UtilitiesSummary from './UtilitiesSummary';
-import { StyledCaseDrawer, StyledCaseDrawerContent, StyledCaseView, StyledWorkArea, StyledPersistentUtility, StyledSummary, StyledSummaryTabContent, StyledUtilities, StyledExpandCollapseUtilitiesButton, StyledUtilitiesHeading } from './CaseView.styles';
+import { StyledCaseDrawer, StyledCaseDrawerContent, StyledCaseView, StyledWorkArea, StyledPersistentUtility, StyledSummary, StyledSummaryTabContent, StyledUtilities, StyledExpandCollapseUtilitiesButton, StyledUtilitiesHeading, StyledCoachButton, StyledUtilitiesWrapper } from './CaseView.styles';
 import CaseViewContext from './CaseView.context';
 import CaseSummaryFields from './CaseSummaryFields';
 import { getCaseViewTestIds } from './CaseView.test-ids';
+import UtilitySummaryItemDialog from './UtilitySummaryItemDialog';
 registerIcon(moveRightSolidIcon, moveLeftSolidIcon);
 // This function is responsible for auto sizing table height in case tab panels.
 const resizeTable = (tabPanelEl, workAreaEl) => {
@@ -47,10 +49,13 @@ banners, stages, tasks, tabContent: tabContentProp = [],
 // Utilities content and state props
 utilities, utilitiesSummaryItems, utilitiesExpanded: utilitiesExpandedProp = true, onToggleUtilities, 
 // Etc...
-persistentUtility, intelligentGuidance, isPreview = false, ...restProps }) => {
+persistentUtility, intelligentGuidance, isPreview = false, 
+// Gen AI coach props
+genAICoachProps, ...restProps }) => {
     const testIds = useTestIds(testId, getCaseViewTestIds);
     // General util hooks
     const t = useI18n();
+    const { previewActive } = useContext(AppShellContext);
     const { start, end } = useDirection();
     const { loadedRef } = useConfiguration();
     // Element refs
@@ -62,6 +67,11 @@ persistentUtility, intelligentGuidance, isPreview = false, ...restProps }) => {
     const isToggleButtonFocused = useRef(false);
     // Tab content
     const [tabContentEl, setTabContentEl] = useElement(null);
+    // 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');
     const mdOrAbove = useBreakpoint('md', { breakpointRef: caseViewRef });
@@ -72,6 +82,7 @@ persistentUtility, intelligentGuidance, isPreview = false, ...restProps }) => {
     const summaryTabId = `summary-${caseId}`;
     const utilitiesTabId = `utilities-${caseId}`;
     const persistentUtilityTabId = `persistent-utility-${caseId}`;
+    const genAICoachTabId = `gen-ai-coach-${caseId}`;
     // Summary state handling
     let summaryExpanded = !isPreview && !!summaryExpandedProp;
     if (persistentUtility) {
@@ -157,6 +168,14 @@ persistentUtility, intelligentGuidance, isPreview = false, ...restProps }) => {
         }
         items = [summaryTab, ...tabItemsProp, ...utilityTabsItems];
         content = [summaryTabContent, ...tabContentProp, ...utilityTabsContent];
+        if (genAICoachProps) {
+            const genAICoachTabItem = { id: genAICoachTabId, name: t('coach', ['Pega GenAI™']) };
+            items.push(genAICoachTabItem);
+            content.push({
+                id: genAICoachTabId,
+                content: _jsx(GenAICoach, { ...genAICoachProps, variant: { placement: 'fullpage' } })
+            });
+        }
         return [items, content];
     }, [
         tabItemsProp,
@@ -294,6 +313,7 @@ persistentUtility, intelligentGuidance, isPreview = false, ...restProps }) => {
             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: { placement: 'utilities', state: genAIState, onStateChange: setGenAIState } }))] }));
     // CaseView context value
     // Choosing not to memo for now due to extent of deps and how often they change. Optimize as needed.
     // eslint-disable-next-line react/jsx-no-constructed-context-values
@@ -327,7 +347,8 @@ persistentUtility, intelligentGuidance, isPreview = false, ...restProps }) => {
         aboveSM: smOrAbove,
         aboveMD: mdOrAbove,
         aboveLG: lgOrAbove,
-        aboveXL: xlOrAbove
+        aboveXL: xlOrAbove,
+        setGenAIHeight
     };
     const currentTabPanelRef = useRef(null);
     // The following effects are dedicated to resizeTable handling.
@@ -402,7 +423,7 @@ persistentUtility, intelligentGuidance, isPreview = false, ...restProps }) => {
                                         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("div", { "data-testid": testIds.tasks, children: tasks })] })), (!mdOrAbove || (persistentUtility && !xlOrAbove) || !summaryExpanded) && (_jsx(Tabs, { "data-testid": testIds.tabs, tabs: tabItems, onTabClick: onTabClick, currentTabId: currentTabId })), _jsx("div", { ref: setTabContentEl, children: tabContent?.map(({ id, content }) => (_jsx(TabPanel, { "data-testid": currentTabId === id ? testIds.tabContent : undefined, currentTabId: currentTabId, tabId: id, ref: currentTabId === id ? currentTabPanelRef : undefined, children: content }, id))) })] }), persistentUtility && mdOrAbove && (_jsx(Grid, { as: StyledPersistentUtility, item: { area: 'persistentUtility' }, "data-app-region": true, children: persistentUtility.content })), utilities && mdOrAbove && !lgOrAbove && utilitiesExpanded && (_jsx(Drawer, { as: StyledCaseDrawer, open: utilitiesExpanded, position: 'fixed', placement: end, shadow: true, nullWhenClosed: true, 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] }), utilities] }) })), utilities && mdOrAbove && (_jsxs(Grid, { "data-testid": testIds.utilities, ref: (el) => {
+                                    }, ref: setBannersStagesTasksEl, children: [banners && _jsx("div", { "data-testid": testIds.banners, children: banners }), stages && _jsx("div", { "data-testid": testIds.stages, children: stages }), tasks && _jsx("div", { "data-testid": testIds.tasks, children: tasks })] })), (!mdOrAbove || (persistentUtility && !xlOrAbove) || !summaryExpanded) && (_jsx(Tabs, { "data-testid": testIds.tabs, tabs: tabItems, onTabClick: onTabClick, currentTabId: currentTabId })), _jsx("div", { ref: setTabContentEl, children: tabContent?.map(({ id, content }) => (_jsx(TabPanel, { "data-testid": currentTabId === id ? testIds.tabContent : undefined, currentTabId: currentTabId, tabId: id, ref: currentTabId === id ? currentTabPanelRef : undefined, children: content }, id))) })] }), persistentUtility && mdOrAbove && (_jsx(Grid, { as: StyledPersistentUtility, item: { area: 'persistentUtility' }, "data-app-region": true, children: persistentUtility.content })), (utilities || genAICoachProps) && mdOrAbove && !lgOrAbove && utilitiesExpanded && (_jsx(Drawer, { as: StyledCaseDrawer, open: utilitiesExpanded, previewActive: previewActive, position: 'fixed', placement: end, shadow: true, nullWhenClosed: true, 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 && (_jsxs(Grid, { "data-testid": testIds.utilities, ref: (el) => {
                                 if (el) {
                                     scrollStickOptions.current?.elements.add(el);
                                 }
@@ -414,9 +435,14 @@ persistentUtility, intelligentGuidance, isPreview = false, ...restProps }) => {
                             }, "data-app-region": lgOrAbove || !utilitiesExpanded || undefined, "aria-label": t('utilities_label'), children: [_jsxs(Flex, { container: {
                                         alignItems: 'center',
                                         justify: utilitiesExpanded ? 'between' : 'center'
-                                    }, children: [utilitiesHeading, !lgOrAbove && utilitiesExpanded ? null : utilitiesToggleButton] }), utilitiesExpanded && lgOrAbove && utilities, (!utilitiesExpanded || (mdOrAbove && !lgOrAbove)) &&
-                                    utilitiesSummaryItems &&
-                                    utilitiesSummaryItems.length > 0 && (_jsx(UtilitiesSummary, { items: utilitiesSummaryItems }))] }))] }) }), intelligentGuidance] }));
+                                    }, children: [utilitiesHeading, !lgOrAbove && utilitiesExpanded ? null : utilitiesToggleButton] }), utilitiesExpanded && lgOrAbove && utilitiesAndGenAI, (!utilitiesExpanded || (mdOrAbove && !lgOrAbove)) && (_jsxs(_Fragment, { children: [utilitiesSummaryItems && utilitiesSummaryItems.length > 0 && (_jsx(UtilitiesSummary, { items: utilitiesSummaryItems })), genAICoachProps && (_jsx(Button, { as: StyledCoachButton, icon: true, variant: 'primary', ref: genAICoachButtonRef, onClick: () => setShowCoach(cur => !cur), label: t('coach', ['Pega GenAI™']), children: _jsx(Icon, { name: 'polaris-solid' }) }))] }))] })), genAICoachButtonRef.current && genAICoachProps && showCoach && (_jsx(UtilitySummaryItemDialog, { target: genAICoachButtonRef.current, onDismiss: () => setShowCoach(false), children: _jsx(GenAICoach, { ...genAICoachProps, variant: {
+                                    placement: 'dialog',
+                                    onClose: () => {
+                                        genAICoachProps.onClose?.();
+                                        setShowCoach(false);
+                                        genAICoachButtonRef.current?.focus();
+                                    }
+                                } }) }))] }) }), intelligentGuidance] }));
 };
 export default withTestIds(CaseView, getCaseViewTestIds);
 //# sourceMappingURL=CaseView.js.map

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 } from 'react';\nimport type { FC } from 'react';\n\nimport {\n  Flex,\n  Grid,\n  Icon,\n  registerIcon,\n  TabPanel,\n  useBreakpoint,\n  useScrollStick,\n  useElement,\n  Card,\n  Drawer,\n  useI18n,\n  useDirection,\n  Tabs,\n  useAfterInitialEffect,\n  windowIsAvailable,\n  focusHeadingOrContainer,\n  useConfiguration,\n  useTestIds,\n  withTestIds\n} from '@pega/cosmos-react-core';\nimport type { ForwardProps } 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';\n\nimport CaseSummary from './CaseSummary';\nimport UtilitiesSummary from './UtilitiesSummary';\nimport {\n  StyledCaseDrawer,\n  StyledCaseDrawerContent,\n  StyledCaseView,\n  StyledWorkArea,\n  StyledPersistentUtility,\n  StyledSummary,\n  StyledSummaryTabContent,\n  StyledUtilities,\n  StyledExpandCollapseUtilitiesButton,\n  StyledUtilitiesHeading\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';\n\nregisterIcon(moveRightSolidIcon, moveLeftSolidIcon);\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  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  ...restProps\n}: CaseViewProps) => {\n  const testIds = useTestIds(testId, getCaseViewTestIds);\n\n  // General util hooks\n  const t = useI18n();\n  const { start, end } = useDirection();\n  const { loadedRef } = useConfiguration();\n\n  // Element refs\n  const caseViewRef = useRef<HTMLDivElement>(null);\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 isToggleButtonFocused = useRef(false);\n\n  // Tab content\n  const [tabContentEl, setTabContentEl] = useElement<HTMLElement>(null);\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\n  // Summary state handling\n  let summaryExpanded = !isPreview && !!summaryExpandedProp;\n\n  if (persistentUtility) {\n    summaryExpanded = xlOrAbove;\n  }\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\n  const utilitiesExpanded = 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  // 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            <CaseSummaryFields {...summaryFields} />\n          </StyledSummaryTabContent>\n        </Card>\n      )\n    };\n\n    let items = tabItemsProp;\n    let content = tabContentProp;\n\n    if (mdOrAbove) {\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    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: 'minmax(0, max-content) minmax(0, 1fr) repeat(2, minmax(0, max-content))',\n        areas: '\"summary work-area persistentUtility utilities\"'\n      };\n    } else if (mdOrAbove) {\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  } 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\n  // Apply sticky columns\n  const scrollStickOptions = useRef<ScrollStickOptions & { elements: Set<HTMLElement> }>({\n    elements: new Set()\n  });\n\n  const stickOffset = useMemo(() => {\n    if (windowIsAvailable && caseViewRef.current) {\n      return parseFloat(\n        window.getComputedStyle(caseViewRef.current).getPropertyValue('--appshell-offset')\n      );\n    }\n\n    return 0;\n  }, [caseViewRef.current]);\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  // 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    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 currentTabPanelRef = useRef<HTMLDivElement>(null);\n\n  // The following effects are dedicated to resizeTable handling.\n  useLayoutEffect(() => {\n    if (!currentTabPanelRef.current || !workAreaRef.current) return;\n\n    const currentTabPanelEl = currentTabPanelRef.current;\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 (!currentTabPanelRef.current || !workAreaRef.current) return;\n\n      resizeTable(currentTabPanelRef.current, workAreaRef.current);\n    });\n\n    observer.observe(bannersStagesTasksEl);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [bannersStagesTasksEl]);\n\n  useEffect(() => {\n    const onResize = () => {\n      if (!currentTabPanelRef.current || !workAreaRef.current) return;\n\n      resizeTable(currentTabPanelRef.current, workAreaRef.current);\n    };\n\n    window.addEventListener('resize', onResize);\n\n    return () => {\n      window.removeEventListener('resize', onResize);\n    };\n  }, []);\n\n  const utilitiesHeading = (\n    <StyledUtilitiesHeading variant='h2'>{t('utilities')}</StyledUtilitiesHeading>\n  );\n\n  const utilitiesToggleButton = (\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  // 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 />\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              if (el) scrollStickOptions.current?.elements.add(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 && <div data-testid={testIds.tasks}>{tasks}</div>}\n              </Flex>\n            )}\n\n            {(!mdOrAbove || (persistentUtility && !xlOrAbove) || !summaryExpanded) && (\n              <Tabs\n                data-testid={testIds.tabs}\n                tabs={tabItems}\n                onTabClick={onTabClick}\n                currentTabId={currentTabId}\n              />\n            )}\n\n            <div 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={currentTabId === id ? currentTabPanelRef : undefined}\n                >\n                  {content}\n                </TabPanel>\n              ))}\n            </div>\n          </Flex>\n\n          {/* Persistent utility column */}\n          {persistentUtility && mdOrAbove && (\n            <Grid as={StyledPersistentUtility} item={{ area: 'persistentUtility' }} data-app-region>\n              {persistentUtility.content}\n            </Grid>\n          )}\n\n          {/* Utility drawer */}\n          {utilities && mdOrAbove && !lgOrAbove && utilitiesExpanded && (\n            <Drawer\n              as={StyledCaseDrawer}\n              open={utilitiesExpanded}\n              position='fixed'\n              placement={end}\n              shadow\n              nullWhenClosed\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\n                {utilities}\n              </Flex>\n            </Drawer>\n          )}\n\n          {/* Utilities */}\n          {utilities && mdOrAbove && (\n            <Grid\n              data-testid={testIds.utilities}\n              ref={(el: HTMLDivElement) => {\n                if (el) {\n                  scrollStickOptions.current?.elements.add(el);\n                }\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 && utilities}\n\n              {(!utilitiesExpanded || (mdOrAbove && !lgOrAbove)) &&\n                utilitiesSummaryItems &&\n                utilitiesSummaryItems.length > 0 && (\n                  <UtilitiesSummary items={utilitiesSummaryItems} />\n                )}\n            </Grid>\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":";AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAG1F,OAAO,EACL,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,cAAc,EACd,UAAU,EACV,IAAI,EACJ,MAAM,EACN,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,qBAAqB,EACrB,iBAAiB,EACjB,uBAAuB,EACvB,gBAAgB,EAChB,UAAU,EACV,WAAW,EACX,MAAM,EACN,eAAe,EAChB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,KAAK,kBAAkB,MAAM,yEAAyE,CAAC;AAC9G,OAAO,KAAK,iBAAiB,MAAM,wEAAwE,CAAC;AAE5G,OAAO,UAAU,MAAM,eAAe,CAAC;AAGvC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACvB,cAAc,EACd,cAAc,EACd,uBAAuB,EACvB,aAAa,EACb,uBAAuB,EACvB,eAAe,EACf,mCAAmC,EACnC,sBAAsB,EACtB,iBAAiB,EACjB,sBAAsB,EACvB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,eAAe,MAAM,oBAAoB,CAAC;AACjD,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAElE,YAAY,CAAC,kBAAkB,EAAE,iBAAiB,CAAC,CAAC;AAEpD,gFAAgF;AAChF,MAAM,WAAW,GAAG,CAAC,UAA0B,EAAE,UAA0B,EAAE,EAAE;IAC7E,UAAU,CAAC,KAAK,CAAC,cAAc,CAAC,0BAA0B,CAAC,CAAC;IAE5D,6FAA6F;IAC7F,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAC1E,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,qBAAqB,EAAE,CAAC,KAAK,KAAK,CAAC,CACnD,CAAC;IAEF,yEAAyE;IACzE,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO;IAEhC,qFAAqF;IACrF,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IAE3C,IAAI,CAAC,KAAK;QAAE,OAAO;IAEnB,MAAM,YAAY,GAAG,UAAU,CAAC,qBAAqB,EAAE,CAAC;IACxD,MAAM,SAAS,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC;IAChD,MAAM,QAAQ,GAAG,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC;IACvD,MAAM,kBAAkB,GAAG,SAAS,CAAC,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC;IAC1D,MAAM,uBAAuB;IAC3B,wDAAwD;IACxD,MAAM,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,IAAI,KAAK,CAAC;IAErF,iDAAiD;IACjD,MAAM,2BAA2B,GAAG,YAAY,CAAC,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC;IAE3E,gFAAgF;IAChF,iDAAiD;IACjD,UAAU,CAAC,KAAK,CAAC,WAAW,CAC1B,0BAA0B,EAC1B,YACE,QAAQ,GAAG,kBAAkB,GAAG,2BAClC,QAAQ,uBAAuB,aAAa,CAC7C,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAqC,CAAC,EAClD,MAAM;AAEN,uDAAuD;AACvD,MAAM,EACN,OAAO,EACP,UAAU,EACV,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,gBAAgB,EAChB,MAAM,EACN,OAAO,EACP,eAAe;AAEf,kCAAkC;AAClC,aAAa,EACb,eAAe,EAAE,mBAAmB,GAAG,IAAI,EAC3C,eAAe;AAEf,YAAY;AACZ,IAAI,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,UAAU,EAAE;AAEhE,iCAAiC;AACjC,OAAO,EACP,MAAM,EACN,KAAK,EACL,UAAU,EAAE,cAAc,GAAG,EAAE;AAE/B,oCAAoC;AACpC,SAAS,EACT,qBAAqB,EACrB,iBAAiB,EAAE,qBAAqB,GAAG,IAAI,EAC/C,iBAAiB;AAEjB,SAAS;AACT,iBAAiB,EACjB,mBAAmB,EACnB,SAAS,GAAG,KAAK;AACjB,qBAAqB;AACrB,eAAe,EACf,GAAG,SAAS,EACE,EAAE,EAAE;IAClB,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAEvD,qBAAqB;IACrB,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IACpB,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IACtD,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,CAAC;IACtC,MAAM,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEzC,eAAe;IACf,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,iGAAiG;IACjG,MAAM,WAAW,GAAG,MAAM,EAA8B,CAAC;IACzD,MAAM,eAAe,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IACxD,MAAM,qBAAqB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5C,cAAc;IACd,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,UAAU,CAAc,IAAI,CAAC,CAAC;IACtE,qBAAqB;IACrB,MAAM,mBAAmB,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAC5D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAU,CAAC;IAEzD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAQ,WAAW,CAAC,CAAC;IAEjE,sBAAsB;IACtB,MAAM,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IACtC,MAAM,SAAS,GAAG,aAAa,CAAC,IAAI,EAAE,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC,CAAC;IACtE,MAAM,SAAS,GAAG,aAAa,CAAC,IAAI,EAAE,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC,CAAC;IACtE,MAAM,SAAS,GAAG,aAAa,CAAC,IAAI,EAAE,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC,CAAC;IAEtE,UAAU;IACV,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;IACzC,MAAM,YAAY,GAAG,WAAW,MAAM,EAAE,CAAC;IACzC,MAAM,cAAc,GAAG,aAAa,MAAM,EAAE,CAAC;IAC7C,MAAM,sBAAsB,GAAG,sBAAsB,MAAM,EAAE,CAAC;IAC9D,MAAM,eAAe,GAAG,gBAAgB,MAAM,EAAE,CAAC;IAEjD,yBAAyB;IACzB,IAAI,eAAe,GAAG,CAAC,SAAS,IAAI,CAAC,CAAC,mBAAmB,CAAC;IAE1D,IAAI,iBAAiB,EAAE;QACrB,eAAe,GAAG,SAAS,CAAC;KAC7B;IAED,iCAAiC;IACjC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,WAAW,CAAC,OAAO;YAAE,OAAO;QAEjC,IAAI,SAAS,CAAC,OAAO,EAAE;YACrB,uBAAuB,CAAC,WAAW,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;SACvD;aAAM;YACL,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;SAC1B;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,2BAA2B;IAE3B,qGAAqG;IACrG,8IAA8I;IAC9I,MAAM,CAAC,yBAAyB,EAAE,4BAA4B,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IAEtF,yFAAyF;IACzF,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,SAAS;YAAE,4BAA4B,CAAC,IAAI,CAAC,CAAC;IACpD,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,iGAAiG;IACjG,MAAM,wBAAwB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAE/C,yGAAyG;IACzG,MAAM,iBAAiB,GAAG,yBAAyB,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpF,uDAAuD;IACvD,qBAAqB,CAAC,GAAG,EAAE;QACzB,0IAA0I;QAC1I,IAAI,SAAS,IAAI,CAAC,SAAS,IAAI,qBAAqB,EAAE;YACpD,iBAAiB,EAAE,EAAE,CAAC;YACtB,wBAAwB,CAAC,OAAO,GAAG,IAAI,CAAC;SACzC;QAED,IAAI,SAAS,EAAE;YACb,IAAI,wBAAwB,CAAC,OAAO,IAAI,CAAC,qBAAqB,EAAE;gBAC9D,iBAAiB,EAAE,EAAE,CAAC;aACvB;YAED,wBAAwB,CAAC,OAAO,GAAG,KAAK,CAAC;SAC1C;QACD,sHAAsH;IACxH,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAE3B,yFAAyF;IACzF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,qBAAqB,CAAC,OAAO,EAAE;YACjC,eAAe,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;SAClC;QAED,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE;YAC5B,+BAA+B;YAC/B,qBAAqB,CAAC,OAAO,GAAG,KAAK,CAAC;SACvC;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAE9C,eAAe;IACf,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1C,MAAM,UAAU,GAAG,EAAE,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC;QAC5D,MAAM,iBAAiB,GAAG;YACxB,EAAE,EAAE,YAAY;YAChB,OAAO,EAAE,CACP,KAAC,IAAI,cACH,KAAC,uBAAuB,cACtB,KAAC,iBAAiB,OAAK,aAAa,GAAI,GAChB,GACrB,CACR;SACF,CAAC;QAEF,IAAI,KAAK,GAAG,YAAY,CAAC;QACzB,IAAI,OAAO,GAAG,cAAc,CAAC;QAE7B,IAAI,SAAS,EAAE;YACb,IAAI,CAAC,eAAe,IAAI,CAAC,iBAAiB,IAAI,CAAC,SAAS,CAAC,EAAE;gBACzD,KAAK,GAAG,CAAC,UAAU,EAAE,GAAG,YAAY,CAAC,CAAC;gBACtC,OAAO,GAAG,CAAC,iBAAiB,EAAE,GAAG,cAAc,CAAC,CAAC;aAClD;YAED,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;SACzB;QAED,MAAM,gBAAgB,GAAG,EAAE,CAAC;QAC5B,MAAM,kBAAkB,GAAG,EAAE,CAAC;QAE9B,IAAI,SAAS,EAAE;YACb,gBAAgB,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;YACpE,kBAAkB,CAAC,IAAI,CAAC;gBACtB,EAAE,EAAE,cAAc;gBAClB,OAAO,EAAE,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,YAAG,SAAS,GAAQ;aAC9E,CAAC,CAAC;SACJ;QAED,IAAI,iBAAiB,EAAE;YACrB,gBAAgB,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,sBAAsB,EAAE,IAAI,EAAE,iBAAiB,CAAC,KAAK,EAAE,CAAC,CAAC;YACrF,kBAAkB,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,sBAAsB,EAAE,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,CAAC,CAAC;SAC9F;QAED,KAAK,GAAG,CAAC,UAAU,EAAE,GAAG,YAAY,EAAE,GAAG,gBAAgB,CAAC,CAAC;QAC3D,OAAO,GAAG,CAAC,iBAAiB,EAAE,GAAG,cAAc,EAAE,GAAG,kBAAkB,CAAC,CAAC;QAExE,IAAI,eAAe,EAAE;YACnB,MAAM,iBAAiB,GAAQ,EAAE,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC;YAC1F,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;YAC9B,OAAO,CAAC,IAAI,CAAC;gBACX,EAAE,EAAE,eAAe;gBACnB,OAAO,EAAE,KAAC,UAAU,OAAK,eAAe,EAAE,OAAO,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,GAAI;aACjF,CAAC,CAAC;SACJ;QAED,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAC1B,CAAC,EAAE;QACD,YAAY;QACZ,YAAY;QACZ,SAAS;QACT,eAAe;QACf,iBAAiB;QACjB,SAAS;QACT,cAAc;QACd,SAAS;QACT,cAAc;QACd,sBAAsB;KACvB,CAAC,CAAC;IAEH,oBAAoB;IACpB,IAAI,qBAAqB,GAAG;QAC1B,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,6BAA6B;QACnC,KAAK,EAAE;;;KAGN;KACF,CAAC;IAEF,MAAM,eAAe,GAAG;QACtB,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,qBAAqB,CAAC,IAAI;KACjC,CAAC;IAEF,IAAI,iBAAiB,EAAE;QACrB,IAAI,SAAS,EAAE;YACb,qBAAqB,GAAG;gBACtB,GAAG,eAAe;gBAClB,IAAI,EAAE,yEAAyE;gBAC/E,KAAK,EAAE,iDAAiD;aACzD,CAAC;SACH;aAAM,IAAI,SAAS,EAAE;YACpB,qBAAqB,GAAG;gBACtB,GAAG,eAAe;gBAClB,IAAI,EAAE,kDAAkD;gBACxD,KAAK,EAAE;;;SAGN;aACF,CAAC;SACH;KACF;SAAM,IAAI,eAAe,EAAE;QAC1B,IAAI,SAAS,EAAE;YACb,qBAAqB,GAAG;gBACtB,GAAG,eAAe;gBAClB,IAAI,EAAE,8DAA8D;gBACpE,KAAK,EAAE,+BAA+B;aACvC,CAAC;SACH;KACF;SAAM,IAAI,SAAS,EAAE;QACpB,qBAAqB,GAAG;YACtB,GAAG,eAAe;YAClB,IAAI,EAAE,uCAAuC;YAC7C,KAAK,EAAE;;;WAGF;SACN,CAAC;KACH;IAED,uBAAuB;IACvB,MAAM,kBAAkB,GAAG,MAAM,CAAsD;QACrF,QAAQ,EAAE,IAAI,GAAG,EAAE;KACpB,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,IAAI,iBAAiB,IAAI,WAAW,CAAC,OAAO,EAAE;YAC5C,OAAO,UAAU,CACf,MAAM,CAAC,gBAAgB,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CACnF,CAAC;SACH;QAED,OAAO,CAAC,CAAC;IACX,CAAC,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;IAE1B,cAAc;IACZ,mDAAmD;IACnD,SAAS,CAAC,CAAC,CAAC,EAAE,GAAG,kBAAkB,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,SAAS,CAC/E,CAAC;IAEF,iCAAiC;IACjC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,EAAE;YACb,UAAU,CAAC,YAAY,CAAC,CAAC;SAC1B;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,wBAAwB;IACxB,SAAS,CAAC,GAAG,EAAE;QACb,IACE,SAAS;YACT,eAAe;YACf,CAAC,iBAAiB;YAClB,CAAC,YAAY,KAAK,YAAY,IAAI,YAAY,KAAK,cAAc,CAAC,EAClE;YACA,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;SACjC;QACD,iCAAiC;QACjC,IAAI,SAAS,IAAI,CAAC,cAAc,EAAE,sBAAsB,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE;YAChF,UAAU,CAAC,YAAY,CAAC,CAAC;SAC1B;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,kCAAkC;IAClC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,IAAI,YAAY,KAAK,YAAY,EAAE;YAC/C,UAAU,CAAC,YAAY,CAAC,CAAC;SAC1B;aAAM,IAAI,SAAS,IAAI,YAAY,KAAK,YAAY,EAAE;YACrD,UAAU,CAAC,YAAY,CAAC,CAAC;SAC1B;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,wBAAwB;IACxB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,EAAE;YACb,UAAU,CAAC,YAAY,CAAC,CAAC;SAC1B;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,wBAAwB;IACxB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,eAAe,IAAI,YAAY,KAAK,YAAY,EAAE;YACpD,UAAU,CAAC,YAAY,CAAC,CAAC;SAC1B;IACH,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,yDAAyD;IACzD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY;YAAE,OAAO;QAC1B,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC;QACjC,MAAM,YAAY,GAAG,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC;QAC3D,MAAM,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,GAAG,CAAC;QACjD,MAAM,aAAa,GAAG,YAAY,CAAC,SAAS,CAAC;QAC7C,IAAI,aAAa,GAAG,SAAS,EAAE;YAC7B,MAAM,GAAG,GAAG,aAAa,GAAG,YAAY,GAAG,GAAG,CAAC;YAC/C,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;SAC9C;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,2GAA2G;IAC3G,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,WAAW,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO;YAAE,OAAO;QAExD,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CACnC,kBAAkB,EAClB,GAAG,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,IAAI,CAC9D,CAAC;IACJ,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,iBAAiB,GAAG,CACxB,8BACE,KAAC,IAAI,IACH,EAAE,EAAE,sBAAsB,EAC1B,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAC1C,WAAW,EAAE,WAAW,YAEvB,SAAS,GACL,EACN,eAAe,IAAI,CAClB,KAAC,UAAU,OACL,eAAe,EACnB,OAAO,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,aAAa,EAAE,GACpF,CACH,IACA,CACJ,CAAC;IAEF,yBAAyB;IACzB,oGAAoG;IACpG,mEAAmE;IACnE,MAAM,QAAQ,GAAyB;QACrC,OAAO;QACP,MAAM;QACN,OAAO;QACP,UAAU;QACV,QAAQ;QACR,WAAW;QACX,IAAI;QACJ,QAAQ;QACR,gBAAgB;QAChB,OAAO;QACP,eAAe;QACf,MAAM;QACN,aAAa;QACb,IAAI,EAAE;YACJ,KAAK,EAAE,QAAQ;YACf,OAAO,EAAE,UAAU;YACnB,YAAY;SACb;QACD,MAAM;QACN,KAAK;QACL,iBAAiB;QACjB,mBAAmB;QACnB,eAAe;QACf,iBAAiB;QACjB,eAAe;QACf,SAAS;QACT,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,cAAc;KACf,CAAC;IAEF,MAAM,kBAAkB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAExD,+DAA+D;IAC/D,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,kBAAkB,CAAC,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO;YAAE,OAAO;QAEhE,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,OAAO,CAAC;QACrD,MAAM,UAAU,GAAG,WAAW,CAAC,OAAO,CAAC;QAEvC,WAAW,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC;QAE3C,MAAM,WAAW,GAAG,GAAG,EAAE;YACvB,WAAW,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC;QAC7C,CAAC,CAAC;QAEF,iBAAiB;QACjB,MAAM,EAAE,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YACnC,WAAW,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,OAAO,CAAC,iBAAiB,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAElE,iBAAiB,CAAC,gBAAgB,CAAC,oBAAoB,EAAE,WAAW,CAAC,CAAC;QAEtE,OAAO,GAAG,EAAE;YACV,EAAE,CAAC,UAAU,EAAE,CAAC;YAChB,iBAAiB,CAAC,mBAAmB,CAAC,oBAAoB,EAAE,WAAW,CAAC,CAAC;QAC3E,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,UAAU,CAAiB,IAAI,CAAC,CAAC;IAEzF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,oBAAoB;YAAE,OAAO;QAElC,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;YACvC,IAAI,CAAC,kBAAkB,CAAC,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO;gBAAE,OAAO;YAEhE,WAAW,CAAC,kBAAkB,CAAC,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;QAC/D,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC;QAEvC,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,UAAU,EAAE,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,GAAG,EAAE;YACpB,IAAI,CAAC,kBAAkB,CAAC,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO;gBAAE,OAAO;YAEhE,WAAW,CAAC,kBAAkB,CAAC,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;QAC/D,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAE5C,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACjD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,gBAAgB,GAAG,CACvB,KAAC,sBAAsB,IAAC,OAAO,EAAC,IAAI,YAAE,CAAC,CAAC,WAAW,CAAC,GAA0B,CAC/E,CAAC;IAEF,MAAM,qBAAqB,GAAG,CAC5B,KAAC,mCAAmC,IAClC,OAAO,QACP,IAAI,QACJ,KAAK,EAAE,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,gBACvC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,wBAAwB,CAAC,EACxF,OAAO,EAAE,GAAG,EAAE;YACZ,IAAI,CAAC,yBAAyB,IAAI,qBAAqB,EAAE;gBACvD,4BAA4B,CAAC,IAAI,CAAC,CAAC;aACpC;iBAAM;gBACL,iBAAiB,EAAE,EAAE,CAAC;aACvB;QACH,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;YACZ,qBAAqB,CAAC,OAAO,GAAG,IAAI,CAAC;QACvC,CAAC,EACD,MAAM,EAAE,GAAG,EAAE;YACX,qBAAqB,CAAC,OAAO,GAAG,KAAK,CAAC;QACxC,CAAC,EACD,GAAG,EAAE,eAAe,YAEpB,KAAC,IAAI,IAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,eAAe,GAAG,EAAE,CAAC,CAAC,CAAC,eAAe,KAAK,EAAE,GAAI,GAC7C,CACvC,CAAC;IAEF,gBAAgB;IAChB,OAAO,CACL,8BACE,KAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,YAEvC,MAAC,IAAI,mBACU,OAAO,CAAC,IAAI,KACrB,SAAS,EACb,EAAE,EAAE,cAAc,EAClB,GAAG,EAAE,WAAW,EAChB,SAAS,EAAE,qBAAqB,EAChC,IAAI,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,aAG3B,KAAC,IAAI,IACH,EAAE,EAAE,aAAa,EACjB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EACzB,OAAO,EAAE,SAAS,IAAI,CAAC,CAAC,iBAAiB,IAAI,SAAS,CAAC,IAAI,CAAC,eAAe,EAC3E,cAAc,EAAE,SAAS,EACzB,GAAG,EAAE,UAAU,YAEf,KAAC,WAAW,KAAG,GACV,EAGP,MAAC,IAAI,IACH,SAAS,EAAE;gCACT,SAAS,EAAE,QAAQ;gCACnB,YAAY,EAAE,OAAO;gCACrB,MAAM,EAAE,CAAC;6BACV,EACD,EAAE,EAAE,cAAc,EAClB,iBAAiB,EAAE,OAAO,CAAC,iBAAiB,CAAC,EAC7C,GAAG,EAAE,CAAC,EAAkB,EAAE,EAAE;gCAC1B,WAAW,CAAC,OAAO,GAAG,EAAE,CAAC;gCACzB,IAAI,EAAE;oCAAE,kBAAkB,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;4BACvD,CAAC,aAEA,CAAC,OAAO,IAAI,MAAM,IAAI,KAAK,CAAC,IAAI,CAC/B,MAAC,IAAI,IACH,SAAS,EAAE;wCACT,SAAS,EAAE,QAAQ;wCACnB,YAAY,EAAE,OAAO;wCACrB,MAAM,EAAE,CAAC;qCACV,EACD,GAAG,EAAE,uBAAuB,aAE3B,OAAO,IAAI,6BAAkB,OAAO,CAAC,OAAO,YAAG,OAAO,GAAO,EAC7D,MAAM,IAAI,6BAAkB,OAAO,CAAC,MAAM,YAAG,MAAM,GAAO,EAC1D,KAAK,IAAI,6BAAkB,OAAO,CAAC,KAAK,YAAG,KAAK,GAAO,IACnD,CACR,EAEA,CAAC,CAAC,SAAS,IAAI,CAAC,iBAAiB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CACxE,KAAC,IAAI,mBACU,OAAO,CAAC,IAAI,EACzB,IAAI,EAAE,QAAQ,EACd,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,GAC1B,CACH,EAED,cAAK,GAAG,EAAE,eAAe,YACtB,UAAU,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACpC,KAAC,QAAQ,mBACM,YAAY,KAAK,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EACjE,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,EAAE,EAET,GAAG,EAAE,YAAY,KAAK,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,SAAS,YAExD,OAAO,IAHH,EAAE,CAIE,CACZ,CAAC,GACE,IACD,EAGN,iBAAiB,IAAI,SAAS,IAAI,CACjC,KAAC,IAAI,IAAC,EAAE,EAAE,uBAAuB,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE,qCACnE,iBAAiB,CAAC,OAAO,GACrB,CACR,EAGA,CAAC,SAAS,IAAI,eAAe,CAAC,IAAI,SAAS,IAAI,CAAC,SAAS,IAAI,iBAAiB,IAAI,CACjF,KAAC,MAAM,IACL,EAAE,EAAE,gBAAgB,EACpB,IAAI,EAAE,iBAAiB,EACvB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAE,GAAG,EACd,MAAM,QACN,cAAc,QACd,oBAAoB,EAAE,CAAC,CAAC,iBAAiB,YAEzC,MAAC,IAAI,IACH,EAAE,EAAE,uBAAuB,EAC3B,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,sCAG1C,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,aAC1D,gBAAgB,EAChB,qBAAqB,IACjB,EACN,iBAAiB,IACb,GACA,CACV,EAGA,CAAC,SAAS,IAAI,eAAe,CAAC,IAAI,SAAS,IAAI,CAC9C,MAAC,IAAI,mBACU,OAAO,CAAC,SAAS,EAC9B,GAAG,EAAE,CAAC,EAAkB,EAAE,EAAE;gCAC1B,IAAI,EAAE,EAAE;oCACN,kBAAkB,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;iCAC9C;4BACH,CAAC,EACD,EAAE,EAAE,eAAe,EACnB,SAAS,EAAE;gCACT,IAAI,EAAE,gBAAgB;gCACtB,MAAM,EAAE,CAAC;6BACV,EACD,IAAI,EAAE;gCACJ,IAAI,EAAE,WAAW;6BAClB,qBACgB,SAAS,IAAI,CAAC,iBAAiB,IAAI,SAAS,gBACjD,CAAC,CAAC,iBAAiB,CAAC,aAEhC,MAAC,IAAI,IACH,SAAS,EAAE;wCACT,UAAU,EAAE,QAAQ;wCACpB,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ;qCAClD,aAEA,gBAAgB,EAChB,CAAC,SAAS,IAAI,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,qBAAqB,IAC1D,EAEN,iBAAiB,IAAI,SAAS,IAAI,iBAAiB,EAEnD,CAAC,CAAC,iBAAiB,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CACpD,8BACG,qBAAqB,IAAI,qBAAqB,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5D,KAAC,gBAAgB,IAAC,KAAK,EAAE,qBAAqB,GAAI,CACnD,EAEA,eAAe,IAAI,CAClB,KAAC,MAAM,IACL,EAAE,EAAE,iBAAiB,EACrB,IAAI,QACJ,OAAO,EAAC,SAAS,EACjB,GAAG,EAAE,mBAAmB,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,EACxC,KAAK,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,aAAa,CAAC,CAAC,YAElC,KAAC,IAAI,IAAC,IAAI,EAAC,eAAe,GAAG,GACtB,CACV,IACA,CACJ,IACI,CACR,EACA,mBAAmB,CAAC,OAAO,IAAI,eAAe,IAAI,SAAS,IAAI,CAC9D,KAAC,wBAAwB,IACvB,MAAM,EAAE,mBAAmB,CAAC,OAAO,EACnC,SAAS,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,YAEpC,KAAC,UAAU,OACL,eAAe,EACnB,OAAO,EAAE;oCACP,SAAS,EAAE,QAAQ;oCACnB,OAAO,EAAE,GAAG,EAAE;wCACZ,eAAe,CAAC,OAAO,EAAE,EAAE,CAAC;wCAC5B,YAAY,CAAC,KAAK,CAAC,CAAC;wCACpB,mBAAmB,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;oCACvC,CAAC;iCACF,GACD,GACuB,CAC5B,IACI,GACkB,EAC1B,mBAAmB,IACnB,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC","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  TabPanel,\n  useBreakpoint,\n  useScrollStick,\n  useElement,\n  Card,\n  Drawer,\n  useI18n,\n  useDirection,\n  Tabs,\n  useAfterInitialEffect,\n  windowIsAvailable,\n  focusHeadingOrContainer,\n  useConfiguration,\n  useTestIds,\n  withTestIds,\n  Button,\n  AppShellContext\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';\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  StyledSummary,\n  StyledSummaryTabContent,\n  StyledUtilities,\n  StyledExpandCollapseUtilitiesButton,\n  StyledUtilitiesHeading,\n  StyledCoachButton,\n  StyledUtilitiesWrapper\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(moveRightSolidIcon, moveLeftSolidIcon);\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  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 caseViewRef = useRef<HTMLDivElement>(null);\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 isToggleButtonFocused = useRef(false);\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  // 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\n  const utilitiesExpanded = 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  // 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            <CaseSummaryFields {...summaryFields} />\n          </StyledSummaryTabContent>\n        </Card>\n      )\n    };\n\n    let items = tabItemsProp;\n    let content = tabContentProp;\n\n    if (mdOrAbove) {\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('coach', ['Pega GenAI™']) };\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: 'minmax(0, max-content) minmax(0, 1fr) repeat(2, minmax(0, max-content))',\n        areas: '\"summary work-area persistentUtility utilities\"'\n      };\n    } else if (mdOrAbove) {\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  } 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\n  // Apply sticky columns\n  const scrollStickOptions = useRef<ScrollStickOptions & { elements: Set<HTMLElement> }>({\n    elements: new Set()\n  });\n\n  const stickOffset = useMemo(() => {\n    if (windowIsAvailable && caseViewRef.current) {\n      return parseFloat(\n        window.getComputedStyle(caseViewRef.current).getPropertyValue('--appshell-offset')\n      );\n    }\n\n    return 0;\n  }, [caseViewRef.current]);\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={{ placement: 'utilities', state: genAIState, onStateChange: setGenAIState }}\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    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    setGenAIHeight\n  };\n\n  const currentTabPanelRef = useRef<HTMLDivElement>(null);\n\n  // The following effects are dedicated to resizeTable handling.\n  useLayoutEffect(() => {\n    if (!currentTabPanelRef.current || !workAreaRef.current) return;\n\n    const currentTabPanelEl = currentTabPanelRef.current;\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 (!currentTabPanelRef.current || !workAreaRef.current) return;\n\n      resizeTable(currentTabPanelRef.current, workAreaRef.current);\n    });\n\n    observer.observe(bannersStagesTasksEl);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [bannersStagesTasksEl]);\n\n  useEffect(() => {\n    const onResize = () => {\n      if (!currentTabPanelRef.current || !workAreaRef.current) return;\n\n      resizeTable(currentTabPanelRef.current, workAreaRef.current);\n    };\n\n    window.addEventListener('resize', onResize);\n\n    return () => {\n      window.removeEventListener('resize', onResize);\n    };\n  }, []);\n\n  const utilitiesHeading = (\n    <StyledUtilitiesHeading variant='h2'>{t('utilities')}</StyledUtilitiesHeading>\n  );\n\n  const utilitiesToggleButton = (\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  // 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 />\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              if (el) scrollStickOptions.current?.elements.add(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 && <div data-testid={testIds.tasks}>{tasks}</div>}\n              </Flex>\n            )}\n\n            {(!mdOrAbove || (persistentUtility && !xlOrAbove) || !summaryExpanded) && (\n              <Tabs\n                data-testid={testIds.tabs}\n                tabs={tabItems}\n                onTabClick={onTabClick}\n                currentTabId={currentTabId}\n              />\n            )}\n\n            <div 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={currentTabId === id ? currentTabPanelRef : undefined}\n                >\n                  {content}\n                </TabPanel>\n              ))}\n            </div>\n          </Flex>\n\n          {/* Persistent utility column */}\n          {persistentUtility && mdOrAbove && (\n            <Grid as={StyledPersistentUtility} item={{ area: 'persistentUtility' }} data-app-region>\n              {persistentUtility.content}\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              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 && (\n            <Grid\n              data-testid={testIds.utilities}\n              ref={(el: HTMLDivElement) => {\n                if (el) {\n                  scrollStickOptions.current?.elements.add(el);\n                }\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 items={utilitiesSummaryItems} />\n                  )}\n\n                  {genAICoachProps && (\n                    <Button\n                      as={StyledCoachButton}\n                      icon\n                      variant='primary'\n                      ref={genAICoachButtonRef}\n                      onClick={() => setShowCoach(cur => !cur)}\n                      label={t('coach', ['Pega GenAI™'])}\n                    >\n                      <Icon name='polaris-solid' />\n                    </Button>\n                  )}\n                </>\n              )}\n            </Grid>\n          )}\n          {genAICoachButtonRef.current && genAICoachProps && showCoach && (\n            <UtilitySummaryItemDialog\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"]}

package/lib/components/CaseView/CaseView.styles.d.ts

@@ -36,10 +36,16 @@ export declare const StyledUtilitiesHeading: import("styled-components").StyledC
 export declare const StyledExpandCollapseUtilitiesButton: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").ButtonProps & import("@pega/cosmos-react-core").ForwardProps>, DefaultTheme, {}, never>;
 export declare const StyledUtilities: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
 export declare const StyledSummary: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
-export declare const StyledCaseDrawer: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
+export declare const StyledCaseDrawer: import("styled-components").StyledComponent<"div", DefaultTheme, {
+    previewActive?: boolean | undefined;
+}, never>;
 export declare const StyledCaseDrawerContent: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
 export declare const StyledPersistentUtility: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
 export declare const ScrollStick: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
 export declare const StyledCaseView: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
 export declare const StyledUtilitiesHeader: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").TextProps & import("@pega/cosmos-react-core").ForwardProps>, DefaultTheme, {}, never>;
+export declare const StyledCoachButton: import("styled-components").StyledComponent<"button", DefaultTheme, {}, never>;
+export declare const StyledUtilitiesWrapper: import("styled-components").StyledComponent<"div", DefaultTheme, {
+    genAIHeight: number | undefined;
+}, never>;
 //# sourceMappingURL=CaseView.styles.d.ts.map

package/lib/components/CaseView/CaseView.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseView.styles.d.ts","sourceRoot":"","sources":["../../../src/components/CaseView/CaseView.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAqCtD,eAAO,MAAM,uBAAuB,6EAAe,CAAC;AAIpD,eAAO,MAAM,wBAAwB;;;;SAuBnC,CAAC;AAIH,eAAO,MAAM,0BAA0B;;2BAMrC,CAAC;AAEH,eAAO,MAAM,uBAAuB,8MAkBlC,CAAC;AAIH,eAAO,MAAM,gBAAgB,gFAmB3B,CAAC;AAIH,eAAO,MAAM,oBAAoB,+EAShC,CAAC;AAIF,eAAO,MAAM,gBAAgB,2EAAa,CAAC;AAI3C,eAAO,MAAM,mBAAmB;eAA2B,OAAO;SAWhE,CAAC;AAIH,eAAO,MAAM,oBAAoB,gFAgD/B,CAAC;AAIH,eAAO,MAAM,8BAA8B,yMAqCzC,CAAC;AAIH,eAAO,MAAM,wBAAwB;cAA0B,OAAO;SAqBpE,CAAC;AAmCH,eAAO,MAAM,mBAAmB,4EA0C9B,CAAC;AAIH,eAAO,MAAM,wBAAwB;;;WAO5B,YAAY;SAmCnB,CAAC;AAIH,eAAO,MAAM,qBAAqB,6EAYhC,CAAC;AAIH,eAAO,MAAM,0BAA0B,6EAIrC,CAAC;AAIH,eAAO,MAAM,0BAA0B,yMASrC,CAAC;AAIH,eAAO,MAAM,iCAAiC,yMAgC5C,CAAC;AAIH,eAAO,MAAM,iBAAiB,6EAY5B,CAAC;AAEH,eAAO,MAAM,cAAc,6EAwDzB,CAAC;AAIH,eAAO,MAAM,sBAAsB,uMAAiB,CAAC;AAErD,eAAO,MAAM,mCAAmC,yMAO9C,CAAC;AAIH,eAAO,MAAM,eAAe,6EA8B1B,CAAC;AAIH,eAAO,MAAM,aAAa,6EAyBxB,CAAC;AAIH,eAAO,MAAM,gBAAgB,6EAU3B,CAAC;AAIH,eAAO,MAAM,uBAAuB,6EAOlC,CAAC;AAIH,eAAO,MAAM,uBAAuB,6EAUlC,CAAC;AAIH,eAAO,MAAM,WAAW,6EAGvB,CAAC;AAEF,eAAO,MAAM,cAAc,6EAiBzB,CAAC;AAIH,eAAO,MAAM,qBAAqB,uMAMjC,CAAC"}
+{"version":3,"file":"CaseView.styles.d.ts","sourceRoot":"","sources":["../../../src/components/CaseView/CaseView.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAyCtD,eAAO,MAAM,uBAAuB,6EAAe,CAAC;AAIpD,eAAO,MAAM,wBAAwB;;;;SAsBnC,CAAC;AAIH,eAAO,MAAM,0BAA0B;;2BAMrC,CAAC;AAEH,eAAO,MAAM,uBAAuB,8MAelC,CAAC;AAIH,eAAO,MAAM,gBAAgB,gFAmB3B,CAAC;AAIH,eAAO,MAAM,oBAAoB,+EAShC,CAAC;AAIF,eAAO,MAAM,gBAAgB,2EAAa,CAAC;AAI3C,eAAO,MAAM,mBAAmB;eAA2B,OAAO;SAWhE,CAAC;AAIH,eAAO,MAAM,oBAAoB,gFAgD/B,CAAC;AAIH,eAAO,MAAM,8BAA8B,yMAqCzC,CAAC;AAIH,eAAO,MAAM,wBAAwB;cAA0B,OAAO;SAqBpE,CAAC;AAmCH,eAAO,MAAM,mBAAmB,4EA0C9B,CAAC;AAIH,eAAO,MAAM,wBAAwB;;;WAO5B,YAAY;SAmCnB,CAAC;AAIH,eAAO,MAAM,qBAAqB,6EAYhC,CAAC;AAIH,eAAO,MAAM,0BAA0B,6EAIrC,CAAC;AAIH,eAAO,MAAM,0BAA0B,yMASrC,CAAC;AAIH,eAAO,MAAM,iCAAiC,yMAgC5C,CAAC;AAIH,eAAO,MAAM,iBAAiB,6EAY5B,CAAC;AAEH,eAAO,MAAM,cAAc,6EAwDzB,CAAC;AAIH,eAAO,MAAM,sBAAsB,uMAAiB,CAAC;AAErD,eAAO,MAAM,mCAAmC,yMAO9C,CAAC;AAIH,eAAO,MAAM,eAAe,6EA8B1B,CAAC;AAIH,eAAO,MAAM,aAAa,6EAyBxB,CAAC;AAIH,eAAO,MAAM,gBAAgB;;SAqB3B,CAAC;AAIH,eAAO,MAAM,uBAAuB,6EAOlC,CAAC;AAIH,eAAO,MAAM,uBAAuB,6EAUlC,CAAC;AAIH,eAAO,MAAM,WAAW,6EAGvB,CAAC;AAEF,eAAO,MAAM,cAAc,6EAiBzB,CAAC;AAIH,eAAO,MAAM,qBAAqB,uMAMjC,CAAC;AAIF,eAAO,MAAM,iBAAiB,gFAkC7B,CAAC;AAIF,eAAO,MAAM,sBAAsB;iBACpB,MAAM,GAAG,SAAS;SAO/B,CAAC"}

package/lib/components/CaseView/CaseView.styles.js

@@ -1,12 +1,13 @@
 import styled, { css } from 'styled-components';
 import { getContrast, hideVisually, meetsContrastGuidelines, rgba, transparentize } from 'polished';
-import { Button, calculateFontSize, CardContent, defaultThemeProp, StyledBreadcrumbs, StyledButtonLink, StyledFieldValue, StyledStackedFieldValue, StyledIcon, StyledLabel, StyledPopover, StyledText, StyledTooltip, tryCatch, FieldValueList, StyledLink, readableHue, StyledCard, Text, readableColor } from '@pega/cosmos-react-core';
+import { useContext } from 'react';
+import { Button, calculateFontSize, CardContent, defaultThemeProp, StyledBreadcrumbs, StyledButtonLink, StyledFieldValue, StyledStackedFieldValue, StyledIcon, StyledLabel, StyledPopover, StyledText, StyledTooltip, tryCatch, FieldValueList, StyledLink, readableHue, StyledCard, Text, readableColor, getHoverColors, AppShellContext } from '@pega/cosmos-react-core';
 import { StyledMenu } from '@pega/cosmos-react-core/lib/components/Menu/Menu.styles';
-import { colCountChWidth } from '@pega/cosmos-react-work/lib/components/Details/Details.styles';
+import { oneColumnDetailsColumnWidth } from '@pega/cosmos-react-work/lib/components/Details/Details.styles';
 import { StyledStage, StyledStageContainer, StyledStages } from '../Stages/Stages.styles';
 import { StyledAssignments } from '../Assignments/Assignments.styles';
 import { useCaseViewContext } from './CaseView.context';
-const labelChWidth = 16;
+const labelWidth = '16ch';
 const inlineEndButtonOffset = '0.375rem';
 export const StyledCaseSummaryFields = styled.div ``;
 StyledCaseSummaryFields.defaultProps = defaultThemeProp;
@@ -18,7 +19,7 @@ export const StyledSummaryPrimaryList = styled(FieldValueList)(({ theme, wrapped
           grid-template-columns: minmax(0, 1fr);
         `
         : css `
-          grid-template-columns: ${labelChWidth}ch auto;
+          grid-template-columns: ${labelWidth} auto;
         `}
 
     ${StyledFieldValue} {
@@ -40,16 +41,14 @@ export const StyledSummarySecondaryList = styled(FieldValueList)(() => {
 });
 export const StyledSummaryTabContent = styled(CardContent)(({ theme }) => {
     const { base: { spacing } } = theme;
-    const containerWidthCh = colCountChWidth[1].containerWidth;
-    const containerWidthMinusLabel = `${containerWidthCh - labelChWidth}ch`;
     return css `
     ${StyledSummarySecondaryList} {
       > ${StyledStackedFieldValue} {
-        max-width: ${containerWidthCh}ch;
+        max-width: ${oneColumnDetailsColumnWidth};
       }
 
       > ${StyledFieldValue} {
-        max-width: calc(${containerWidthMinusLabel} - 2 * ${spacing});
+        max-width: calc(${oneColumnDetailsColumnWidth} - ${labelWidth} - 2 * ${spacing});
       }
     }
   `;
@@ -483,15 +482,24 @@ export const StyledSummary = styled.div(({ theme }) => {
   `;
 });
 StyledSummary.defaultProps = defaultThemeProp;
-export const StyledCaseDrawer = styled.div(({ theme }) => {
+export const StyledCaseDrawer = styled.div(({ previewActive, theme }) => {
     return css `
-    min-width: 21.875rem;
+    --utilities-drawer-width: calc((100vw - 31.25rem) / 10 + 21.875rem);
+    --utilities-drawer-min-width: 21.875rem;
+    min-width: var(--utilities-drawer-min-width);
     max-width: 31.25rem;
-    width: calc((100vw - 31.25rem) / 10 + 21.875rem);
+    width: var(--utilities-drawer-width);
     background-color: ${theme.base.palette['primary-background']};
     height: var(--case-view-height);
     top: var(--top-offset);
     z-index: ${theme.base['z-index'].drawer - 1};
+
+    ${previewActive &&
+        css `
+      @media (min-width: ${theme.base.breakpoints.xl}) {
+        inset-inline-end: clamp(21.875rem, (100vw - 31.25rem) / 10 + 21.875rem, 31.25rem);
+      }
+    `}
   `;
 });
 StyledCaseDrawer.defaultProps = defaultThemeProp;
@@ -546,4 +554,36 @@ export const StyledUtilitiesHeader = styled(Text) `
   }
 `;
 StyledUtilitiesHeader.defaultProps = defaultThemeProp;
+export const StyledCoachButton = styled.button(({ theme: { base: { palette: { ai }, spacing, breakpoints } } }) => {
+    const { previewActive } = useContext(AppShellContext);
+    const hoverColors = getHoverColors(ai);
+    return css `
+      background-color: ${ai};
+      position: fixed;
+      width: 2.75rem;
+      height: 2.75rem;
+      inset-block-end: ${spacing};
+      inset-inline-end: calc(2 * ${spacing});
+
+      &:hover {
+        background-color: ${hoverColors.background};
+        color: ${hoverColors.foreground};
+      }
+
+      ${previewActive &&
+        css `
+        @media (min-width: ${breakpoints.xl}) {
+          margin-inline-end: clamp(21.875rem, (100vw - 31.25rem) / 10 + 21.875rem, 31.25rem);
+        }
+      `}
+    `;
+});
+StyledCoachButton.defaultProps = defaultThemeProp;
+export const StyledUtilitiesWrapper = styled.div(({ genAIHeight }) => {
+    return genAIHeight !== undefined
+        ? css `
+        padding-block-end: calc(${genAIHeight}px + 1rem);
+      `
+        : null;
+});
 //# sourceMappingURL=CaseView.styles.js.map