@red-hat-developer-hub/backstage-plugin-lightspeed 1.1.2 → 1.2.1

package/dist/components/LightspeedDrawerProvider.esm.js

@@ -0,0 +1,175 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useRef, useCallback, useEffect, useMemo } from 'react';
+import { useNavigate, useLocation, useMatch } from 'react-router-dom';
+import { makeStyles } from '@mui/styles';
+import { ChatbotDisplayMode, ChatbotModal } from '@patternfly/chatbot';
+import { LightspeedChatContainer } from './LightspeedChatContainer.esm.js';
+import { LightspeedDrawerContext } from './LightspeedDrawerContext.esm.js';
+
+const useStyles = makeStyles((theme) => ({
+  chatbotModal: {
+    boxShadow: "0 14px 20px -7px rgba(0, 0, 0, 0.22), 0 32px 50px 6px rgba(0, 0, 0, 0.16), 0 12px 60px 12px rgba(0, 0, 0, 0.14) !important",
+    bottom: `calc(${theme?.spacing?.(2) ?? "16px"} + 5em)`,
+    right: `calc(${theme?.spacing?.(2) ?? "16px"} + 1.5em)`
+  }
+}));
+const LightspeedDrawerProvider = ({ children }) => {
+  const classes = useStyles();
+  const navigate = useNavigate();
+  const location = useLocation();
+  const [displayModeState, setDisplayModeState] = useState(
+    ChatbotDisplayMode.default
+  );
+  const [isOpen, setIsOpen] = useState(false);
+  const [drawerWidth, setDrawerWidth] = useState(400);
+  const [currentConversationIdState, setCurrentConversationIdState] = useState(undefined);
+  const [draftMessage, setDraftMessageState] = useState("");
+  const [draftFileContents, setDraftFileContentsState] = useState([]);
+  const openedViaFABRef = useRef(false);
+  const isLightspeedRoute = location.pathname.startsWith("/lightspeed");
+  const conversationMatch = useMatch(
+    "/lightspeed/conversation/:conversationId"
+  );
+  const conversationId = conversationMatch?.params?.conversationId;
+  const navigateBackOrGoToCatalog = useCallback(() => {
+    if (!openedViaFABRef.current) {
+      navigate("/catalog");
+      openedViaFABRef.current = true;
+      return;
+    }
+    navigate(-1);
+  }, [navigate]);
+  useEffect(() => {
+    if (isLightspeedRoute) {
+      if (conversationId) {
+        setCurrentConversationIdState(conversationId);
+      } else {
+        setCurrentConversationIdState(undefined);
+      }
+      setDisplayModeState((prev) => {
+        if (prev === ChatbotDisplayMode.docked) {
+          return prev;
+        }
+        return ChatbotDisplayMode.embedded;
+      });
+      setIsOpen(true);
+    } else {
+      setDisplayModeState((prev) => {
+        if (prev === ChatbotDisplayMode.embedded) {
+          return ChatbotDisplayMode.default;
+        }
+        return prev;
+      });
+    }
+  }, [conversationId, isLightspeedRoute]);
+  const openChatbot = useCallback(() => {
+    openedViaFABRef.current = true;
+    setDisplayModeState(ChatbotDisplayMode.default);
+    setIsOpen(true);
+  }, []);
+  const closeChatbot = useCallback(() => {
+    if (displayModeState === ChatbotDisplayMode.embedded && isLightspeedRoute) {
+      navigateBackOrGoToCatalog();
+    }
+    setIsOpen(false);
+    setDisplayModeState(ChatbotDisplayMode.default);
+  }, [displayModeState, isLightspeedRoute, navigateBackOrGoToCatalog]);
+  const toggleChatbot = useCallback(() => {
+    if (isOpen) {
+      closeChatbot();
+    } else {
+      openChatbot();
+    }
+  }, [isOpen, openChatbot, closeChatbot]);
+  const setCurrentConversationId = useCallback(
+    (id) => {
+      setCurrentConversationIdState(id);
+      if (displayModeState === ChatbotDisplayMode.embedded && isLightspeedRoute) {
+        const path = id ? `/lightspeed/conversation/${id}` : "/lightspeed";
+        navigate(path, { replace: true });
+      }
+    },
+    [displayModeState, isLightspeedRoute, navigate]
+  );
+  const setDraftMessage = useCallback((message) => {
+    setDraftMessageState(message);
+  }, []);
+  const setDraftFileContents = useCallback((files) => {
+    setDraftFileContentsState(files);
+  }, []);
+  const setDisplayMode = useCallback(
+    (mode, conversationIdParam) => {
+      if (mode === displayModeState) {
+        return;
+      }
+      setDisplayModeState(mode);
+      if (mode === ChatbotDisplayMode.embedded) {
+        const convId = conversationIdParam ?? currentConversationIdState;
+        const path = convId ? `/lightspeed/conversation/${convId}` : "/lightspeed";
+        navigate(path);
+        setIsOpen(true);
+      } else {
+        if (isLightspeedRoute) {
+          navigateBackOrGoToCatalog();
+        }
+        setIsOpen(true);
+      }
+    },
+    [
+      navigate,
+      isLightspeedRoute,
+      currentConversationIdState,
+      displayModeState,
+      navigateBackOrGoToCatalog
+    ]
+  );
+  const shouldRenderOverlayModal = isOpen && displayModeState === ChatbotDisplayMode.default && !isLightspeedRoute;
+  const contextValue = useMemo(
+    () => ({
+      isChatbotActive: isOpen,
+      toggleChatbot,
+      displayMode: displayModeState,
+      setDisplayMode,
+      drawerWidth,
+      setDrawerWidth,
+      currentConversationId: currentConversationIdState,
+      setCurrentConversationId,
+      draftMessage,
+      setDraftMessage,
+      draftFileContents,
+      setDraftFileContents
+    }),
+    [
+      isOpen,
+      toggleChatbot,
+      displayModeState,
+      setDisplayMode,
+      drawerWidth,
+      setDrawerWidth,
+      currentConversationIdState,
+      setCurrentConversationId,
+      draftMessage,
+      setDraftMessage,
+      draftFileContents,
+      setDraftFileContents
+    ]
+  );
+  return /* @__PURE__ */ jsxs(LightspeedDrawerContext.Provider, { value: contextValue, children: [
+    children,
+    shouldRenderOverlayModal && /* @__PURE__ */ jsx(
+      ChatbotModal,
+      {
+        isOpen: true,
+        displayMode: displayModeState,
+        onClose: closeChatbot,
+        ouiaId: "LightspeedChatbotModal",
+        "aria-labelledby": "lightspeed-chatpopup-modal",
+        className: classes.chatbotModal,
+        children: /* @__PURE__ */ jsx(LightspeedChatContainer, {})
+      }
+    )
+  ] });
+};
+
+export { LightspeedDrawerProvider };
+//# sourceMappingURL=LightspeedDrawerProvider.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LightspeedDrawerProvider.esm.js","sources":["../../src/components/LightspeedDrawerProvider.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  PropsWithChildren,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useLocation, useMatch, useNavigate } from 'react-router-dom';\n\nimport { makeStyles } from '@mui/styles';\nimport { ChatbotDisplayMode, ChatbotModal } from '@patternfly/chatbot';\n\nimport { FileContent } from '../types';\nimport { LightspeedChatContainer } from './LightspeedChatContainer';\nimport { LightspeedDrawerContext } from './LightspeedDrawerContext';\n\nconst useStyles = makeStyles(theme => ({\n  chatbotModal: {\n    boxShadow:\n      '0 14px 20px -7px rgba(0, 0, 0, 0.22), 0 32px 50px 6px rgba(0, 0, 0, 0.16), 0 12px 60px 12px rgba(0, 0, 0, 0.14) !important',\n    bottom: `calc(${theme?.spacing?.(2) ?? '16px'} + 5em)`,\n    right: `calc(${theme?.spacing?.(2) ?? '16px'} + 1.5em)`,\n  },\n}));\n\n/**\n * @public\n */\nexport const LightspeedDrawerProvider = ({ children }: PropsWithChildren) => {\n  const classes = useStyles();\n  const navigate = useNavigate();\n  const location = useLocation();\n\n  const [displayModeState, setDisplayModeState] = useState<ChatbotDisplayMode>(\n    ChatbotDisplayMode.default,\n  );\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n  const [drawerWidth, setDrawerWidth] = useState<number>(400);\n  const [currentConversationIdState, setCurrentConversationIdState] = useState<\n    string | undefined\n  >(undefined);\n  const [draftMessage, setDraftMessageState] = useState<string>('');\n  const [draftFileContents, setDraftFileContentsState] = useState<\n    FileContent[]\n  >([]);\n  const openedViaFABRef = useRef<boolean>(false);\n\n  const isLightspeedRoute = location.pathname.startsWith('/lightspeed');\n\n  const conversationMatch = useMatch(\n    '/lightspeed/conversation/:conversationId',\n  );\n\n  const conversationId = conversationMatch?.params?.conversationId;\n\n  const navigateBackOrGoToCatalog = useCallback(() => {\n    // go to catalog page, if the user opens the lightspeed route via a new tab\n    if (!openedViaFABRef.current) {\n      navigate('/catalog');\n      openedViaFABRef.current = true;\n      return;\n    }\n    navigate(-1);\n  }, [navigate]);\n\n  useEffect(() => {\n    if (isLightspeedRoute) {\n      if (conversationId) {\n        setCurrentConversationIdState(conversationId);\n      } else {\n        setCurrentConversationIdState(undefined);\n      }\n      // Update this to fullscreen only when it is not already in the docked mode\n      setDisplayModeState(prev => {\n        if (prev === ChatbotDisplayMode.docked) {\n          return prev; // Don't override docked mode\n        }\n        return ChatbotDisplayMode.embedded;\n      });\n      setIsOpen(true);\n    } else {\n      // When leaving lightspeed route, update this only when the current mode is fullscreen\n      setDisplayModeState(prev => {\n        if (prev === ChatbotDisplayMode.embedded) {\n          return ChatbotDisplayMode.default;\n        }\n        return prev;\n      });\n    }\n  }, [conversationId, isLightspeedRoute]);\n\n  // Open chatbot in overlay mode\n  const openChatbot = useCallback(() => {\n    openedViaFABRef.current = true;\n    setDisplayModeState(ChatbotDisplayMode.default);\n    setIsOpen(true);\n  }, []);\n\n  // Close chatbot\n  const closeChatbot = useCallback(() => {\n    // If in embedded mode on the lightspeed route, navigate back\n    if (displayModeState === ChatbotDisplayMode.embedded && isLightspeedRoute) {\n      navigateBackOrGoToCatalog();\n    }\n    setIsOpen(false);\n    setDisplayModeState(ChatbotDisplayMode.default);\n  }, [displayModeState, isLightspeedRoute, navigateBackOrGoToCatalog]);\n\n  const toggleChatbot = useCallback(() => {\n    if (isOpen) {\n      closeChatbot();\n    } else {\n      openChatbot();\n    }\n  }, [isOpen, openChatbot, closeChatbot]);\n\n  const setCurrentConversationId = useCallback(\n    (id: string | undefined) => {\n      setCurrentConversationIdState(id);\n\n      // Update route if in embedded mode\n      if (\n        displayModeState === ChatbotDisplayMode.embedded &&\n        isLightspeedRoute\n      ) {\n        const path = id ? `/lightspeed/conversation/${id}` : '/lightspeed';\n        navigate(path, { replace: true });\n      }\n    },\n    [displayModeState, isLightspeedRoute, navigate],\n  );\n\n  const setDraftMessage = useCallback((message: string) => {\n    setDraftMessageState(message);\n  }, []);\n\n  const setDraftFileContents = useCallback((files: FileContent[]) => {\n    setDraftFileContentsState(files);\n  }, []);\n\n  // Set display mode with route handling for embedded/fullscreen\n  const setDisplayMode = useCallback(\n    (mode: ChatbotDisplayMode, conversationIdParam?: string) => {\n      if (mode === displayModeState) {\n        return;\n      }\n\n      setDisplayModeState(mode);\n\n      // Navigate to fullscreen route with conversation ID if available\n      if (mode === ChatbotDisplayMode.embedded) {\n        const convId = conversationIdParam ?? currentConversationIdState;\n        const path = convId\n          ? `/lightspeed/conversation/${convId}`\n          : '/lightspeed';\n        navigate(path);\n        setIsOpen(true);\n      } else {\n        if (isLightspeedRoute) {\n          navigateBackOrGoToCatalog();\n        }\n        setIsOpen(true);\n      }\n    },\n    [\n      navigate,\n      isLightspeedRoute,\n      currentConversationIdState,\n      displayModeState,\n      navigateBackOrGoToCatalog,\n    ],\n  );\n\n  // Only render ChatbotModal for overlay mode\n  // Docked mode is handled by ApplicationDrawer in Root\n  // Embedded mode is handled by LightspeedPage route\n  const shouldRenderOverlayModal =\n    isOpen &&\n    displayModeState === ChatbotDisplayMode.default &&\n    !isLightspeedRoute;\n\n  const contextValue = useMemo(\n    () => ({\n      isChatbotActive: isOpen,\n      toggleChatbot,\n      displayMode: displayModeState,\n      setDisplayMode,\n      drawerWidth,\n      setDrawerWidth,\n      currentConversationId: currentConversationIdState,\n      setCurrentConversationId,\n      draftMessage,\n      setDraftMessage,\n      draftFileContents,\n      setDraftFileContents,\n    }),\n    [\n      isOpen,\n      toggleChatbot,\n      displayModeState,\n      setDisplayMode,\n      drawerWidth,\n      setDrawerWidth,\n      currentConversationIdState,\n      setCurrentConversationId,\n      draftMessage,\n      setDraftMessage,\n      draftFileContents,\n      setDraftFileContents,\n    ],\n  );\n\n  return (\n    <LightspeedDrawerContext.Provider value={contextValue}>\n      {children}\n      {shouldRenderOverlayModal && (\n        <ChatbotModal\n          isOpen\n          displayMode={displayModeState}\n          onClose={closeChatbot}\n          ouiaId=\"LightspeedChatbotModal\"\n          aria-labelledby=\"lightspeed-chatpopup-modal\"\n          className={classes.chatbotModal}\n        >\n          <LightspeedChatContainer />\n        </ChatbotModal>\n      )}\n    </LightspeedDrawerContext.Provider>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/LightspeedDrawerStateExposer.esm.js

