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

package/dist/components/LightspeedDrawerContext.esm.js

@@ -0,0 +1,15 @@
+import { createContext } from 'react';
+
+const CONTEXT_KEY = "__lightspeed_drawer_context__";
+function getOrCreateContext() {
+  const existing = globalThis[CONTEXT_KEY];
+  if (existing)
+    return existing;
+  const ctx = createContext(void 0);
+  globalThis[CONTEXT_KEY] = ctx;
+  return ctx;
+}
+const LightspeedDrawerContext = getOrCreateContext();
+
+export { LightspeedDrawerContext };
+//# sourceMappingURL=LightspeedDrawerContext.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LightspeedDrawerContext.esm.js","sources":["../../src/components/LightspeedDrawerContext.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 React, { createContext } from 'react';\n\nimport { ChatbotDisplayMode } from '@patternfly/chatbot';\n\nimport { FileContent } from '../types';\n\n/**\n * When switching to fullscreen (embedded), open the notebooks list or a specific session.\n *\n * @public\n */\nexport type LightspeedEmbeddedNotebooksTarget =\n  | 'notebooks'\n  | { notebookSessionId: string };\n\n/**\n * Type for LightspeedDrawerContext\n *\n * @public\n */\nexport interface LightspeedDrawerContextType {\n  /**\n   * Whether the chatbot is active\n   */\n  isChatbotActive: boolean;\n  /**\n   * Toggle the chatbot open/closed\n   */\n  toggleChatbot: () => void;\n  /**\n   * The current display mode\n   */\n  displayMode: ChatbotDisplayMode;\n  /**\n   * Set the display mode (overlay, docked, or fullscreen/embedded).\n   * When entering embedded mode, optional `embeddedNotebooks` navigates to\n   * `/lightspeed/notebooks` (or a session URL) instead of the chat route.\n   * Leaving embedded for overlay or docked resets the shell tab to Chat\n   * (Notebooks is only available in fullscreen).\n   */\n  setDisplayMode: (\n    mode: ChatbotDisplayMode,\n    conversationIdParam?: string,\n    embeddedNotebooks?: LightspeedEmbeddedNotebooksTarget,\n  ) => void;\n  /**\n   * The drawer width (for docked mode)\n   */\n  drawerWidth: number;\n  /**\n   * The function for setting the drawer width\n   */\n  setDrawerWidth: React.Dispatch<React.SetStateAction<number>>;\n  /**\n   * The current conversation ID\n   */\n  currentConversationId?: string;\n  /**\n   * Set the current conversation ID and update the route if in embedded mode\n   * Pass undefined to clear the conversation (example: for new chat)\n   */\n  setCurrentConversationId: (id: string | undefined) => void;\n  /**\n   * The message in the chat input box\n   * Used to preserve input content when switching between display modes\n   */\n  draftMessage: string;\n  /**\n   * To save the input message as a draft when switching modes\n   */\n  setDraftMessage: (message: string) => void;\n  /**\n   * The file attachments in the chat input\n   * Used to preserve file attachments when switching between display modes\n   */\n  draftFileContents: FileContent[];\n  /**\n   * To save file attachments as a draft when switching modes\n   */\n  setDraftFileContents: (files: FileContent[]) => void;\n  /**\n   * @internal After leaving fullscreen for overlay/docked, the next overlay/docked chat\n   * mount should seed the thread from currentConversationId (or TEMP) instead of storage\n   * lastOpened. Returns true at most once per handoff.\n   */\n  consumePendingOverlayThreadHandoff?: () => boolean;\n  /**\n   * Chat tab is 0, Notebooks tab is 1. Persisted across overlay/docked/fullscreen remounts\n   * (each display mode mounts its own `LightspeedChat` tree).\n   */\n  shellViewTab: number;\n  setShellViewTab: (tab: number) => void;\n}\n\nconst CONTEXT_KEY = '__lightspeed_drawer_context__' as keyof typeof globalThis;\n\nfunction getOrCreateContext() {\n  const existing = (globalThis as any)[CONTEXT_KEY];\n  if (existing)\n    return existing as React.Context<LightspeedDrawerContextType | undefined>;\n  const ctx = createContext<LightspeedDrawerContextType | undefined>(undefined);\n  (globalThis as any)[CONTEXT_KEY] = ctx;\n  return ctx;\n}\n\n/**\n * @public\n */\nexport const LightspeedDrawerContext = getOrCreateContext();\n"],"names":[],"mappings":";;AA8GA,MAAM,WAAA,GAAc,+BAAA;AAEpB,SAAS,kBAAA,GAAqB;AAC5B,EAAA,MAAM,QAAA,GAAY,WAAmB,WAAW,CAAA;AAChD,EAAA,IAAI,QAAA;AACF,IAAA,OAAO,QAAA;AACT,EAAA,MAAM,GAAA,GAAM,cAAuD,MAAS,CAAA;AAC5E,EAAC,UAAA,CAAmB,WAAW,CAAA,GAAI,GAAA;AACnC,EAAA,OAAO,GAAA;AACT;AAKO,MAAM,0BAA0B,kBAAA;;;;"}

