@red-hat-developer-hub/backstage-plugin-intelligent-assistant 3.0.0

package/dist/components/LightspeedChatBoxHeader.esm.js

@@ -0,0 +1,210 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { makeStyles, createStyles } from '@material-ui/core';
+import ToggleOffOutlinedIcon from '@mui/icons-material/ToggleOffOutlined';
+import ToggleOnOutlinedIcon from '@mui/icons-material/ToggleOnOutlined';
+import Divider from '@mui/material/Divider';
+import { ChatbotDisplayMode, ChatbotHeaderActions, ChatbotHeaderOptionsDropdown } from '@patternfly/chatbot';
+import { Dropdown, DropdownList, DropdownGroup, DropdownItem, Label, MenuToggle } from '@patternfly/react-core';
+import { OutlinedWindowRestoreIcon, OpenDrawerRightIcon, ExpandIcon } from '@patternfly/react-icons';
+import { useTranslation } from '../hooks/useTranslation.esm.js';
+import { McpSettingsIcon } from './McpSettingsIcon.esm.js';
+
+const useStyles = makeStyles(
+  (theme) => createStyles({
+    dropdown: {
+      "& ul, & li": {
+        padding: 0,
+        margin: 0
+      }
+    },
+    header: {
+      backgroundColor: theme.palette.action.disabled
+    },
+    optionsToggle: {
+      "& svg": {
+        transform: "none !important"
+      }
+    },
+    groupTitle: {
+      fontWeight: "bold"
+    }
+  })
+);
+const LightspeedChatBoxHeader = ({
+  selectedModel,
+  displayMode,
+  handleSelectedModel,
+  models,
+  isPinningChatsEnabled,
+  onPinnedChatsToggle,
+  onMcpSettingsClick,
+  isModelSelectorDisabled = false,
+  hideModelSelector = false,
+  showChatTabOptions = true,
+  setDisplayMode
+}) => {
+  const [isOptionsMenuOpen, setIsOptionsMenuOpen] = useState(false);
+  const { t } = useTranslation();
+  const styles = useStyles();
+  const maxLabelLength = Math.max(
+    ...models.map((m) => m.label.length),
+    selectedModel.length,
+    1
+  );
+  const toggleMinWidth = `${maxLabelLength + 4}ch`;
+  const toggle = (toggleRef) => /* @__PURE__ */ jsx(
+    MenuToggle,
+    {
+      className: isModelSelectorDisabled ? styles.header : "",
+      variant: "secondary",
+      "aria-label": t("aria.chatbotSelector"),
+      ref: toggleRef,
+      isExpanded: isOptionsMenuOpen,
+      isDisabled: isModelSelectorDisabled,
+      onClick: () => setIsOptionsMenuOpen(!isOptionsMenuOpen),
+      style: { minWidth: toggleMinWidth },
+      children: selectedModel
+    }
+  );
+  const handlePinningChatsToggle = (state) => {
+    onPinnedChatsToggle(state);
+  };
+  const handleDockedToWindow = () => {
+    setDisplayMode(ChatbotDisplayMode.docked);
+  };
+  const handleFullscreen = () => {
+    setDisplayMode(ChatbotDisplayMode.embedded);
+  };
+  const handleOverlay = () => {
+    setDisplayMode(ChatbotDisplayMode.default);
+  };
+  const isOverlayMode = displayMode === ChatbotDisplayMode.default;
+  const scrollThreshold = isOverlayMode ? 8 : 10;
+  const isModelDropdownScrollable = models.length > scrollThreshold;
+  return /* @__PURE__ */ jsxs(ChatbotHeaderActions, { children: [
+    !hideModelSelector && /* @__PURE__ */ jsx(
+      Dropdown,
+      {
+        className: styles.dropdown,
+        isOpen: isOptionsMenuOpen,
+        onSelect: (_e, value) => {
+          handleSelectedModel(value);
+          setIsOptionsMenuOpen(false);
+        },
+        onOpenChange: (isOpen) => setIsOptionsMenuOpen(isOpen),
+        popperProps: { position: "right" },
+        shouldFocusToggleOnSelect: true,
+        shouldFocusFirstItemOnOpen: false,
+        toggle,
+        isScrollable: isModelDropdownScrollable,
+        maxMenuHeight: isModelDropdownScrollable ? "240px" : void 0,
+        children: /* @__PURE__ */ jsx(DropdownList, { children: models.map((model) => /* @__PURE__ */ jsx(DropdownGroup, { className: styles.groupTitle, children: /* @__PURE__ */ jsx(
+          DropdownItem,
+          {
+            value: model.value,
+            isSelected: selectedModel === model.value,
+            children: model.label
+          },
+          model.value
+        ) }, model.label)) })
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      ChatbotHeaderOptionsDropdown,
+      {
+        className: styles.dropdown,
+        isCompact: true,
+        shouldFocusFirstItemOnOpen: false,
+        toggleProps: {
+          "aria-label": t("aria.options.label"),
+          className: styles.optionsToggle
+        },
+        tooltipProps: {
+          trigger: "manual",
+          content: ""
+        },
+        children: [
+          /* @__PURE__ */ jsx(DropdownGroup, { children: /* @__PURE__ */ jsxs(DropdownList, { children: [
+            /* @__PURE__ */ jsx(DropdownItem, { isDisabled: true, children: t("settings.displayMode.label") }, "displayModeLabel"),
+            /* @__PURE__ */ jsx(
+              DropdownItem,
+              {
+                value: ChatbotDisplayMode.default,
+                icon: /* @__PURE__ */ jsx(OutlinedWindowRestoreIcon, {}),
+                onClick: handleOverlay,
+                isSelected: displayMode === ChatbotDisplayMode.default,
+                children: t("settings.displayMode.overlay")
+              },
+              "switchDisplayOverlay"
+            ),
+            /* @__PURE__ */ jsx(
+              DropdownItem,
+              {
+                value: ChatbotDisplayMode.docked,
+                icon: /* @__PURE__ */ jsx(OpenDrawerRightIcon, {}),
+                onClick: handleDockedToWindow,
+                isSelected: displayMode === ChatbotDisplayMode.docked,
+                children: t("settings.displayMode.docked")
+              },
+              "switchDisplayDock"
+            ),
+            /* @__PURE__ */ jsx(
+              DropdownItem,
+              {
+                value: ChatbotDisplayMode.embedded,
+                icon: /* @__PURE__ */ jsx(ExpandIcon, {}),
+                onClick: handleFullscreen,
+                isSelected: displayMode === ChatbotDisplayMode.embedded,
+                children: t("settings.displayMode.fullscreen")
+              },
+              "switchDisplayFullscreen"
+            )
+          ] }) }),
+          showChatTabOptions && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Divider, {}),
+            /* @__PURE__ */ jsx(DropdownGroup, { children: /* @__PURE__ */ jsxs(DropdownList, { children: [
+              isPinningChatsEnabled ? /* @__PURE__ */ jsx(
+                DropdownItem,
+                {
+                  value: "disablePinningChats",
+                  icon: /* @__PURE__ */ jsx(ToggleOnOutlinedIcon, { sx: { marginTop: "8px" } }),
+                  description: t("settings.pinned.enabled.description"),
+                  onClick: () => handlePinningChatsToggle(false),
+                  children: t("settings.pinned.disable")
+                },
+                "disablePinningChat"
+              ) : /* @__PURE__ */ jsx(
+                DropdownItem,
+                {
+                  value: "enablePinningChats",
+                  icon: /* @__PURE__ */ jsx(ToggleOffOutlinedIcon, { sx: { marginTop: "8px" } }),
+                  description: t("settings.pinned.disabled.description"),
+                  onClick: () => handlePinningChatsToggle(true),
+                  children: t("settings.pinned.enable")
+                },
+                "enablePinningChats"
+              ),
+              /* @__PURE__ */ jsxs(
+                DropdownItem,
+                {
+                  value: "mcpSettings",
+                  icon: /* @__PURE__ */ jsx(McpSettingsIcon, {}),
+                  onClick: onMcpSettingsClick,
+                  children: [
+                    t("settings.mcp.label"),
+                    /* @__PURE__ */ jsx(Label, { color: "purple", isCompact: true, style: { marginLeft: 8 }, children: t("settings.mcp.badge") })
+                  ]
+                },
+                "mcpSettings"
+              )
+            ] }) })
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+
+export { LightspeedChatBoxHeader };
+//# sourceMappingURL=LightspeedChatBoxHeader.esm.js.map

package/dist/components/LightspeedChatBoxHeader.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightspeedChatBoxHeader.esm.js","sources":["../../src/components/LightspeedChatBoxHeader.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Ref, useState } from 'react';\n\nimport { createStyles, makeStyles } from '@material-ui/core';\nimport ToggleOffOutlinedIcon from '@mui/icons-material/ToggleOffOutlined';\nimport ToggleOnOutlinedIcon from '@mui/icons-material/ToggleOnOutlined';\nimport Divider from '@mui/material/Divider';\nimport {\n  ChatbotDisplayMode,\n  ChatbotHeaderActions,\n  ChatbotHeaderOptionsDropdown,\n} from '@patternfly/chatbot';\nimport {\n  Dropdown,\n  DropdownGroup,\n  DropdownItem,\n  DropdownList,\n  Label,\n  MenuToggle,\n  MenuToggleElement,\n} from '@patternfly/react-core';\nimport {\n  ExpandIcon,\n  OpenDrawerRightIcon,\n  OutlinedWindowRestoreIcon,\n} from '@patternfly/react-icons';\n\nimport { useTranslation } from '../hooks/useTranslation';\nimport { McpSettingsIcon } from './McpSettingsIcon';\n\ntype LightspeedChatBoxHeaderProps = {\n  displayMode: ChatbotDisplayMode;\n  selectedModel: string;\n  handleSelectedModel: (item: string) => void;\n  models: { label: string; value: string; provider: string }[];\n  isPinningChatsEnabled: boolean;\n  onPinnedChatsToggle: (state: boolean) => void;\n  onMcpSettingsClick: () => void;\n  isModelSelectorDisabled?: boolean;\n  hideModelSelector?: boolean;\n  /** When false, omits pinned-chats and MCP entries (Chat tab only). */\n  showChatTabOptions?: boolean;\n  setDisplayMode: (mode: ChatbotDisplayMode) => void;\n};\n\nconst useStyles = makeStyles(theme =>\n  createStyles({\n    dropdown: {\n      '& ul, & li': {\n        padding: 0,\n        margin: 0,\n      },\n    },\n    header: {\n      backgroundColor: theme.palette.action.disabled,\n    },\n    optionsToggle: {\n      '& svg': {\n        transform: 'none !important',\n      },\n    },\n    groupTitle: {\n      fontWeight: 'bold',\n    },\n  }),\n);\n\nexport const LightspeedChatBoxHeader = ({\n  selectedModel,\n  displayMode,\n  handleSelectedModel,\n  models,\n  isPinningChatsEnabled,\n  onPinnedChatsToggle,\n  onMcpSettingsClick,\n  isModelSelectorDisabled = false,\n  hideModelSelector = false,\n  showChatTabOptions = true,\n  setDisplayMode,\n}: LightspeedChatBoxHeaderProps) => {\n  const [isOptionsMenuOpen, setIsOptionsMenuOpen] = useState(false);\n  const { t } = useTranslation();\n\n  const styles = useStyles();\n\n  const maxLabelLength = Math.max(\n    ...models.map(m => m.label.length),\n    selectedModel.length,\n    1,\n  );\n  const toggleMinWidth = `${maxLabelLength + 4}ch`;\n\n  const toggle = (toggleRef: Ref<MenuToggleElement>) => (\n    <MenuToggle\n      className={isModelSelectorDisabled ? styles.header : ''}\n      variant=\"secondary\"\n      aria-label={t('aria.chatbotSelector')}\n      ref={toggleRef}\n      isExpanded={isOptionsMenuOpen}\n      isDisabled={isModelSelectorDisabled}\n      onClick={() => setIsOptionsMenuOpen(!isOptionsMenuOpen)}\n      style={{ minWidth: toggleMinWidth }}\n    >\n      {selectedModel}\n    </MenuToggle>\n  );\n\n  const handlePinningChatsToggle = (state: boolean) => {\n    onPinnedChatsToggle(state);\n  };\n\n  const handleDockedToWindow = () => {\n    setDisplayMode(ChatbotDisplayMode.docked);\n  };\n\n  const handleFullscreen = () => {\n    setDisplayMode(ChatbotDisplayMode.embedded);\n  };\n\n  const handleOverlay = () => {\n    setDisplayMode(ChatbotDisplayMode.default);\n  };\n\n  const isOverlayMode = displayMode === ChatbotDisplayMode.default;\n  const scrollThreshold = isOverlayMode ? 8 : 10;\n  const isModelDropdownScrollable = models.length > scrollThreshold;\n\n  return (\n    <ChatbotHeaderActions>\n      {!hideModelSelector && (\n        <Dropdown\n          className={styles.dropdown}\n          isOpen={isOptionsMenuOpen}\n          onSelect={(_e, value) => {\n            handleSelectedModel(value as string);\n            setIsOptionsMenuOpen(false);\n          }}\n          onOpenChange={isOpen => setIsOptionsMenuOpen(isOpen)}\n          popperProps={{ position: 'right' }}\n          shouldFocusToggleOnSelect\n          shouldFocusFirstItemOnOpen={false}\n          toggle={toggle}\n          isScrollable={isModelDropdownScrollable}\n          maxMenuHeight={isModelDropdownScrollable ? '240px' : undefined}\n        >\n          <DropdownList>\n            {models.map(model => (\n              <DropdownGroup className={styles.groupTitle} key={model.label}>\n                <DropdownItem\n                  value={model.value}\n                  key={model.value}\n                  isSelected={selectedModel === model.value}\n                >\n                  {model.label}\n                </DropdownItem>\n              </DropdownGroup>\n            ))}\n          </DropdownList>\n        </Dropdown>\n      )}\n      <ChatbotHeaderOptionsDropdown\n        className={styles.dropdown}\n        isCompact\n        shouldFocusFirstItemOnOpen={false}\n        toggleProps={{\n          'aria-label': t('aria.options.label'),\n          className: styles.optionsToggle,\n        }}\n        tooltipProps={{\n          trigger: 'manual',\n          content: '',\n        }}\n      >\n        <DropdownGroup>\n          <DropdownList>\n            <DropdownItem key=\"displayModeLabel\" isDisabled>\n              {t('settings.displayMode.label')}\n            </DropdownItem>\n            <DropdownItem\n              value={ChatbotDisplayMode.default}\n              key=\"switchDisplayOverlay\"\n              icon={<OutlinedWindowRestoreIcon />}\n              onClick={handleOverlay}\n              isSelected={displayMode === ChatbotDisplayMode.default}\n            >\n              {t('settings.displayMode.overlay')}\n            </DropdownItem>\n            <DropdownItem\n              value={ChatbotDisplayMode.docked}\n              key=\"switchDisplayDock\"\n              icon={<OpenDrawerRightIcon />}\n              onClick={handleDockedToWindow}\n              isSelected={displayMode === ChatbotDisplayMode.docked}\n            >\n              {t('settings.displayMode.docked')}\n            </DropdownItem>\n            <DropdownItem\n              value={ChatbotDisplayMode.embedded}\n              key=\"switchDisplayFullscreen\"\n              icon={<ExpandIcon />}\n              onClick={handleFullscreen}\n              isSelected={displayMode === ChatbotDisplayMode.embedded}\n            >\n              {t('settings.displayMode.fullscreen')}\n            </DropdownItem>\n          </DropdownList>\n        </DropdownGroup>\n        {showChatTabOptions && (\n          <>\n            <Divider />\n            <DropdownGroup>\n              <DropdownList>\n                {isPinningChatsEnabled ? (\n                  <DropdownItem\n                    value=\"disablePinningChats\"\n                    key=\"disablePinningChat\"\n                    icon={<ToggleOnOutlinedIcon sx={{ marginTop: '8px' }} />}\n                    description={t('settings.pinned.enabled.description')}\n                    onClick={() => handlePinningChatsToggle(false)}\n                  >\n                    {t('settings.pinned.disable')}\n                  </DropdownItem>\n                ) : (\n                  <DropdownItem\n                    value=\"enablePinningChats\"\n                    key=\"enablePinningChats\"\n                    icon={<ToggleOffOutlinedIcon sx={{ marginTop: '8px' }} />}\n                    description={t('settings.pinned.disabled.description')}\n                    onClick={() => handlePinningChatsToggle(true)}\n                  >\n                    {t('settings.pinned.enable')}\n                  </DropdownItem>\n                )}\n                <DropdownItem\n                  value=\"mcpSettings\"\n                  key=\"mcpSettings\"\n                  icon={<McpSettingsIcon />}\n                  onClick={onMcpSettingsClick}\n                >\n                  {t('settings.mcp.label')}\n                  <Label color=\"purple\" isCompact style={{ marginLeft: 8 }}>\n                    {t('settings.mcp.badge')}\n                  </Label>\n                </DropdownItem>\n              </DropdownList>\n            </DropdownGroup>\n          </>\n        )}\n      </ChatbotHeaderOptionsDropdown>\n    </ChatbotHeaderActions>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/LightspeedChatContainer.esm.js

@@ -0,0 +1,162 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useMemo, useEffect } from 'react';
+import { useAsync } from 'react-use';
+import { useApi, identityApiRef } from '@backstage/core-plugin-api';
+import { Button } from '@material-ui/core';
+import { StylesProvider as StylesProvider$1, useTheme } from '@material-ui/core/styles';
+import OpenInNewIcon from '@mui/icons-material/OpenInNew';
+import { StylesProvider } from '@mui/styles';
+import { QueryClientProvider } from '@tanstack/react-query';
+import { useAllModels } from '../hooks/useAllModels.esm.js';
+import { useLightspeedViewPermission } from '../hooks/useLightspeedViewPermission.esm.js';
+import { useTopicRestrictionStatus } from '../hooks/useQuestionValidation.esm.js';
+import { useTranslation } from '../hooks/useTranslation.esm.js';
+import { generateClassName, generateClassNameV4 } from '../utils/generateClassName.esm.js';
+import queryClient from '../utils/queryClient.esm.js';
+import FileAttachmentContextProvider from './AttachmentContext.esm.js';
+import { LightspeedChat } from './LightSpeedChat.esm.js';
+import { LightspeedChatModelsLoading, ModelsLoadErrorEmptyState, LcoreNotConfiguredEmptyState } from './LightspeedChatModelsState.esm.js';
+import PermissionRequiredState from './PermissionRequiredState.esm.js';
+
+const THEME_DARK = "dark";
+const THEME_DARK_CLASS = "pf-v6-theme-dark";
+const LAST_SELECTED_MODEL_KEY = "lastSelectedModel";
+const LightspeedChatContainerInner = () => {
+  const {
+    palette: { type }
+  } = useTheme();
+  const { t } = useTranslation();
+  const identityApi = useApi(identityApiRef);
+  const {
+    data: models,
+    isLoading: modelsLoading,
+    isError: modelsError,
+    refetch: refetchModels
+  } = useAllModels();
+  const { allowed: hasViewAccess, loading } = useLightspeedViewPermission();
+  const { value: profile, loading: profileLoading } = useAsync(
+    async () => await identityApi.getProfileInfo()
+  );
+  const [selectedModel, setSelectedModel] = useState("");
+  const [selectedProvider, setSelectedProvider] = useState("");
+  const { data: topicRestrictionEnabled } = useTopicRestrictionStatus();
+  const modelsItems = useMemo(
+    () => models ? models.filter((model) => model.model_type === "llm").map((m) => ({
+      label: m.provider_resource_id,
+      value: m.provider_resource_id,
+      provider: m.provider_id
+    })) : [],
+    [models]
+  );
+  useEffect(() => {
+    const htmlTagElement = document.documentElement;
+    if (type === THEME_DARK) {
+      htmlTagElement.classList.add(THEME_DARK_CLASS);
+    } else {
+      htmlTagElement.classList.remove(THEME_DARK_CLASS);
+    }
+  }, [type]);
+  useEffect(() => {
+    if (modelsItems.length > 0) {
+      try {
+        const storedData = localStorage.getItem(LAST_SELECTED_MODEL_KEY);
+        const parsedData = storedData ? JSON.parse(storedData) : null;
+        const storedModel = parsedData?.model ? modelsItems.find((m) => m.value === parsedData.model) : null;
+        if (storedModel) {
+          setSelectedModel(storedModel.value);
+          setSelectedProvider(storedModel.provider);
+        } else {
+          setSelectedModel(modelsItems[0].value);
+          setSelectedProvider(modelsItems[0].provider);
+        }
+      } catch (error) {
+        console.error(
+          "Error loading last selected model from localStorage:",
+          error
+        );
+        setSelectedModel(modelsItems[0].value);
+        setSelectedProvider(modelsItems[0].provider);
+      }
+    }
+  }, [modelsItems]);
+  useEffect(() => {
+    if (selectedModel && selectedProvider) {
+      try {
+        localStorage.setItem(
+          LAST_SELECTED_MODEL_KEY,
+          JSON.stringify({
+            model: selectedModel,
+            provider: selectedProvider
+          })
+        );
+      } catch (error) {
+        console.error(
+          "Error saving last selected model to localStorage:",
+          error
+        );
+      }
+    }
+  }, [selectedModel, selectedProvider]);
+  if (loading) {
+    return /* @__PURE__ */ jsx(LightspeedChatModelsLoading, {});
+  }
+  if (!hasViewAccess) {
+    return /* @__PURE__ */ jsx(
+      PermissionRequiredState,
+      {
+        subject: t("permission.subject.plugin"),
+        permissions: [
+          "intelligent-assistant.chat.read",
+          "intelligent-assistant.chat.create"
+        ],
+        action: /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outlined",
+            color: "primary",
+            target: "_blank",
+            href: "https://github.com/redhat-developer/rhdh-plugins/blob/main/workspaces/intelligent-assistant/plugins/intelligent-assistant/README.md#permission-framework-support",
+            children: [
+              t("common.readMore"),
+              " \xA0 ",
+              /* @__PURE__ */ jsx(OpenInNewIcon, {})
+            ]
+          }
+        )
+      }
+    );
+  }
+  if (modelsLoading) {
+    return /* @__PURE__ */ jsx(LightspeedChatModelsLoading, {});
+  }
+  if (modelsError && modelsItems.length === 0) {
+    return /* @__PURE__ */ jsx(ModelsLoadErrorEmptyState, { onRetry: () => refetchModels() });
+  }
+  if (modelsItems.length === 0) {
+    return /* @__PURE__ */ jsx(LcoreNotConfiguredEmptyState, {});
+  }
+  return /* @__PURE__ */ jsx(FileAttachmentContextProvider, { children: /* @__PURE__ */ jsx(
+    LightspeedChat,
+    {
+      selectedModel,
+      selectedProvider,
+      topicRestrictionEnabled: topicRestrictionEnabled ?? false,
+      handleSelectedModel: (item) => {
+        setSelectedModel(item);
+        setSelectedProvider(
+          modelsItems.find((m) => m.value === item)?.provider || ""
+        );
+      },
+      models: modelsItems,
+      userName: profile?.displayName,
+      avatar: profile?.picture,
+      profileLoading
+    }
+  ) });
+};
+const LightspeedChatContainer = () => {
+  return /* @__PURE__ */ jsx(StylesProvider, { generateClassName, children: /* @__PURE__ */ jsx(StylesProvider$1, { generateClassName: generateClassNameV4, children: /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(LightspeedChatContainerInner, {}) }) }) });
+};
+
+export { LightspeedChatContainer };
+//# sourceMappingURL=LightspeedChatContainer.esm.js.map

package/dist/components/LightspeedChatContainer.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightspeedChatContainer.esm.js","sources":["../../src/components/LightspeedChatContainer.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useEffect, useMemo, useState } from 'react';\nimport { useAsync } from 'react-use';\n\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\n\nimport { Button } from '@material-ui/core';\nimport {\n  StylesProvider as StylesProviderV4,\n  useTheme,\n} from '@material-ui/core/styles';\nimport OpenInNewIcon from '@mui/icons-material/OpenInNew';\nimport { StylesProvider } from '@mui/styles';\nimport { QueryClientProvider } from '@tanstack/react-query';\n\nimport { useAllModels } from '../hooks/useAllModels';\nimport { useLightspeedViewPermission } from '../hooks/useLightspeedViewPermission';\nimport { useTopicRestrictionStatus } from '../hooks/useQuestionValidation';\nimport { useTranslation } from '../hooks/useTranslation';\nimport {\n  generateClassName,\n  generateClassNameV4,\n} from '../utils/generateClassName';\nimport queryClient from '../utils/queryClient';\nimport FileAttachmentContextProvider from './AttachmentContext';\nimport { LightspeedChat } from './LightSpeedChat';\nimport {\n  LcoreNotConfiguredEmptyState,\n  LightspeedChatModelsLoading,\n  ModelsLoadErrorEmptyState,\n} from './LightspeedChatModelsState';\nimport PermissionRequiredState from './PermissionRequiredState';\n\nconst THEME_DARK = 'dark';\nconst THEME_DARK_CLASS = 'pf-v6-theme-dark';\nconst LAST_SELECTED_MODEL_KEY = 'lastSelectedModel';\n\n/**\n * Inner component that contains all the Lightspeed chat rendering logic\n */\nconst LightspeedChatContainerInner = () => {\n  const {\n    palette: { type },\n  } = useTheme();\n  const { t } = useTranslation();\n\n  const identityApi = useApi(identityApiRef);\n\n  const {\n    data: models,\n    isLoading: modelsLoading,\n    isError: modelsError,\n    refetch: refetchModels,\n  } = useAllModels();\n\n  const { allowed: hasViewAccess, loading } = useLightspeedViewPermission();\n\n  const { value: profile, loading: profileLoading } = useAsync(\n    async () => await identityApi.getProfileInfo(),\n  );\n\n  const [selectedModel, setSelectedModel] = useState('');\n  const [selectedProvider, setSelectedProvider] = useState('');\n\n  const { data: topicRestrictionEnabled } = useTopicRestrictionStatus();\n\n  const modelsItems = useMemo(\n    () =>\n      models\n        ? models\n            .filter(model => model.model_type === 'llm')\n            .map(m => ({\n              label: m.provider_resource_id,\n              value: m.provider_resource_id,\n              provider: m.provider_id,\n            }))\n        : [],\n    [models],\n  );\n\n  // Handle dark theme class on document\n  useEffect(() => {\n    const htmlTagElement = document.documentElement;\n    if (type === THEME_DARK) {\n      htmlTagElement.classList.add(THEME_DARK_CLASS);\n    } else {\n      htmlTagElement.classList.remove(THEME_DARK_CLASS);\n    }\n  }, [type]);\n\n  // Load last selected model from localStorage\n  useEffect(() => {\n    if (modelsItems.length > 0) {\n      try {\n        const storedData = localStorage.getItem(LAST_SELECTED_MODEL_KEY);\n        const parsedData = storedData ? JSON.parse(storedData) : null;\n\n        const storedModel = parsedData?.model\n          ? modelsItems.find(m => m.value === parsedData.model)\n          : null;\n\n        if (storedModel) {\n          setSelectedModel(storedModel.value);\n          setSelectedProvider(storedModel.provider);\n        } else {\n          setSelectedModel(modelsItems[0].value);\n          setSelectedProvider(modelsItems[0].provider);\n        }\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error(\n          'Error loading last selected model from localStorage:',\n          error,\n        );\n        setSelectedModel(modelsItems[0].value);\n        setSelectedProvider(modelsItems[0].provider);\n      }\n    }\n  }, [modelsItems]);\n\n  // Save selected model to localStorage\n  useEffect(() => {\n    if (selectedModel && selectedProvider) {\n      try {\n        localStorage.setItem(\n          LAST_SELECTED_MODEL_KEY,\n          JSON.stringify({\n            model: selectedModel,\n            provider: selectedProvider,\n          }),\n        );\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error(\n          'Error saving last selected model to localStorage:',\n          error,\n        );\n      }\n    }\n  }, [selectedModel, selectedProvider]);\n\n  if (loading) {\n    // Never return null inside the overlay modal: PatternFly's focus-trap requires at least\n    // one tabbable node (e.g. after removing the modal close button). Locale switches can\n    // briefly re-enter this loading state.\n    return <LightspeedChatModelsLoading />;\n  }\n\n  if (!hasViewAccess) {\n    return (\n      <PermissionRequiredState\n        subject={t('permission.subject.plugin')}\n        permissions={[\n          'intelligent-assistant.chat.read',\n          'intelligent-assistant.chat.create',\n        ]}\n        action={\n          <Button\n            variant=\"outlined\"\n            color=\"primary\"\n            target=\"_blank\"\n            href=\"https://github.com/redhat-developer/rhdh-plugins/blob/main/workspaces/intelligent-assistant/plugins/intelligent-assistant/README.md#permission-framework-support\"\n          >\n            {t('common.readMore')} &nbsp; <OpenInNewIcon />\n          </Button>\n        }\n      />\n    );\n  }\n\n  if (modelsLoading) {\n    return <LightspeedChatModelsLoading />;\n  }\n\n  // TanStack Query can keep the last successful `data` while `isError` is true after a\n  // failed refetch. Prefer showing chat when we still have LLM rows; only use the full-page\n  // error state when there is nothing usable to render.\n  if (modelsError && modelsItems.length === 0) {\n    return <ModelsLoadErrorEmptyState onRetry={() => refetchModels()} />;\n  }\n\n  if (modelsItems.length === 0) {\n    return <LcoreNotConfiguredEmptyState />;\n  }\n\n  return (\n    <FileAttachmentContextProvider>\n      <LightspeedChat\n        selectedModel={selectedModel}\n        selectedProvider={selectedProvider}\n        topicRestrictionEnabled={topicRestrictionEnabled ?? false}\n        handleSelectedModel={item => {\n          setSelectedModel(item);\n          setSelectedProvider(\n            modelsItems.find((m: any) => m.value === item)?.provider || '',\n          );\n        }}\n        models={modelsItems}\n        userName={profile?.displayName}\n        avatar={profile?.picture}\n        profileLoading={profileLoading}\n      />\n    </FileAttachmentContextProvider>\n  );\n};\n\n/**\n * @public\n */\nexport const LightspeedChatContainer = () => {\n  return (\n    <StylesProvider generateClassName={generateClassName}>\n      <StylesProviderV4 generateClassName={generateClassNameV4}>\n        <QueryClientProvider client={queryClient}>\n          <LightspeedChatContainerInner />\n        </QueryClientProvider>\n      </StylesProviderV4>\n    </StylesProvider>\n  );\n};\n"],"names":["StylesProviderV4"],"mappings":"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"}

package/dist/components/LightspeedChatModelsState.esm.js

@@ -0,0 +1,198 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { CircularProgress, Box, Typography, Button, Link } from '@material-ui/core';
+import { makeStyles, createStyles } from '@material-ui/core/styles';
+import ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';
+import OpenInNewIcon from '@mui/icons-material/OpenInNew';
+import SmartToyOutlinedIcon from '@mui/icons-material/SmartToyOutlined';
+import { useTranslation } from '../hooks/useTranslation.esm.js';
+
+const LLAMA_STACK_CONFIGURE_DOCS_URL = "https://docs.redhat.com/en/documentation/red_hat_developer_hub/latest/html/interacting_with_red_hat_developer_lightspeed_for_red_hat_developer_hub/developer-lightspeed#proc-installing-and-configuring-lightspeed_developer-lightspeed";
+const LIGHTSPEED_BACKEND_README_URL = "https://github.com/redhat-developer/rhdh-plugins/blob/main/workspaces/intelligent-assistant/plugins/intelligent-assistant-backend/README.md";
+const useStyles = makeStyles(
+  (theme) => createStyles({
+    root: {
+      display: "flex",
+      flexDirection: "column",
+      boxSizing: "border-box",
+      width: "100%",
+      maxWidth: "100%",
+      minWidth: 0,
+      minHeight: "100%",
+      height: "100%",
+      flex: "1 1 auto",
+      alignItems: "center",
+      justifyContent: "center",
+      padding: theme.spacing(4, 2),
+      backgroundColor: theme.palette.background.default
+    },
+    panel: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      textAlign: "center",
+      width: "100%",
+      maxWidth: 440,
+      gap: theme.spacing(2)
+    },
+    emptyStateIcon: {
+      fontSize: 64,
+      color: theme.palette.text.secondary
+    },
+    errorIcon: {
+      fontSize: 64,
+      color: theme.palette.warning.main
+    },
+    description: {
+      lineHeight: 1.5,
+      color: theme.palette.text.secondary
+    },
+    actions: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      gap: theme.spacing(1.5),
+      marginTop: theme.spacing(1)
+    },
+    backendLink: {
+      display: "inline-flex",
+      alignItems: "center",
+      gap: theme.spacing(0.5),
+      fontSize: theme.typography.body1.fontSize,
+      fontWeight: 500
+    }
+  })
+);
+const LightspeedChatModelsLoading = () => {
+  const classes = useStyles();
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: classes.root,
+      "data-testid": "lightspeed-models-loading",
+      role: "status",
+      "aria-busy": "true",
+      "aria-label": t("common.loading"),
+      children: /* @__PURE__ */ jsx(CircularProgress, { "aria-hidden": true })
+    }
+  );
+};
+const LcoreNotConfiguredEmptyState = () => {
+  const classes = useStyles();
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx("div", { className: classes.root, "data-testid": "lightspeed-lcore-not-configured", children: /* @__PURE__ */ jsxs(
+    Box,
+    {
+      className: classes.panel,
+      component: "section",
+      "aria-labelledby": "lightspeed-lcore-empty-title",
+      children: [
+        /* @__PURE__ */ jsx(
+          SmartToyOutlinedIcon,
+          {
+            className: classes.emptyStateIcon,
+            "aria-hidden": true,
+            focusable: false
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            id: "lightspeed-lcore-empty-title",
+            variant: "h5",
+            component: "h2",
+            children: t("lcore.notConfigured.title")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            variant: "body1",
+            component: "p",
+            className: classes.description,
+            children: t("lcore.notConfigured.description")
+          }
+        ),
+        /* @__PURE__ */ jsxs(Box, { className: classes.actions, children: [
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "contained",
+              color: "primary",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              href: LLAMA_STACK_CONFIGURE_DOCS_URL,
+              children: [
+                t("lcore.notConfigured.developerLightspeedDocs"),
+                " \xA0",
+                " ",
+                /* @__PURE__ */ jsx(OpenInNewIcon, { fontSize: "small", "aria-hidden": true })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Link,
+            {
+              className: classes.backendLink,
+              component: "a",
+              color: "primary",
+              href: LIGHTSPEED_BACKEND_README_URL,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              children: [
+                t("lcore.notConfigured.backendDocs"),
+                /* @__PURE__ */ jsx(OpenInNewIcon, { fontSize: "small", "aria-hidden": true })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+};
+const ModelsLoadErrorEmptyState = ({
+  onRetry
+}) => {
+  const classes = useStyles();
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx("div", { className: classes.root, "data-testid": "lightspeed-models-load-error", children: /* @__PURE__ */ jsxs(
+    Box,
+    {
+      className: classes.panel,
+      component: "section",
+      "aria-labelledby": "lightspeed-models-error-title",
+      children: [
+        /* @__PURE__ */ jsx(
+          ErrorOutlineIcon,
+          {
+            className: classes.errorIcon,
+            "aria-hidden": true,
+            focusable: false
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            id: "lightspeed-models-error-title",
+            variant: "h5",
+            component: "h2",
+            children: t("lcore.loadError.title")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            variant: "body1",
+            component: "p",
+            className: classes.description,
+            children: t("lcore.loadError.description")
+          }
+        ),
+        /* @__PURE__ */ jsx(Box, { className: classes.actions, children: /* @__PURE__ */ jsx(Button, { variant: "contained", color: "primary", onClick: () => onRetry(), children: t("common.retry") }) })
+      ]
+    }
+  ) });
+};
+
+export { LcoreNotConfiguredEmptyState, LightspeedChatModelsLoading, ModelsLoadErrorEmptyState };
+//# sourceMappingURL=LightspeedChatModelsState.esm.js.map

package/dist/components/LightspeedChatModelsState.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightspeedChatModelsState.esm.js","sources":["../../src/components/LightspeedChatModelsState.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  Box,\n  Button,\n  CircularProgress,\n  Link,\n  Typography,\n} from '@material-ui/core';\nimport { createStyles, makeStyles } from '@material-ui/core/styles';\nimport ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';\nimport OpenInNewIcon from '@mui/icons-material/OpenInNew';\nimport SmartToyOutlinedIcon from '@mui/icons-material/SmartToyOutlined';\n\nimport { useTranslation } from '../hooks/useTranslation';\n\nconst LLAMA_STACK_CONFIGURE_DOCS_URL =\n  'https://docs.redhat.com/en/documentation/red_hat_developer_hub/latest/html/interacting_with_red_hat_developer_lightspeed_for_red_hat_developer_hub/developer-lightspeed#proc-installing-and-configuring-lightspeed_developer-lightspeed';\nconst LIGHTSPEED_BACKEND_README_URL =\n  'https://github.com/redhat-developer/rhdh-plugins/blob/main/workspaces/intelligent-assistant/plugins/intelligent-assistant-backend/README.md';\n\nconst useStyles = makeStyles(theme =>\n  createStyles({\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      boxSizing: 'border-box',\n      width: '100%',\n      maxWidth: '100%',\n      minWidth: 0,\n      minHeight: '100%',\n      height: '100%',\n      flex: '1 1 auto',\n      alignItems: 'center',\n      justifyContent: 'center',\n      padding: theme.spacing(4, 2),\n      backgroundColor: theme.palette.background.default,\n    },\n    panel: {\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      textAlign: 'center',\n      width: '100%',\n      maxWidth: 440,\n      gap: theme.spacing(2),\n    },\n    emptyStateIcon: {\n      fontSize: 64,\n      color: theme.palette.text.secondary,\n    },\n    errorIcon: {\n      fontSize: 64,\n      color: theme.palette.warning.main,\n    },\n    description: {\n      lineHeight: 1.5,\n      color: theme.palette.text.secondary,\n    },\n    actions: {\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      gap: theme.spacing(1.5),\n      marginTop: theme.spacing(1),\n    },\n    backendLink: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      gap: theme.spacing(0.5),\n      fontSize: theme.typography.body1.fontSize,\n      fontWeight: 500,\n    },\n  }),\n);\n\n/**\n * Shown while the models list is loading for an authorized user.\n */\nexport const LightspeedChatModelsLoading = () => {\n  const classes = useStyles();\n  const { t } = useTranslation();\n  return (\n    <div\n      className={classes.root}\n      data-testid=\"lightspeed-models-loading\"\n      role=\"status\"\n      aria-busy=\"true\"\n      aria-label={t('common.loading')}\n    >\n      <CircularProgress aria-hidden />\n    </div>\n  );\n};\n\n/**\n * Shown when LCORE / Llama Stack is up but no LLM models are registered.\n */\nexport const LcoreNotConfiguredEmptyState = () => {\n  const classes = useStyles();\n  const { t } = useTranslation();\n\n  return (\n    <div className={classes.root} data-testid=\"lightspeed-lcore-not-configured\">\n      <Box\n        className={classes.panel}\n        component=\"section\"\n        aria-labelledby=\"lightspeed-lcore-empty-title\"\n      >\n        <SmartToyOutlinedIcon\n          className={classes.emptyStateIcon}\n          aria-hidden\n          focusable={false}\n        />\n        <Typography\n          id=\"lightspeed-lcore-empty-title\"\n          variant=\"h5\"\n          component=\"h2\"\n        >\n          {t('lcore.notConfigured.title')}\n        </Typography>\n        <Typography\n          variant=\"body1\"\n          component=\"p\"\n          className={classes.description}\n        >\n          {t('lcore.notConfigured.description')}\n        </Typography>\n        <Box className={classes.actions}>\n          <Button\n            variant=\"contained\"\n            color=\"primary\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            href={LLAMA_STACK_CONFIGURE_DOCS_URL}\n          >\n            {t('lcore.notConfigured.developerLightspeedDocs')} &nbsp;{' '}\n            <OpenInNewIcon fontSize=\"small\" aria-hidden />\n          </Button>\n          <Link\n            className={classes.backendLink}\n            component=\"a\"\n            color=\"primary\"\n            href={LIGHTSPEED_BACKEND_README_URL}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            {t('lcore.notConfigured.backendDocs')}\n            <OpenInNewIcon fontSize=\"small\" aria-hidden />\n          </Link>\n        </Box>\n      </Box>\n    </div>\n  );\n};\n\ntype ModelsLoadErrorEmptyStateProps = {\n  onRetry: () => void;\n};\n\n/**\n * Shown when the models API fails (distinct from “no models configured”).\n */\nexport const ModelsLoadErrorEmptyState = ({\n  onRetry,\n}: ModelsLoadErrorEmptyStateProps) => {\n  const classes = useStyles();\n  const { t } = useTranslation();\n\n  return (\n    <div className={classes.root} data-testid=\"lightspeed-models-load-error\">\n      <Box\n        className={classes.panel}\n        component=\"section\"\n        aria-labelledby=\"lightspeed-models-error-title\"\n      >\n        <ErrorOutlineIcon\n          className={classes.errorIcon}\n          aria-hidden\n          focusable={false}\n        />\n        <Typography\n          id=\"lightspeed-models-error-title\"\n          variant=\"h5\"\n          component=\"h2\"\n        >\n          {t('lcore.loadError.title')}\n        </Typography>\n        <Typography\n          variant=\"body1\"\n          component=\"p\"\n          className={classes.description}\n        >\n          {t('lcore.loadError.description')}\n        </Typography>\n        <Box className={classes.actions}>\n          <Button variant=\"contained\" color=\"primary\" onClick={() => onRetry()}>\n            {t('common.retry')}\n          </Button>\n        </Box>\n      </Box>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AA8BA,MAAM,8BAAA,GACJ,yOAAA;AACF,MAAM,6BAAA,GACJ,6IAAA;AAEF,MAAM,SAAA,GAAY,UAAA;AAAA,EAAW,WAC3B,YAAA,CAAa;AAAA,IACX,IAAA,EAAM;AAAA,MACJ,OAAA,EAAS,MAAA;AAAA,MACT,aAAA,EAAe,QAAA;AAAA,MACf,SAAA,EAAW,YAAA;AAAA,MACX,KAAA,EAAO,MAAA;AAAA,MACP,QAAA,EAAU,MAAA;AAAA,MACV,QAAA,EAAU,CAAA;AAAA,MACV,SAAA,EAAW,MAAA;AAAA,MACX,MAAA,EAAQ,MAAA;AAAA,MACR,IAAA,EAAM,UAAA;AAAA,MACN,UAAA,EAAY,QAAA;AAAA,MACZ,cAAA,EAAgB,QAAA;AAAA,MAChB,OAAA,EAAS,KAAA,CAAM,OAAA,CAAQ,CAAA,EAAG,CAAC,CAAA;AAAA,MAC3B,eAAA,EAAiB,KAAA,CAAM,OAAA,CAAQ,UAAA,CAAW;AAAA,KAC5C;AAAA,IACA,KAAA,EAAO;AAAA,MACL,OAAA,EAAS,MAAA;AAAA,MACT,aAAA,EAAe,QAAA;AAAA,MACf,UAAA,EAAY,QAAA;AAAA,MACZ,SAAA,EAAW,QAAA;AAAA,MACX,KAAA,EAAO,MAAA;AAAA,MACP,QAAA,EAAU,GAAA;AAAA,MACV,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,CAAC;AAAA,KACtB;AAAA,IACA,cAAA,EAAgB;AAAA,MACd,QAAA,EAAU,EAAA;AAAA,MACV,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK;AAAA,KAC5B;AAAA,IACA,SAAA,EAAW;AAAA,MACT,QAAA,EAAU,EAAA;AAAA,MACV,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,OAAA,CAAQ;AAAA,KAC/B;AAAA,IACA,WAAA,EAAa;AAAA,MACX,UAAA,EAAY,GAAA;AAAA,MACZ,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK;AAAA,KAC5B;AAAA,IACA,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,MAAA;AAAA,MACT,aAAA,EAAe,QAAA;AAAA,MACf,UAAA,EAAY,QAAA;AAAA,MACZ,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA;AAAA,MACtB,SAAA,EAAW,KAAA,CAAM,OAAA,CAAQ,CAAC;AAAA,KAC5B;AAAA,IACA,WAAA,EAAa;AAAA,MACX,OAAA,EAAS,aAAA;AAAA,MACT,UAAA,EAAY,QAAA;AAAA,MACZ,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA;AAAA,MACtB,QAAA,EAAU,KAAA,CAAM,UAAA,CAAW,KAAA,CAAM,QAAA;AAAA,MACjC,UAAA,EAAY;AAAA;AACd,GACD;AACH,CAAA;AAKO,MAAM,8BAA8B,MAAM;AAC/C,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAC7B,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAW,OAAA,CAAQ,IAAA;AAAA,MACnB,aAAA,EAAY,2BAAA;AAAA,MACZ,IAAA,EAAK,QAAA;AAAA,MACL,WAAA,EAAU,MAAA;AAAA,MACV,YAAA,EAAY,EAAE,gBAAgB,CAAA;AAAA,MAE9B,QAAA,kBAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,aAAA,EAAW,IAAA,EAAC;AAAA;AAAA,GAChC;AAEJ;AAKO,MAAM,+BAA+B,MAAM;AAChD,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAE7B,EAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,IAAA,EAAM,eAAY,iCAAA,EACxC,QAAA,kBAAA,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,WAAW,OAAA,CAAQ,KAAA;AAAA,MACnB,SAAA,EAAU,SAAA;AAAA,MACV,iBAAA,EAAgB,8BAAA;AAAA,MAEhB,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,oBAAA;AAAA,UAAA;AAAA,YACC,WAAW,OAAA,CAAQ,cAAA;AAAA,YACnB,aAAA,EAAW,IAAA;AAAA,YACX,SAAA,EAAW;AAAA;AAAA,SACb;AAAA,wBACA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAG,8BAAA;AAAA,YACH,OAAA,EAAQ,IAAA;AAAA,YACR,SAAA,EAAU,IAAA;AAAA,YAET,YAAE,2BAA2B;AAAA;AAAA,SAChC;AAAA,wBACA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAQ,OAAA;AAAA,YACR,SAAA,EAAU,GAAA;AAAA,YACV,WAAW,OAAA,CAAQ,WAAA;AAAA,YAElB,YAAE,iCAAiC;AAAA;AAAA,SACtC;AAAA,wBACA,IAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,OAAA,EACtB,QAAA,EAAA;AAAA,0BAAA,IAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAQ,WAAA;AAAA,cACR,KAAA,EAAM,SAAA;AAAA,cACN,MAAA,EAAO,QAAA;AAAA,cACP,GAAA,EAAI,qBAAA;AAAA,cACJ,IAAA,EAAM,8BAAA;AAAA,cAEL,QAAA,EAAA;AAAA,gBAAA,CAAA,CAAE,6CAA6C,CAAA;AAAA,gBAAE,OAAA;AAAA,gBAAQ,GAAA;AAAA,gCAC1D,GAAA,CAAC,aAAA,EAAA,EAAc,QAAA,EAAS,OAAA,EAAQ,eAAW,IAAA,EAAC;AAAA;AAAA;AAAA,WAC9C;AAAA,0BACA,IAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,WAAW,OAAA,CAAQ,WAAA;AAAA,cACnB,SAAA,EAAU,GAAA;AAAA,cACV,KAAA,EAAM,SAAA;AAAA,cACN,IAAA,EAAM,6BAAA;AAAA,cACN,MAAA,EAAO,QAAA;AAAA,cACP,GAAA,EAAI,qBAAA;AAAA,cAEH,QAAA,EAAA;AAAA,gBAAA,CAAA,CAAE,iCAAiC,CAAA;AAAA,gCACpC,GAAA,CAAC,aAAA,EAAA,EAAc,QAAA,EAAS,OAAA,EAAQ,eAAW,IAAA,EAAC;AAAA;AAAA;AAAA;AAC9C,SAAA,EACF;AAAA;AAAA;AAAA,GACF,EACF,CAAA;AAEJ;AASO,MAAM,4BAA4B,CAAC;AAAA,EACxC;AACF,CAAA,KAAsC;AACpC,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAE7B,EAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,IAAA,EAAM,eAAY,8BAAA,EACxC,QAAA,kBAAA,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,WAAW,OAAA,CAAQ,KAAA;AAAA,MACnB,SAAA,EAAU,SAAA;AAAA,MACV,iBAAA,EAAgB,+BAAA;AAAA,MAEhB,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,WAAW,OAAA,CAAQ,SAAA;AAAA,YACnB,aAAA,EAAW,IAAA;AAAA,YACX,SAAA,EAAW;AAAA;AAAA,SACb;AAAA,wBACA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAG,+BAAA;AAAA,YACH,OAAA,EAAQ,IAAA;AAAA,YACR,SAAA,EAAU,IAAA;AAAA,YAET,YAAE,uBAAuB;AAAA;AAAA,SAC5B;AAAA,wBACA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAQ,OAAA;AAAA,YACR,SAAA,EAAU,GAAA;AAAA,YACV,WAAW,OAAA,CAAQ,WAAA;AAAA,YAElB,YAAE,6BAA6B;AAAA;AAAA,SAClC;AAAA,4BACC,GAAA,EAAA,EAAI,SAAA,EAAW,QAAQ,OAAA,EACtB,QAAA,kBAAA,GAAA,CAAC,UAAO,OAAA,EAAQ,WAAA,EAAY,KAAA,EAAM,SAAA,EAAU,SAAS,MAAM,OAAA,IACxD,QAAA,EAAA,CAAA,CAAE,cAAc,GACnB,CAAA,EACF;AAAA;AAAA;AAAA,GACF,EACF,CAAA;AAEJ;;;;"}