@@ -0,0 +1,28 @@
+import { useRef, useCallback, useEffect } from 'react';
+import { ChatbotDisplayMode } from '@patternfly/chatbot';
+import { useLightspeedDrawerContext } from '../hooks/useLightspeedDrawerContext.esm.js';
+
+const LightspeedDrawerStateExposer = ({
+  onStateChange
+}) => {
+  const { displayMode, drawerWidth, setDrawerWidth, toggleChatbot } = useLightspeedDrawerContext();
+  const isDrawerOpen = displayMode === ChatbotDisplayMode.docked;
+  const toggleChatbotRef = useRef(toggleChatbot);
+  toggleChatbotRef.current = toggleChatbot;
+  const closeDrawer = useCallback(() => {
+    toggleChatbotRef.current();
+  }, []);
+  useEffect(() => {
+    onStateChange({
+      id: "lightspeed",
+      isDrawerOpen,
+      drawerWidth,
+      setDrawerWidth,
+      closeDrawer
+    });
+  }, [isDrawerOpen, drawerWidth, setDrawerWidth, closeDrawer, onStateChange]);
+  return null;
+};
+
+export { LightspeedDrawerStateExposer };
+//# sourceMappingURL=LightspeedDrawerStateExposer.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LightspeedDrawerStateExposer.esm.js","sources":["../../src/components/LightspeedDrawerStateExposer.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 { useCallback, useEffect, useRef } from 'react';\n\nimport { ChatbotDisplayMode } from '@patternfly/chatbot';\n\nimport { useLightspeedDrawerContext } from '../hooks/useLightspeedDrawerContext';\n\n/**\n * @public\n * Partial Lightspeed drawer state exposed to the ApplicationDrawer\n */\nexport type DrawerState = {\n  id: string;\n  isDrawerOpen: boolean;\n  drawerWidth: number;\n  setDrawerWidth: (width: number) => void;\n  closeDrawer: () => void;\n};\n\n/**\n * @public\n * Props for drawer state exposer components\n */\nexport type DrawerStateExposerProps = {\n  /**\n   * Callback called whenever the drawer state changes\n   */\n  onStateChange: (state: DrawerState) => void;\n};\n\n/**\n *  @public\n * This exposes LightspeedDrawer's partial context to the ApplicationDrawer\n *\n * It reads the LightspeedDrawerContext and calls the onStateChange callback with the\n * partial state (id, isDrawerOpen, drawerWidth, setDrawerWidth).\n \n */\nexport const LightspeedDrawerStateExposer = ({\n  onStateChange,\n}: DrawerStateExposerProps) => {\n  const { displayMode, drawerWidth, setDrawerWidth, toggleChatbot } =\n    useLightspeedDrawerContext();\n\n  const isDrawerOpen = displayMode === ChatbotDisplayMode.docked;\n\n  const toggleChatbotRef = useRef(toggleChatbot);\n  toggleChatbotRef.current = toggleChatbot;\n\n  const closeDrawer = useCallback(() => {\n    toggleChatbotRef.current();\n  }, []);\n\n  useEffect(() => {\n    onStateChange({\n      id: 'lightspeed',\n      isDrawerOpen,\n      drawerWidth,\n      setDrawerWidth,\n      closeDrawer,\n    });\n  }, [isDrawerOpen, drawerWidth, setDrawerWidth, closeDrawer, onStateChange]);\n\n  return null;\n};\n"],"names":[],"mappings":";;;;AAqDO,MAAM,+BAA+B,CAAC;AAAA,EAC3C;AACF,CAA+B,KAAA;AAC7B,EAAA,MAAM,EAAE,WAAa,EAAA,WAAA,EAAa,cAAgB,EAAA,aAAA,KAChD,0BAA2B,EAAA;AAE7B,EAAM,MAAA,YAAA,GAAe,gBAAgB,kBAAmB,CAAA,MAAA;AAExD,EAAM,MAAA,gBAAA,GAAmB,OAAO,aAAa,CAAA;AAC7C,EAAA,gBAAA,CAAiB,OAAU,GAAA,aAAA;AAE3B,EAAM,MAAA,WAAA,GAAc,YAAY,MAAM;AACpC,IAAA,gBAAA,CAAiB,OAAQ,EAAA;AAAA,GAC3B,EAAG,EAAE,CAAA;AAEL,EAAA,SAAA,CAAU,MAAM;AACd,IAAc,aAAA,CAAA;AAAA,MACZ,EAAI,EAAA,YAAA;AAAA,MACJ,YAAA;AAAA,MACA,WAAA;AAAA,MACA,cAAA;AAAA,MACA;AAAA,KACD,CAAA;AAAA,KACA,CAAC,YAAA,EAAc,aAAa,cAAgB,EAAA,WAAA,EAAa,aAAa,CAAC,CAAA;AAE1E,EAAO,OAAA,IAAA;AACT;;;;"}

