@red-hat-developer-hub/backstage-plugin-intelligent-assistant 4.0.0 → 4.2.0

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

@@ -1 +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' | { 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":";;AA6GA,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;;;;"}
+{"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' | { 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   * Notebooks are available in all display modes; the shell tab and active\n   * notebook are preserved across mode switches.\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   * ID of the currently active notebook session, persisted across\n   * overlay/docked/fullscreen remounts so display-mode switches preserve\n   * the open notebook.\n   */\n  activeNotebookId: string | undefined;\n  setActiveNotebookId: (id: string | undefined) => 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":";;AAoHA,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

@@ -1,10 +1,11 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } 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';
+import { NotebookStreamProvider } from './notebooks/NotebookStreamProvider.esm.js';
 
 const useStyles = makeStyles((theme) => ({
   chatbotModal: {
@@ -12,7 +13,7 @@ const useStyles = makeStyles((theme) => ({
     bottom: `calc(${theme?.spacing?.(2) ?? "16px"} + 5em)`,
     right: `calc(${theme?.spacing?.(2) ?? "16px"} + 1.5em)`,
     maxWidth: "min(30rem, calc(100vw - 32px)) !important",
-    overflowX: "hidden",
+    overflow: "hidden",
     transition: "margin-right 0.3s ease",
     "body.docked-drawer-open &": {
       marginRight: DOCKED_CONTENT_OFFSET
@@ -22,7 +23,7 @@ const useStyles = makeStyles((theme) => ({
 const LightspeedDrawerProvider = ({ children }) => {
   const classes = useStyles();
   const { contextValue, shouldRenderOverlayModal, closeChatbot } = useLightspeedProviderState();
-  return /* @__PURE__ */ jsxs(LightspeedDrawerContext.Provider, { value: contextValue, children: [
+  return /* @__PURE__ */ jsx(LightspeedDrawerContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(NotebookStreamProvider, { children: [
     children,
     shouldRenderOverlayModal && /* @__PURE__ */ jsx(
       ChatbotModal,
@@ -37,7 +38,7 @@ const LightspeedDrawerProvider = ({ children }) => {
         children: /* @__PURE__ */ jsx(LightspeedChatContainer, {})
       }
     )
-  ] });
+  ] }) });
 };
 
 export { LightspeedDrawerProvider };

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

@@ -1 +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;;;;"}
+{"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';\nimport { NotebookStreamProvider } from './notebooks/NotebookStreamProvider';\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    overflow: '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      <NotebookStreamProvider>\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      </NotebookStreamProvider>\n    </LightspeedDrawerContext.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AA2BA,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,QAAA,EAAU,QAAA;AAAA,IACV,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,2BACG,uBAAA,CAAwB,QAAA,EAAxB,EAAiC,KAAA,EAAO,YAAA,EACvC,+BAAC,sBAAA,EAAA,EACE,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,EACF,CAAA;AAEJ;;;;"}

package/dist/components/ToastAlertGroup.esm.js

@@ -0,0 +1,56 @@
+import { jsx } from 'react/jsx-runtime';
+import { makeStyles } from '@material-ui/core';
+import { AlertGroup, Alert, AlertVariant, AlertActionCloseButton } from '@patternfly/react-core';
+
+const useStyles = makeStyles((theme) => ({
+  toastAlertGroup: {
+    "--pf-v6-c-alert-group--m-toast--InsetInlineEnd": `${theme.spacing(2.5)}px`,
+    "--pf-v6-c-alert-group--m-toast--InsetBlockStart": `${theme.spacing(2.5)}px`,
+    "--pf-v6-c-alert-group--m-toast--MaxWidth": "350px",
+    "--pf-v6-c-alert-group--m-toast--ZIndex": "9999"
+  },
+  toastAlert: {
+    maxWidth: "350px",
+    "& .pf-v6-c-alert__title": {
+      margin: 0
+    }
+  }
+}));
+const ToastAlertGroup = ({
+  alerts,
+  onRemoveAlert
+}) => {
+  const classes = useStyles();
+  if (alerts.length === 0) return null;
+  return /* @__PURE__ */ jsx(
+    AlertGroup,
+    {
+      hasAnimations: true,
+      isToast: true,
+      isLiveRegion: true,
+      className: classes.toastAlertGroup,
+      children: alerts.map(({ key, title, variant }) => /* @__PURE__ */ jsx(
+        Alert,
+        {
+          variant: AlertVariant[variant ?? "success"],
+          title,
+          className: classes.toastAlert,
+          timeout: 2e3,
+          onTimeout: () => onRemoveAlert(key),
+          actionClose: /* @__PURE__ */ jsx(
+            AlertActionCloseButton,
+            {
+              title,
+              variantLabel: `${variant ?? "success"} alert`,
+              onClose: () => onRemoveAlert(key)
+            }
+          )
+        },
+        key
+      ))
+    }
+  );
+};
+
+export { ToastAlertGroup };
+//# sourceMappingURL=ToastAlertGroup.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToastAlertGroup.esm.js","sources":["../../src/components/ToastAlertGroup.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 from 'react';\n\nimport { makeStyles } from '@material-ui/core';\nimport {\n  Alert,\n  AlertActionCloseButton,\n  AlertGroup,\n  AlertVariant,\n  type AlertProps,\n} from '@patternfly/react-core';\n\nconst useStyles = makeStyles(theme => ({\n  toastAlertGroup: {\n    '--pf-v6-c-alert-group--m-toast--InsetInlineEnd': `${theme.spacing(2.5)}px`,\n    '--pf-v6-c-alert-group--m-toast--InsetBlockStart': `${theme.spacing(2.5)}px`,\n    '--pf-v6-c-alert-group--m-toast--MaxWidth': '350px',\n    '--pf-v6-c-alert-group--m-toast--ZIndex': '9999',\n  },\n  toastAlert: {\n    maxWidth: '350px',\n    '& .pf-v6-c-alert__title': {\n      margin: 0,\n    },\n  },\n}));\n\ntype ToastAlertGroupProps = {\n  alerts: Partial<AlertProps>[];\n  onRemoveAlert: (key: React.Key) => void;\n};\n\nexport const ToastAlertGroup = ({\n  alerts,\n  onRemoveAlert,\n}: ToastAlertGroupProps) => {\n  const classes = useStyles();\n\n  if (alerts.length === 0) return null;\n\n  return (\n    <AlertGroup\n      hasAnimations\n      isToast\n      isLiveRegion\n      className={classes.toastAlertGroup}\n    >\n      {alerts.map(({ key, title, variant }) => (\n        <Alert\n          key={key}\n          variant={AlertVariant[variant ?? 'success']}\n          title={title}\n          className={classes.toastAlert}\n          timeout={2000}\n          onTimeout={() => onRemoveAlert(key as React.Key)}\n          actionClose={\n            <AlertActionCloseButton\n              title={title as string}\n              variantLabel={`${variant ?? 'success'} alert`}\n              onClose={() => onRemoveAlert(key as React.Key)}\n            />\n          }\n        />\n      ))}\n    </AlertGroup>\n  );\n};\n"],"names":[],"mappings":";;;;AA2BA,MAAM,SAAA,GAAY,WAAW,CAAA,KAAA,MAAU;AAAA,EACrC,eAAA,EAAiB;AAAA,IACf,gDAAA,EAAkD,CAAA,EAAG,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAC,CAAA,EAAA,CAAA;AAAA,IACvE,iDAAA,EAAmD,CAAA,EAAG,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAC,CAAA,EAAA,CAAA;AAAA,IACxE,0CAAA,EAA4C,OAAA;AAAA,IAC5C,wCAAA,EAA0C;AAAA,GAC5C;AAAA,EACA,UAAA,EAAY;AAAA,IACV,QAAA,EAAU,OAAA;AAAA,IACV,yBAAA,EAA2B;AAAA,MACzB,MAAA,EAAQ;AAAA;AACV;AAEJ,CAAA,CAAE,CAAA;AAOK,MAAM,kBAAkB,CAAC;AAAA,EAC9B,MAAA;AAAA,EACA;AACF,CAAA,KAA4B;AAC1B,EAAA,MAAM,UAAU,SAAA,EAAU;AAE1B,EAAA,IAAI,MAAA,CAAO,MAAA,KAAW,CAAA,EAAG,OAAO,IAAA;AAEhC,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAa,IAAA;AAAA,MACb,OAAA,EAAO,IAAA;AAAA,MACP,YAAA,EAAY,IAAA;AAAA,MACZ,WAAW,OAAA,CAAQ,eAAA;AAAA,MAElB,iBAAO,GAAA,CAAI,CAAC,EAAE,GAAA,EAAK,KAAA,EAAO,SAAQ,qBACjC,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UAEC,OAAA,EAAS,YAAA,CAAa,OAAA,IAAW,SAAS,CAAA;AAAA,UAC1C,KAAA;AAAA,UACA,WAAW,OAAA,CAAQ,UAAA;AAAA,UACnB,OAAA,EAAS,GAAA;AAAA,UACT,SAAA,EAAW,MAAM,aAAA,CAAc,GAAgB,CAAA;AAAA,UAC/C,WAAA,kBACE,GAAA;AAAA,YAAC,sBAAA;AAAA,YAAA;AAAA,cACC,KAAA;AAAA,cACA,YAAA,EAAc,CAAA,EAAG,OAAA,IAAW,SAAS,CAAA,MAAA,CAAA;AAAA,cACrC,OAAA,EAAS,MAAM,aAAA,CAAc,GAAgB;AAAA;AAAA;AAC/C,SAAA;AAAA,QAXG;AAAA,OAcR;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/components/notebooks/AddDocumentModal.esm.js

@@ -17,34 +17,21 @@ import { useUploadDocument } from '../../hooks/notebooks/useUploadDocument.esm.j
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import { runFileUploads } from '../../utils/notebook-upload-runner.esm.js';
 import { getNotebookAcceptedFileTypes, validateFiles } from '../../utils/notebook-upload-utils.esm.js';
+import { getScopedDialogProps } from '../../utils/scoped-dialog-utils.esm.js';
 import { FileListItem } from './FileListItem.esm.js';
+import { notebookDialogStyles } from './notebookDialogStyles.esm.js';
 
 const UNIQUE_FILE_TYPE_LABELS = [
   ...new Set(Object.values(NOTEBOOK_EXTENSION_TO_FILE_TYPE))
 ].map((t) => t.toUpperCase());
 const useStyles = makeStyles((theme) => ({
-  dialogPaper: {
-    borderRadius: 24,
-    maxWidth: 578
-  },
-  dialogTitle: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    padding: "24px 24px 16px"
-  },
-  titleText: {
-    fontWeight: 500,
-    fontSize: "1.25rem",
-    lineHeight: "1.625rem",
+  ...notebookDialogStyles(theme),
+  titleTextCompact: {
+    fontWeight: 600,
+    fontSize: "1.125rem",
+    lineHeight: "1.5rem",
     letterSpacing: "-0.25px"
   },
-  closeButton: {
-    color: theme.palette.text.primary
-  },
-  dialogContent: {
-    padding: "0 24px 24px"
-  },
   errorAlert: {
     marginBottom: theme.spacing(2),
     "--pf-v6-c-alert--PaddingBlockEnd": "0",
@@ -91,6 +78,11 @@ const useStyles = makeStyles((theme) => ({
     justifyContent: "flex-start",
     gap: theme.spacing(1)
   },
+  dialogActionsCompact: {
+    padding: "12px 16px !important",
+    justifyContent: "flex-start",
+    gap: theme.spacing(1)
+  },
   addButton: {
     textTransform: "none"
   },
@@ -172,7 +164,8 @@ const AddDocumentModal = ({
   onUploadFailed,
   onDuplicatesFound,
   filesToAdd,
-  onFilesAdded
+  onFilesAdded,
+  isCompact = false
 }) => {
   const classes = useStyles();
   const { t } = useTranslation();
@@ -241,142 +234,170 @@ const AddDocumentModal = ({
     setValidationErrors([]);
     onClose();
   };
+  const scopedProps = getScopedDialogProps(isCompact);
   return /* @__PURE__ */ jsxs(
     Dialog,
     {
       open: isOpen,
       onClose: handleClose,
       "aria-labelledby": "add-document-modal-title",
+      ...scopedProps,
       PaperProps: {
-        className: classes.dialogPaper
+        className: isCompact ? classes.dialogPaperCompact : classes.dialogPaper,
+        ...scopedProps.PaperProps
       },
       children: [
-        /* @__PURE__ */ jsxs(DialogTitle, { className: classes.dialogTitle, children: [
-          /* @__PURE__ */ jsxs(Typography, { component: "h2", className: classes.titleText, children: [
-            t("notebook.upload.modal.title"),
-            selectedFiles.length > 0 && ` (${selectedFiles.length}/${NOTEBOOK_MAX_FILES - existingDocumentNames.length})`
-          ] }),
-          /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              "aria-label": t("common.close"),
-              onClick: handleClose,
-              className: classes.closeButton,
-              size: "small",
-              children: /* @__PURE__ */ jsx(CloseIcon, {})
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs(DialogContent, { className: classes.dialogContent, children: [
-          validationErrors.length > 0 && /* @__PURE__ */ jsx(
-            Alert,
-            {
-              variant: "danger",
-              isInline: true,
-              className: classes.errorAlert,
-              title: validationErrors.map((errorKey) => {
-                const message = t(errorKey);
-                return errorKey === "notebook.upload.error.tooManyFiles" ? message.replace("{{max}}", String(NOTEBOOK_MAX_FILES)) : message;
-              }).join("\n")
-            }
-          ),
-          hasUploadsInProgress && /* @__PURE__ */ jsx(
-            Alert,
-            {
-              variant: "info",
-              isInline: true,
-              className: classes.errorAlert,
-              title: t("notebook.view.documents.uploadsInProgress")
-            }
-          ),
-          (() => {
-            const isDropzoneDisabled = remainingSlots <= 0;
-            const dropzoneContent = /* @__PURE__ */ jsx(
-              MultipleFileUpload,
-              {
-                className: `${classes.dropzone} ${isDropzoneDisabled ? classes.dropzoneDisabled : ""}`,
-                dropzoneProps: {
-                  accept: getNotebookAcceptedFileTypes(),
-                  onDropRejected: handleDropRejected,
-                  disabled: isDropzoneDisabled
-                },
-                onFileDrop: handleFileDrop,
-                children: /* @__PURE__ */ jsxs(
-                  DropzoneClickArea,
+        /* @__PURE__ */ jsxs(
+          DialogTitle,
+          {
+            className: isCompact ? classes.dialogTitleCompact : classes.dialogTitle,
+            children: [
+              /* @__PURE__ */ jsxs(
+                Typography,
+                {
+                  component: "h2",
+                  className: isCompact ? classes.titleTextCompact : classes.titleText,
+                  children: [
+                    t("notebook.upload.modal.title"),
+                    selectedFiles.length > 0 && ` (${selectedFiles.length}/${NOTEBOOK_MAX_FILES - existingDocumentNames.length})`
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  "aria-label": t("common.close"),
+                  onClick: handleClose,
+                  className: classes.closeButton,
+                  size: "small",
+                  children: /* @__PURE__ */ jsx(CloseIcon, {})
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          DialogContent,
+          {
+            className: isCompact ? classes.dialogContentCompact : classes.dialogContent,
+            children: [
+              validationErrors.length > 0 && /* @__PURE__ */ jsx(
+                Alert,
+                {
+                  variant: "danger",
+                  isInline: true,
+                  className: classes.errorAlert,
+                  title: validationErrors.map((errorKey) => {
+                    const message = t(errorKey);
+                    return errorKey === "notebook.upload.error.tooManyFiles" ? message.replace("{{max}}", String(NOTEBOOK_MAX_FILES)) : message;
+                  }).join("\n")
+                }
+              ),
+              hasUploadsInProgress && /* @__PURE__ */ jsx(
+                Alert,
+                {
+                  variant: "info",
+                  isInline: true,
+                  className: classes.errorAlert,
+                  title: t("notebook.view.documents.uploadsInProgress")
+                }
+              ),
+              (() => {
+                const isDropzoneDisabled = remainingSlots <= 0;
+                const dropzoneContent = /* @__PURE__ */ jsx(
+                  MultipleFileUpload,
                   {
-                    isDisabled: isDropzoneDisabled,
-                    ariaLabel: t("notebook.upload.modal.dragDropTitle"),
-                    children: [
-                      /* @__PURE__ */ jsx(
-                        MultipleFileUploadMain,
-                        {
-                          titleIcon: /* @__PURE__ */ jsx(UploadIcon, { className: classes.uploadIcon }),
-                          titleText: t("notebook.upload.modal.dragDropTitle"),
-                          isUploadButtonHidden: true
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(Typography, { className: classes.supportedFormatsLabel, children: t("notebook.upload.modal.supportedFormats") }),
-                      /* @__PURE__ */ jsx("div", { className: classes.chipContainer, children: UNIQUE_FILE_TYPE_LABELS.map((label) => /* @__PURE__ */ jsx("span", { className: classes.fileTypeChip, children: label }, label)) }),
-                      /* @__PURE__ */ jsx(Typography, { className: classes.maxFileSizeText, children: t("notebook.upload.modal.maxFileSize") })
-                    ]
+                    className: `${classes.dropzone} ${isDropzoneDisabled ? classes.dropzoneDisabled : ""}`,
+                    dropzoneProps: {
+                      accept: getNotebookAcceptedFileTypes(),
+                      onDropRejected: handleDropRejected,
+                      disabled: isDropzoneDisabled
+                    },
+                    onFileDrop: handleFileDrop,
+                    children: /* @__PURE__ */ jsxs(
+                      DropzoneClickArea,
+                      {
+                        isDisabled: isDropzoneDisabled,
+                        ariaLabel: t("notebook.upload.modal.dragDropTitle"),
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            MultipleFileUploadMain,
+                            {
+                              titleIcon: /* @__PURE__ */ jsx(UploadIcon, { className: classes.uploadIcon }),
+                              titleText: t("notebook.upload.modal.dragDropTitle"),
+                              isUploadButtonHidden: true
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(Typography, { className: classes.supportedFormatsLabel, children: t("notebook.upload.modal.supportedFormats") }),
+                          /* @__PURE__ */ jsx("div", { className: classes.chipContainer, children: UNIQUE_FILE_TYPE_LABELS.map((label) => /* @__PURE__ */ jsx("span", { className: classes.fileTypeChip, children: label }, label)) }),
+                          /* @__PURE__ */ jsx(Typography, { className: classes.maxFileSizeText, children: t("notebook.upload.modal.maxFileSize") })
+                        ]
+                      }
+                    )
                   }
-                )
-              }
-            );
-            return isDropzoneDisabled ? /* @__PURE__ */ jsx(
-              Tooltip,
-              {
-                content: t("notebook.view.documents.maxReached"),
-                position: "top",
-                children: /* @__PURE__ */ jsx("div", { children: dropzoneContent })
-              }
-            ) : dropzoneContent;
-          })(),
-          selectedFiles.length > 0 && /* @__PURE__ */ jsxs(Box, { className: classes.fileListContainer, children: [
-            /* @__PURE__ */ jsx(Box, { className: classes.fileListHeader, children: /* @__PURE__ */ jsx(Typography, { className: classes.fileCount, children: t("notebook.upload.modal.selectedFiles", {
-              count: selectedFiles.length,
-              max: NOTEBOOK_MAX_FILES - existingDocumentNames.length
-            }) }) }),
-            selectedFiles.map((file, index) => /* @__PURE__ */ jsx(
-              FileListItem,
-              {
-                file,
-                onRemove: () => handleRemoveFile(index),
-                removeAriaLabel: t(
-                  "notebook.upload.modal.removeFile",
+                );
+                return isDropzoneDisabled ? /* @__PURE__ */ jsx(
+                  Tooltip,
                   {
-                    fileName: file.name
+                    content: t("notebook.view.documents.maxReached"),
+                    position: "top",
+                    children: /* @__PURE__ */ jsx("div", { children: dropzoneContent })
                   }
-                )
-              },
-              `${file.name}-${index}`
-            ))
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs(DialogActions, { className: classes.dialogActions, children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              onClick: handleAddFiles,
-              className: classes.addButton,
-              variant: "contained",
-              color: "primary",
-              disabled: selectedFiles.length === 0 || hasUploadsInProgress,
-              children: selectedFiles.length > 0 ? t("notebook.upload.modal.addButton", {
-                count: selectedFiles.length
-              }) : t("notebook.upload.modal.addButtonEmpty")
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              onClick: handleClose,
-              className: classes.cancelButton,
-              color: "inherit",
-              children: t("common.cancel")
-            }
-          )
-        ] })
+                ) : dropzoneContent;
+              })(),
+              selectedFiles.length > 0 && /* @__PURE__ */ jsxs(Box, { className: classes.fileListContainer, children: [
+                /* @__PURE__ */ jsx(Box, { className: classes.fileListHeader, children: /* @__PURE__ */ jsx(Typography, { className: classes.fileCount, children: t("notebook.upload.modal.selectedFiles", {
+                  count: selectedFiles.length,
+                  max: NOTEBOOK_MAX_FILES - existingDocumentNames.length
+                }) }) }),
+                selectedFiles.map((file, index) => /* @__PURE__ */ jsx(
+                  FileListItem,
+                  {
+                    file,
+                    onRemove: () => handleRemoveFile(index),
+                    removeAriaLabel: t(
+                      "notebook.upload.modal.removeFile",
+                      {
+                        fileName: file.name
+                      }
+                    )
+                  },
+                  `${file.name}-${index}`
+                ))
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          DialogActions,
+          {
+            className: isCompact ? classes.dialogActionsCompact : classes.dialogActions,
+            children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  onClick: handleAddFiles,
+                  className: classes.addButton,
+                  variant: "contained",
+                  color: "primary",
+                  disabled: selectedFiles.length === 0 || hasUploadsInProgress,
+                  children: selectedFiles.length > 0 ? t("notebook.upload.modal.addButton", {
+                    count: selectedFiles.length
+                  }) : t("notebook.upload.modal.addButtonEmpty")
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  onClick: handleClose,
+                  className: classes.cancelButton,
+                  color: "inherit",
+                  children: t("common.cancel")
+                }
+              )
+            ]
+          }
+        )
       ]
     }
   );