@pega/cosmos-react-work 10.0.0-build.4.26 → 10.0.0-build.4.28

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

@@ -1 +1 @@
-{"version":3,"file":"GenAICoach.types.js","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ReactNode, Ref, MouseEventHandler } from 'react';\n\nimport type {\n  BaseProps,\n  MenuProps,\n  NoChildrenProp,\n  OmitStrict,\n  ProgressProps,\n  RequireAtLeastOne,\n  TestIdProp,\n  WithAttributes,\n  ActionsProps,\n  FileItemProps,\n  FileDisplayProps,\n  LightboxProps\n} from '@pega/cosmos-react-core';\nimport type { MDMap } from '@pega/cosmos-react-rte';\n\nexport interface CaseWorkflowStepProps {\n  id: string;\n  name: string;\n  completed?: boolean;\n}\n\nexport interface CaseWorkflowStageProps {\n  name: string;\n  id: string;\n  current?: boolean;\n  completed?: boolean;\n  currentStepId?: string;\n  steps?: CaseWorkflowStepProps[];\n}\n\nexport interface CaseWorkflowProps extends BaseProps, NoChildrenProp {\n  heading: string;\n  icon?: string | URL;\n  stages: CaseWorkflowStageProps[];\n  onHeadingClick: MouseEventHandler<HTMLButtonElement>;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport interface ActiveCaseItem {\n  id: string;\n  heading: string;\n  stages: CaseWorkflowStageProps[];\n  onHeadingClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport interface ActiveCasesProps extends BaseProps, NoChildrenProp {\n  activeCases: ActiveCaseItem[];\n  ref?: Ref<HTMLButtonElement>;\n}\n\nexport interface OptionItem {\n  key: string;\n  label: string;\n  displayLabel?: string;\n  selected?: boolean;\n}\n\nexport interface FormAnswer {\n  value: string[];\n  questionText: string;\n}\n\nexport interface Question {\n  field: string;\n  type: 'single' | 'multi';\n  questionText: string;\n  defaultInput?: string[] | string;\n  optionItems: OptionItem[];\n}\n\nexport interface QuestionnaireConfig {\n  questions: Question[];\n  inline?: boolean;\n}\n\nexport interface QuestionItemProps {\n  question: Question;\n  answer: FormAnswer;\n  onChange: (field: string, key: string, selected: boolean) => void;\n}\n\nexport interface QuestionnaireProps {\n  data: QuestionnaireConfig;\n  onChange: (answers: Record<string, FormAnswer>) => void;\n  onCancel: () => void;\n}\n\nexport type State = 'minimized' | 'maximized';\nexport type Reaction = 'liked' | 'disliked';\nexport type FeedbackPrompt = 'liked' | 'disliked' | 'both';\n\nexport type Variant =\n  | {\n      placement: 'utilities';\n      state: State;\n      onStateChange: (state: State) => void;\n    }\n  | { placement: 'fullpage' }\n  | { placement: 'dialog'; onClose: () => void };\n\nexport interface MessageProps {\n  id: string;\n  message?: string;\n  announceInteraction?: boolean;\n  simplifiedAgent?: boolean;\n  showSenderInfo?: boolean;\n  attachments?: FileDisplayProps[];\n  /**\n   * Whether the message is a suggestion from the composer\n   * @default false\n   */\n  fromComposer?: boolean;\n  /** Ref forwarded to the wrapping element. */\n  ref?: Ref<HTMLLIElement>;\n}\n\nexport type InitialSuggestedMessageProps = Pick<GenAICoachProps, 'onSend'> &\n  BaseProps &\n  TestIdProp &\n  MessageProps;\n\nexport interface UserMessageProps extends BaseProps, TestIdProp, MessageProps {\n  from: 'user';\n  userName?: string;\n}\n\nexport type ToolParameters = {\n  id: string;\n  label: string;\n  type: 'text' | 'number' | 'boolean';\n  value: string;\n  required: boolean;\n  readOnly: boolean;\n};\n\nexport interface Tool {\n  id: string;\n  name: string;\n  message: string;\n  decision: 'accept' | 'modify' | 'reject';\n  parameters: ToolParameters[];\n}\n\nexport interface ToolDetailsProps {\n  toolMessage: string;\n  isToolConfirmation: true;\n  tools: Tool[];\n  onSubmit?: (tools: Tool[]) => void;\n  onCancel?: () => void;\n  toolsConfirmed: boolean;\n}\n\nexport interface ToolCandidateDetailsProps {\n  loading?: boolean;\n  error?: string;\n  renderCandidatesTable?: () => ReactNode;\n}\n\nexport type CoachMessageProps = RequireAtLeastOne<\n  Partial<Pick<GenAICoachProps, 'onSend'>> &\n    BaseProps &\n    TestIdProp &\n    Pick<\n      MessageProps,\n      'id' | 'announceInteraction' | 'simplifiedAgent' | 'showSenderInfo' | 'ref'\n    > &\n    (\n      | ToolDetailsProps\n      | {\n          toolMessage?: never;\n          isToolConfirmation?: false;\n          tools?: never;\n          onSubmit?: never;\n          onCancel?: never;\n          toolsConfirmed?: never;\n        }\n    ) & {\n      from: 'coach';\n      coachName: string;\n      /** Indicates a synthetic coach message */\n      isCustom?: boolean;\n      suggestions?: (Pick<MessageProps, 'id' | 'message'> & { selected?: boolean })[];\n      loading?: boolean;\n      progressSteps?: string[];\n      progressStepsCompleted?: number;\n      enableStreaming?: boolean;\n      allChunksReceived?: boolean;\n      error?: string;\n      message?: ReactNode;\n      messageActions?: ActionsProps;\n      markdownMap?: MDMap;\n      onStreamingUpdate?: (isStreamingDone: boolean) => void;\n      feedback?: {\n        reaction: Reaction | undefined;\n        feedbackText?: string;\n        onReaction: (id: MessageProps['id'], reaction: Reaction | undefined) => void;\n        onFeedbackComplete: (id: MessageProps['id'], comment?: string) => void;\n        promptFeedbackOn?: FeedbackPrompt;\n        allowFeedbackResubmission?: boolean;\n      };\n      toolCandidates?: {\n        toolState: ToolCandidateDetailsProps;\n        onViewToolsConsidered: (id: MessageProps['id']) => void;\n      };\n      onAnimationCursorUpdate?: (animatedTillCursor: number) => void;\n      animationInitialCursorPos?: number;\n    },\n  'loading' | 'message' | 'error'\n>;\n\nexport interface CaseDetails {\n  /** Unique case identifier */\n  id: string;\n  /** Case type identifier */\n  type: string;\n  /** Human-readable label */\n  label?: string;\n}\n\nexport interface SystemMessageProps\n  extends TestIdProp,\n    Pick<MessageProps, 'id' | 'message' | 'ref' | 'announceInteraction' | 'simplifiedAgent'> {\n  from: 'system';\n  loading?: boolean;\n  /** Present when this system message represents a case creation event. */\n  caseInfo?: CaseDetails;\n  /** When true, renders this system message as a \"Response stopped\" indicator. */\n  stopped?: boolean;\n}\n\nexport type GenAIMessageProps = UserMessageProps | CoachMessageProps | SystemMessageProps;\n\nexport interface ConversationHistoryProps extends TestIdProp {\n  /** List of History items. */\n  data: {\n    id: string;\n    section: string;\n    conversations: {\n      id: string;\n      title: string;\n    }[];\n  }[];\n  /** Click event for items within the list. */\n  onItemClick?: (conversationId: string) => void;\n  /** List loading state. */\n  loading?: boolean;\n  /** Called at scroll trigger to load more items. */\n  loadMore?: () => void;\n  /** True if History view is rendered in Full page view.  */\n  inFullPage?: boolean;\n  /** Callback triggered when closing the history view. */\n  onDismiss: () => void;\n  /** Id of the selected item. */\n  selectedItemId?: string;\n  /** Set if there is an error in retreiving the data. */\n  error?: string;\n  /** Ref forwarded to the wrapping element. */\n  ref?: Ref<HTMLUListElement>;\n}\n\nexport type SendMessageProps = OmitStrict<MessageProps, 'attachments'> & {\n  attachmentIds?: string[];\n  tools?: Tool[];\n  toolMessage?: string;\n  formAnswers?: Record<string, FormAnswer>;\n};\n\nexport type GenAICoachProps = WithAttributes<\n  'div',\n  TestIdProp & {\n    /** Chat loading indicator */\n    loading?: boolean | ProgressProps['message'];\n    /** Set if there is an error in retreiving the data */\n    error?: string;\n    /** Coaches available in the chat header */\n    coachOptions: MenuProps['items'];\n    /** Handle the coach selections */\n    onCoachChange: (id: MenuProps['id']) => void;\n    /** Suggested messages to start the conversation */\n    initialSuggestedMessages?: MessageProps[];\n    /** Additional suggestions presented at the bottom of the chat window */\n    suggestions?: MenuProps['items'];\n    /** Send prompts */\n    onSend: (message: SendMessageProps) => void;\n\n    stopProcess?: () => void;\n    /** Messages to be shown in the chatting window. */\n    messages?: GenAIMessageProps[];\n    /** Placement of the component   */\n    variant: Variant;\n    /** From landing page utilities */\n    isInLandingPageUtilities?: boolean;\n    /** Callback when component is mounted. */\n    onOpen?: () => void;\n    /**\n     * User would be guided with selective prompts to enable interaction with coach.\n     * @default false\n     */\n    guidedMode?: boolean;\n    /** Pass an array of Action objects to show Action button. */\n    actions?: ActionsProps;\n    /** Callback to start a new chat. */\n    onNewChat?: () => void;\n    /** Pass data to show history view. */\n    conversationHistory?: ConversationHistoryProps;\n    /** Callback triggered when the layout component changes. */\n    onLayoutChange?: (inFullPage: boolean) => void;\n    /** Callback when attachment icon is clicked */\n    onAddAttachment?: (files: File[]) => void;\n    /** Attachments list */\n    attachments?: FileItemProps[];\n    /** Error in attachments */\n    attachmentsError?: string;\n    /** Inline error shown on the composer textarea (e.g. when conversation creation fails) */\n    conversationError?: string;\n    /** Configuration for the Lightbox component that handles preview of media attachments and files */\n    lightboxPreviewProps?: LightboxProps;\n    /** Enable full screen */\n    allowFullScreen?: boolean;\n    /** Enable voice to text */\n    voiceToTextProps?: {\n      enableDictation: boolean;\n      langCode: string;\n    };\n    /** Show welcome state */\n    showSalutation?: boolean;\n    /** Salutation message */\n    salutation?: string;\n    /** Whether the agent is a portal agent */\n    isPortalAgent?: boolean;\n    /** Props for an optional case workflow banner rendered at the top of the chat area */\n    caseWorkflow?: OmitStrict<CaseWorkflowProps, 'ref'>;\n    /** Props for showing active cases in conversation */\n    activeCases?: ActiveCasesProps['activeCases'];\n    /** Page panel configuration */\n    pagePanel?: {\n      /** The page-content node rendered in the right panel. */\n      content: ReactNode;\n      /** Whether the right panel is currently visible. */\n      visible: boolean;\n    };\n    /** Renders suggestion card */\n    suggestionCardsView?: ReactNode;\n    /** When set, pre-populates the textarea with the given text without sending. */\n    draftMessage?: string;\n    /** Callback triggered when the user clicks the stop button while a response is being generated. */\n    onStop?: () => void;\n    /** When true, indicates that a conversation is being created. */\n    isCreatingConversation?: boolean;\n    /** Data for the questionnaireProvided questionnaire shown above the composer */\n    questionnaireData?: QuestionnaireConfig;\n    /** Called when the user dismisses the questionnaire without submitting. */\n    onQuestionnaireDismiss?: () => void;\n    /**\n     * Renders a simplified agent view.\n     * @default false\n     */\n    simplifiedAgent?: boolean;\n    /** Supporting text shown below the heading */\n    subHeading?: string;\n    /** Display name of the operator/user */\n    operatorName?: string;\n  }\n>;\n\nexport interface MessageFeedbackProps {\n  messageId: MessageProps['id'];\n  feedback: CoachMessageProps['feedback'];\n}\n\nexport interface UtilitiesGenAICoachProps extends OmitStrict<GenAICoachProps, 'variant'> {\n  onClose?: () => void;\n}\n\nexport interface GenAICoachScrollState {\n  userAtBottom: boolean;\n  isStreamingActive: boolean;\n  smoothScrollOnEnd: boolean;\n  initialBufferApplied: boolean;\n  ignoreNextScrollEvent: boolean;\n  lastScrollTop: number | null;\n  bufferMinHeight: number | null;\n}\n\nexport interface PortalAgentSplitViewProps extends TestIdProp {\n  /** The rendered agent chat panel (left side). */\n  children: ReactNode;\n  /** Content and visibility state for the right (page) panel. */\n  pagePanel: {\n    content: ReactNode;\n    visible: boolean;\n  };\n  /** Whether the agent (left) panel itself is visible. */\n  showAgentPanel: boolean;\n  /** Whether the agent panel is expanded to full width. */\n  agentExpanded?: boolean;\n  /** Persisted width for the agent panel as a CSS length or percentage. */\n  initialWidth?: string;\n  /** Callback fired when the user finishes resizing the agent panel. */\n  onResizeEnd?: (width: string) => void;\n}\n\nexport interface CoachLoadingContentProps {\n  message?: string;\n  markdownMap?: MDMap;\n  progressSteps?: string[];\n  progressStepsCompleted?: number;\n}\n"]}
+{"version":3,"file":"GenAICoach.types.js","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ReactNode, Ref, MouseEventHandler } from 'react';\n\nimport type {\n  BaseProps,\n  MenuItemProps,\n  MenuProps,\n  NoChildrenProp,\n  OmitStrict,\n  ProgressProps,\n  RequireAtLeastOne,\n  TestIdProp,\n  WithAttributes,\n  ActionsProps,\n  FileItemProps,\n  FileDisplayProps,\n  LightboxProps\n} from '@pega/cosmos-react-core';\nimport type { MDMap } from '@pega/cosmos-react-rte';\n\nexport interface AgentModeProps {\n  modes: MenuProps['items'];\n  onAgentModeChange: (id: MenuItemProps['id']) => void;\n}\n\nexport interface ModelSelectorProps {\n  options: MenuProps['items'];\n  onModelChange: (id: MenuItemProps['id']) => void;\n}\n\nexport interface CaseWorkflowStepProps {\n  id: string;\n  name: string;\n  completed?: boolean;\n}\n\nexport interface CaseWorkflowStageProps {\n  name: string;\n  id: string;\n  current?: boolean;\n  completed?: boolean;\n  currentStepId?: string;\n  steps?: CaseWorkflowStepProps[];\n}\n\nexport interface CaseWorkflowProps extends BaseProps, NoChildrenProp {\n  heading: string;\n  icon?: string | URL;\n  stages: CaseWorkflowStageProps[];\n  onHeadingClick: MouseEventHandler<HTMLButtonElement>;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport interface ActiveCaseItem {\n  id: string;\n  heading: string;\n  stages: CaseWorkflowStageProps[];\n  onHeadingClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport interface ActiveCasesProps extends BaseProps, NoChildrenProp {\n  activeCases: ActiveCaseItem[];\n  ref?: Ref<HTMLButtonElement>;\n}\n\nexport interface OptionItem {\n  key: string;\n  label: string;\n  displayLabel?: string;\n  selected?: boolean;\n}\n\nexport interface FormAnswer {\n  value: string[];\n  questionText: string;\n}\n\nexport interface Question {\n  field: string;\n  type: 'single' | 'multi';\n  questionText: string;\n  defaultInput?: string[] | string;\n  optionItems: OptionItem[];\n}\n\nexport interface QuestionnaireConfig {\n  questions: Question[];\n  inline?: boolean;\n}\n\nexport interface QuestionItemProps {\n  question: Question;\n  answer: FormAnswer;\n  onChange: (field: string, key: string, selected: boolean) => void;\n}\n\nexport interface QuestionnaireProps {\n  data: QuestionnaireConfig;\n  onChange: (answers: Record<string, FormAnswer>) => void;\n  onCancel: () => void;\n}\n\nexport type State = 'minimized' | 'maximized';\nexport type Reaction = 'liked' | 'disliked';\nexport type FeedbackPrompt = 'liked' | 'disliked' | 'both';\n\nexport type Variant =\n  | {\n      placement: 'utilities';\n      state: State;\n      onStateChange: (state: State) => void;\n    }\n  | { placement: 'fullpage' }\n  | { placement: 'dialog'; onClose: () => void };\n\nexport interface MessageProps {\n  id: string;\n  message?: string;\n  announceInteraction?: boolean;\n  simplifiedAgent?: boolean;\n  showSenderInfo?: boolean;\n  attachments?: FileDisplayProps[];\n  /**\n   * Whether the message is a suggestion from the composer\n   * @default false\n   */\n  fromComposer?: boolean;\n  /** Ref forwarded to the wrapping element. */\n  ref?: Ref<HTMLLIElement>;\n}\n\nexport type InitialSuggestedMessageProps = Pick<GenAICoachProps, 'onSend'> &\n  BaseProps &\n  TestIdProp &\n  MessageProps;\n\nexport interface UserMessageProps extends BaseProps, TestIdProp, MessageProps {\n  from: 'user';\n  userName?: string;\n}\n\nexport type ToolParameters = {\n  id: string;\n  label: string;\n  type: 'text' | 'number' | 'boolean';\n  value: string;\n  required: boolean;\n  readOnly: boolean;\n};\n\nexport interface Tool {\n  id: string;\n  name: string;\n  message: string;\n  decision: 'accept' | 'modify' | 'reject';\n  parameters: ToolParameters[];\n}\n\nexport interface ToolDetailsProps {\n  toolMessage: string;\n  isToolConfirmation: true;\n  tools: Tool[];\n  onSubmit?: (tools: Tool[]) => void;\n  onCancel?: () => void;\n  toolsConfirmed: boolean;\n}\n\nexport interface ToolCandidateDetailsProps {\n  loading?: boolean;\n  error?: string;\n  renderCandidatesTable?: () => ReactNode;\n}\n\nexport type CoachMessageProps = RequireAtLeastOne<\n  Partial<Pick<GenAICoachProps, 'onSend'>> &\n    BaseProps &\n    TestIdProp &\n    Pick<\n      MessageProps,\n      'id' | 'announceInteraction' | 'simplifiedAgent' | 'showSenderInfo' | 'ref'\n    > &\n    (\n      | ToolDetailsProps\n      | {\n          toolMessage?: never;\n          isToolConfirmation?: false;\n          tools?: never;\n          onSubmit?: never;\n          onCancel?: never;\n          toolsConfirmed?: never;\n        }\n    ) & {\n      from: 'coach';\n      coachName: string;\n      /** Indicates a synthetic coach message */\n      isCustom?: boolean;\n      suggestions?: (Pick<MessageProps, 'id' | 'message'> & { selected?: boolean })[];\n      loading?: boolean;\n      progressSteps?: string[];\n      progressStepsCompleted?: number;\n      enableStreaming?: boolean;\n      allChunksReceived?: boolean;\n      error?: string;\n      message?: ReactNode;\n      messageActions?: ActionsProps;\n      markdownMap?: MDMap;\n      onStreamingUpdate?: (isStreamingDone: boolean) => void;\n      feedback?: {\n        reaction: Reaction | undefined;\n        feedbackText?: string;\n        onReaction: (id: MessageProps['id'], reaction: Reaction | undefined) => void;\n        onFeedbackComplete: (id: MessageProps['id'], comment?: string) => void;\n        promptFeedbackOn?: FeedbackPrompt;\n        allowFeedbackResubmission?: boolean;\n      };\n      toolCandidates?: {\n        toolState: ToolCandidateDetailsProps;\n        onViewToolsConsidered: (id: MessageProps['id']) => void;\n      };\n      onAnimationCursorUpdate?: (animatedTillCursor: number) => void;\n      animationInitialCursorPos?: number;\n    },\n  'loading' | 'message' | 'error'\n>;\n\nexport interface CaseDetails {\n  /** Unique case identifier */\n  id: string;\n  /** Case type identifier */\n  type: string;\n  /** Human-readable label */\n  label?: string;\n}\n\nexport interface SystemMessageProps\n  extends TestIdProp,\n    Pick<MessageProps, 'id' | 'message' | 'ref' | 'announceInteraction' | 'simplifiedAgent'> {\n  from: 'system';\n  loading?: boolean;\n  /** Present when this system message represents a case creation event. */\n  caseInfo?: CaseDetails;\n  /** When true, renders this system message as a \"Response stopped\" indicator. */\n  stopped?: boolean;\n}\n\nexport type GenAIMessageProps = UserMessageProps | CoachMessageProps | SystemMessageProps;\n\nexport interface ConversationHistoryProps extends TestIdProp {\n  /** List of History items. */\n  data: {\n    id: string;\n    section: string;\n    conversations: {\n      id: string;\n      title: string;\n    }[];\n  }[];\n  /** Click event for items within the list. */\n  onItemClick?: (conversationId: string) => void;\n  /** List loading state. */\n  loading?: boolean;\n  /** Called at scroll trigger to load more items. */\n  loadMore?: () => void;\n  /** True if History view is rendered in Full page view.  */\n  inFullPage?: boolean;\n  /** Callback triggered when closing the history view. */\n  onDismiss: () => void;\n  /** Id of the selected item. */\n  selectedItemId?: string;\n  /** Set if there is an error in retreiving the data. */\n  error?: string;\n  /** Ref forwarded to the wrapping element. */\n  ref?: Ref<HTMLUListElement>;\n}\n\nexport type SendMessageProps = OmitStrict<MessageProps, 'attachments'> & {\n  attachmentIds?: string[];\n  tools?: Tool[];\n  toolMessage?: string;\n  formAnswers?: Record<string, FormAnswer>;\n};\n\nexport type GenAICoachProps = WithAttributes<\n  'div',\n  TestIdProp & {\n    /** Chat loading indicator */\n    loading?: boolean | ProgressProps['message'];\n    /** Set if there is an error in retreiving the data */\n    error?: string;\n    /** Coaches available in the chat header */\n    coachOptions: MenuProps['items'];\n    /** Handle the coach selections */\n    onCoachChange: (id: MenuProps['id']) => void;\n    /** Suggested messages to start the conversation */\n    initialSuggestedMessages?: MessageProps[];\n    /** Additional suggestions presented at the bottom of the chat window */\n    suggestions?: MenuProps['items'];\n    /** Send prompts */\n    onSend: (message: SendMessageProps) => void;\n\n    stopProcess?: () => void;\n    /** Messages to be shown in the chatting window. */\n    messages?: GenAIMessageProps[];\n    /** Placement of the component   */\n    variant: Variant;\n    /** From landing page utilities */\n    isInLandingPageUtilities?: boolean;\n    /** Callback when component is mounted. */\n    onOpen?: () => void;\n    /**\n     * User would be guided with selective prompts to enable interaction with coach.\n     * @default false\n     */\n    guidedMode?: boolean;\n    /** Pass an array of Action objects to show Action button. */\n    actions?: ActionsProps;\n    /** Callback to start a new chat. */\n    onNewChat?: () => void;\n    /** Pass data to show history view. */\n    conversationHistory?: ConversationHistoryProps;\n    /** Callback triggered when the layout component changes. */\n    onLayoutChange?: (inFullPage: boolean) => void;\n    /** Callback when attachment icon is clicked */\n    onAddAttachment?: (files: File[]) => void;\n    /** Attachments list */\n    attachments?: FileItemProps[];\n    /** Error in attachments */\n    attachmentsError?: string;\n    /** Inline error shown on the composer textarea (e.g. when conversation creation fails) */\n    conversationError?: string;\n    /** Configuration for the Lightbox component that handles preview of media attachments and files */\n    lightboxPreviewProps?: LightboxProps;\n    /** Enable full screen */\n    allowFullScreen?: boolean;\n    /** Enable voice to text */\n    voiceToTextProps?: {\n      enableDictation: boolean;\n      langCode: string;\n    };\n    /** Agent mode selector shown in the composer toolbar. Hidden when not provided. */\n    agentModeProps?: AgentModeProps;\n    /** Model selector shown in the composer toolbar. Hidden when not provided. */\n    modelSelectorProps?: ModelSelectorProps;\n    /** Show welcome state */\n    showSalutation?: boolean;\n    /** Salutation message */\n    salutation?: string;\n    /** Whether the agent is a portal agent */\n    isPortalAgent?: boolean;\n    /** Props for an optional case workflow banner rendered at the top of the chat area */\n    caseWorkflow?: OmitStrict<CaseWorkflowProps, 'ref'>;\n    /** Props for showing active cases in conversation */\n    activeCases?: ActiveCasesProps['activeCases'];\n    /** Page panel configuration */\n    pagePanel?: {\n      /** The page-content node rendered in the right panel. */\n      content: ReactNode;\n      /** Whether the right panel is currently visible. */\n      visible: boolean;\n    };\n    /** Renders suggestion card */\n    suggestionCardsView?: ReactNode;\n    /** When set, pre-populates the textarea with the given text without sending. */\n    draftMessage?: string;\n    /** Callback triggered when the user clicks the stop button while a response is being generated. */\n    onStop?: () => void;\n    /** When true, indicates that a conversation is being created. */\n    isCreatingConversation?: boolean;\n    /** Data for the questionnaireProvided questionnaire shown above the composer */\n    questionnaireData?: QuestionnaireConfig;\n    /** Called when the user dismisses the questionnaire without submitting. */\n    onQuestionnaireDismiss?: () => void;\n    /**\n     * Renders a simplified agent view.\n     * @default false\n     */\n    simplifiedAgent?: boolean;\n    /** Supporting text shown below the heading */\n    subHeading?: string;\n    /** Display name of the operator/user */\n    operatorName?: string;\n  }\n>;\n\nexport interface MessageFeedbackProps {\n  messageId: MessageProps['id'];\n  feedback: CoachMessageProps['feedback'];\n}\n\nexport interface UtilitiesGenAICoachProps extends OmitStrict<GenAICoachProps, 'variant'> {\n  onClose?: () => void;\n}\n\nexport interface GenAICoachScrollState {\n  userAtBottom: boolean;\n  isStreamingActive: boolean;\n  smoothScrollOnEnd: boolean;\n  initialBufferApplied: boolean;\n  ignoreNextScrollEvent: boolean;\n  lastScrollTop: number | null;\n  bufferMinHeight: number | null;\n}\n\nexport interface PortalAgentSplitViewProps extends TestIdProp {\n  /** The rendered agent chat panel (left side). */\n  children: ReactNode;\n  /** Content and visibility state for the right (page) panel. */\n  pagePanel: {\n    content: ReactNode;\n    visible: boolean;\n  };\n  /** Whether the agent (left) panel itself is visible. */\n  showAgentPanel: boolean;\n  /** Whether the agent panel is expanded to full width. */\n  agentExpanded?: boolean;\n  /** Persisted width for the agent panel as a CSS length or percentage. */\n  initialWidth?: string;\n  /** Callback fired when the user finishes resizing the agent panel. */\n  onResizeEnd?: (width: string) => void;\n}\n\nexport interface CoachLoadingContentProps {\n  message?: string;\n  markdownMap?: MDMap;\n  progressSteps?: string[];\n  progressStepsCompleted?: number;\n}\n"]}

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