package/dist/components/LightspeedFAB.esm.js

@@ -0,0 +1,68 @@
+import { jsx } from 'react/jsx-runtime';
+import CloseIcon from '@mui/icons-material/Close';
+import Fab from '@mui/material/Fab';
+import Tooltip from '@mui/material/Tooltip';
+import { makeStyles } from '@mui/styles';
+import { ChatbotDisplayMode } from '@patternfly/chatbot';
+import { useLightspeedDrawerContext } from '../hooks/useLightspeedDrawerContext.esm.js';
+import { LightspeedFABIcon } from './LightspeedIcon.esm.js';
+
+const useStyles = makeStyles((theme) => ({
+  fab: {
+    opacity: "1 !important",
+    backgroundColor: `${theme?.palette?.primary?.main ?? "#1976d2"} !important`,
+    color: `${theme?.palette?.primary?.contrastText ?? "#fff"} !important`,
+    boxShadow: `${theme?.shadows?.[6] ?? "0px 3px 5px -1px rgba(0,0,0,0.2), 0px 6px 10px 0px rgba(0,0,0,0.14), 0px 1px 18px 0px rgba(0,0,0,0.12)"} !important`
+  },
+  "fab-button": {
+    bottom: `calc(${theme?.spacing?.(2) ?? "16px"} + 1.5em)`,
+    right: `calc(${theme?.spacing?.(2) ?? "16px"} + 1.5em)`,
+    alignItems: "end",
+    zIndex: 200,
+    display: "flex",
+    position: "fixed",
+    // When drawer is docked, adjust margin
+    ".docked-drawer-open &": {
+      transition: "margin-right 0.3s ease",
+      marginRight: "var(--docked-drawer-width, 500px) "
+    }
+  }
+}));
+const LightspeedFAB = () => {
+  const { isChatbotActive, toggleChatbot, displayMode } = useLightspeedDrawerContext();
+  const fabButton = useStyles();
+  if (displayMode === ChatbotDisplayMode.embedded) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: fabButton["fab-button"],
+      id: "lightspeed-fab",
+      "data-testid": "lightspeed-fab",
+      children: /* @__PURE__ */ jsx(
+        Tooltip,
+        {
+          title: isChatbotActive ? "Close Lightspeed" : "Open Lightspeed",
+          placement: "left",
+          children: /* @__PURE__ */ jsx(
+            Fab,
+            {
+              color: "primary",
+              variant: "circular",
+              size: "small",
+              onClick: toggleChatbot,
+              "aria-label": isChatbotActive ? "lightspeed-open" : "lightspeed-close",
+              className: fabButton.fab,
+              sx: { borderRadius: "100% !important" },
+              children: isChatbotActive ? /* @__PURE__ */ jsx(CloseIcon, { fontSize: "small" }) : /* @__PURE__ */ jsx(LightspeedFABIcon, {})
+            }
+          )
+        }
+      )
+    }
+  );
+};
+
+export { LightspeedFAB };
+//# sourceMappingURL=LightspeedFAB.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LightspeedFAB.esm.js","sources":["../../src/components/LightspeedFAB.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 Close from '@mui/icons-material/Close';\nimport Fab from '@mui/material/Fab';\nimport Tooltip from '@mui/material/Tooltip';\nimport { makeStyles } from '@mui/styles';\nimport { ChatbotDisplayMode } from '@patternfly/chatbot';\n\nimport { useLightspeedDrawerContext } from '../hooks/useLightspeedDrawerContext';\nimport { LightspeedFABIcon } from './LightspeedIcon';\n\nconst useStyles = makeStyles(theme => ({\n  fab: {\n    opacity: '1 !important',\n    backgroundColor: `${theme?.palette?.primary?.main ?? '#1976d2'} !important`,\n    color: `${theme?.palette?.primary?.contrastText ?? '#fff'} !important`,\n    boxShadow: `${\n      theme?.shadows?.[6] ??\n      '0px 3px 5px -1px rgba(0,0,0,0.2), 0px 6px 10px 0px rgba(0,0,0,0.14), 0px 1px 18px 0px rgba(0,0,0,0.12)'\n    } !important`,\n  },\n  'fab-button': {\n    bottom: `calc(${theme?.spacing?.(2) ?? '16px'} + 1.5em)`,\n    right: `calc(${theme?.spacing?.(2) ?? '16px'} + 1.5em)`,\n    alignItems: 'end',\n    zIndex: 200,\n    display: 'flex',\n    position: 'fixed',\n\n    // When drawer is docked, adjust margin\n    '.docked-drawer-open &': {\n      transition: 'margin-right 0.3s ease',\n      marginRight: 'var(--docked-drawer-width, 500px) ',\n    },\n  },\n}));\n\n/**\n * @public\n * Lightspeed Floating action button to open/close the lightspeed chatbot\n */\n\nexport const LightspeedFAB = () => {\n  const { isChatbotActive, toggleChatbot, displayMode } =\n    useLightspeedDrawerContext();\n  const fabButton = useStyles();\n\n  if (displayMode === ChatbotDisplayMode.embedded) {\n    return null;\n  }\n\n  return (\n    <div\n      className={fabButton['fab-button']}\n      id=\"lightspeed-fab\"\n      data-testid=\"lightspeed-fab\"\n    >\n      <Tooltip\n        title={isChatbotActive ? 'Close Lightspeed' : 'Open Lightspeed'}\n        placement=\"left\"\n      >\n        <Fab\n          color=\"primary\"\n          variant=\"circular\"\n          size=\"small\"\n          onClick={toggleChatbot}\n          aria-label={isChatbotActive ? 'lightspeed-open' : 'lightspeed-close'}\n          className={fabButton.fab}\n          sx={{ borderRadius: '100% !important' }}\n        >\n          {isChatbotActive ? <Close fontSize=\"small\" /> : <LightspeedFABIcon />}\n        </Fab>\n      </Tooltip>\n    </div>\n  );\n};\n"],"names":["Close"],"mappings":";;;;;;;;;AAyBA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,GAAK,EAAA;AAAA,IACH,OAAS,EAAA,cAAA;AAAA,IACT,iBAAiB,CAAG,EAAA,KAAA,EAAO,OAAS,EAAA,OAAA,EAAS,QAAQ,SAAS,CAAA,WAAA,CAAA;AAAA,IAC9D,OAAO,CAAG,EAAA,KAAA,EAAO,OAAS,EAAA,OAAA,EAAS,gBAAgB,MAAM,CAAA,WAAA,CAAA;AAAA,IACzD,WAAW,CACT,EAAA,KAAA,EAAO,OAAU,GAAA,CAAC,KAClB,wGACF,CAAA,WAAA;AAAA,GACF;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,QAAQ,CAAQ,KAAA,EAAA,KAAA,EAAO,OAAU,GAAA,CAAC,KAAK,MAAM,CAAA,SAAA,CAAA;AAAA,IAC7C,OAAO,CAAQ,KAAA,EAAA,KAAA,EAAO,OAAU,GAAA,CAAC,KAAK,MAAM,CAAA,SAAA,CAAA;AAAA,IAC5C,UAAY,EAAA,KAAA;AAAA,IACZ,MAAQ,EAAA,GAAA;AAAA,IACR,OAAS,EAAA,MAAA;AAAA,IACT,QAAU,EAAA,OAAA;AAAA;AAAA,IAGV,uBAAyB,EAAA;AAAA,MACvB,UAAY,EAAA,wBAAA;AAAA,MACZ,WAAa,EAAA;AAAA;AACf;AAEJ,CAAE,CAAA,CAAA;AAOK,MAAM,gBAAgB,MAAM;AACjC,EAAA,MAAM,EAAE,eAAA,EAAiB,aAAe,EAAA,WAAA,KACtC,0BAA2B,EAAA;AAC7B,EAAA,MAAM,YAAY,SAAU,EAAA;AAE5B,EAAI,IAAA,WAAA,KAAgB,mBAAmB,QAAU,EAAA;AAC/C,IAAO,OAAA,IAAA;AAAA;AAGT,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,UAAU,YAAY,CAAA;AAAA,MACjC,EAAG,EAAA,gBAAA;AAAA,MACH,aAAY,EAAA,gBAAA;AAAA,MAEZ,QAAA,kBAAA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,kBAAkB,kBAAqB,GAAA,iBAAA;AAAA,UAC9C,SAAU,EAAA,MAAA;AAAA,UAEV,QAAA,kBAAA,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,KAAM,EAAA,SAAA;AAAA,cACN,OAAQ,EAAA,UAAA;AAAA,cACR,IAAK,EAAA,OAAA;AAAA,cACL,OAAS,EAAA,aAAA;AAAA,cACT,YAAA,EAAY,kBAAkB,iBAAoB,GAAA,kBAAA;AAAA,cAClD,WAAW,SAAU,CAAA,GAAA;AAAA,cACrB,EAAA,EAAI,EAAE,YAAA,EAAc,iBAAkB,EAAA;AAAA,cAErC,4CAAmB,GAAA,CAAAA,SAAA,EAAA,EAAM,UAAS,OAAQ,EAAA,CAAA,uBAAM,iBAAkB,EAAA,EAAA;AAAA;AAAA;AACrE;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}

