@carbon/ai-chat 0.4.0-rc.2 → 0.4.0-rc.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/es/aiChatEntry.js +220 -14
- package/dist/es/chat.AppContainer.js +6491 -0
- package/dist/es/chat.AppState.js +40 -0
- package/dist/es/{chat/shared/components/BasePanelComponent.js → chat.BasePanelComponent.js} +3 -3
- package/dist/es/{chat/shared/components/panels/BodyAndFooterPanelComponent.js → chat.BodyAndFooterPanelComponent.js} +92 -9
- package/dist/es/chat.BodyWithFooterComponent.js +140 -0
- package/dist/es/{chat/shared/components/header/BotHeader.js → chat.BotHeader.js} +7 -9
- package/dist/es/{chat/shared/components/responseTypes/carousel/Carousel.js → chat.Carousel.js} +3 -3
- package/dist/es/chat.CatastrophicError.js +381 -0
- package/dist/es/chat.Chat.js +2009 -0
- package/dist/es/chat.Disclaimer.js +553 -0
- package/dist/es/chat.Header.js +1025 -0
- package/dist/es/{chat/shared/components/util/HideComponent.js → chat.HideComponent.js} +9 -2
- package/dist/es/{types/config/HomeScreenConfig.js → chat.HomeScreenConfig.js} +1 -1
- package/dist/es/{chat/shared/components/homeScreen/HomeScreen.js → chat.HomeScreenContainer.js} +159 -14
- package/dist/es/{chat/shared/components/homeScreen/HomeScreenHeader.js → chat.HomeScreenHeader.js} +3 -3
- package/dist/es/{chat/shared/services/haa/HumanAgentServiceImpl.js → chat.HumanAgentServiceImpl.js} +215 -17
- package/dist/es/{chat/shared/components/responseTypes/iframe/IFrameComponent.js → chat.IFrameComponent.js} +4 -8
- package/dist/es/chat.IFramePanel.js +151 -0
- package/dist/es/{chat/shared/components/input/Input.js → chat.Input.js} +214 -18
- package/dist/es/{types/config/ServiceDeskConfig.js → chat.LocalMessageItem.js} +17 -1
- package/dist/es/chat.MessageTypeComponent.js +3580 -0
- package/dist/es/{types/messaging/Messages.js → chat.Messages.js} +1 -1
- package/dist/es/chat.MountChildrenOnDelay.js +97 -0
- package/dist/es/{chat/shared/components/OverlayPanel.js → chat.PageObjectId.js} +70 -4
- package/dist/es/{chat/web-components/components/markdownText/src/markdownText.scss.js → chat.RichText.js} +347 -1
- package/dist/es/chat.TourContainer.js +524 -0
- package/dist/es/{chat/languages/en.json.js → chat.VideoComponent.js} +561 -1
- package/dist/es/chat.ViewSourcePanel.js +187 -0
- package/dist/es/{chat/shared/store/actions.js → chat.actions.js} +2 -2
- package/dist/es/{chat/shared/utils/browserUtils.js → chat.browserUtils.js} +1 -1
- package/dist/es/{types/utilities/carbonTypes.js → chat.carbonTypes.js} +2 -2
- package/dist/es/{chat/web-components/components/codeElement/src/codeElement.scss.js → chat.cds-aichat-code.js} +64 -1
- package/dist/es/{chat/shared/utils/constants.js → chat.constants.js} +4 -7
- package/dist/es/{types/events/eventBusTypes.js → chat.customElement.js} +32 -1
- package/dist/es/chat.dynamic-imports.js +192 -0
- package/dist/es/{chat/shared/utils/htmlUtils.js → chat.htmlUtils.js} +16 -2
- package/dist/es/{chat/shared/utils/messageUtils.js → chat.messageUtils.js} +54 -7
- package/dist/es/{chat/shared/utils/miscUtils.js → chat.miscUtils.js} +24 -5
- package/dist/es/chat.resolvablePromise.js +315 -0
- package/dist/es/{chat/shared/store/selectors.js → chat.selectors.js} +1 -1
- package/dist/es/{chat/shared/utils/lang/stringUtils.js → chat.stringUtils.js} +2 -2
- package/dist/es/{chat/shared/hooks/useCounter.js → chat.useCounter.js} +1 -1
- package/dist/es/{chat/shared/hooks/useOnMount.js → chat.useOnMount.js} +1 -1
- package/dist/es/{chat/shared/utils/domUtils.js → chat.usePrevious.js} +47 -1
- package/dist/es/{chat/shared/utils/lang/UUIDType.js → chat.uuid.js} +15 -3
- package/dist/es/web-components/cds-aichat-container/index.js +73 -4
- package/dist/es/web-components/cds-aichat-custom-element/index.js +1 -3
- package/package.json +2 -2
- package/dist/es/chat/dynamic-imports/dynamic-imports.js +0 -96
- package/dist/es/chat/react/components/AppContainer.js +0 -197
- package/dist/es/chat/react/components/UserDefinedResponsePortalsContainer.js +0 -31
- package/dist/es/chat/react/components/WriteableElementsPortalsContainer.js +0 -28
- package/dist/es/chat/react/components/chainOfThought/ChainOfThought.js +0 -20
- package/dist/es/chat/react/components/chatHeader/ChatHeaderAvatar.js +0 -20
- package/dist/es/chat/react/components/chatHeader/ChatHeaderLink.js +0 -22
- package/dist/es/chat/react/components/chatHeader/ChatHeaderMenu.js +0 -27
- package/dist/es/chat/react/components/chatHeader/ChatHeaderMenuButton.js +0 -60
- package/dist/es/chat/react/components/chatHeader/ChatHeaderMenuItem.js +0 -24
- package/dist/es/chat/react/components/chatHeader/ChatHeaderMenuItemRadioGroup.js +0 -28
- package/dist/es/chat/react/components/chatHeader/ChatHeaderOverflowMenu.js +0 -69
- package/dist/es/chat/react/components/chatHeader/ChatHeaderTitle.js +0 -22
- package/dist/es/chat/react/components/feedback/FeedbackButtonsComponent.js +0 -20
- package/dist/es/chat/react/components/feedback/FeedbackComponent.js +0 -20
- package/dist/es/chat/react/components/inlineLoading/InlineLoadingComponent.js +0 -20
- package/dist/es/chat/react/components/markdownText/MarkdownText.js +0 -20
- package/dist/es/chat/react/components/stopStreamingButton/StopStreamingButton.js +0 -20
- package/dist/es/chat/react/components/table/Table.js +0 -20
- package/dist/es/chat/shared/Chat.js +0 -115
- package/dist/es/chat/shared/ChatInstanceImpl.js +0 -360
- package/dist/es/chat/shared/chatEntryFunctions.js +0 -46
- package/dist/es/chat/shared/components/Avatar.js +0 -286
- package/dist/es/chat/shared/components/BodyWithFooterComponent.js +0 -56
- package/dist/es/chat/shared/components/CatastrophicError.js +0 -77
- package/dist/es/chat/shared/components/Chat.js +0 -244
- package/dist/es/chat/shared/components/ChatBubbleDark.js +0 -124
- package/dist/es/chat/shared/components/ChatBubbleLight.js +0 -216
- package/dist/es/chat/shared/components/Disclaimer.js +0 -86
- package/dist/es/chat/shared/components/ErrorIcon.js +0 -20
- package/dist/es/chat/shared/components/ErrorMessageDark.js +0 -89
- package/dist/es/chat/shared/components/ErrorMessageLight.js +0 -135
- package/dist/es/chat/shared/components/HydrationPanel.js +0 -58
- package/dist/es/chat/shared/components/LatestWelcomeNodes.js +0 -26
- package/dist/es/chat/shared/components/ResponseStopped.js +0 -19
- package/dist/es/chat/shared/components/SkeletonPicker.js +0 -32
- package/dist/es/chat/shared/components/WriteableElement.js +0 -22
- package/dist/es/chat/shared/components/agent/AgentAvatar.js +0 -54
- package/dist/es/chat/shared/components/agent/AgentBanner.js +0 -109
- package/dist/es/chat/shared/components/agent/AgentBannerContainer.js +0 -28
- package/dist/es/chat/shared/components/agent/AvailabilityMessage.js +0 -49
- package/dist/es/chat/shared/components/aria/AriaAnnouncerComponent.js +0 -122
- package/dist/es/chat/shared/components/aria/AriaAnnouncerProvider.js +0 -48
- package/dist/es/chat/shared/components/aria/AriaLiveMessage.js +0 -22
- package/dist/es/chat/shared/components/header/AISlug.js +0 -22
- package/dist/es/chat/shared/components/header/Header.js +0 -460
- package/dist/es/chat/shared/components/header/SimpleHeader.js +0 -27
- package/dist/es/chat/shared/components/homeScreen/HomeScreenContainer.js +0 -68
- package/dist/es/chat/shared/components/launcher/Launcher.js +0 -88
- package/dist/es/chat/shared/components/launcher/LauncherComplex.js +0 -63
- package/dist/es/chat/shared/components/launcher/LauncherContainer.js +0 -73
- package/dist/es/chat/shared/components/launcher/LauncherDesktopContainer.js +0 -221
- package/dist/es/chat/shared/components/launcher/LauncherExtended.js +0 -244
- package/dist/es/chat/shared/components/launcher/LauncherMobileContainer.js +0 -175
- package/dist/es/chat/shared/components/launcher/launcherUtils.js +0 -16
- package/dist/es/chat/shared/components/modals/ConfirmModal.js +0 -67
- package/dist/es/chat/shared/components/modals/EndAgentChatModal.js +0 -46
- package/dist/es/chat/shared/components/modals/RequestScreenShareModal.js +0 -43
- package/dist/es/chat/shared/components/notifications/Notifications.js +0 -58
- package/dist/es/chat/shared/components/panels/CustomPanel.js +0 -136
- package/dist/es/chat/shared/components/responseTypes/agent/ConnectToAgent.js +0 -30
- package/dist/es/chat/shared/components/responseTypes/agent/RealConnectToAgent.js +0 -102
- package/dist/es/chat/shared/components/responseTypes/audio/AudioComponent.js +0 -26
- package/dist/es/chat/shared/components/responseTypes/buttonItem/BaseButtonItemComponent.js +0 -69
- package/dist/es/chat/shared/components/responseTypes/buttonItem/ButtonItemComponent.js +0 -48
- package/dist/es/chat/shared/components/responseTypes/buttonItem/ButtonItemCustomEventComponent.js +0 -42
- package/dist/es/chat/shared/components/responseTypes/buttonItem/ButtonItemPostBackComponent.js +0 -54
- package/dist/es/chat/shared/components/responseTypes/buttonItem/ButtonItemShowPanelComponent.js +0 -36
- package/dist/es/chat/shared/components/responseTypes/buttonItem/ButtonItemURLComponent.js +0 -42
- package/dist/es/chat/shared/components/responseTypes/card/CardItemComponent.js +0 -34
- package/dist/es/chat/shared/components/responseTypes/carousel/CarouselItemComponent.js +0 -39
- package/dist/es/chat/shared/components/responseTypes/conversationalSearch/ConversationalSearch.js +0 -92
- package/dist/es/chat/shared/components/responseTypes/conversationalSearch/ConversationalSearchText.js +0 -158
- package/dist/es/chat/shared/components/responseTypes/custom/UserDefinedResponse.js +0 -33
- package/dist/es/chat/shared/components/responseTypes/datePicker/DatePickerComponent.js +0 -176
- package/dist/es/chat/shared/components/responseTypes/error/InlineError.js +0 -32
- package/dist/es/chat/shared/components/responseTypes/grid/GridItemComponent.js +0 -109
- package/dist/es/chat/shared/components/responseTypes/iframe/IFrameMessage.js +0 -32
- package/dist/es/chat/shared/components/responseTypes/iframe/IFramePanel.js +0 -51
- package/dist/es/chat/shared/components/responseTypes/iframe/IFramePreviewCard.js +0 -64
- package/dist/es/chat/shared/components/responseTypes/iframe/InlineIFrame.js +0 -55
- package/dist/es/chat/shared/components/responseTypes/image/Image.js +0 -120
- package/dist/es/chat/shared/components/responseTypes/options/OptionComponent.js +0 -83
- package/dist/es/chat/shared/components/responseTypes/options/SelectComponent.js +0 -84
- package/dist/es/chat/shared/components/responseTypes/table/TableContainer.js +0 -96
- package/dist/es/chat/shared/components/responseTypes/text/TextArea.js +0 -68
- package/dist/es/chat/shared/components/responseTypes/tour/TourCard.js +0 -73
- package/dist/es/chat/shared/components/responseTypes/util/BodyMessageComponents.js +0 -65
- package/dist/es/chat/shared/components/responseTypes/util/ClickableImage.js +0 -36
- package/dist/es/chat/shared/components/responseTypes/util/Description.js +0 -21
- package/dist/es/chat/shared/components/responseTypes/util/FooterButtonComponents.js +0 -36
- package/dist/es/chat/shared/components/responseTypes/util/MediaPlayer.js +0 -157
- package/dist/es/chat/shared/components/responseTypes/util/Metablock.js +0 -27
- package/dist/es/chat/shared/components/responseTypes/util/RichText.js +0 -31
- package/dist/es/chat/shared/components/responseTypes/util/SearchResultBody.js +0 -53
- package/dist/es/chat/shared/components/responseTypes/util/StreamingRichText.js +0 -38
- package/dist/es/chat/shared/components/responseTypes/util/TextHolderTile.js +0 -35
- package/dist/es/chat/shared/components/responseTypes/util/citations/CitationCard.js +0 -65
- package/dist/es/chat/shared/components/responseTypes/util/citations/CitationCardContent.js +0 -62
- package/dist/es/chat/shared/components/responseTypes/util/citations/CitationClickableCard.js +0 -23
- package/dist/es/chat/shared/components/responseTypes/util/citations/ExpandToPanelCard.js +0 -50
- package/dist/es/chat/shared/components/responseTypes/util/citations/ViewSourcePanel.js +0 -57
- package/dist/es/chat/shared/components/responseTypes/video/VideoComponent.js +0 -23
- package/dist/es/chat/shared/components/tour/TourCloseMinimizeComponent.js +0 -44
- package/dist/es/chat/shared/components/tour/TourContainer.js +0 -212
- package/dist/es/chat/shared/components/tour/TourControlsComponent.js +0 -98
- package/dist/es/chat/shared/components/tour/TourStepContentComponent.js +0 -156
- package/dist/es/chat/shared/components/tour/TourStepSkeletonComponent.js +0 -20
- package/dist/es/chat/shared/components/util/AnnounceOnMountComponent.js +0 -42
- package/dist/es/chat/shared/components/util/IconHolder.js +0 -16
- package/dist/es/chat/shared/components/util/ImageWithFallback.js +0 -31
- package/dist/es/chat/shared/components/util/MaybeDangerouslySetInnerHTML.js +0 -42
- package/dist/es/chat/shared/components/util/MountChildrenOnDelay.js +0 -40
- package/dist/es/chat/shared/components/util/VisuallyHidden.js +0 -18
- package/dist/es/chat/shared/containers/App.js +0 -181
- package/dist/es/chat/shared/containers/MessageComponent.js +0 -465
- package/dist/es/chat/shared/containers/MessageTypeComponent.js +0 -496
- package/dist/es/chat/shared/containers/MessagesComponent.js +0 -469
- package/dist/es/chat/shared/containers/ModalPortal.js +0 -53
- package/dist/es/chat/shared/containers/main/MainWindow.js +0 -708
- package/dist/es/chat/shared/contexts/AriaAnnouncerContext.js +0 -12
- package/dist/es/chat/shared/contexts/HideComponentContext.js +0 -12
- package/dist/es/chat/shared/contexts/LanguagePackContext.js +0 -12
- package/dist/es/chat/shared/contexts/ModalPortalRootContext.js +0 -12
- package/dist/es/chat/shared/contexts/ServiceManagerContext.js +0 -12
- package/dist/es/chat/shared/contexts/WindowSizeContext.js +0 -12
- package/dist/es/chat/shared/environmentVariables.js +0 -13
- package/dist/es/chat/shared/events/ChatActionsImpl.js +0 -783
- package/dist/es/chat/shared/events/EventBus.js +0 -161
- package/dist/es/chat/shared/hocs/withAriaAnnouncer.js +0 -25
- package/dist/es/chat/shared/hocs/withServiceManager.js +0 -25
- package/dist/es/chat/shared/hooks/useAriaAnnouncer.js +0 -16
- package/dist/es/chat/shared/hooks/useCSSCustomProperties.js +0 -21
- package/dist/es/chat/shared/hooks/useCallbackOnChange.js +0 -24
- package/dist/es/chat/shared/hooks/useEffectDidUpdate.js +0 -21
- package/dist/es/chat/shared/hooks/useLanguagePack.js +0 -16
- package/dist/es/chat/shared/hooks/usePrevious.js +0 -18
- package/dist/es/chat/shared/hooks/useServiceManager.js +0 -16
- package/dist/es/chat/shared/hooks/useShouldSanitizeHTML.js +0 -15
- package/dist/es/chat/shared/hooks/useUUID.js +0 -22
- package/dist/es/chat/shared/hooks/useWindowSize.js +0 -16
- package/dist/es/chat/shared/loadServices.js +0 -72
- package/dist/es/chat/shared/schema/historyToMessages.js +0 -231
- package/dist/es/chat/shared/schema/inputItemToLocalItem.js +0 -30
- package/dist/es/chat/shared/schema/outputItemToLocalItem.js +0 -124
- package/dist/es/chat/shared/services/CustomPanelInstance.js +0 -26
- package/dist/es/chat/shared/services/CustomPanelManager.js +0 -23
- package/dist/es/chat/shared/services/HistoryService.js +0 -59
- package/dist/es/chat/shared/services/MessageService.js +0 -351
- package/dist/es/chat/shared/services/NamespaceService.js +0 -26
- package/dist/es/chat/shared/services/ServiceManager.js +0 -19
- package/dist/es/chat/shared/services/UserSessionStorageService.js +0 -89
- package/dist/es/chat/shared/services/haa/agentStatusMessage.js +0 -108
- package/dist/es/chat/shared/services/haa/humanAgentUtils.js +0 -114
- package/dist/es/chat/shared/services/mockStorage.js +0 -30
- package/dist/es/chat/shared/store/agentActions.js +0 -125
- package/dist/es/chat/shared/store/agentReducers.js +0 -215
- package/dist/es/chat/shared/store/doCreateStore.js +0 -142
- package/dist/es/chat/shared/store/reducerUtils.js +0 -320
- package/dist/es/chat/shared/store/reducers.js +0 -871
- package/dist/es/chat/shared/store/subscriptions.js +0 -55
- package/dist/es/chat/shared/store/tourReducerUtils.js +0 -51
- package/dist/es/chat/shared/utils/ListenerList.js +0 -26
- package/dist/es/chat/shared/utils/PageObjectId.js +0 -25
- package/dist/es/chat/shared/utils/animationUtils.js +0 -77
- package/dist/es/chat/shared/utils/colors.js +0 -71
- package/dist/es/chat/shared/utils/customizers.js +0 -16
- package/dist/es/chat/shared/utils/dateUtils.js +0 -38
- package/dist/es/chat/shared/utils/homeScreenUtils.js +0 -27
- package/dist/es/chat/shared/utils/intlUtils.js +0 -21
- package/dist/es/chat/shared/utils/lang/arrayUtils.js +0 -53
- package/dist/es/chat/shared/utils/lang/langUtils.js +0 -13
- package/dist/es/chat/shared/utils/lang/objectUtils.js +0 -19
- package/dist/es/chat/shared/utils/lang/promiseUtils.js +0 -25
- package/dist/es/chat/shared/utils/lang/uuid.js +0 -16
- package/dist/es/chat/shared/utils/languages.js +0 -156
- package/dist/es/chat/shared/utils/memoizerUtils.js +0 -38
- package/dist/es/chat/shared/utils/messageServiceUtils.js +0 -36
- package/dist/es/chat/shared/utils/resolvablePromise.js +0 -32
- package/dist/es/chat/shared/utils/styleUtils.js +0 -231
- package/dist/es/chat/shared/utils/timeUtils.js +0 -14
- package/dist/es/chat/shared/utils/viewStateUtils.js +0 -38
- package/dist/es/chat/web-components/components/chainOfThought/cds-aichat-chain-of-thought.js +0 -26
- package/dist/es/chat/web-components/components/chainOfThought/src/ChainOfThoughtElement.js +0 -130
- package/dist/es/chat/web-components/components/chainOfThought/src/chainOfThoughtElement.scss.js +0 -3
- package/dist/es/chat/web-components/components/chainOfThought/src/chainOfThoughtElement.template.js +0 -186
- package/dist/es/chat/web-components/components/chatHeader/chatHeaderAvatar/cds-aichat-chat-header-avatar.js +0 -26
- package/dist/es/chat/web-components/components/chatHeader/chatHeaderAvatar/src/chatHeaderAvatar.template.js +0 -32
- package/dist/es/chat/web-components/components/chatHeader/chatHeaderAvatar/src/chatHeaderAvatarElement.js +0 -52
- package/dist/es/chat/web-components/components/chatHeader/chatHeaderAvatar/src/chatHeaderAvatarElement.scss.js +0 -3
- package/dist/es/chat/web-components/components/chatHeader/chatHeaderLink/cds-aichat-chat-header-link.js +0 -44
- package/dist/es/chat/web-components/components/chatHeader/chatHeaderLink/src/chatHeaderLinkElement.template.js +0 -28
- package/dist/es/chat/web-components/components/chatHeader/chatHeaderTitle/cds-aichat-chat-header-title.js +0 -42
- package/dist/es/chat/web-components/components/chatHeader/chatHeaderTitle/src/chatHeaderTitle.scss.js +0 -3
- package/dist/es/chat/web-components/components/chatHeader/chatHeaderTitle/src/chatHeaderTitle.template.js +0 -20
- package/dist/es/chat/web-components/components/codeElement/cds-aichat-code.js +0 -66
- package/dist/es/chat/web-components/components/feedbackButtonsElement/cds-aichat-feedback-buttons.js +0 -26
- package/dist/es/chat/web-components/components/feedbackButtonsElement/src/FeedbackButtonsElement.js +0 -93
- package/dist/es/chat/web-components/components/feedbackButtonsElement/src/feedbackButtonsElement.scss.js +0 -3
- package/dist/es/chat/web-components/components/feedbackButtonsElement/src/feedbackButtonsElement.template.js +0 -84
- package/dist/es/chat/web-components/components/feedbackElement/cds-aichat-feedback.js +0 -30
- package/dist/es/chat/web-components/components/feedbackElement/src/FeedbackElement.js +0 -157
- package/dist/es/chat/web-components/components/feedbackElement/src/feedbackElement.scss.js +0 -3
- package/dist/es/chat/web-components/components/feedbackElement/src/feedbackElement.template.js +0 -95
- package/dist/es/chat/web-components/components/inlineLoadingElement/cds-aichat-inline-loading.js +0 -85
- package/dist/es/chat/web-components/components/inlineLoadingElement/src/styles.scss.js +0 -3
- package/dist/es/chat/web-components/components/markdownText/cds-aichat-markdown-text.js +0 -32
- package/dist/es/chat/web-components/components/markdownText/markdown/markdownToHTML.js +0 -28
- package/dist/es/chat/web-components/components/markdownText/markdown/utils/renderTokenTree.js +0 -191
- package/dist/es/chat/web-components/components/markdownText/markdown/workers/workerManager.js +0 -16
- package/dist/es/chat/web-components/components/markdownText/src/MarkdownElement.js +0 -70
- package/dist/es/chat/web-components/components/markdownText/src/markdownElement.template.js +0 -19
- package/dist/es/chat/web-components/components/roundedButton/cds-aichat-rounded-button.js +0 -29
- package/dist/es/chat/web-components/components/stopStreamingButton/cds-aichat-stop-streaming-button.js +0 -26
- package/dist/es/chat/web-components/components/stopStreamingButton/src/StopStreamingButtonElement.js +0 -49
- package/dist/es/chat/web-components/components/stopStreamingButton/src/stopStreamingButton.scss.js +0 -3
- package/dist/es/chat/web-components/components/stopStreamingButton/src/stopStreamingButton.template.js +0 -44
- package/dist/es/chat/web-components/components/table/cds-aichat-table.js +0 -229
- package/dist/es/chat/web-components/components/table/src/table.scss.js +0 -3
- package/dist/es/chat/web-components/components/table/src/table.template.js +0 -81
- package/dist/es/chat/web-components/components/table/src/tablePagination.template.js +0 -43
- package/dist/es/chat/web-components/components/table/src/tableSkeleton.template.js +0 -17
- package/dist/es/chat/web-components/components/tagListElement/cds-aichat-tag-list.js +0 -28
- package/dist/es/chat/web-components/components/tagListElement/src/TagListElement.js +0 -70
- package/dist/es/chat/web-components/components/tagListElement/src/tagListElement.scss.js +0 -3
- package/dist/es/chat/web-components/components/tagListElement/src/tagListElement.template.js +0 -40
- package/dist/es/chat/web-components/decorators/customElement.js +0 -33
- package/dist/es/chat/web-components/internal/cds-aichat-internal.js +0 -78
- package/dist/es/chat/web-components/settings.js +0 -13
- package/dist/es/node_modules/@carbon/colors/es/index.js +0 -11
- package/dist/es/react/ChatContainer.js +0 -162
- package/dist/es/react/ChatCustomElement.js +0 -58
- package/dist/es/types/config/ChatHeaderConfig.js +0 -18
- package/dist/es/types/config/CornersType.js +0 -16
- package/dist/es/types/config/LauncherConfig.js +0 -19
- package/dist/es/types/config/PublicConfig.js +0 -36
- package/dist/es/types/instance/ChatInstance.js +0 -31
- package/dist/es/types/instance/apiTypes.js +0 -33
- package/dist/es/types/messaging/LocalMessageItem.js +0 -18
- package/dist/es/types/state/AppState.js +0 -18
- package/dist/es/types/utilities/Animation.js +0 -31
- package/dist/es/types/utilities/HasAddRemoveClassName.js +0 -27
- /package/dist/es/{chat/shared/styles/export.carbon.scss.js → chat.export.carbon.js} +0 -0
- /package/dist/es/{chat/shared/styles/export.scss.js → chat.export.js} +0 -0
- /package/dist/es/{chat/web-components/components/markdownText/markdown/utils/markdown.js → chat.markdown.js} +0 -0
- /package/dist/es/{chat/web-components/components/markdownText/markdown/utils/tokenTree.js → chat.tokenTree.js} +0 -0
|
@@ -1,130 +0,0 @@
|
|
|
1
|
-
import { __decorate } from "tslib";
|
|
2
|
-
|
|
3
|
-
import { LitElement, unsafeCSS, css } from "lit";
|
|
4
|
-
|
|
5
|
-
import { property, state } from "lit/decorators.js";
|
|
6
|
-
|
|
7
|
-
import { uuid } from "../../../../shared/utils/lang/uuid.js";
|
|
8
|
-
|
|
9
|
-
import { CSS_CLASS_PREFIX } from "../../../settings.js";
|
|
10
|
-
|
|
11
|
-
import css_248z from "./chainOfThoughtElement.scss.js";
|
|
12
|
-
|
|
13
|
-
import { createEnglishFormat } from "../../../../shared/utils/languages.js";
|
|
14
|
-
|
|
15
|
-
import "../../../../../types/instance/apiTypes.js";
|
|
16
|
-
|
|
17
|
-
import enLanguagePack from "../../../../languages/en.json.js";
|
|
18
|
-
|
|
19
|
-
/*
|
|
20
|
-
* Copyright IBM Corp. 2025
|
|
21
|
-
*
|
|
22
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
23
|
-
* LICENSE file in the root directory of this source tree.
|
|
24
|
-
*
|
|
25
|
-
* @license
|
|
26
|
-
*/ const stepTitleFormatter = createEnglishFormat("chainOfThought_stepTitle");
|
|
27
|
-
|
|
28
|
-
class ChainOfThoughtElement extends LitElement {
|
|
29
|
-
constructor() {
|
|
30
|
-
super(...arguments);
|
|
31
|
-
this.open = false;
|
|
32
|
-
this.formatStepLabelText = ({stepNumber: stepNumber, stepTitle: stepTitle}) => stepTitleFormatter.format({
|
|
33
|
-
stepNumber: stepNumber,
|
|
34
|
-
stepTitle: stepTitle || ""
|
|
35
|
-
});
|
|
36
|
-
this.inputLabelText = enLanguagePack.chainOfThought_inputLabel;
|
|
37
|
-
this.outputLabelText = enLanguagePack.chainOfThought_outputLabel;
|
|
38
|
-
this.toolLabelText = enLanguagePack.chainOfThought_toolLabel;
|
|
39
|
-
this.explainabilityText = enLanguagePack.chainOfThought_explainabilityLabel;
|
|
40
|
-
this.statusSucceededLabelText = enLanguagePack.chainOfThought_statusSucceededLabel;
|
|
41
|
-
this.statusFailedLabelText = enLanguagePack.chainOfThought_statusFailedLabel;
|
|
42
|
-
this.statusProcessingLabelText = enLanguagePack.chainOfThought_statusProcessingLabel;
|
|
43
|
-
this._chainOfThoughtPanelID = `${CSS_CLASS_PREFIX}-chain-of-thought-panel-id-${uuid()}`;
|
|
44
|
-
}
|
|
45
|
-
firstUpdated(_changedProperties) {
|
|
46
|
-
this._steps = this.steps.map(item => ({
|
|
47
|
-
...item,
|
|
48
|
-
open: false
|
|
49
|
-
}));
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
ChainOfThoughtElement.styles = css`
|
|
54
|
-
${unsafeCSS(css_248z)}
|
|
55
|
-
`;
|
|
56
|
-
|
|
57
|
-
__decorate([ property({
|
|
58
|
-
type: Boolean,
|
|
59
|
-
attribute: "open",
|
|
60
|
-
reflect: true
|
|
61
|
-
}) ], ChainOfThoughtElement.prototype, "open", void 0);
|
|
62
|
-
|
|
63
|
-
__decorate([ property({
|
|
64
|
-
type: Array,
|
|
65
|
-
attribute: "steps",
|
|
66
|
-
reflect: true
|
|
67
|
-
}) ], ChainOfThoughtElement.prototype, "steps", void 0);
|
|
68
|
-
|
|
69
|
-
__decorate([ property({
|
|
70
|
-
type: Function,
|
|
71
|
-
attribute: false
|
|
72
|
-
}) ], ChainOfThoughtElement.prototype, "formatStepLabelText", void 0);
|
|
73
|
-
|
|
74
|
-
__decorate([ property({
|
|
75
|
-
type: String,
|
|
76
|
-
attribute: "input-label-text",
|
|
77
|
-
reflect: true
|
|
78
|
-
}) ], ChainOfThoughtElement.prototype, "inputLabelText", void 0);
|
|
79
|
-
|
|
80
|
-
__decorate([ property({
|
|
81
|
-
type: String,
|
|
82
|
-
attribute: "output-label-text",
|
|
83
|
-
reflect: true
|
|
84
|
-
}) ], ChainOfThoughtElement.prototype, "outputLabelText", void 0);
|
|
85
|
-
|
|
86
|
-
__decorate([ property({
|
|
87
|
-
type: String,
|
|
88
|
-
attribute: "tool-label-text",
|
|
89
|
-
reflect: true
|
|
90
|
-
}) ], ChainOfThoughtElement.prototype, "toolLabelText", void 0);
|
|
91
|
-
|
|
92
|
-
__decorate([ property({
|
|
93
|
-
type: String,
|
|
94
|
-
attribute: "explainability-text",
|
|
95
|
-
reflect: true
|
|
96
|
-
}) ], ChainOfThoughtElement.prototype, "explainabilityText", void 0);
|
|
97
|
-
|
|
98
|
-
__decorate([ property({
|
|
99
|
-
type: Function,
|
|
100
|
-
attribute: false
|
|
101
|
-
}) ], ChainOfThoughtElement.prototype, "onToggle", void 0);
|
|
102
|
-
|
|
103
|
-
__decorate([ property({
|
|
104
|
-
type: Function,
|
|
105
|
-
attribute: false
|
|
106
|
-
}) ], ChainOfThoughtElement.prototype, "onStepToggle", void 0);
|
|
107
|
-
|
|
108
|
-
__decorate([ property({
|
|
109
|
-
type: String,
|
|
110
|
-
attribute: "status-succeeded-label-text",
|
|
111
|
-
reflect: true
|
|
112
|
-
}) ], ChainOfThoughtElement.prototype, "statusSucceededLabelText", void 0);
|
|
113
|
-
|
|
114
|
-
__decorate([ property({
|
|
115
|
-
type: String,
|
|
116
|
-
attribute: "status-failed-label-text",
|
|
117
|
-
reflect: true
|
|
118
|
-
}) ], ChainOfThoughtElement.prototype, "statusFailedLabelText", void 0);
|
|
119
|
-
|
|
120
|
-
__decorate([ property({
|
|
121
|
-
type: String,
|
|
122
|
-
attribute: "status-processing-label-text",
|
|
123
|
-
reflect: true
|
|
124
|
-
}) ], ChainOfThoughtElement.prototype, "statusProcessingLabelText", void 0);
|
|
125
|
-
|
|
126
|
-
__decorate([ state() ], ChainOfThoughtElement.prototype, "_steps", void 0);
|
|
127
|
-
|
|
128
|
-
__decorate([ state() ], ChainOfThoughtElement.prototype, "_chainOfThoughtPanelID", void 0);
|
|
129
|
-
|
|
130
|
-
export { ChainOfThoughtElement };
|
package/dist/es/chat/web-components/components/chainOfThought/src/chainOfThoughtElement.scss.js
DELETED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
var css_248z = ":host{\n display:block;\n margin-block-start:1rem;\n}\n\n:host([open]) .cds--aichat-chain-of-thought-content{\n display:block;\n overflow:visible;\n max-block-size:-moz-fit-content;\n max-block-size:fit-content;\n opacity:1;\n}\n:host([open]) .cds--aichat-chain-of-thought-button-chevron svg{\n transform:rotate(-90deg);\n}\n\n.cds--aichat-chain-of-thought-button-chevron{\n display:flex;\n flex-basis:1.5rem;\n}\n@media screen and (prefers-reduced-motion: reduce){\n .cds--aichat-chain-of-thought-button-chevron svg{\n transform:rotate(-270deg);\n transition:none;\n }\n}\n.cds--aichat-chain-of-thought-button-chevron svg{\n transform:rotate(-270deg);\n transition:all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n\n.cds--aichat-chain-of-thought-content{\n display:none;\n overflow:hidden;\n max-block-size:0;\n opacity:0;\n transition:all 110ms cubic-bezier(0, 0, 0.38, 0.9) allow-discrete;\n}\n\n.cds--aichat-chain-of-thought-inner-content{\n border:1px solid var(--cds-border-subtle-01, #c6c6c6);\n background-color:var(--cds-layer-01, #f4f4f4);\n margin-block-start:0.5rem;\n}\n\n.cds--aichat-chain-of-thought-item:not(:last-child){\n padding-block-end:0.75rem;\n}\n\n.cds--aichat-chain-of-thought-item cds-aichat-markdown-text:not(:first-child){\n padding-block-start:0.5rem;\n}\n\n.cds--aichat-chain-of-thought-item-label{\n font-size:var(--cds-heading-01-font-size, 0.875rem);\n font-weight:var(--cds-heading-01-font-weight, 600);\n line-height:var(--cds-heading-01-line-height, 1.42857);\n letter-spacing:var(--cds-heading-01-letter-spacing, 0.16px);\n}\n\nbutton.cds--aichat-chain-of-thought-button{\n box-sizing:border-box;\n padding:0;\n border:0;\n margin:0;\n font-family:inherit;\n font-size:100%;\n vertical-align:baseline;\n display:inline-block;\n padding:0;\n border:0;\n -webkit-appearance:none;\n -moz-appearance:none;\n appearance:none;\n background:none;\n cursor:pointer;\n text-align:start;\n inline-size:100%;\n font-size:var(--cds-heading-01-font-size, 0.875rem);\n font-weight:var(--cds-heading-01-font-weight, 600);\n line-height:var(--cds-heading-01-line-height, 1.42857);\n letter-spacing:var(--cds-heading-01-letter-spacing, 0.16px);\n display:flex;\n align-items:center;\n color:var(--cds-text-primary, #161616);\n}\nbutton.cds--aichat-chain-of-thought-button *,\nbutton.cds--aichat-chain-of-thought-button *::before,\nbutton.cds--aichat-chain-of-thought-button *::after{\n box-sizing:inherit;\n}\nbutton.cds--aichat-chain-of-thought-button::-moz-focus-inner{\n border:0;\n}\n\nbutton.cds--aichat-chain-of-thought-button:focus,\nbutton.cds--aichat-chain-of-thought-button:focus-visible{\n outline:2px solid var(--cds-focus);\n}\n\n.cds--aichat-chain-of-thought-accordion-item-content{\n display:block;\n overflow:visible;\n background:var(--cds-layer-01, #f4f4f4);\n color:var(--cds-text-primary, #161616);\n max-block-size:-moz-fit-content;\n max-block-size:fit-content;\n opacity:1;\n transition:all 110ms cubic-bezier(0, 0, 0.38, 0.9) allow-discrete;\n}\n\n.cds--aichat-chain-of-thought-item{\n padding-block:1rem;\n padding-inline:2rem 1rem;\n}\n\n.cds--aichat-chain-of-thought-accordion-item-content[hidden]{\n display:none;\n overflow:hidden;\n max-block-size:0;\n opacity:0;\n padding-block:0;\n padding-inline:0;\n}\n\n.cds--aichat-chain-of-thought-accordion-item-header-chevron{\n display:flex;\n flex:0 1 2rem;\n justify-content:center;\n color:var(--cds-text-primary, #161616);\n}\n@media screen and (prefers-reduced-motion: reduce){\n .cds--aichat-chain-of-thought-accordion-item-header-chevron svg{\n fill:var(--cds-text-primary, #161616);\n transform:rotate(-270deg);\n transition:none;\n }\n}\n.cds--aichat-chain-of-thought-accordion-item-header-chevron svg{\n fill:var(--cds-text-primary, #161616);\n transform:rotate(-270deg);\n transition:all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n\n.cds--aichat-chain-of-thought-accordion-item-header-chevron[data-open] svg{\n transform:rotate(-90deg);\n}\n\n.cds--aichat-chain-of-thought-accordion-item button.cds--aichat-chain-of-thought-accordion-item-header{\n box-sizing:border-box;\n padding:0;\n border:0;\n margin:0;\n font-family:inherit;\n font-size:100%;\n vertical-align:baseline;\n display:inline-block;\n padding:0;\n border:0;\n -webkit-appearance:none;\n -moz-appearance:none;\n appearance:none;\n background:none;\n cursor:pointer;\n text-align:start;\n inline-size:100%;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n display:flex;\n align-items:center;\n padding:0.5rem 0;\n background:var(--cds-layer-accent-02, #e0e0e0);\n block-size:2rem;\n}\n.cds--aichat-chain-of-thought-accordion-item button.cds--aichat-chain-of-thought-accordion-item-header *,\n.cds--aichat-chain-of-thought-accordion-item button.cds--aichat-chain-of-thought-accordion-item-header *::before,\n.cds--aichat-chain-of-thought-accordion-item button.cds--aichat-chain-of-thought-accordion-item-header *::after{\n box-sizing:inherit;\n}\n.cds--aichat-chain-of-thought-accordion-item button.cds--aichat-chain-of-thought-accordion-item-header::-moz-focus-inner{\n border:0;\n}\n.cds--aichat-chain-of-thought-accordion-item button.cds--aichat-chain-of-thought-accordion-item-header:focus,\n.cds--aichat-chain-of-thought-accordion-item button.cds--aichat-chain-of-thought-accordion-item-header:focus-visible{\n position:relative;\n z-index:2;\n box-shadow:0 -1px 0 0 var(--cds-focus, #0f62fe), inset 0 1px 0 0 var(--cds-focus, #0f62fe), inset 2px 0 0 0 var(--cds-focus, #0f62fe), 0 1px 0 0 var(--cds-focus, #0f62fe), inset 0 -1px 0 0 var(--cds-focus, #0f62fe), inset -2px 0 0 0 var(--cds-focus, #0f62fe);\n outline:none;\n}\n\n.cds--aichat-chain-of-thought-accordion-item:nth-child(odd) button.cds--aichat-chain-of-thought-accordion-item-header{\n background:var(--cds-layer-02, #ffffff);\n}\n\n.cds--aichat-chain-of-thought-accordion-item-header-title{\n overflow:hidden;\n flex:1 1;\n color:var(--cds-text-primary, #161616);\n margin-inline-end:0.5rem;\n text-overflow:ellipsis;\n white-space:nowrap;\n}\n\n.cds--aichat-chain-of-thought-accordion-item-header-status{\n display:flex;\n flex:0 0 1.5rem;\n align-items:center;\n justify-content:center;\n}\n\n.cds--aichat-chain-of-thought-accordion-item-header-status--failure{\n display:flex;\n align-items:center;\n justify-content:center;\n margin-inline-end:0.5rem;\n}\n.cds--aichat-chain-of-thought-accordion-item-header-status--failure svg{\n fill:var(--cds-support-error, #da1e28);\n}\n\n.cds--aichat-chain-of-thought-accordion-item-header-status--success{\n display:flex;\n align-items:center;\n justify-content:center;\n margin-inline-end:0.5rem;\n}\n.cds--aichat-chain-of-thought-accordion-item-header-status--success svg{\n fill:var(--cds-support-success, #24a148);\n}";
|
|
2
|
-
|
|
3
|
-
export { css_248z as default };
|
package/dist/es/chat/web-components/components/chainOfThought/src/chainOfThoughtElement.template.js
DELETED
|
@@ -1,186 +0,0 @@
|
|
|
1
|
-
import "../../markdownText/cds-aichat-markdown-text.js";
|
|
2
|
-
|
|
3
|
-
import "@carbon/web-components/es-custom/components/inline-loading/index.js";
|
|
4
|
-
|
|
5
|
-
import { toString } from "@carbon/icon-helpers";
|
|
6
|
-
|
|
7
|
-
import CheckmarkFilled16 from "@carbon/icons/es/checkmark--filled/16.js";
|
|
8
|
-
|
|
9
|
-
import ChevronRight16 from "@carbon/icons/es/chevron--right/16.js";
|
|
10
|
-
|
|
11
|
-
import ErrorFilled16 from "@carbon/icons/es/error--filled/16.js";
|
|
12
|
-
|
|
13
|
-
import { html } from "lit";
|
|
14
|
-
|
|
15
|
-
import { unsafeSVG } from "lit/directives/unsafe-svg.js";
|
|
16
|
-
|
|
17
|
-
import { parseUnknownDataToMarkdown } from "../../../../shared/utils/lang/stringUtils.js";
|
|
18
|
-
|
|
19
|
-
import { CSS_CLASS_PREFIX } from "../../../settings.js";
|
|
20
|
-
|
|
21
|
-
import { ChainOfThoughtStepStatus } from "../../../../../types/messaging/Messages.js";
|
|
22
|
-
|
|
23
|
-
/*
|
|
24
|
-
* Copyright IBM Corp. 2025
|
|
25
|
-
*
|
|
26
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
27
|
-
* LICENSE file in the root directory of this source tree.
|
|
28
|
-
*
|
|
29
|
-
* @license
|
|
30
|
-
*/ const CSS_CLASS_ITEM_PREFIX = `${CSS_CLASS_PREFIX}-chain-of-thought-item`;
|
|
31
|
-
|
|
32
|
-
const CSS_CLASS_STATUS_PREFIX = `${CSS_CLASS_PREFIX}-chain-of-thought-accordion-item-header-status`;
|
|
33
|
-
|
|
34
|
-
const ChevronRight16svg = toString(ChevronRight16);
|
|
35
|
-
|
|
36
|
-
const CheckmarkFilled16svg = toString(CheckmarkFilled16);
|
|
37
|
-
|
|
38
|
-
const ErrorFilled16svg = toString(ErrorFilled16);
|
|
39
|
-
|
|
40
|
-
function stepStatus(status, statusSucceededLabelText, statusFailedLabelText, statusProcessingLabelText) {
|
|
41
|
-
switch (status) {
|
|
42
|
-
case ChainOfThoughtStepStatus.PROCESSING:
|
|
43
|
-
return html`<cds-custom-inline-loading
|
|
44
|
-
status="active"
|
|
45
|
-
aria-label="${statusProcessingLabelText}"
|
|
46
|
-
></cds-custom-inline-loading>`;
|
|
47
|
-
|
|
48
|
-
case ChainOfThoughtStepStatus.FAILURE:
|
|
49
|
-
return html`<span
|
|
50
|
-
class="${CSS_CLASS_STATUS_PREFIX}--${ChainOfThoughtStepStatus.FAILURE}"
|
|
51
|
-
aria-label="${statusFailedLabelText}"
|
|
52
|
-
>${unsafeSVG(ErrorFilled16svg)}</span
|
|
53
|
-
>`;
|
|
54
|
-
|
|
55
|
-
default:
|
|
56
|
-
return html`<span
|
|
57
|
-
class="${CSS_CLASS_STATUS_PREFIX}--${ChainOfThoughtStepStatus.SUCCESS}"
|
|
58
|
-
aria-label="${statusSucceededLabelText}"
|
|
59
|
-
>${unsafeSVG(CheckmarkFilled16svg)}</span
|
|
60
|
-
>`;
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
function renderToolData(data, label, classPostfix) {
|
|
65
|
-
const content = parseUnknownDataToMarkdown(data);
|
|
66
|
-
if (content) {
|
|
67
|
-
return renderToolDataAsMarkdown(content, label, classPostfix);
|
|
68
|
-
}
|
|
69
|
-
return html``;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
function renderToolDataAsMarkdown(content, label, classPostfix) {
|
|
73
|
-
return html`<div
|
|
74
|
-
class="${CSS_CLASS_ITEM_PREFIX} ${CSS_CLASS_ITEM_PREFIX}-${classPostfix}"
|
|
75
|
-
>
|
|
76
|
-
<div class="${CSS_CLASS_ITEM_PREFIX}-label">${label}</div>
|
|
77
|
-
<cds-aichat-markdown-text
|
|
78
|
-
sanitize-html
|
|
79
|
-
markdown=${content}
|
|
80
|
-
></cds-aichat-markdown-text>
|
|
81
|
-
</div>`;
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
function accordionItemContent(customElementClass, item) {
|
|
85
|
-
const {inputLabelText: inputLabelText, outputLabelText: outputLabelText, toolLabelText: toolLabelText} = customElementClass;
|
|
86
|
-
if (item.open) {
|
|
87
|
-
return html` ${item.description ? html`<div
|
|
88
|
-
class="${CSS_CLASS_ITEM_PREFIX} ${CSS_CLASS_ITEM_PREFIX}-description"
|
|
89
|
-
>
|
|
90
|
-
<cds-aichat-markdown-text
|
|
91
|
-
sanitize-html
|
|
92
|
-
markdown=${item.description}
|
|
93
|
-
></cds-aichat-markdown-text>
|
|
94
|
-
</div>` : null}
|
|
95
|
-
${item.tool_name ? html`<div
|
|
96
|
-
class="${CSS_CLASS_ITEM_PREFIX} ${CSS_CLASS_ITEM_PREFIX}-toolName"
|
|
97
|
-
>
|
|
98
|
-
<div class="${CSS_CLASS_ITEM_PREFIX}-label">${toolLabelText}</div>
|
|
99
|
-
${item.tool_name}
|
|
100
|
-
</div>` : null}
|
|
101
|
-
${renderToolData(item.request?.args, inputLabelText, "input")}
|
|
102
|
-
${renderToolData(item.response?.content, outputLabelText, "output")}`;
|
|
103
|
-
}
|
|
104
|
-
return html``;
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
function accordionContent(customElementClass) {
|
|
108
|
-
const {_steps: _steps, open: open, _chainOfThoughtPanelID: _chainOfThoughtPanelID, onStepToggle: onStepToggle, formatStepLabelText: formatStepLabelText, statusSucceededLabelText: statusSucceededLabelText, statusFailedLabelText: statusFailedLabelText, statusProcessingLabelText: statusProcessingLabelText} = customElementClass;
|
|
109
|
-
if (open) {
|
|
110
|
-
return html`${_steps.map((item, index) => {
|
|
111
|
-
const stepNumber = index + 1;
|
|
112
|
-
const content_id = `${_chainOfThoughtPanelID}-step-${stepNumber}-content`;
|
|
113
|
-
return html`<div
|
|
114
|
-
class="${CSS_CLASS_PREFIX}-chain-of-thought-accordion-item"
|
|
115
|
-
>
|
|
116
|
-
<button
|
|
117
|
-
class="${CSS_CLASS_PREFIX}-chain-of-thought-accordion-item-header"
|
|
118
|
-
@click=${() => {
|
|
119
|
-
item.open = !item.open;
|
|
120
|
-
customElementClass.requestUpdate();
|
|
121
|
-
const element = customElementClass.shadowRoot.querySelector(`#${content_id}`);
|
|
122
|
-
onStepToggle?.(item.open, element);
|
|
123
|
-
}}
|
|
124
|
-
aria-expanded=${item.open}
|
|
125
|
-
aria-controls=${content_id}
|
|
126
|
-
>
|
|
127
|
-
<span
|
|
128
|
-
class="${CSS_CLASS_PREFIX}-chain-of-thought-accordion-item-header-chevron"
|
|
129
|
-
?data-open=${item.open}
|
|
130
|
-
>${unsafeSVG(ChevronRight16svg)}</span
|
|
131
|
-
>
|
|
132
|
-
<span
|
|
133
|
-
class="${CSS_CLASS_PREFIX}-chain-of-thought-accordion-item-header-title"
|
|
134
|
-
>${formatStepLabelText({
|
|
135
|
-
stepNumber: stepNumber,
|
|
136
|
-
stepTitle: item.title
|
|
137
|
-
})}</span
|
|
138
|
-
>
|
|
139
|
-
<span class="${CSS_CLASS_STATUS_PREFIX}"
|
|
140
|
-
>${stepStatus(item.status, statusSucceededLabelText, statusFailedLabelText, statusProcessingLabelText)}</span
|
|
141
|
-
>
|
|
142
|
-
</button>
|
|
143
|
-
<div
|
|
144
|
-
class="${CSS_CLASS_PREFIX}-chain-of-thought-accordion-item-content"
|
|
145
|
-
id=${content_id}
|
|
146
|
-
?hidden=${!item.open}
|
|
147
|
-
>
|
|
148
|
-
${accordionItemContent(customElementClass, item)}
|
|
149
|
-
</div>
|
|
150
|
-
</div>`;
|
|
151
|
-
})}`;
|
|
152
|
-
}
|
|
153
|
-
return html``;
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
function chainOfThoughtElementTemplate(customElementClass) {
|
|
157
|
-
const {_chainOfThoughtPanelID: _chainOfThoughtPanelID, explainabilityText: explainabilityText, open: open} = customElementClass;
|
|
158
|
-
function toggle() {
|
|
159
|
-
customElementClass.open = !customElementClass.open;
|
|
160
|
-
customElementClass.onToggle?.(customElementClass.open, customElementClass);
|
|
161
|
-
}
|
|
162
|
-
return html`<div class="${CSS_CLASS_PREFIX}-chain-of-thought">
|
|
163
|
-
<button
|
|
164
|
-
class="${CSS_CLASS_PREFIX}-chain-of-thought-button"
|
|
165
|
-
@click=${toggle}
|
|
166
|
-
aria-expanded=${open}
|
|
167
|
-
aria-controls=${_chainOfThoughtPanelID}
|
|
168
|
-
>
|
|
169
|
-
<span class="${CSS_CLASS_PREFIX}-chain-of-thought-button-chevron"
|
|
170
|
-
>${unsafeSVG(ChevronRight16svg)}</span
|
|
171
|
-
>
|
|
172
|
-
${explainabilityText}
|
|
173
|
-
</button>
|
|
174
|
-
<div
|
|
175
|
-
id=${_chainOfThoughtPanelID}
|
|
176
|
-
class="${CSS_CLASS_PREFIX}-chain-of-thought-content"
|
|
177
|
-
?hidden=${!open}
|
|
178
|
-
>
|
|
179
|
-
<div class="${CSS_CLASS_PREFIX}-chain-of-thought-inner-content">
|
|
180
|
-
${accordionContent(customElementClass)}
|
|
181
|
-
</div>
|
|
182
|
-
</div>
|
|
183
|
-
</div>`;
|
|
184
|
-
}
|
|
185
|
-
|
|
186
|
-
export { chainOfThoughtElementTemplate };
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { __decorate } from "tslib";
|
|
2
|
-
|
|
3
|
-
import { carbonElement } from "../../../decorators/customElement.js";
|
|
4
|
-
|
|
5
|
-
import { chatHeaderAvatarTemplate } from "./src/chatHeaderAvatar.template.js";
|
|
6
|
-
|
|
7
|
-
import { ChatHeaderAvatarElement } from "./src/chatHeaderAvatarElement.js";
|
|
8
|
-
|
|
9
|
-
/*
|
|
10
|
-
* Copyright IBM Corp. 2025
|
|
11
|
-
*
|
|
12
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
13
|
-
* LICENSE file in the root directory of this source tree.
|
|
14
|
-
*
|
|
15
|
-
* @license
|
|
16
|
-
*/ const CHAT_HEADER_AVATAR_TAG_NAME = "cds-aichat-chat-header-avatar";
|
|
17
|
-
|
|
18
|
-
let CDSChatHeaderAvatarElement = class CDSChatHeaderAvatarElement extends ChatHeaderAvatarElement {
|
|
19
|
-
render() {
|
|
20
|
-
return chatHeaderAvatarTemplate(this);
|
|
21
|
-
}
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
CDSChatHeaderAvatarElement = __decorate([ carbonElement(CHAT_HEADER_AVATAR_TAG_NAME) ], CDSChatHeaderAvatarElement);
|
|
25
|
-
|
|
26
|
-
export { CHAT_HEADER_AVATAR_TAG_NAME, CDSChatHeaderAvatarElement as default };
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import "@carbon/web-components/es-custom/components/skeleton-icon/index.js";
|
|
2
|
-
|
|
3
|
-
import cx from "classnames";
|
|
4
|
-
|
|
5
|
-
import { html } from "lit";
|
|
6
|
-
|
|
7
|
-
import { CSS_CLASS_PREFIX } from "../../../../settings.js";
|
|
8
|
-
|
|
9
|
-
import { CornersType } from "../../../../../../types/config/CornersType.js";
|
|
10
|
-
|
|
11
|
-
/*
|
|
12
|
-
* Copyright IBM Corp. 2025
|
|
13
|
-
*
|
|
14
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
15
|
-
* LICENSE file in the root directory of this source tree.
|
|
16
|
-
*
|
|
17
|
-
* @license
|
|
18
|
-
*/ function chatHeaderAvatarTemplate(classElement) {
|
|
19
|
-
const {url: url, corners: corners, alt: alt, onError: onError} = classElement;
|
|
20
|
-
return html`
|
|
21
|
-
<img
|
|
22
|
-
class="${cx(`${CSS_CLASS_PREFIX}-chat-header-avatar`, {
|
|
23
|
-
[`${CSS_CLASS_PREFIX}-chat-header-avatar--round`]: corners === CornersType.ROUND
|
|
24
|
-
})}"
|
|
25
|
-
src="${url}"
|
|
26
|
-
alt="${alt}"
|
|
27
|
-
@error="${onError}"
|
|
28
|
-
/>
|
|
29
|
-
`;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
export { chatHeaderAvatarTemplate };
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { __decorate } from "tslib";
|
|
2
|
-
|
|
3
|
-
import { bind } from "bind-decorator";
|
|
4
|
-
|
|
5
|
-
import { LitElement, unsafeCSS, css } from "lit";
|
|
6
|
-
|
|
7
|
-
import { property, state } from "lit/decorators.js";
|
|
8
|
-
|
|
9
|
-
import css_248z from "./chatHeaderAvatarElement.scss.js";
|
|
10
|
-
|
|
11
|
-
/*
|
|
12
|
-
* Copyright IBM Corp. 2025
|
|
13
|
-
*
|
|
14
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
15
|
-
* LICENSE file in the root directory of this source tree.
|
|
16
|
-
*
|
|
17
|
-
* @license
|
|
18
|
-
*/ class ChatHeaderAvatarElement extends LitElement {
|
|
19
|
-
constructor() {
|
|
20
|
-
super(...arguments);
|
|
21
|
-
this.isLoaded = false;
|
|
22
|
-
}
|
|
23
|
-
_handleOnError() {
|
|
24
|
-
this.onError?.();
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
ChatHeaderAvatarElement.styles = css`
|
|
29
|
-
${unsafeCSS(css_248z)}
|
|
30
|
-
`;
|
|
31
|
-
|
|
32
|
-
__decorate([ property({
|
|
33
|
-
type: String
|
|
34
|
-
}) ], ChatHeaderAvatarElement.prototype, "url", void 0);
|
|
35
|
-
|
|
36
|
-
__decorate([ property({
|
|
37
|
-
type: String
|
|
38
|
-
}) ], ChatHeaderAvatarElement.prototype, "corners", void 0);
|
|
39
|
-
|
|
40
|
-
__decorate([ property({
|
|
41
|
-
type: String
|
|
42
|
-
}) ], ChatHeaderAvatarElement.prototype, "alt", void 0);
|
|
43
|
-
|
|
44
|
-
__decorate([ property({
|
|
45
|
-
type: Object
|
|
46
|
-
}) ], ChatHeaderAvatarElement.prototype, "onError", void 0);
|
|
47
|
-
|
|
48
|
-
__decorate([ state() ], ChatHeaderAvatarElement.prototype, "isLoaded", void 0);
|
|
49
|
-
|
|
50
|
-
__decorate([ bind ], ChatHeaderAvatarElement.prototype, "_handleOnError", null);
|
|
51
|
-
|
|
52
|
-
export { ChatHeaderAvatarElement };
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { __decorate } from "tslib";
|
|
2
|
-
|
|
3
|
-
import { LitElement } from "lit";
|
|
4
|
-
|
|
5
|
-
import { property } from "lit/decorators.js";
|
|
6
|
-
|
|
7
|
-
import { carbonElement } from "../../../decorators/customElement.js";
|
|
8
|
-
|
|
9
|
-
import { WEB_COMPONENT_PREFIX } from "../../../settings.js";
|
|
10
|
-
|
|
11
|
-
import { chatHeaderLinkTemplate } from "./src/chatHeaderLinkElement.template.js";
|
|
12
|
-
|
|
13
|
-
/*
|
|
14
|
-
* Copyright IBM Corp. 2025
|
|
15
|
-
*
|
|
16
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
17
|
-
* LICENSE file in the root directory of this source tree.
|
|
18
|
-
*
|
|
19
|
-
* @license
|
|
20
|
-
*/ let ChatHeaderLinkElement = class ChatHeaderLinkElement extends LitElement {
|
|
21
|
-
constructor() {
|
|
22
|
-
super(...arguments);
|
|
23
|
-
this.isNewTab = true;
|
|
24
|
-
}
|
|
25
|
-
render() {
|
|
26
|
-
return chatHeaderLinkTemplate(this);
|
|
27
|
-
}
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
__decorate([ property({
|
|
31
|
-
type: String
|
|
32
|
-
}) ], ChatHeaderLinkElement.prototype, "url", void 0);
|
|
33
|
-
|
|
34
|
-
__decorate([ property({
|
|
35
|
-
type: String
|
|
36
|
-
}) ], ChatHeaderLinkElement.prototype, "label", void 0);
|
|
37
|
-
|
|
38
|
-
__decorate([ property({
|
|
39
|
-
type: Boolean
|
|
40
|
-
}) ], ChatHeaderLinkElement.prototype, "isNewTab", void 0);
|
|
41
|
-
|
|
42
|
-
ChatHeaderLinkElement = __decorate([ carbonElement(`${WEB_COMPONENT_PREFIX}-chat-header-link`) ], ChatHeaderLinkElement);
|
|
43
|
-
|
|
44
|
-
export { ChatHeaderLinkElement };
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import "@carbon/web-components/es-custom/components/button/index.js";
|
|
2
|
-
|
|
3
|
-
import "@carbon/web-components/es-custom/components/overflow-menu/index.js";
|
|
4
|
-
|
|
5
|
-
import { html } from "lit";
|
|
6
|
-
|
|
7
|
-
import { ButtonKindEnum } from "../../../../../../types/utilities/carbonTypes.js";
|
|
8
|
-
|
|
9
|
-
/*
|
|
10
|
-
* Copyright IBM Corp. 2025
|
|
11
|
-
*
|
|
12
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
13
|
-
* LICENSE file in the root directory of this source tree.
|
|
14
|
-
*
|
|
15
|
-
* @license
|
|
16
|
-
*/ function chatHeaderLinkTemplate(customElementClass) {
|
|
17
|
-
const {label: label, url: url, isNewTab: isNewTab} = customElementClass;
|
|
18
|
-
return html`<cds-custom-button
|
|
19
|
-
class="WACChatHeaderLink"
|
|
20
|
-
href="${url}"
|
|
21
|
-
target="${isNewTab ? "_blank" : "_self"}"
|
|
22
|
-
kind="${ButtonKindEnum.GHOST}"
|
|
23
|
-
size="md"
|
|
24
|
-
>${label}</cds-custom-button
|
|
25
|
-
>`;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
export { chatHeaderLinkTemplate };
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { __decorate } from "tslib";
|
|
2
|
-
|
|
3
|
-
import { LitElement, unsafeCSS, css } from "lit";
|
|
4
|
-
|
|
5
|
-
import { property } from "lit/decorators.js";
|
|
6
|
-
|
|
7
|
-
import { carbonElement } from "../../../decorators/customElement.js";
|
|
8
|
-
|
|
9
|
-
import { WEB_COMPONENT_PREFIX } from "../../../settings.js";
|
|
10
|
-
|
|
11
|
-
import css_248z from "./src/chatHeaderTitle.scss.js";
|
|
12
|
-
|
|
13
|
-
import { chatHeaderTitleTemplate } from "./src/chatHeaderTitle.template.js";
|
|
14
|
-
|
|
15
|
-
/*
|
|
16
|
-
* Copyright IBM Corp. 2025
|
|
17
|
-
*
|
|
18
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
19
|
-
* LICENSE file in the root directory of this source tree.
|
|
20
|
-
*
|
|
21
|
-
* @license
|
|
22
|
-
*/ let ChatHeaderTitleElement = class ChatHeaderTitleElement extends LitElement {
|
|
23
|
-
render() {
|
|
24
|
-
return chatHeaderTitleTemplate(this);
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
ChatHeaderTitleElement.styles = css`
|
|
29
|
-
${unsafeCSS(css_248z)}
|
|
30
|
-
`;
|
|
31
|
-
|
|
32
|
-
__decorate([ property({
|
|
33
|
-
type: String
|
|
34
|
-
}) ], ChatHeaderTitleElement.prototype, "title", void 0);
|
|
35
|
-
|
|
36
|
-
__decorate([ property({
|
|
37
|
-
type: String
|
|
38
|
-
}) ], ChatHeaderTitleElement.prototype, "name", void 0);
|
|
39
|
-
|
|
40
|
-
ChatHeaderTitleElement = __decorate([ carbonElement(`${WEB_COMPONENT_PREFIX}-chat-header-title`) ], ChatHeaderTitleElement);
|
|
41
|
-
|
|
42
|
-
export { ChatHeaderTitleElement };
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
var css_248z = "cds-chat-header-title{\n text-align:center;\n}\n\n.WACChatHeaderTitle{\n overflow:hidden;\n font-size:var(--cds-chat-BASE-font-size-med);\n font-weight:400;\n line-height:var(--cds-chat-BASE-line-height-med);\n overflow-wrap:break-word;\n text-overflow:ellipsis;\n white-space:nowrap;\n word-wrap:break-word;\n}\n\n.WACChatHeaderTitle .WACChatHeaderTitle__Title:only-child{\n padding-inline-end:0.25rem;\n}\n\n.WACChatHeaderTitle__Name{\n font-weight:var(--cds-chat-BASE-weight-semibold);\n}";
|
|
2
|
-
|
|
3
|
-
export { css_248z as default };
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { html } from "lit";
|
|
2
|
-
|
|
3
|
-
/*
|
|
4
|
-
* Copyright IBM Corp. 2025
|
|
5
|
-
*
|
|
6
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
|
-
* LICENSE file in the root directory of this source tree.
|
|
8
|
-
*
|
|
9
|
-
* @license
|
|
10
|
-
*/ function chatHeaderTitleTemplate(customElementClass) {
|
|
11
|
-
const {title: title, name: name} = customElementClass;
|
|
12
|
-
return html`<div class="WACChatHeaderTitle">
|
|
13
|
-
<span className="WACChatHeaderTitle__Title" ?hidden="${!title}"
|
|
14
|
-
>${title}</span
|
|
15
|
-
>
|
|
16
|
-
<span class="WACChatHeaderTitle__Name">${name}</span>
|
|
17
|
-
</div>`;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
export { chatHeaderTitleTemplate };
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import { __decorate } from "tslib";
|
|
2
|
-
|
|
3
|
-
import { unsafeCSS, css, LitElement, html } from "lit";
|
|
4
|
-
|
|
5
|
-
import { property } from "lit/decorators.js";
|
|
6
|
-
|
|
7
|
-
import throttle from "lodash-es/throttle.js";
|
|
8
|
-
|
|
9
|
-
import { carbonElement } from "../../decorators/customElement.js";
|
|
10
|
-
|
|
11
|
-
import css_248z from "./src/codeElement.scss.js";
|
|
12
|
-
|
|
13
|
-
import hljs from "highlight.js/lib/common";
|
|
14
|
-
|
|
15
|
-
/*
|
|
16
|
-
* Copyright IBM Corp. 2025
|
|
17
|
-
*
|
|
18
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
19
|
-
* LICENSE file in the root directory of this source tree.
|
|
20
|
-
*
|
|
21
|
-
* @license
|
|
22
|
-
*/ let CDSChatCodeElement = class CDSChatCodeElement extends LitElement {
|
|
23
|
-
constructor() {
|
|
24
|
-
super(...arguments);
|
|
25
|
-
this.language = "";
|
|
26
|
-
this.content = "";
|
|
27
|
-
this.throttledHighlight = throttle(async () => {
|
|
28
|
-
try {
|
|
29
|
-
const codeEl = this.renderRoot.querySelector("code");
|
|
30
|
-
let content = "";
|
|
31
|
-
if (this.language && hljs.getLanguage(this.language)) {
|
|
32
|
-
content = hljs.highlight(this.content, {
|
|
33
|
-
language: this.language
|
|
34
|
-
}).value;
|
|
35
|
-
} else {
|
|
36
|
-
content = hljs.highlightAuto(this.content).value;
|
|
37
|
-
}
|
|
38
|
-
if (codeEl) {
|
|
39
|
-
codeEl.innerHTML = content;
|
|
40
|
-
}
|
|
41
|
-
} catch (error) {
|
|
42
|
-
console.warn(`Language "${this.language}" could not be loaded.`);
|
|
43
|
-
}
|
|
44
|
-
}, 100);
|
|
45
|
-
}
|
|
46
|
-
updated() {
|
|
47
|
-
this.throttledHighlight();
|
|
48
|
-
}
|
|
49
|
-
render() {
|
|
50
|
-
return html`<pre><code class="language-${this.language}"></code></pre>`;
|
|
51
|
-
}
|
|
52
|
-
};
|
|
53
|
-
|
|
54
|
-
CDSChatCodeElement.styles = css`
|
|
55
|
-
${unsafeCSS(css_248z)}
|
|
56
|
-
`;
|
|
57
|
-
|
|
58
|
-
__decorate([ property({
|
|
59
|
-
type: String
|
|
60
|
-
}) ], CDSChatCodeElement.prototype, "language", void 0);
|
|
61
|
-
|
|
62
|
-
__decorate([ property({
|
|
63
|
-
type: String
|
|
64
|
-
}) ], CDSChatCodeElement.prototype, "content", void 0);
|
|
65
|
-
|
|
66
|
-
CDSChatCodeElement = __decorate([ carbonElement(`cds-aichat-code`) ], CDSChatCodeElement);
|