@@ -1,6 +1,6 @@
 export { default, AgentIcon } from './GenAICoach';
 export { default as PortalAgentSplitView } from './PortalAgentSplitView';
-export type { GenAICoachProps, GenAIMessageProps, UserMessageProps, CoachMessageProps, MessageProps, UtilitiesGenAICoachProps, SendMessageProps, State, ActiveCaseItem, CaseWorkflowProps, CaseWorkflowStageProps, CaseDetails, QuestionnaireConfig } from './GenAICoach.types';
+export type { GenAICoachProps, GenAIMessageProps, UserMessageProps, CoachMessageProps, MessageProps, UtilitiesGenAICoachProps, SendMessageProps, State, ActiveCaseItem, CaseWorkflowProps, CaseWorkflowStageProps, CaseDetails, QuestionnaireConfig, AgentModeProps, ModelSelectorProps } from './GenAICoach.types';
 export { default as GenAIMessage, StreamingContext } from './GenAIMessage';
 export { default as InitialSuggestedMessage } from './InitialSuggestedMessage';
 export { isUserMessage, isCoachMessage } from './GenAICoach.utils';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/GenAICoach/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,YAAY,EACV,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,EACZ,wBAAwB,EACxB,gBAAgB,EAChB,KAAK,EACL,cAAc,EACd,iBAAiB,EACjB,sBAAsB,EACtB,WAAW,EACX,mBAAmB,EACpB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/GenAICoach/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,YAAY,EACV,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,EACZ,wBAAwB,EACxB,gBAAgB,EAChB,KAAK,EACL,cAAc,EACd,iBAAiB,EACjB,sBAAsB,EACtB,WAAW,EACX,mBAAmB,EACnB,cAAc,EACd,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/GenAICoach/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAgBzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC","sourcesContent":["export { default, AgentIcon } from './GenAICoach';\nexport { default as PortalAgentSplitView } from './PortalAgentSplitView';\nexport type {\n  GenAICoachProps,\n  GenAIMessageProps,\n  UserMessageProps,\n  CoachMessageProps,\n  MessageProps,\n  UtilitiesGenAICoachProps,\n  SendMessageProps,\n  State,\n  ActiveCaseItem,\n  CaseWorkflowProps,\n  CaseWorkflowStageProps,\n  CaseDetails,\n  QuestionnaireConfig\n} from './GenAICoach.types';\nexport { default as GenAIMessage, StreamingContext } from './GenAIMessage';\nexport { default as InitialSuggestedMessage } from './InitialSuggestedMessage';\nexport { isUserMessage, isCoachMessage } from './GenAICoach.utils';\nexport { AISuggestedBadge } from './GenAICoach';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/GenAICoach/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAkBzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC","sourcesContent":["export { default, AgentIcon } from './GenAICoach';\nexport { default as PortalAgentSplitView } from './PortalAgentSplitView';\nexport type {\n  GenAICoachProps,\n  GenAIMessageProps,\n  UserMessageProps,\n  CoachMessageProps,\n  MessageProps,\n  UtilitiesGenAICoachProps,\n  SendMessageProps,\n  State,\n  ActiveCaseItem,\n  CaseWorkflowProps,\n  CaseWorkflowStageProps,\n  CaseDetails,\n  QuestionnaireConfig,\n  AgentModeProps,\n  ModelSelectorProps\n} from './GenAICoach.types';\nexport { default as GenAIMessage, StreamingContext } from './GenAIMessage';\nexport { default as InitialSuggestedMessage } from './InitialSuggestedMessage';\nexport { isUserMessage, isCoachMessage } from './GenAICoach.utils';\nexport { AISuggestedBadge } from './GenAICoach';\n"]}