package/dist/components/LightspeedDrawerProvider.esm.js

@@ -0,0 +1,44 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeStyles } from '@mui/styles';
+import { ChatbotModal } from '@patternfly/chatbot';
+import { DOCKED_CONTENT_OFFSET } from '../const.esm.js';
+import { useLightspeedProviderState } from '../hooks/useLightspeedProviderState.esm.js';
+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)`,
+    maxWidth: "min(30rem, calc(100vw - 32px)) !important",
+    overflowX: "hidden",
+    transition: "margin-right 0.3s ease",
+    "body.docked-drawer-open &": {
+      marginRight: DOCKED_CONTENT_OFFSET
+    }
+  }
+}));
+const LightspeedDrawerProvider = ({ children }) => {
+  const classes = useStyles();
+  const { contextValue, shouldRenderOverlayModal, closeChatbot } = useLightspeedProviderState();
+  return /* @__PURE__ */ jsxs(LightspeedDrawerContext.Provider, { value: contextValue, children: [
+    children,
+    shouldRenderOverlayModal && /* @__PURE__ */ jsx(
+      ChatbotModal,
+      {
+        isOpen: true,
+        displayMode: contextValue.displayMode,
+        disableFocusTrap: true,
+        onEscapePress: () => 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 { PropsWithChildren } from 'react';\n\nimport { makeStyles } from '@mui/styles';\nimport { ChatbotModal } from '@patternfly/chatbot';\n\nimport { DOCKED_CONTENT_OFFSET } from '../const';\nimport { useLightspeedProviderState } from '../hooks/useLightspeedProviderState';\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    maxWidth: 'min(30rem, calc(100vw - 32px)) !important',\n    overflowX: 'hidden' as const,\n    transition: 'margin-right 0.3s ease',\n    'body.docked-drawer-open &': {\n      marginRight: DOCKED_CONTENT_OFFSET,\n    },\n  },\n}));\n\n/**\n * @public\n */\nexport const LightspeedDrawerProvider = ({ children }: PropsWithChildren) => {\n  const classes = useStyles();\n  const { contextValue, shouldRenderOverlayModal, closeChatbot } =\n    useLightspeedProviderState();\n\n  return (\n    <LightspeedDrawerContext.Provider value={contextValue}>\n      {children}\n      {shouldRenderOverlayModal && (\n        <ChatbotModal\n          isOpen\n          displayMode={contextValue.displayMode}\n          disableFocusTrap\n          onEscapePress={() => 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":";;;;;;;;AA0BA,MAAM,SAAA,GAAY,WAAW,CAAA,KAAA,MAAU;AAAA,EACrC,YAAA,EAAc;AAAA,IACZ,SAAA,EACE,4HAAA;AAAA,IACF,QAAQ,CAAA,KAAA,EAAQ,KAAA,EAAO,OAAA,GAAU,CAAC,KAAK,MAAM,CAAA,OAAA,CAAA;AAAA,IAC7C,OAAO,CAAA,KAAA,EAAQ,KAAA,EAAO,OAAA,GAAU,CAAC,KAAK,MAAM,CAAA,SAAA,CAAA;AAAA,IAC5C,QAAA,EAAU,2CAAA;AAAA,IACV,SAAA,EAAW,QAAA;AAAA,IACX,UAAA,EAAY,wBAAA;AAAA,IACZ,2BAAA,EAA6B;AAAA,MAC3B,WAAA,EAAa;AAAA;AACf;AAEJ,CAAA,CAAE,CAAA;AAKK,MAAM,wBAAA,GAA2B,CAAC,EAAE,QAAA,EAAS,KAAyB;AAC3E,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM,EAAE,YAAA,EAAc,wBAAA,EAA0B,YAAA,KAC9C,0BAAA,EAA2B;AAE7B,EAAA,uBACE,IAAA,CAAC,uBAAA,CAAwB,QAAA,EAAxB,EAAiC,OAAO,YAAA,EACtC,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,wBAAA,oBACC,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAM,IAAA;AAAA,QACN,aAAa,YAAA,CAAa,WAAA;AAAA,QAC1B,gBAAA,EAAgB,IAAA;AAAA,QAChB,aAAA,EAAe,MAAM,YAAA,EAAa;AAAA,QAClC,MAAA,EAAO,wBAAA;AAAA,QACP,iBAAA,EAAgB,4BAAA;AAAA,QAChB,WAAW,OAAA,CAAQ,YAAA;AAAA,QAEnB,8BAAC,uBAAA,EAAA,EAAwB;AAAA;AAAA;AAC3B,GAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist/components/LightspeedDrawerStateExposer.esm.js

@@ -0,0 +1,34 @@
+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,
+    isChatbotActive
+  } = useLightspeedDrawerContext();
+  const isDrawerOpen = displayMode === ChatbotDisplayMode.docked && isChatbotActive;
+  const toggleChatbotRef = useRef(toggleChatbot);
+  toggleChatbotRef.current = toggleChatbot;
+  const closeDrawer = useCallback(() => {
+    toggleChatbotRef.current();
+  }, []);
+  useEffect(() => {
+    onStateChange({
+      id: "intelligent-assistant",
+      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 {\n    displayMode,\n    drawerWidth,\n    setDrawerWidth,\n    toggleChatbot,\n    isChatbotActive,\n  } = useLightspeedDrawerContext();\n\n  const isDrawerOpen =\n    displayMode === ChatbotDisplayMode.docked && isChatbotActive;\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: 'intelligent-assistant',\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,CAAA,KAA+B;AAC7B,EAAA,MAAM;AAAA,IACJ,WAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,IACA,aAAA;AAAA,IACA;AAAA,MACE,0BAAA,EAA2B;AAE/B,EAAA,MAAM,YAAA,GACJ,WAAA,KAAgB,kBAAA,CAAmB,MAAA,IAAU,eAAA;AAE/C,EAAA,MAAM,gBAAA,GAAmB,OAAO,aAAa,CAAA;AAC7C,EAAA,gBAAA,CAAiB,OAAA,GAAU,aAAA;AAE3B,EAAA,MAAM,WAAA,GAAc,YAAY,MAAM;AACpC,IAAA,gBAAA,CAAiB,OAAA,EAAQ;AAAA,EAC3B,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,aAAA,CAAc;AAAA,MACZ,EAAA,EAAI,uBAAA;AAAA,MACJ,YAAA;AAAA,MACA,WAAA;AAAA,MACA,cAAA;AAAA,MACA;AAAA,KACD,CAAA;AAAA,EACH,GAAG,CAAC,YAAA,EAAc,aAAa,cAAA,EAAgB,WAAA,EAAa,aAAa,CAAC,CAAA;AAE1E,EAAA,OAAO,IAAA;AACT;;;;"}

package/dist/components/LightspeedFAB.esm.js

@@ -0,0 +1,6 @@
+import { LightspeedFABContent } from './LightspeedFABContent.esm.js';
+
+const LightspeedFAB = LightspeedFABContent;
+
+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 { LightspeedFABContent } from './LightspeedFABContent';\n\n/**\n * @public\n * Lightspeed Floating action button to open/close the lightspeed chatbot\n */\nexport const LightspeedFAB = LightspeedFABContent;\n"],"names":[],"mappings":";;AAsBO,MAAM,aAAA,GAAgB;;;;"}

package/dist/components/LightspeedFABContent.esm.js

@@ -0,0 +1,65 @@
+import { jsx } from 'react/jsx-runtime';
+import Box from '@mui/material/Box';
+import Fab from '@mui/material/Fab';
+import Tooltip from '@mui/material/Tooltip';
+import { ChatbotDisplayMode } from '@patternfly/chatbot';
+import { DOCKED_CONTENT_OFFSET } from '../const.esm.js';
+import { useLightspeedDrawerContext } from '../hooks/useLightspeedDrawerContext.esm.js';
+import { useTranslation } from '../hooks/useTranslation.esm.js';
+import { LightspeedFABOpenIcon, LightspeedFABIcon } from './LightspeedIcon.esm.js';
+
+const LightspeedFABContent = () => {
+  const { t } = useTranslation();
+  const { isChatbotActive, toggleChatbot, displayMode } = useLightspeedDrawerContext();
+  if (displayMode === ChatbotDisplayMode.embedded) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      sx: (theme) => ({
+        bottom: `calc(${theme.spacing(2)} + 1.5em)`,
+        right: `calc(${theme.spacing(2)} + 1.5em)`,
+        alignItems: "end",
+        zIndex: 200,
+        display: "flex",
+        position: "fixed",
+        "body.docked-drawer-open &": {
+          transition: "margin-right 0.3s ease",
+          marginRight: DOCKED_CONTENT_OFFSET
+        }
+      }),
+      id: "lightspeed-fab",
+      "data-testid": "lightspeed-fab",
+      children: /* @__PURE__ */ jsx(
+        Tooltip,
+        {
+          title: isChatbotActive ? t("tooltip.fab.close") : t("tooltip.fab.open"),
+          placement: "left",
+          children: /* @__PURE__ */ jsx(
+            Fab,
+            {
+              color: "inherit",
+              variant: "circular",
+              size: "large",
+              onClick: toggleChatbot,
+              "aria-label": isChatbotActive ? t("tooltip.fab.close") : t("tooltip.fab.open"),
+              sx: (theme) => ({
+                backgroundColor: theme.palette.background.default,
+                color: theme.palette.text.primary,
+                border: `1px solid ${theme.palette.divider}`,
+                "&:hover": {
+                  backgroundColor: theme.palette.background.paper
+                }
+              }),
+              children: isChatbotActive ? /* @__PURE__ */ jsx(LightspeedFABOpenIcon, {}) : /* @__PURE__ */ jsx(LightspeedFABIcon, {})
+            }
+          )
+        }
+      )
+    }
+  );
+};
+
+export { LightspeedFABContent };
+//# sourceMappingURL=LightspeedFABContent.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LightspeedFABContent.esm.js","sources":["../../src/components/LightspeedFABContent.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 Box from '@mui/material/Box';\nimport Fab from '@mui/material/Fab';\nimport Tooltip from '@mui/material/Tooltip';\nimport { ChatbotDisplayMode } from '@patternfly/chatbot';\n\nimport { DOCKED_CONTENT_OFFSET } from '../const';\nimport { useLightspeedDrawerContext } from '../hooks/useLightspeedDrawerContext';\nimport { useTranslation } from '../hooks/useTranslation';\nimport { LightspeedFABIcon, LightspeedFABOpenIcon } from './LightspeedIcon';\n\nexport const LightspeedFABContent = () => {\n  const { t } = useTranslation();\n  const { isChatbotActive, toggleChatbot, displayMode } =\n    useLightspeedDrawerContext();\n\n  if (displayMode === ChatbotDisplayMode.embedded) {\n    return null;\n  }\n\n  return (\n    <Box\n      sx={theme => ({\n        bottom: `calc(${theme.spacing(2)} + 1.5em)`,\n        right: `calc(${theme.spacing(2)} + 1.5em)`,\n        alignItems: 'end',\n        zIndex: 200,\n        display: 'flex',\n        position: 'fixed',\n        'body.docked-drawer-open &': {\n          transition: 'margin-right 0.3s ease',\n          marginRight: DOCKED_CONTENT_OFFSET,\n        },\n      })}\n      id=\"lightspeed-fab\"\n      data-testid=\"lightspeed-fab\"\n    >\n      <Tooltip\n        title={isChatbotActive ? t('tooltip.fab.close') : t('tooltip.fab.open')}\n        placement=\"left\"\n      >\n        <Fab\n          color=\"inherit\"\n          variant=\"circular\"\n          size=\"large\"\n          onClick={toggleChatbot}\n          aria-label={\n            isChatbotActive ? t('tooltip.fab.close') : t('tooltip.fab.open')\n          }\n          sx={theme => ({\n            backgroundColor: theme.palette.background.default,\n            color: theme.palette.text.primary,\n            border: `1px solid ${theme.palette.divider}`,\n            '&:hover': {\n              backgroundColor: theme.palette.background.paper,\n            },\n          })}\n        >\n          {isChatbotActive ? <LightspeedFABOpenIcon /> : <LightspeedFABIcon />}\n        </Fab>\n      </Tooltip>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AA0BO,MAAM,uBAAuB,MAAM;AACxC,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAC7B,EAAA,MAAM,EAAE,eAAA,EAAiB,aAAA,EAAe,WAAA,KACtC,0BAAA,EAA2B;AAE7B,EAAA,IAAI,WAAA,KAAgB,mBAAmB,QAAA,EAAU;AAC/C,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,IAAI,CAAA,KAAA,MAAU;AAAA,QACZ,MAAA,EAAQ,CAAA,KAAA,EAAQ,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAC,CAAA,SAAA,CAAA;AAAA,QAChC,KAAA,EAAO,CAAA,KAAA,EAAQ,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAC,CAAA,SAAA,CAAA;AAAA,QAC/B,UAAA,EAAY,KAAA;AAAA,QACZ,MAAA,EAAQ,GAAA;AAAA,QACR,OAAA,EAAS,MAAA;AAAA,QACT,QAAA,EAAU,OAAA;AAAA,QACV,2BAAA,EAA6B;AAAA,UAC3B,UAAA,EAAY,wBAAA;AAAA,UACZ,WAAA,EAAa;AAAA;AACf,OACF,CAAA;AAAA,MACA,EAAA,EAAG,gBAAA;AAAA,MACH,aAAA,EAAY,gBAAA;AAAA,MAEZ,QAAA,kBAAA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,OAAO,eAAA,GAAkB,CAAA,CAAE,mBAAmB,CAAA,GAAI,EAAE,kBAAkB,CAAA;AAAA,UACtE,SAAA,EAAU,MAAA;AAAA,UAEV,QAAA,kBAAA,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAM,SAAA;AAAA,cACN,OAAA,EAAQ,UAAA;AAAA,cACR,IAAA,EAAK,OAAA;AAAA,cACL,OAAA,EAAS,aAAA;AAAA,cACT,cACE,eAAA,GAAkB,CAAA,CAAE,mBAAmB,CAAA,GAAI,EAAE,kBAAkB,CAAA;AAAA,cAEjE,IAAI,CAAA,KAAA,MAAU;AAAA,gBACZ,eAAA,EAAiB,KAAA,CAAM,OAAA,CAAQ,UAAA,CAAW,OAAA;AAAA,gBAC1C,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,OAAA;AAAA,gBAC1B,MAAA,EAAQ,CAAA,UAAA,EAAa,KAAA,CAAM,OAAA,CAAQ,OAAO,CAAA,CAAA;AAAA,gBAC1C,SAAA,EAAW;AAAA,kBACT,eAAA,EAAiB,KAAA,CAAM,OAAA,CAAQ,UAAA,CAAW;AAAA;AAC5C,eACF,CAAA;AAAA,cAEC,QAAA,EAAA,eAAA,mBAAkB,GAAA,CAAC,qBAAA,EAAA,EAAsB,CAAA,uBAAM,iBAAA,EAAA,EAAkB;AAAA;AAAA;AACpE;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}

package/dist/components/LightspeedIcon.esm.js

@@ -0,0 +1,46 @@
+import { jsx } from 'react/jsx-runtime';
+import { RhUiAiChatbotIcon } from '@patternfly/react-icons/dist/esm/icons/rh-ui-ai-chatbot-icon';
+import { RhUiAiExperienceIcon } from '@patternfly/react-icons/dist/esm/icons/rh-ui-ai-experience-icon';
+import { useTranslation } from '../hooks/useTranslation.esm.js';
+
+const LightspeedIcon = () => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx(
+    RhUiAiExperienceIcon,
+    {
+      "aria-label": t("icon.lightspeed.alt"),
+      style: { height: "25px", width: "25px" }
+    }
+  );
+};
+const LightspeedFABIcon = () => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx(
+    RhUiAiChatbotIcon,
+    {
+      "data-testid": "lightspeed-fab-icon",
+      "aria-label": t("icon.lightspeed.alt"),
+      style: {
+        width: "32px",
+        height: "32px",
+        display: "block"
+      }
+    }
+  );
+};
+const LightspeedFABOpenIcon = () => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    "data-testid": "lightspeed-fab-open-icon",
+    width: "22",
+    height: "14",
+    viewBox: "0 0 22 14",
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ jsx("path", { d: "M21.2485 0.35154C20.7798 -0.11718 20.0204 -0.11718 19.5516 0.35154L10.8 9.10314L2.0485 0.35154C1.57978 -0.11718 0.820425 -0.11718 0.351585 0.35154C-0.117255 0.82026 -0.117135 1.57962 0.351585 2.04846L9.52738 11.2243C9.87778 11.5759 10.3395 11.7505 10.8 11.7505C11.2604 11.7505 11.7223 11.5759 12.0726 11.2243L21.2484 2.04846C21.7171 1.57974 21.7172 0.82038 21.2485 0.35154Z" })
+  }
+);
+
+export { LightspeedFABIcon, LightspeedFABOpenIcon, LightspeedIcon };
+//# sourceMappingURL=LightspeedIcon.esm.js.map

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

@@ -0,0 +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 { RhUiAiChatbotIcon } from '@patternfly/react-icons/dist/esm/icons/rh-ui-ai-chatbot-icon';\nimport { RhUiAiExperienceIcon } from '@patternfly/react-icons/dist/esm/icons/rh-ui-ai-experience-icon';\n\nimport { useTranslation } from '../hooks/useTranslation';\n\n/**\n * @public\n * Intelligent Assistant Icon\n */\nexport const LightspeedIcon = () => {\n  const { t } = useTranslation();\n\n  return (\n    <RhUiAiExperienceIcon\n      aria-label={t('icon.lightspeed.alt')}\n      style={{ height: '25px', width: '25px' }}\n    />\n  );\n};\n\n/**\n * @public\n * Intelligent Assistant FAB Icon\n */\nexport const LightspeedFABIcon = () => {\n  const { t } = useTranslation();\n\n  return (\n    <RhUiAiChatbotIcon\n      data-testid=\"lightspeed-fab-icon\"\n      aria-label={t('icon.lightspeed.alt')}\n      style={{\n        width: '32px',\n        height: '32px',\n        display: 'block',\n      }}\n    />\n  );\n};\n\n/**\n * @public\n * Chevron-down icon for FAB dismiss/close state\n */\nexport const LightspeedFABOpenIcon = () => (\n  <svg\n    data-testid=\"lightspeed-fab-open-icon\"\n    width=\"22\"\n    height=\"14\"\n    viewBox=\"0 0 22 14\"\n    fill=\"currentColor\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"M21.2485 0.35154C20.7798 -0.11718 20.0204 -0.11718 19.5516 0.35154L10.8 9.10314L2.0485 0.35154C1.57978 -0.11718 0.820425 -0.11718 0.351585 0.35154C-0.117255 0.82026 -0.117135 1.57962 0.351585 2.04846L9.52738 11.2243C9.87778 11.5759 10.3395 11.7505 10.8 11.7505C11.2604 11.7505 11.7223 11.5759 12.0726 11.2243L21.2484 2.04846C21.7171 1.57974 21.7172 0.82038 21.2485 0.35154Z\" />\n  </svg>\n);\n"],"names":[],"mappings":";;;;;AAyBO,MAAM,iBAAiB,MAAM;AAClC,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAE7B,EAAA,uBACE,GAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,EAAE,qBAAqB,CAAA;AAAA,MACnC,KAAA,EAAO,EAAE,MAAA,EAAQ,MAAA,EAAQ,OAAO,MAAA;AAAO;AAAA,GACzC;AAEJ;AAMO,MAAM,oBAAoB,MAAM;AACrC,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAE7B,EAAA,uBACE,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAY,qBAAA;AAAA,MACZ,YAAA,EAAY,EAAE,qBAAqB,CAAA;AAAA,MACnC,KAAA,EAAO;AAAA,QACL,KAAA,EAAO,MAAA;AAAA,QACP,MAAA,EAAQ,MAAA;AAAA,QACR,OAAA,EAAS;AAAA;AACX;AAAA,GACF;AAEJ;AAMO,MAAM,wBAAwB,sBACnC,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,aAAA,EAAY,0BAAA;AAAA,IACZ,KAAA,EAAM,IAAA;AAAA,IACN,MAAA,EAAO,IAAA;AAAA,IACP,OAAA,EAAQ,WAAA;AAAA,IACR,IAAA,EAAK,cAAA;AAAA,IACL,KAAA,EAAM,4BAAA;AAAA,IACN,aAAA,EAAY,MAAA;AAAA,IAEZ,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,uXAAA,EAAwX;AAAA;AAClY;;;;"}

package/dist/components/LightspeedPage.esm.js

@@ -0,0 +1,31 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Page, Header, Content } from '@backstage/core-components';
+import { makeStyles, createStyles } from '@material-ui/core/styles';
+import { useTranslation } from '../hooks/useTranslation.esm.js';
+import { LightspeedChatContainer } from './LightspeedChatContainer.esm.js';
+
+const useStyles = makeStyles(
+  () => createStyles({
+    container: {
+      padding: "0px"
+    }
+  })
+);
+const LightspeedPage = () => {
+  const classes = useStyles();
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs(Page, { themeId: "tool", children: [
+    /* @__PURE__ */ jsx(
+      Header,
+      {
+        title: t("page.title"),
+        style: { display: "none" },
+        pageTitleOverride: t("page.title")
+      }
+    ),
+    /* @__PURE__ */ jsx(Content, { className: classes.container, children: /* @__PURE__ */ jsx(LightspeedChatContainer, {}) })
+  ] });
+};
+
+export { LightspeedPage };
+//# sourceMappingURL=LightspeedPage.esm.js.map

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

@@ -0,0 +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 { 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,SAAA,GAAY,UAAA;AAAA,EAAW,MAC3B,YAAA,CAAa;AAAA,IACX,SAAA,EAAW;AAAA,MACT,OAAA,EAAS;AAAA;AACX,GACD;AACH,CAAA;AAMO,MAAM,iBAAiB,MAAM;AAClC,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAE7B,EAAA,uBACE,IAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,MAAA,EACZ,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,YAAY,CAAA;AAAA,QACrB,KAAA,EAAO,EAAE,OAAA,EAAS,MAAA,EAAO;AAAA,QACzB,iBAAA,EAAmB,EAAE,YAAY;AAAA;AAAA,KACnC;AAAA,wBACC,OAAA,EAAA,EAAQ,SAAA,EAAW,QAAQ,SAAA,EAC1B,QAAA,kBAAA,GAAA,CAAC,2BAAwB,CAAA,EAC3B;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}