package/dist/components/LightspeedIcon.esm.js

@@ -1,18 +1,39 @@
 import { jsx } from 'react/jsx-runtime';
+import { useTheme } from '@mui/material/styles';
 import { useTranslation } from '../hooks/useTranslation.esm.js';
+import logoDark from '../images/logo-black.svg';
 import logo from '../images/logo-white.svg';
+import roundedLogo from '../images/rounded-logo.svg';
 
 const LightspeedIcon = () => {
   const { t } = useTranslation();
+  const theme = useTheme();
+  const isDarkTheme = theme.palette.mode === "dark";
   return /* @__PURE__ */ jsx(
     "img",
     {
-      src: logo,
+      src: isDarkTheme ? logo : logoDark,
       alt: t("icon.lightspeed.alt"),
       style: { height: "25px" }
     }
   );
 };
+const LightspeedFABIcon = () => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      "data-testid": "lightspeed-fab-icon",
+      src: roundedLogo,
+      alt: t("icon.lightspeed.alt"),
+      style: {
+        width: "100%",
+        height: "100%",
+        display: "block"
+      }
+    }
+  );
+};
 
-export { LightspeedIcon };
+export { LightspeedFABIcon, LightspeedIcon };
 //# sourceMappingURL=LightspeedIcon.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LightspeedIcon.esm.js","sources":["../../src/components/LightspeedIcon.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 { useTranslation } from '../hooks/useTranslation';\nimport logo from '../images/logo-white.svg';\n\n/**\n * @public\n * Lightspeed Icon\n */\nexport const LightspeedIcon = () => {\n  const { t } = useTranslation();\n\n  return (\n    <img\n      src={logo as any}\n      alt={t('icon.lightspeed.alt')}\n      style={{ height: '25px' }}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;AAuBO,MAAM,iBAAiB,MAAM;AAClC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAK,EAAA,IAAA;AAAA,MACL,GAAA,EAAK,EAAE,qBAAqB,CAAA;AAAA,MAC5B,KAAA,EAAO,EAAE,MAAA,EAAQ,MAAO;AAAA;AAAA,GAC1B;AAEJ;;;;"}