package/lib/components/Shortcuts/Shortcuts.d.ts

@@ -1,7 +1,7 @@
 import type { PropsWithoutRef } from 'react';
 import type { ShortcutsProps } from './Shortcuts.types';
 declare const _default: import("react").ForwardRefExoticComponent<PropsWithoutRef<ShortcutsProps> & import("react").RefAttributes<HTMLDivElement>> & {
-    getTestIds: (testIdProp?: import("@pega/cosmos-react-core").TestIdProp["testId"]) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["list", "emptyState", "categorySection", "categoryHeading"]>;
+    getTestIds: (testIdProp?: import("@pega/cosmos-react-core").TestIdProp["testId"]) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["list", "empty-state", "category-section", "category-heading", "show-more-less"]>;
 };
 export default _default;
 //# sourceMappingURL=Shortcuts.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Shortcuts.d.ts","sourceRoot":"","sources":["../../../src/components/Shortcuts/Shortcuts.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,eAAe,EAAE,MAAM,OAAO,CAAC;AAwBxD,OAAO,KAAK,EAAE,cAAc,EAAgB,MAAM,mBAAmB,CAAC;;;;AAmOtE,wBAA2D"}
+{"version":3,"file":"Shortcuts.d.ts","sourceRoot":"","sources":["../../../src/components/Shortcuts/Shortcuts.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,eAAe,EAAE,MAAM,OAAO,CAAC;AA0BxD,OAAO,KAAK,EAAE,cAAc,EAAgB,MAAM,mBAAmB,CAAC;;;;AAuPtE,wBAA2D"}

package/lib/components/Shortcuts/Shortcuts.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef, forwardRef, useState } from 'react';
-import { calculateForegroundColor, Card, CardContent, CardHeader, EmptyState, Flex, Text, VisuallyHiddenText, readableColor, registerIcon, isSolidColor, useArrows, useI18n, usePrevious, useTestIds, useTheme, createClassName, withTestIds } from '@pega/cosmos-react-core';
+import { calculateForegroundColor, Button, Card, CardContent, CardFooter, CardHeader, EmptyState, Flex, Text, VisuallyHiddenText, readableColor, registerIcon, isSolidColor, useArrows, useI18n, usePrevious, useTestIds, useTheme, createClassName, withTestIds } from '@pega/cosmos-react-core';
 import * as openNewTabIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/open.icon';
 import { StyledExternalIcon, StyledLabelRow, StyledShortcutsCard, StyledShortcutsCardButton, StyledShortcutsCardsContainer, StyledShortcutsCardsWrapper, StyledShortcutsCategoriesContainer, StyledShortcutsCategoryHeading, StyledShortcutsCardIcon, StyledShortcutImageContainer, StyledShortcutImg, StyledSubtitleText, StyledText, StyledTextContent, StyledCardContentWrapper } from './Shortcuts.styles';
 import { getShortcutsTestIds } from './Shortcuts.test-ids';