+{"version":3,"file":"LightspeedIcon.esm.js","sources":["../../src/components/LightspeedIcon.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 { useTheme } from '@mui/material/styles';\n\nimport { useTranslation } from '../hooks/useTranslation';\nimport logoDark from '../images/logo-black.svg';\nimport logo from '../images/logo-white.svg';\nimport roundedLogo from '../images/rounded-logo.svg';\n\n/**\n * @public\n * Lightspeed Icon\n */\nexport const LightspeedIcon = () => {\n  const { t } = useTranslation();\n  const theme = useTheme();\n  const isDarkTheme = theme.palette.mode === 'dark';\n\n  return (\n    <img\n      src={(isDarkTheme ? logo : logoDark) as any}\n      alt={t('icon.lightspeed.alt')}\n      style={{ height: '25px' }}\n    />\n  );\n};\n\n/**\n * @public\n * Lightspeed FAB Icon */\nexport const LightspeedFABIcon = () => {\n  const { t } = useTranslation();\n\n  return (\n    <img\n      data-testid=\"lightspeed-fab-icon\"\n      src={roundedLogo as any}\n      alt={t('icon.lightspeed.alt')}\n      style={{\n        width: '100%',\n        height: '100%',\n        display: 'block',\n      }}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA2BO,MAAM,iBAAiB,MAAM;AAClC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAA,MAAM,QAAQ,QAAS,EAAA;AACvB,EAAM,MAAA,WAAA,GAAc,KAAM,CAAA,OAAA,CAAQ,IAAS,KAAA,MAAA;AAE3C,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAM,cAAc,IAAO,GAAA,QAAA;AAAA,MAC3B,GAAA,EAAK,EAAE,qBAAqB,CAAA;AAAA,MAC5B,KAAA,EAAO,EAAE,MAAA,EAAQ,MAAO;AAAA;AAAA,GAC1B;AAEJ;AAKO,MAAM,oBAAoB,MAAM;AACrC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,aAAY,EAAA,qBAAA;AAAA,MACZ,GAAK,EAAA,WAAA;AAAA,MACL,GAAA,EAAK,EAAE,qBAAqB,CAAA;AAAA,MAC5B,KAAO,EAAA;AAAA,QACL,KAAO,EAAA,MAAA;AAAA,QACP,MAAQ,EAAA,MAAA;AAAA,QACR,OAAS,EAAA;AAAA;AACX;AAAA,GACF;AAEJ;;;;"}

package/dist/components/LightspeedPage.esm.js

@@ -1,18 +1,8 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState, useMemo, useEffect } from 'react';
-import { useAsync } from 'react-use';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Page, Header, Content } from '@backstage/core-components';
-import { useApi, identityApiRef } from '@backstage/core-plugin-api';
-import { makeStyles, createStyles, useTheme } from '@material-ui/core/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 { makeStyles, createStyles } from '@material-ui/core/styles';
 import { useTranslation } from '../hooks/useTranslation.esm.js';
-import queryClient from '../utils/queryClient.esm.js';
-import FileAttachmentContextProvider from './AttachmentContext.esm.js';
-import { LightspeedChat } from './LightSpeedChat.esm.js';
-import PermissionRequiredState from './PermissionRequiredState.esm.js';
+import { LightspeedChatContainer } from './LightspeedChatContainer.esm.js';
 
 const useStyles = makeStyles(
   () => createStyles({
@@ -21,84 +11,9 @@ const useStyles = makeStyles(
     }
   })
 );
-const THEME_DARK = "dark";
-const THEME_DARK_CLASS = "pf-v6-theme-dark";
-const LAST_SELECTED_MODEL_KEY = "lastSelectedModel";
-const LightspeedPageInner = () => {
+const LightspeedPage = () => {
   const classes = useStyles();
   const { t } = useTranslation();
-  const {
-    palette: { type }
-  } = useTheme();
-  const identityApi = useApi(identityApiRef);
-  const { data: models } = 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 null;
-  }
   return /* @__PURE__ */ jsxs(Page, { themeId: "tool", children: [
     /* @__PURE__ */ jsx(
       Header,
@@ -108,29 +23,9 @@ const LightspeedPageInner = () => {
         pageTitleOverride: t("page.title")
       }
     ),
-    /* @__PURE__ */ jsx(Content, { className: classes.container, children: !hasViewAccess ? /* @__PURE__ */ jsx(PermissionRequiredState, {}) : /* @__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
-      }
-    ) }) })
+    /* @__PURE__ */ jsx(Content, { className: classes.container, children: /* @__PURE__ */ jsx(LightspeedChatContainer, {}) })
   ] });
 };
-const LightspeedPage = () => {
-  return /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(LightspeedPageInner, {}) });
-};
 
 export { LightspeedPage };
 //# sourceMappingURL=LightspeedPage.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LightspeedPage.esm.js","sources":["../../src/components/LightspeedPage.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 { Content, Header, Page } from '@backstage/core-components';\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\n\nimport { createStyles, makeStyles, useTheme } from '@material-ui/core/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 queryClient from '../utils/queryClient';\nimport FileAttachmentContextProvider from './AttachmentContext';\nimport { LightspeedChat } from './LightSpeedChat';\nimport PermissionRequiredState from './PermissionRequiredState';\n\nconst useStyles = makeStyles(() =>\n  createStyles({\n    container: {\n      padding: '0px',\n    },\n  }),\n);\n\nconst THEME_DARK = 'dark';\nconst THEME_DARK_CLASS = 'pf-v6-theme-dark';\nconst LAST_SELECTED_MODEL_KEY = 'lastSelectedModel';\n\nconst LightspeedPageInner = () => {\n  const classes = useStyles();\n  const { t } = useTranslation();\n  const {\n    palette: { type },\n  } = useTheme();\n\n  const identityApi = useApi(identityApiRef);\n\n  const { data: models } = 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  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    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [type]);\n\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        // Check if stored model exists in available models\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          // Fallback to first model if stored model is not available\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        // Fallback to first model on error\n        setSelectedModel(modelsItems[0].value);\n        setSelectedProvider(modelsItems[0].provider);\n      }\n    }\n  }, [modelsItems]);\n\n  // Save to localStorage whenever model or provider changes\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    return null;\n  }\n\n  return (\n    <Page themeId=\"tool\">\n      <Header\n        title={t('page.title')}\n        style={{ display: 'none' }}\n        pageTitleOverride={t('page.title')}\n      />\n      <Content className={classes.container}>\n        {!hasViewAccess ? (\n          <PermissionRequiredState />\n        ) : (\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              }}\n              models={modelsItems}\n              userName={profile?.displayName}\n              avatar={profile?.picture}\n              profileLoading={profileLoading}\n            />\n          </FileAttachmentContextProvider>\n        )}\n      </Content>\n    </Page>\n  );\n};\n\nexport const LightspeedPage = () => {\n  return (\n    <QueryClientProvider client={queryClient}>\n      <LightspeedPageInner />\n    </QueryClientProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAkCA,MAAM,SAAY,GAAA,UAAA;AAAA,EAAW,MAC3B,YAAa,CAAA;AAAA,IACX,SAAW,EAAA;AAAA,MACT,OAAS,EAAA;AAAA;AACX,GACD;AACH,CAAA;AAEA,MAAM,UAAa,GAAA,MAAA;AACnB,MAAM,gBAAmB,GAAA,kBAAA;AACzB,MAAM,uBAA0B,GAAA,mBAAA;AAEhC,MAAM,sBAAsB,MAAM;AAChC,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAM,MAAA;AAAA,IACJ,OAAA,EAAS,EAAE,IAAK;AAAA,MACd,QAAS,EAAA;AAEb,EAAM,MAAA,WAAA,GAAc,OAAO,cAAc,CAAA;AAEzC,EAAA,MAAM,EAAE,IAAA,EAAM,MAAO,EAAA,GAAI,YAAa,EAAA;AAEtC,EAAA,MAAM,EAAE,OAAA,EAAS,aAAe,EAAA,OAAA,KAAY,2BAA4B,EAAA;AAExE,EAAA,MAAM,EAAE,KAAA,EAAO,OAAS,EAAA,OAAA,EAAS,gBAAmB,GAAA,QAAA;AAAA,IAClD,YAAY,MAAM,WAAA,CAAY,cAAe;AAAA,GAC/C;AAEA,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,EAAE,CAAA;AACrD,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,SAAS,EAAE,CAAA;AAE3D,EAAA,MAAM,EAAE,IAAA,EAAM,uBAAwB,EAAA,GAAI,yBAA0B,EAAA;AAEpE,EAAA,MAAM,WAAc,GAAA,OAAA;AAAA,IAClB,MACE,MACI,GAAA,MAAA,CACG,MAAO,CAAA,CAAA,KAAA,KAAS,MAAM,UAAe,KAAA,KAAK,CAC1C,CAAA,GAAA,CAAI,CAAM,CAAA,MAAA;AAAA,MACT,OAAO,CAAE,CAAA,oBAAA;AAAA,MACT,OAAO,CAAE,CAAA,oBAAA;AAAA,MACT,UAAU,CAAE,CAAA;AAAA,KACd,CAAE,IACJ,EAAC;AAAA,IACP,CAAC,MAAM;AAAA,GACT;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,iBAAiB,QAAS,CAAA,eAAA;AAChC,IAAA,IAAI,SAAS,UAAY,EAAA;AACvB,MAAe,cAAA,CAAA,SAAA,CAAU,IAAI,gBAAgB,CAAA;AAAA,KACxC,MAAA;AACL,MAAe,cAAA,CAAA,SAAA,CAAU,OAAO,gBAAgB,CAAA;AAAA;AAClD,GAEF,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,WAAA,CAAY,SAAS,CAAG,EAAA;AAC1B,MAAI,IAAA;AACF,QAAM,MAAA,UAAA,GAAa,YAAa,CAAA,OAAA,CAAQ,uBAAuB,CAAA;AAC/D,QAAA,MAAM,UAAa,GAAA,UAAA,GAAa,IAAK,CAAA,KAAA,CAAM,UAAU,CAAI,GAAA,IAAA;AAGzD,QAAM,MAAA,WAAA,GAAc,UAAY,EAAA,KAAA,GAC5B,WAAY,CAAA,IAAA,CAAK,OAAK,CAAE,CAAA,KAAA,KAAU,UAAW,CAAA,KAAK,CAClD,GAAA,IAAA;AAEJ,QAAA,IAAI,WAAa,EAAA;AACf,UAAA,gBAAA,CAAiB,YAAY,KAAK,CAAA;AAClC,UAAA,mBAAA,CAAoB,YAAY,QAAQ,CAAA;AAAA,SACnC,MAAA;AAEL,UAAiB,gBAAA,CAAA,WAAA,CAAY,CAAC,CAAA,CAAE,KAAK,CAAA;AACrC,UAAoB,mBAAA,CAAA,WAAA,CAAY,CAAC,CAAA,CAAE,QAAQ,CAAA;AAAA;AAC7C,eACO,KAAO,EAAA;AAEd,QAAQ,OAAA,CAAA,KAAA;AAAA,UACN,sDAAA;AAAA,UACA;AAAA,SACF;AAEA,QAAiB,gBAAA,CAAA,WAAA,CAAY,CAAC,CAAA,CAAE,KAAK,CAAA;AACrC,QAAoB,mBAAA,CAAA,WAAA,CAAY,CAAC,CAAA,CAAE,QAAQ,CAAA;AAAA;AAC7C;AACF,GACF,EAAG,CAAC,WAAW,CAAC,CAAA;AAGhB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,iBAAiB,gBAAkB,EAAA;AACrC,MAAI,IAAA;AACF,QAAa,YAAA,CAAA,OAAA;AAAA,UACX,uBAAA;AAAA,UACA,KAAK,SAAU,CAAA;AAAA,YACb,KAAO,EAAA,aAAA;AAAA,YACP,QAAU,EAAA;AAAA,WACX;AAAA,SACH;AAAA,eACO,KAAO,EAAA;AAEd,QAAQ,OAAA,CAAA,KAAA;AAAA,UACN,mDAAA;AAAA,UACA;AAAA,SACF;AAAA;AACF;AACF,GACC,EAAA,CAAC,aAAe,EAAA,gBAAgB,CAAC,CAAA;AAEpC,EAAA,IAAI,OAAS,EAAA;AACX,IAAO,OAAA,IAAA;AAAA;AAGT,EACE,uBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,MACZ,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,YAAY,CAAA;AAAA,QACrB,KAAA,EAAO,EAAE,OAAA,EAAS,MAAO,EAAA;AAAA,QACzB,iBAAA,EAAmB,EAAE,YAAY;AAAA;AAAA,KACnC;AAAA,oBACA,GAAA,CAAC,OAAQ,EAAA,EAAA,SAAA,EAAW,OAAQ,CAAA,SAAA,EACzB,QAAC,EAAA,CAAA,aAAA,mBACC,GAAA,CAAA,uBAAA,EAAA,EAAwB,CAEzB,mBAAA,GAAA,CAAC,6BACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,aAAA;AAAA,QACA,gBAAA;AAAA,QACA,yBAAyB,uBAA2B,IAAA,KAAA;AAAA,QACpD,qBAAqB,CAAQ,IAAA,KAAA;AAC3B,UAAA,gBAAA,CAAiB,IAAI,CAAA;AACrB,UAAA,mBAAA;AAAA,YACE,WAAA,CAAY,KAAK,CAAC,CAAA,KAAW,EAAE,KAAU,KAAA,IAAI,GAAG,QAC9C,IAAA;AAAA,WACJ;AAAA,SACF;AAAA,QACA,MAAQ,EAAA,WAAA;AAAA,QACR,UAAU,OAAS,EAAA,WAAA;AAAA,QACnB,QAAQ,OAAS,EAAA,OAAA;AAAA,QACjB;AAAA;AAAA,OAEJ,CAEJ,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ,CAAA;AAEO,MAAM,iBAAiB,MAAM;AAClC,EAAA,2BACG,mBAAoB,EAAA,EAAA,MAAA,EAAQ,WAC3B,EAAA,QAAA,kBAAA,GAAA,CAAC,uBAAoB,CACvB,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"LightspeedPage.esm.js","sources":["../../src/components/LightspeedPage.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 { Content, Header, Page } from '@backstage/core-components';\n\nimport { createStyles, makeStyles } from '@material-ui/core/styles';\n\nimport { useTranslation } from '../hooks/useTranslation';\nimport { LightspeedChatContainer } from './LightspeedChatContainer';\n\nconst useStyles = makeStyles(() =>\n  createStyles({\n    container: {\n      padding: '0px',\n    },\n  }),\n);\n\n/**\n * Lightspeed Page - Routable fullscreen/embedded mode\n * @public\n */\nexport const LightspeedPage = () => {\n  const classes = useStyles();\n  const { t } = useTranslation();\n\n  return (\n    <Page themeId=\"tool\">\n      <Header\n        title={t('page.title')}\n        style={{ display: 'none' }}\n        pageTitleOverride={t('page.title')}\n      />\n      <Content className={classes.container}>\n        <LightspeedChatContainer />\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAuBA,MAAM,SAAY,GAAA,UAAA;AAAA,EAAW,MAC3B,YAAa,CAAA;AAAA,IACX,SAAW,EAAA;AAAA,MACT,OAAS,EAAA;AAAA;AACX,GACD;AACH,CAAA;AAMO,MAAM,iBAAiB,MAAM;AAClC,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EACE,uBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,MACZ,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,YAAY,CAAA;AAAA,QACrB,KAAA,EAAO,EAAE,OAAA,EAAS,MAAO,EAAA;AAAA,QACzB,iBAAA,EAAmB,EAAE,YAAY;AAAA;AAAA,KACnC;AAAA,wBACC,OAAQ,EAAA,EAAA,SAAA,EAAW,QAAQ,SAC1B,EAAA,QAAA,kBAAA,GAAA,CAAC,2BAAwB,CAC3B,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/Router.esm.js