@@ -36,7 +36,7 @@ const CardItem = ({ item, variant }) => {
     const visual = showImage ? (_jsx(Flex, { container: { alignItems: 'center', justify: 'center' }, as: StyledShortcutImageContainer, children: _jsx(StyledShortcutImg, { src: image, alt: item.label, onError: () => setIsBrokenImage(true), onLoad: () => setIsBrokenImage(false) }) })) : (iconVisual);
     return (_jsx(StyledShortcutsCard, { className: cardClassName, children: _jsx(StyledShortcutsCardButton, { variant: 'link', layoutVariant: variant, ...itemLinkProps(item), children: _jsxs(StyledCardContentWrapper, { layoutVariant: variant, hasDescription: !!description, children: [visual, _jsxs(Flex, { container: { direction: 'column', gap: 0.5 }, as: StyledTextContent, layoutVariant: variant, children: [_jsxs(StyledLabelRow, { children: [_jsx(StyledText, { children: item.label }), item.type === 'external' && _jsx(StyledExternalIcon, { name: 'open' })] }), description && (_jsx(StyledSubtitleText, { variant: 'secondary', forwardedAs: 'p', children: description }))] })] }) }) }));
 };
-const Shortcuts = forwardRef(function Shortcuts({ heading, className, items = [], categories, showHeader = true, variant = 'inline', testId, ...restProps }, ref) {
+const Shortcuts = forwardRef(function Shortcuts({ heading, className, items = [], categories, showHeader = true, variant = 'inline', count, onExpandToggle, testId, ...restProps }, ref) {
     const t = useI18n();
     const testIds = useTestIds(testId, getShortcutsTestIds);
     const rootClassName = createClassName('shortcuts', className);
@@ -44,8 +44,13 @@ const Shortcuts = forwardRef(function Shortcuts({ heading, className, items = []
     const categoriesContainerRef = useRef(null);
     useArrows(flatListRef, { dir: 'both', cycle: true });
     useArrows(categoriesContainerRef, { dir: 'both', cycle: true });
+    const renderedItemCount = categories
+        ? categories.reduce((total, cat) => total + cat.items.length, 0)
+        : items.length;
+    const hasMore = count !== undefined && count > renderedItemCount;
+    const expandToggle = onExpandToggle && count !== undefined ? (_jsx(Button, { "data-testid": testIds.showMoreLess, variant: showHeader ? 'link' : 'simple', onClick: onExpandToggle, children: t(hasMore ? 'show_more' : 'show_less') })) : null;
     const emptyState = _jsx(EmptyState, { message: t('no_items'), "data-testid": testIds.emptyState });
-    const withCardShell = (content) => (_jsxs(Card, { ...restProps, className: rootClassName, "data-testid": testIds.root, ref: ref, children: [_jsx(CardHeader, { children: _jsx(Text, { variant: 'h2', children: heading ?? t('shortcuts') }) }), _jsx(CardContent, { children: content })] }));
+    const withCardShell = (content) => (_jsxs(Card, { ...restProps, className: rootClassName, "data-testid": testIds.root, ref: ref, children: [_jsx(CardHeader, { children: _jsx(Text, { variant: 'h2', children: heading ?? t('shortcuts') }) }), _jsx(CardContent, { children: content }), expandToggle && _jsx(CardFooter, { justify: 'center', children: expandToggle })] }));
     if (categories) {
         const visibleCategories = categories.filter(cat => cat.items.length > 0);
         const categorySections = (_jsx(StyledShortcutsCategoriesContainer, { ref: categoriesContainerRef, children: visibleCategories.map(cat => (_jsxs(Flex, { container: { direction: 'column' }, "aria-labelledby": `cat-${cat.id}`, "data-testid": testIds.categorySection, as: 'section', children: [_jsx(StyledShortcutsCategoryHeading, { id: `cat-${cat.id}`, "data-testid": testIds.categoryHeading, variant: 'h3', children: cat.label }), _jsx(StyledShortcutsCardsContainer, { role: 'list', "aria-label": cat.label, itemCount: cat.items.length, children: cat.items.map(item => (_jsx(CardItem, { item: item, variant: variant }, item.id))) })] }, cat.id))) }));
@@ -55,7 +60,7 @@ const Shortcuts = forwardRef(function Shortcuts({ heading, className, items = []
     if (!showHeader) {
         if (items.length === 0)
             return null;
-        return (_jsxs("div", { className: rootClassName, "data-testid": testIds.root, ...restProps, ref: ref, children: [_jsx(VisuallyHiddenText, { children: heading ?? t('shortcuts') }), cardGrid] }));
+        return (_jsxs("div", { className: rootClassName, "data-testid": testIds.root, ...restProps, ref: ref, children: [_jsx(VisuallyHiddenText, { children: heading ?? t('shortcuts') }), cardGrid, expandToggle && _jsx(Flex, { container: { justify: 'center' }, children: expandToggle })] }));
     }
     return withCardShell(items.length === 0 ? emptyState : cardGrid);
 });

package/lib/components/Shortcuts/Shortcuts.js.map

@@ -1 +1 @@
-{"version":3,"file":"Shortcuts.js","sourceRoot":"","sources":["../../../src/components/Shortcuts/Shortcuts.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useRef, forwardRef, useState } from 'react';\nimport type { ReactNode, PropsWithoutRef } from 'react';\n\nimport {\n  calculateForegroundColor,\n  Card,\n  CardContent,\n  CardHeader,\n  EmptyState,\n  Flex,\n  Text,\n  VisuallyHiddenText,\n  readableColor,\n  registerIcon,\n  isSolidColor,\n  useArrows,\n  useI18n,\n  usePrevious,\n  useTestIds,\n  useTheme,\n  createClassName,\n  withTestIds\n} from '@pega/cosmos-react-core';\nimport * as openNewTabIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/open.icon';\n\nimport type { ShortcutsProps, ShortcutItem } from './Shortcuts.types';\nimport {\n  StyledExternalIcon,\n  StyledLabelRow,\n  StyledShortcutsCard,\n  StyledShortcutsCardButton,\n  StyledShortcutsCardsContainer,\n  StyledShortcutsCardsWrapper,\n  StyledShortcutsCategoriesContainer,\n  StyledShortcutsCategoryHeading,\n  StyledShortcutsCardIcon,\n  StyledShortcutImageContainer,\n  StyledShortcutImg,\n  StyledSubtitleText,\n  StyledText,\n  StyledTextContent,\n  StyledCardContentWrapper\n} from './Shortcuts.styles';\nimport { getShortcutsTestIds } from './Shortcuts.test-ids';\n\nregisterIcon(openNewTabIcon);\n\nconst itemLinkProps = (\n  item: ShortcutItem\n): {\n  href?: string;\n  target?: string;\n  rel?: string;\n  onClick?: () => void;\n} => {\n  if (item.type === 'external') {\n    return { href: item.href, target: '_blank', rel: 'noopener noreferrer' };\n  }\n\n  return { onClick: item.onClick };\n};\n\nconst CardItem = ({ item, variant }: { item: ShortcutItem; variant: 'stacked' | 'inline' }) => {\n  const {\n    components: {\n      card,\n      shortcuts: {\n        icon: { background: configuredIconBackground, foreground: configuredIconForeground }\n      }\n    }\n  } = useTheme();\n\n  const cardClassName = createClassName('shortcuts-card', item.className);\n\n  const isLink = item.type === 'external';\n  const image = isLink ? item.image : undefined;\n  const description = isLink ? item.description : undefined;\n\n  const [isBrokenImage, setIsBrokenImage] = useState(false);\n  const prevImage = usePrevious(image);\n\n  const iconBackground = configuredIconBackground;\n  const withIconBackground = Boolean(isSolidColor(iconBackground));\n\n  const cardForeground = calculateForegroundColor(card.background, card['foreground-color']);\n  let iconForeground = configuredIconForeground;\n\n  if (configuredIconForeground === 'auto') {\n    iconForeground = withIconBackground\n      ? readableColor(iconBackground, { mode: 'light', level: 'AANonText' })\n      : cardForeground;\n  }\n\n  const showImage = Boolean(image) && !(isBrokenImage && image === prevImage);\n\n  const commonIconProps = {\n    name: item.icon\n  };\n\n  const iconVisual = withIconBackground ? (\n    <StyledShortcutsCardIcon\n      {...commonIconProps}\n      background={iconBackground}\n      foreground={iconForeground}\n    />\n  ) : (\n    <StyledShortcutsCardIcon {...commonIconProps} iconColor={iconForeground} size='m' />\n  );\n\n  const visual = showImage ? (\n    <Flex container={{ alignItems: 'center', justify: 'center' }} as={StyledShortcutImageContainer}>\n      <StyledShortcutImg\n        src={image}\n        alt={item.label}\n        onError={() => setIsBrokenImage(true)}\n        onLoad={() => setIsBrokenImage(false)}\n      />\n    </Flex>\n  ) : (\n    iconVisual\n  );\n\n  return (\n    <StyledShortcutsCard className={cardClassName}>\n      <StyledShortcutsCardButton variant='link' layoutVariant={variant} {...itemLinkProps(item)}>\n        <StyledCardContentWrapper layoutVariant={variant} hasDescription={!!description}>\n          {visual}\n          <Flex\n            container={{ direction: 'column', gap: 0.5 }}\n            as={StyledTextContent}\n            layoutVariant={variant}\n          >\n            <StyledLabelRow>\n              <StyledText>{item.label}</StyledText>\n              {item.type === 'external' && <StyledExternalIcon name='open' />}\n            </StyledLabelRow>\n\n            {description && (\n              <StyledSubtitleText variant='secondary' forwardedAs='p'>\n                {description}\n              </StyledSubtitleText>\n            )}\n          </Flex>\n        </StyledCardContentWrapper>\n      </StyledShortcutsCardButton>\n    </StyledShortcutsCard>\n  );\n};\n\nconst Shortcuts = forwardRef(function Shortcuts(\n  {\n    heading,\n    className,\n    items = [],\n    categories,\n    showHeader = true,\n    variant = 'inline',\n    testId,\n    ...restProps\n  }: PropsWithoutRef<ShortcutsProps>,\n  ref: ShortcutsProps['ref']\n) {\n  const t = useI18n();\n  const testIds = useTestIds(testId, getShortcutsTestIds);\n\n  const rootClassName = createClassName('shortcuts', className);\n\n  const flatListRef = useRef<HTMLUListElement>(null);\n  const categoriesContainerRef = useRef<HTMLDivElement>(null);\n\n  useArrows(flatListRef, { dir: 'both', cycle: true });\n  useArrows(categoriesContainerRef, { dir: 'both', cycle: true });\n\n  const emptyState = <EmptyState message={t('no_items')} data-testid={testIds.emptyState} />;\n\n  const withCardShell = (content: ReactNode) => (\n    <Card {...restProps} className={rootClassName} data-testid={testIds.root} ref={ref}>\n      <CardHeader>\n        <Text variant='h2'>{heading ?? t('shortcuts')}</Text>\n      </CardHeader>\n      <CardContent>{content}</CardContent>\n    </Card>\n  );\n\n  if (categories) {\n    const visibleCategories = categories.filter(cat => cat.items.length > 0);\n\n    const categorySections = (\n      <StyledShortcutsCategoriesContainer ref={categoriesContainerRef}>\n        {visibleCategories.map(cat => (\n          <Flex\n            container={{ direction: 'column' }}\n            key={cat.id}\n            aria-labelledby={`cat-${cat.id}`}\n            data-testid={testIds.categorySection}\n            as='section'\n          >\n            <StyledShortcutsCategoryHeading\n              id={`cat-${cat.id}`}\n              data-testid={testIds.categoryHeading}\n              variant='h3'\n            >\n              {cat.label}\n            </StyledShortcutsCategoryHeading>\n\n            <StyledShortcutsCardsContainer\n              role='list'\n              aria-label={cat.label}\n              itemCount={cat.items.length}\n            >\n              {cat.items.map(item => (\n                <CardItem key={item.id} item={item} variant={variant} />\n              ))}\n            </StyledShortcutsCardsContainer>\n          </Flex>\n        ))}\n      </StyledShortcutsCategoriesContainer>\n    );\n\n    return withCardShell(visibleCategories.length === 0 ? emptyState : categorySections);\n  }\n\n  const cardGrid = (\n    <StyledShortcutsCardsWrapper>\n      <StyledShortcutsCardsContainer\n        ref={flatListRef}\n        role='list'\n        data-testid={testIds.list}\n        aria-label={heading ?? t('shortcuts')}\n        itemCount={items.length}\n      >\n        {items.map(item => (\n          <CardItem key={item.id} item={item} variant={variant} />\n        ))}\n      </StyledShortcutsCardsContainer>\n    </StyledShortcutsCardsWrapper>\n  );\n\n  if (!showHeader) {\n    if (items.length === 0) return null;\n\n    return (\n      <div className={rootClassName} data-testid={testIds.root} {...restProps} ref={ref}>\n        <VisuallyHiddenText>{heading ?? t('shortcuts')}</VisuallyHiddenText>\n        {cardGrid}\n      </div>\n    );\n  }\n\n  return withCardShell(items.length === 0 ? emptyState : cardGrid);\n});\n\nexport default withTestIds(Shortcuts, getShortcutsTestIds);\n"]}
+{"version":3,"file":"Shortcuts.js","sourceRoot":"","sources":["../../../src/components/Shortcuts/Shortcuts.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useRef, forwardRef, useState } from 'react';\nimport type { ReactNode, PropsWithoutRef } from 'react';\n\nimport {\n  calculateForegroundColor,\n  Button,\n  Card,\n  CardContent,\n  CardFooter,\n  CardHeader,\n  EmptyState,\n  Flex,\n  Text,\n  VisuallyHiddenText,\n  readableColor,\n  registerIcon,\n  isSolidColor,\n  useArrows,\n  useI18n,\n  usePrevious,\n  useTestIds,\n  useTheme,\n  createClassName,\n  withTestIds\n} from '@pega/cosmos-react-core';\nimport * as openNewTabIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/open.icon';\n\nimport type { ShortcutsProps, ShortcutItem } from './Shortcuts.types';\nimport {\n  StyledExternalIcon,\n  StyledLabelRow,\n  StyledShortcutsCard,\n  StyledShortcutsCardButton,\n  StyledShortcutsCardsContainer,\n  StyledShortcutsCardsWrapper,\n  StyledShortcutsCategoriesContainer,\n  StyledShortcutsCategoryHeading,\n  StyledShortcutsCardIcon,\n  StyledShortcutImageContainer,\n  StyledShortcutImg,\n  StyledSubtitleText,\n  StyledText,\n  StyledTextContent,\n  StyledCardContentWrapper\n} from './Shortcuts.styles';\nimport { getShortcutsTestIds } from './Shortcuts.test-ids';\n\nregisterIcon(openNewTabIcon);\n\nconst itemLinkProps = (\n  item: ShortcutItem\n): {\n  href?: string;\n  target?: string;\n  rel?: string;\n  onClick?: () => void;\n} => {\n  if (item.type === 'external') {\n    return { href: item.href, target: '_blank', rel: 'noopener noreferrer' };\n  }\n\n  return { onClick: item.onClick };\n};\n\nconst CardItem = ({ item, variant }: { item: ShortcutItem; variant: 'stacked' | 'inline' }) => {\n  const {\n    components: {\n      card,\n      shortcuts: {\n        icon: { background: configuredIconBackground, foreground: configuredIconForeground }\n      }\n    }\n  } = useTheme();\n\n  const cardClassName = createClassName('shortcuts-card', item.className);\n\n  const isLink = item.type === 'external';\n  const image = isLink ? item.image : undefined;\n  const description = isLink ? item.description : undefined;\n\n  const [isBrokenImage, setIsBrokenImage] = useState(false);\n  const prevImage = usePrevious(image);\n\n  const iconBackground = configuredIconBackground;\n  const withIconBackground = Boolean(isSolidColor(iconBackground));\n\n  const cardForeground = calculateForegroundColor(card.background, card['foreground-color']);\n  let iconForeground = configuredIconForeground;\n\n  if (configuredIconForeground === 'auto') {\n    iconForeground = withIconBackground\n      ? readableColor(iconBackground, { mode: 'light', level: 'AANonText' })\n      : cardForeground;\n  }\n\n  const showImage = Boolean(image) && !(isBrokenImage && image === prevImage);\n\n  const commonIconProps = {\n    name: item.icon\n  };\n\n  const iconVisual = withIconBackground ? (\n    <StyledShortcutsCardIcon\n      {...commonIconProps}\n      background={iconBackground}\n      foreground={iconForeground}\n    />\n  ) : (\n    <StyledShortcutsCardIcon {...commonIconProps} iconColor={iconForeground} size='m' />\n  );\n\n  const visual = showImage ? (\n    <Flex container={{ alignItems: 'center', justify: 'center' }} as={StyledShortcutImageContainer}>\n      <StyledShortcutImg\n        src={image}\n        alt={item.label}\n        onError={() => setIsBrokenImage(true)}\n        onLoad={() => setIsBrokenImage(false)}\n      />\n    </Flex>\n  ) : (\n    iconVisual\n  );\n\n  return (\n    <StyledShortcutsCard className={cardClassName}>\n      <StyledShortcutsCardButton variant='link' layoutVariant={variant} {...itemLinkProps(item)}>\n        <StyledCardContentWrapper layoutVariant={variant} hasDescription={!!description}>\n          {visual}\n          <Flex\n            container={{ direction: 'column', gap: 0.5 }}\n            as={StyledTextContent}\n            layoutVariant={variant}\n          >\n            <StyledLabelRow>\n              <StyledText>{item.label}</StyledText>\n              {item.type === 'external' && <StyledExternalIcon name='open' />}\n            </StyledLabelRow>\n\n            {description && (\n              <StyledSubtitleText variant='secondary' forwardedAs='p'>\n                {description}\n              </StyledSubtitleText>\n            )}\n          </Flex>\n        </StyledCardContentWrapper>\n      </StyledShortcutsCardButton>\n    </StyledShortcutsCard>\n  );\n};\n\nconst Shortcuts = forwardRef(function Shortcuts(\n  {\n    heading,\n    className,\n    items = [],\n    categories,\n    showHeader = true,\n    variant = 'inline',\n    count,\n    onExpandToggle,\n    testId,\n    ...restProps\n  }: PropsWithoutRef<ShortcutsProps>,\n  ref: ShortcutsProps['ref']\n) {\n  const t = useI18n();\n  const testIds = useTestIds(testId, getShortcutsTestIds);\n\n  const rootClassName = createClassName('shortcuts', className);\n\n  const flatListRef = useRef<HTMLUListElement>(null);\n  const categoriesContainerRef = useRef<HTMLDivElement>(null);\n\n  useArrows(flatListRef, { dir: 'both', cycle: true });\n  useArrows(categoriesContainerRef, { dir: 'both', cycle: true });\n\n  const renderedItemCount = categories\n    ? categories.reduce((total, cat) => total + cat.items.length, 0)\n    : items.length;\n  const hasMore = count !== undefined && count > renderedItemCount;\n\n  const expandToggle =\n    onExpandToggle && count !== undefined ? (\n      <Button\n        data-testid={testIds.showMoreLess}\n        variant={showHeader ? 'link' : 'simple'}\n        onClick={onExpandToggle}\n      >\n        {t(hasMore ? 'show_more' : 'show_less')}\n      </Button>\n    ) : null;\n\n  const emptyState = <EmptyState message={t('no_items')} data-testid={testIds.emptyState} />;\n\n  const withCardShell = (content: ReactNode) => (\n    <Card {...restProps} className={rootClassName} data-testid={testIds.root} ref={ref}>\n      <CardHeader>\n        <Text variant='h2'>{heading ?? t('shortcuts')}</Text>\n      </CardHeader>\n      <CardContent>{content}</CardContent>\n      {expandToggle && <CardFooter justify='center'>{expandToggle}</CardFooter>}\n    </Card>\n  );\n\n  if (categories) {\n    const visibleCategories = categories.filter(cat => cat.items.length > 0);\n\n    const categorySections = (\n      <StyledShortcutsCategoriesContainer ref={categoriesContainerRef}>\n        {visibleCategories.map(cat => (\n          <Flex\n            container={{ direction: 'column' }}\n            key={cat.id}\n            aria-labelledby={`cat-${cat.id}`}\n            data-testid={testIds.categorySection}\n            as='section'\n          >\n            <StyledShortcutsCategoryHeading\n              id={`cat-${cat.id}`}\n              data-testid={testIds.categoryHeading}\n              variant='h3'\n            >\n              {cat.label}\n            </StyledShortcutsCategoryHeading>\n\n            <StyledShortcutsCardsContainer\n              role='list'\n              aria-label={cat.label}\n              itemCount={cat.items.length}\n            >\n              {cat.items.map(item => (\n                <CardItem key={item.id} item={item} variant={variant} />\n              ))}\n            </StyledShortcutsCardsContainer>\n          </Flex>\n        ))}\n      </StyledShortcutsCategoriesContainer>\n    );\n\n    return withCardShell(visibleCategories.length === 0 ? emptyState : categorySections);\n  }\n\n  const cardGrid = (\n    <StyledShortcutsCardsWrapper>\n      <StyledShortcutsCardsContainer\n        ref={flatListRef}\n        role='list'\n        data-testid={testIds.list}\n        aria-label={heading ?? t('shortcuts')}\n        itemCount={items.length}\n      >\n        {items.map(item => (\n          <CardItem key={item.id} item={item} variant={variant} />\n        ))}\n      </StyledShortcutsCardsContainer>\n    </StyledShortcutsCardsWrapper>\n  );\n\n  if (!showHeader) {\n    if (items.length === 0) return null;\n\n    return (\n      <div className={rootClassName} data-testid={testIds.root} {...restProps} ref={ref}>\n        <VisuallyHiddenText>{heading ?? t('shortcuts')}</VisuallyHiddenText>\n        {cardGrid}\n        {expandToggle && <Flex container={{ justify: 'center' }}>{expandToggle}</Flex>}\n      </div>\n    );\n  }\n\n  return withCardShell(items.length === 0 ? emptyState : cardGrid);\n});\n\nexport default withTestIds(Shortcuts, getShortcutsTestIds);\n"]}

package/lib/components/Shortcuts/Shortcuts.test-ids.d.ts

@@ -1,2 +1,2 @@
-export declare const getShortcutsTestIds: (testIdProp?: import("@pega/cosmos-react-core").TestIdProp["testId"]) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["list", "emptyState", "categorySection", "categoryHeading"]>;
+export declare const getShortcutsTestIds: (testIdProp?: import("@pega/cosmos-react-core").TestIdProp["testId"]) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["list", "empty-state", "category-section", "category-heading", "show-more-less"]>;
 //# sourceMappingURL=Shortcuts.test-ids.d.ts.map

package/lib/components/Shortcuts/Shortcuts.test-ids.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Shortcuts.test-ids.d.ts","sourceRoot":"","sources":["../../../src/components/Shortcuts/Shortcuts.test-ids.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,iMAKrB,CAAC"}
+{"version":3,"file":"Shortcuts.test-ids.d.ts","sourceRoot":"","sources":["../../../src/components/Shortcuts/Shortcuts.test-ids.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,sNAMrB,CAAC"}

package/lib/components/Shortcuts/Shortcuts.test-ids.js

@@ -1,8 +1,9 @@
 import { createTestIds } from '@pega/cosmos-react-core';
 export const getShortcutsTestIds = createTestIds('shortcuts', [
     'list',
-    'emptyState',
-    'categorySection',
-    'categoryHeading'
+    'empty-state',
+    'category-section',
+    'category-heading',
+    'show-more-less'
 ]);
 //# sourceMappingURL=Shortcuts.test-ids.js.map

package/lib/components/Shortcuts/Shortcuts.test-ids.js.map

@@ -1 +1 @@
-{"version":3,"file":"Shortcuts.test-ids.js","sourceRoot":"","sources":["../../../src/components/Shortcuts/Shortcuts.test-ids.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAAC,WAAW,EAAE;IAC5D,MAAM;IACN,YAAY;IACZ,iBAAiB;IACjB,iBAAiB;CACT,CAAC,CAAC","sourcesContent":["import { createTestIds } from '@pega/cosmos-react-core';\n\nexport const getShortcutsTestIds = createTestIds('shortcuts', [\n  'list',\n  'emptyState',\n  'categorySection',\n  'categoryHeading'\n] as const);\n"]}
+{"version":3,"file":"Shortcuts.test-ids.js","sourceRoot":"","sources":["../../../src/components/Shortcuts/Shortcuts.test-ids.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAAC,WAAW,EAAE;IAC5D,MAAM;IACN,aAAa;IACb,kBAAkB;IAClB,kBAAkB;IAClB,gBAAgB;CACR,CAAC,CAAC","sourcesContent":["import { createTestIds } from '@pega/cosmos-react-core';\n\nexport const getShortcutsTestIds = createTestIds('shortcuts', [\n  'list',\n  'empty-state',\n  'category-section',\n  'category-heading',\n  'show-more-less'\n] as const);\n"]}

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

@@ -62,6 +62,16 @@ interface ShortcutsBaseProps extends NoChildrenProp, TestIdProp, BaseProps {
      * @default 'inline'
      */
     variant?: 'stacked' | 'inline';
+    /**
+     * Total number of shortcut items available (may exceed the rendered list when collapsed).
+     * Used with `onExpandToggle` to decide Show more vs Show less.
+     */
+    count?: number;
+    /**
+     * When set with `count`, renders a Show more / Show less control.
+     * Parent owns expand state and slicing.
+     */
+    onExpandToggle?: () => void;
     /** Ref for the root card element. */
     ref?: Ref<HTMLDivElement>;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Shortcuts.types.d.ts","sourceRoot":"","sources":["../../../src/components/Shortcuts/Shortcuts.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErF,UAAU,gBAAgB;IACxB,2CAA2C;IAC3C,EAAE,EAAE,MAAM,CAAC;IACX,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,IAAI,EAAE,MAAM,CAAC;IACb,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB;IACxD,6DAA6D;IAC7D,IAAI,EAAE,UAAU,CAAC;IACjB,8DAA8D;IAC9D,IAAI,EAAE,MAAM,CAAC;IACb,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uGAAuG;IACvG,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,mEAAmE;IACnE,IAAI,EAAE,MAAM,CAAC;IACb,8DAA8D;IAC9D,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,MAAM,YAAY,GAAG,gBAAgB,GAAG,eAAe,CAAC;AAE9D,MAAM,WAAW,gBAAgB;IAC/B,2CAA2C;IAC3C,EAAE,EAAE,MAAM,CAAC;IACX,mDAAmD;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,KAAK,EAAE,YAAY,EAAE,CAAC;CACvB;AAED,UAAU,kBAAkB;IAC1B,yCAAyC;IACzC,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,uBAAuB;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,+EAA+E;IAC/E,UAAU,EAAE,gBAAgB,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB;AAED,UAAU,kBAAmB,SAAQ,cAAc,EAAE,UAAU,EAAE,SAAS;IACxE,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B,qCAAqC;IACrC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAAG,CAAC,kBAAkB,GAAG,uBAAuB,CAAC,CAAC"}
+{"version":3,"file":"Shortcuts.types.d.ts","sourceRoot":"","sources":["../../../src/components/Shortcuts/Shortcuts.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErF,UAAU,gBAAgB;IACxB,2CAA2C;IAC3C,EAAE,EAAE,MAAM,CAAC;IACX,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,IAAI,EAAE,MAAM,CAAC;IACb,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB;IACxD,6DAA6D;IAC7D,IAAI,EAAE,UAAU,CAAC;IACjB,8DAA8D;IAC9D,IAAI,EAAE,MAAM,CAAC;IACb,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uGAAuG;IACvG,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,mEAAmE;IACnE,IAAI,EAAE,MAAM,CAAC;IACb,8DAA8D;IAC9D,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,MAAM,YAAY,GAAG,gBAAgB,GAAG,eAAe,CAAC;AAE9D,MAAM,WAAW,gBAAgB;IAC/B,2CAA2C;IAC3C,EAAE,EAAE,MAAM,CAAC;IACX,mDAAmD;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,KAAK,EAAE,YAAY,EAAE,CAAC;CACvB;AAED,UAAU,kBAAkB;IAC1B,yCAAyC;IACzC,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,uBAAuB;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,+EAA+E;IAC/E,UAAU,EAAE,gBAAgB,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB;AAED,UAAU,kBAAmB,SAAQ,cAAc,EAAE,UAAU,EAAE,SAAS;IACxE,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,qCAAqC;IACrC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAAG,CAAC,kBAAkB,GAAG,uBAAuB,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Shortcuts.types.js","sourceRoot":"","sources":["../../../src/components/Shortcuts/Shortcuts.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Ref } from 'react';\n\nimport type { BaseProps, NoChildrenProp, TestIdProp } from '@pega/cosmos-react-core';\n\ninterface ShortcutItemBase {\n  /** Unique identifier for this shortcut. */\n  id: string;\n  /** Display label shown on the shortcut. */\n  label: string;\n  /** Icon name from the registered icon set. */\n  icon: string;\n  /** Optional class name applied to the rendered shortcut card. */\n  className?: string;\n}\n\nexport interface ShortcutLinkItem extends ShortcutItemBase {\n  /** Discriminant — this item navigates to an external URL. */\n  type: 'external';\n  /** Absolute URL the link navigates to. Opens in a new tab. */\n  href: string;\n  /** Optional subtitle displayed below the label. */\n  description?: string;\n  /** Optional image URL. Renders in place of the icon; falls back to icon if the image fails to load. */\n  image?: string;\n}\n\nexport interface ShortcutNavItem extends ShortcutItemBase {\n  /** Discriminant — this item navigates to a portal landing page. */\n  type: 'page';\n  /** Callback invoked when the user activates this shortcut. */\n  onClick: () => void;\n}\n\nexport type ShortcutItem = ShortcutLinkItem | ShortcutNavItem;\n\nexport interface ShortcutCategory {\n  /** Unique identifier for this category. */\n  id: string;\n  /** Display label shown as the category heading. */\n  label: string;\n  /** Shortcut items belonging to this category. */\n  items: ShortcutItem[];\n}\n\ninterface ShortcutsWithItems {\n  /** Shortcut items to render as cards. */\n  items?: ShortcutItem[];\n  categories?: never;\n  /**\n   * Whether to render the outer card shell with a heading.\n   * When `false`, only the card grid is rendered, centered within its container.\n   * @default true\n   */\n  showHeader?: boolean;\n}\n\ninterface ShortcutsWithCategories {\n  items?: never;\n  /** Grouped shortcut items, each rendered as cards under a category heading. */\n  categories: ShortcutCategory[];\n  showHeader?: never;\n}\n\ninterface ShortcutsBaseProps extends NoChildrenProp, TestIdProp, BaseProps {\n  /** Heading displayed above the shortcuts. */\n  heading?: string;\n  /**\n   * Controls the layout variant of each shortcut card.\n   * - `stacked`: large icon above the label (default card style).\n   * - `inline`: small icon inline to the left of the label (list/link style).\n   * @default 'inline'\n   */\n  variant?: 'stacked' | 'inline';\n  /** Ref for the root card element. */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport type ShortcutsProps = ShortcutsBaseProps & (ShortcutsWithItems | ShortcutsWithCategories);\n"]}
+{"version":3,"file":"Shortcuts.types.js","sourceRoot":"","sources":["../../../src/components/Shortcuts/Shortcuts.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Ref } from 'react';\n\nimport type { BaseProps, NoChildrenProp, TestIdProp } from '@pega/cosmos-react-core';\n\ninterface ShortcutItemBase {\n  /** Unique identifier for this shortcut. */\n  id: string;\n  /** Display label shown on the shortcut. */\n  label: string;\n  /** Icon name from the registered icon set. */\n  icon: string;\n  /** Optional class name applied to the rendered shortcut card. */\n  className?: string;\n}\n\nexport interface ShortcutLinkItem extends ShortcutItemBase {\n  /** Discriminant — this item navigates to an external URL. */\n  type: 'external';\n  /** Absolute URL the link navigates to. Opens in a new tab. */\n  href: string;\n  /** Optional subtitle displayed below the label. */\n  description?: string;\n  /** Optional image URL. Renders in place of the icon; falls back to icon if the image fails to load. */\n  image?: string;\n}\n\nexport interface ShortcutNavItem extends ShortcutItemBase {\n  /** Discriminant — this item navigates to a portal landing page. */\n  type: 'page';\n  /** Callback invoked when the user activates this shortcut. */\n  onClick: () => void;\n}\n\nexport type ShortcutItem = ShortcutLinkItem | ShortcutNavItem;\n\nexport interface ShortcutCategory {\n  /** Unique identifier for this category. */\n  id: string;\n  /** Display label shown as the category heading. */\n  label: string;\n  /** Shortcut items belonging to this category. */\n  items: ShortcutItem[];\n}\n\ninterface ShortcutsWithItems {\n  /** Shortcut items to render as cards. */\n  items?: ShortcutItem[];\n  categories?: never;\n  /**\n   * Whether to render the outer card shell with a heading.\n   * When `false`, only the card grid is rendered, centered within its container.\n   * @default true\n   */\n  showHeader?: boolean;\n}\n\ninterface ShortcutsWithCategories {\n  items?: never;\n  /** Grouped shortcut items, each rendered as cards under a category heading. */\n  categories: ShortcutCategory[];\n  showHeader?: never;\n}\n\ninterface ShortcutsBaseProps extends NoChildrenProp, TestIdProp, BaseProps {\n  /** Heading displayed above the shortcuts. */\n  heading?: string;\n  /**\n   * Controls the layout variant of each shortcut card.\n   * - `stacked`: large icon above the label (default card style).\n   * - `inline`: small icon inline to the left of the label (list/link style).\n   * @default 'inline'\n   */\n  variant?: 'stacked' | 'inline';\n  /**\n   * Total number of shortcut items available (may exceed the rendered list when collapsed).\n   * Used with `onExpandToggle` to decide Show more vs Show less.\n   */\n  count?: number;\n  /**\n   * When set with `count`, renders a Show more / Show less control.\n   * Parent owns expand state and slicing.\n   */\n  onExpandToggle?: () => void;\n  /** Ref for the root card element. */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport type ShortcutsProps = ShortcutsBaseProps & (ShortcutsWithItems | ShortcutsWithCategories);\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-work",
-  "version": "10.0.0-build.4.26",
+  "version": "10.0.0-build.4.28",
   "license": "SEE LICENSE IN LICENSE",
   "author": "Pegasystems",
   "sideEffects": false,
@@ -14,8 +14,8 @@
     "build": "tsc -b tsconfig.build.json"
   },
   "dependencies": {
-    "@pega/cosmos-react-core": "10.0.0-build.4.26",
-    "@pega/cosmos-react-rte": "10.0.0-build.4.26",
+    "@pega/cosmos-react-core": "10.0.0-build.4.28",
+    "@pega/cosmos-react-rte": "10.0.0-build.4.28",
     "@types/react": "^17.0.62 || ^18.3.3",
     "@types/react-dom": "^17.0.20 || ^18.3.0",
     "polished": "^4.1.0",