@@ -0,0 +1,19 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Routes, Route } from 'react-router-dom';
+import { LightspeedPage } from './LightspeedPage.esm.js';
+
+const Router = () => {
+  return /* @__PURE__ */ jsxs(Routes, { children: [
+    /* @__PURE__ */ jsx(Route, { path: "/", element: /* @__PURE__ */ jsx(LightspeedPage, {}) }),
+    /* @__PURE__ */ jsx(
+      Route,
+      {
+        path: "/conversation/:conversationId",
+        element: /* @__PURE__ */ jsx(LightspeedPage, {})
+      }
+    )
+  ] });
+};
+
+export { Router };
+//# sourceMappingURL=Router.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Router.esm.js","sources":["../../src/components/Router.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 { Route, Routes } from 'react-router-dom';\n\nimport { LightspeedPage } from './LightspeedPage';\n\n/**\n * @public\n */\nexport const Router = () => {\n  return (\n    <Routes>\n      <Route path=\"/\" element={<LightspeedPage />} />\n      <Route\n        path=\"/conversation/:conversationId\"\n        element={<LightspeedPage />}\n      />\n    </Routes>\n  );\n};\n"],"names":[],"mappings":";;;;AAuBO,MAAM,SAAS,MAAM;AAC1B,EAAA,4BACG,MACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SAAM,IAAK,EAAA,GAAA,EAAI,OAAS,kBAAA,GAAA,CAAC,kBAAe,CAAI,EAAA,CAAA;AAAA,oBAC7C,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,+BAAA;AAAA,QACL,OAAA,sBAAU,cAAe,EAAA,EAAA;AAAA;AAAA;AAC3B,GACF,EAAA,CAAA;AAEJ;;;;"}