@patternfly/chatbot 2.2.1 → 6.3.0-prerelease.2

package/dist/cjs/SourcesCard/SourcesCard.test.js

@@ -18,17 +18,13 @@ const user_event_1 = __importDefault(require("@testing-library/user-event"));
 require("@testing-library/jest-dom");
 const SourcesCard_1 = __importDefault(require("./SourcesCard"));
 describe('SourcesCard', () => {
-    it('should render card', () => {
-        const { container } = (0, react_2.render)(react_1.default.createElement(SourcesCard_1.default, { sources: [{ link: '' }] }));
-        expect(container).toMatchSnapshot();
-    });
     it('should render card correctly if one source with only a link is passed in', () => {
         (0, react_2.render)(react_1.default.createElement(SourcesCard_1.default, { sources: [{ link: '' }] }));
         expect(react_2.screen.getByText('1 source')).toBeTruthy();
         expect(react_2.screen.getByText('Source 1')).toBeTruthy();
         // no buttons or navigation when there is only 1 source
         expect(react_2.screen.queryByRole('button')).toBeFalsy();
-        expect(react_2.screen.queryByText('1 of 1')).toBeFalsy();
+        expect(react_2.screen.queryByText('1/1')).toBeFalsy();
     });
     it('should render card correctly if one source with a title is passed in', () => {
         (0, react_2.render)(react_1.default.createElement(SourcesCard_1.default, { sources: [{ title: 'How to make an apple pie', link: '' }] }));
@@ -53,7 +49,7 @@ describe('SourcesCard', () => {
             ] }));
         expect(react_2.screen.getByText('2 sources')).toBeTruthy();
         expect(react_2.screen.getByText('How to make an apple pie')).toBeTruthy();
-        expect(react_2.screen.getByText('1 of 2')).toBeTruthy();
+        expect(react_2.screen.getByText('1/2')).toBeTruthy();
         react_2.screen.getByRole('button', { name: /Go to previous page/i });
         react_2.screen.getByRole('button', { name: /Go to next page/i });
     });
@@ -63,12 +59,12 @@ describe('SourcesCard', () => {
                 { title: 'How to make cookies', link: '' }
             ] }));
         expect(react_2.screen.getByText('How to make an apple pie')).toBeTruthy();
-        expect(react_2.screen.getByText('1 of 2')).toBeTruthy();
+        expect(react_2.screen.getByText('1/2')).toBeTruthy();
         expect(react_2.screen.getByRole('button', { name: /Go to previous page/i })).toBeDisabled();
         yield user_event_1.default.click(react_2.screen.getByRole('button', { name: /Go to next page/i }));
         expect(react_2.screen.queryByText('How to make an apple pie')).toBeFalsy();
         expect(react_2.screen.getByText('How to make cookies')).toBeTruthy();
-        expect(react_2.screen.getByText('2 of 2')).toBeTruthy();
+        expect(react_2.screen.getByText('2/2')).toBeTruthy();
         expect(react_2.screen.getByRole('button', { name: /Go to previous page/i })).toBeEnabled();
         expect(react_2.screen.getByRole('button', { name: /Go to next page/i })).toBeDisabled();
     }));
@@ -88,13 +84,6 @@ describe('SourcesCard', () => {
         expect(react_2.screen.getByRole('button', { name: /Go to previous page/i })).toBeDisabled();
         expect(react_2.screen.getByRole('button', { name: /Go to next page/i })).toBeDisabled();
     });
-    it('should change ofWord appropriately', () => {
-        (0, react_2.render)(react_1.default.createElement(SourcesCard_1.default, { sources: [
-                { title: 'How to make an apple pie', link: '' },
-                { title: 'How to make cookies', link: '' }
-            ], ofWord: 'de' }));
-        expect(react_2.screen.getByText('1 de 2')).toBeTruthy();
-    });
     it('should render navigation aria label appropriately', () => {
         (0, react_2.render)(react_1.default.createElement(SourcesCard_1.default, { sources: [
                 { title: 'How to make an apple pie', link: '' },
@@ -164,4 +153,25 @@ describe('SourcesCard', () => {
         yield user_event_1.default.click(react_2.screen.getByRole('button', { name: /Go to previous page/i }));
         expect(spy).toHaveBeenCalledTimes(2);
     }));
+    it('should handle showMore appropriately', () => __awaiter(void 0, void 0, void 0, function* () {
+        (0, react_2.render)(react_1.default.createElement(SourcesCard_1.default, { sources: [
+                {
+                    title: 'Getting started with Red Hat OpenShift',
+                    link: '#',
+                    body: 'Red Hat OpenShift on IBM Cloud is a managed offering to create your own cluster of compute hosts where you can deploy and manage containerized apps on IBM Cloud ...',
+                    hasShowMore: true
+                },
+                {
+                    title: 'Azure Red Hat OpenShift documentation',
+                    link: '#',
+                    body: 'Microsoft Azure Red Hat OpenShift allows you to deploy a production ready Red Hat OpenShift cluster in Azure ...'
+                },
+                {
+                    title: 'OKD Documentation: Home',
+                    link: '#',
+                    body: 'OKD is a distribution of Kubernetes optimized for continuous application development and multi-tenant deployment. OKD also serves as the upstream code base upon ...'
+                }
+            ] }));
+        expect(react_2.screen.getByRole('region')).toHaveAttribute('class', 'pf-v6-c-expandable-section__content');
+    }));
 });

package/dist/cjs/tracking/console_tracking_provider.d.ts

@@ -1,10 +1,9 @@
-import { TrackingSpi } from './tracking_spi';
+import { InitProps, TrackingSpi } from './tracking_spi';
 import { TrackingApi, TrackingEventProperties } from './tracking_api';
 export declare class ConsoleTrackingProvider implements TrackingSpi, TrackingApi {
+    private verbose;
     trackPageView(url: string | undefined): void;
-    registerProvider(): void;
-    initialize(): void;
-    identify(userID: string): void;
+    initialize(props: InitProps): void;
+    identify(userID: string, userProperties?: TrackingEventProperties): void;
     trackSingleItem(item: string, properties?: TrackingEventProperties): void;
-    getKey(): string;
 }

package/dist/cjs/tracking/console_tracking_provider.js

@@ -2,26 +2,33 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConsoleTrackingProvider = void 0;
 class ConsoleTrackingProvider {
+    constructor() {
+        this.verbose = false;
+    }
     trackPageView(url) {
-        // eslint-disable-next-line no-console
-        console.log('ConsoleProvider pageView', url);
+        if (this.verbose) {
+            // eslint-disable-next-line no-console
+            console.log('ConsoleProvider pageView ', url);
+        }
     }
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    registerProvider() { }
-    initialize() {
-        // eslint-disable-next-line no-console
-        console.log('ConsoleProvider initialize');
+    initialize(props) {
+        this.verbose = props.verbose;
+        if (this.verbose) {
+            // eslint-disable-next-line no-console
+            console.log('ConsoleProvider initialize');
+        }
     }
-    identify(userID) {
-        // eslint-disable-next-line no-console
-        console.log('ConsoleProvider identify', userID);
+    identify(userID, userProperties = {}) {
+        if (this.verbose) {
+            // eslint-disable-next-line no-console
+            console.log('ConsoleProvider identify ', userID, userProperties);
+        }
     }
     trackSingleItem(item, properties) {
-        // eslint-disable-next-line no-console
-        console.log('ConsoleProvider: ' + item, properties);
-    }
-    getKey() {
-        return 'console';
+        if (this.verbose) {
+            // eslint-disable-next-line no-console
+            console.log('ConsoleProvider: ' + item, properties);
+        }
     }
 }
 exports.ConsoleTrackingProvider = ConsoleTrackingProvider;

package/dist/cjs/tracking/posthog_tracking_provider.d.ts

@@ -1,9 +1,9 @@
 import { TrackingApi, TrackingEventProperties } from './tracking_api';
 import { InitProps, TrackingSpi } from './tracking_spi';
 export declare class PosthogTrackingProvider implements TrackingSpi, TrackingApi {
-    getKey(): string;
+    private verbose;
     initialize(props: InitProps): void;
-    identify(userID: string): void;
+    identify(userID: string, userProperties?: TrackingEventProperties): void;
     trackPageView(url: string | undefined): void;
     trackSingleItem(item: string, properties?: TrackingEventProperties): void;
 }

package/dist/cjs/tracking/posthog_tracking_provider.js

@@ -3,12 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PosthogTrackingProvider = void 0;
 const posthog_js_1 = require("posthog-js");
 class PosthogTrackingProvider {
-    getKey() {
-        return 'posthogKey';
+    constructor() {
+        this.verbose = false;
     }
     initialize(props) {
-        // eslint-disable-next-line no-console
-        console.log('PosthogProvider initialize');
+        this.verbose = props.verbose;
+        if (this.verbose) {
+            // eslint-disable-next-line no-console
+            console.log('PosthogProvider initialize');
+        }
         const posthogKey = props.posthogKey;
         posthog_js_1.posthog.init(posthogKey, {
             // eslint-disable-next-line camelcase
@@ -17,20 +20,26 @@ class PosthogTrackingProvider {
             person_profiles: 'identified_only' // or 'always' to create profiles for anonymous users as well
         });
     }
-    identify(userID) {
-        // eslint-disable-next-line no-console
-        console.log('PosthogProvider userID: ' + userID);
-        posthog_js_1.posthog.identify(userID);
+    identify(userID, userProperties = {}) {
+        if (this.verbose) {
+            // eslint-disable-next-line no-console
+            console.log('PosthogProvider userID: ' + userID);
+        }
+        posthog_js_1.posthog.identify(userID, userProperties);
     }
     trackPageView(url) {
-        // eslint-disable-next-line no-console
-        console.log('PostHogProvider url', url);
+        if (this.verbose) {
+            // eslint-disable-next-line no-console
+            console.log('PostHogProvider url ', url);
+        }
         // TODO posthog seems to record that automatically.
         //  How to not clash with this here? Just leave as no-op?
     }
     trackSingleItem(item, properties) {
-        // eslint-disable-next-line no-console
-        console.log('PosthogProvider: trackSingleItem' + item, properties);
+        if (this.verbose) {
+            // eslint-disable-next-line no-console
+            console.log('PosthogProvider: trackSingleItem ' + item, properties);
+        }
         posthog_js_1.posthog.capture(item, { properties });
     }
 }

package/dist/cjs/tracking/segment_tracking_provider.d.ts

@@ -2,9 +2,9 @@ import { TrackingApi, TrackingEventProperties } from './tracking_api';
 import { InitProps, TrackingSpi } from './tracking_spi';
 export declare class SegmentTrackingProvider implements TrackingSpi, TrackingApi {
     private analytics;
-    getKey(): string;
+    private verbose;
     initialize(props: InitProps): void;
-    identify(userID: string): void;
+    identify(userID: string, userProperties?: TrackingEventProperties): void;
     trackPageView(url: string | undefined): void;
     trackSingleItem(item: string, properties?: TrackingEventProperties): void;
 }

package/dist/cjs/tracking/segment_tracking_provider.js

@@ -3,12 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SegmentTrackingProvider = void 0;
 const analytics_next_1 = require("@segment/analytics-next");
 class SegmentTrackingProvider {
-    getKey() {
-        return 'segmentKey';
+    constructor() {
+        this.verbose = false;
     }
     initialize(props) {
-        // eslint-disable-next-line no-console
-        console.log('SegmentProvider initialize');
+        this.verbose = props.verbose;
+        if (this.verbose) {
+            // eslint-disable-next-line no-console
+            console.log('SegmentProvider initialize');
+        }
         const segmentKey = props.segmentKey;
         // We need to create an object here, as ts lint is unhappy otherwise
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -20,16 +23,20 @@ class SegmentTrackingProvider {
             integrations: Object.assign({}, integrations)
         });
     }
-    identify(userID) {
-        // eslint-disable-next-line no-console
-        console.log('SegmentProvider userID: ' + userID);
+    identify(userID, userProperties = {}) {
+        if (this.verbose) {
+            // eslint-disable-next-line no-console
+            console.log('SegmentProvider userID: ' + userID);
+        }
         if (this.analytics) {
-            this.analytics.identify(userID);
+            this.analytics.identify(userID, userProperties);
         }
     }
     trackPageView(url) {
-        // eslint-disable-next-line no-console
-        console.log('SegmentProvider url', url);
+        if (this.verbose) {
+            // eslint-disable-next-line no-console
+            console.log('SegmentProvider url ', url);
+        }
         if (this.analytics) {
             if (url) {
                 this.analytics.page(url);
@@ -40,8 +47,10 @@ class SegmentTrackingProvider {
         }
     }
     trackSingleItem(item, properties) {
-        // eslint-disable-next-line no-console
-        console.log('SegmentProvider: trackSingleItem' + item, properties);
+        if (this.verbose) {
+            // eslint-disable-next-line no-console
+            console.log('SegmentProvider: trackSingleItem ' + item, properties);
+        }
         if (this.analytics) {
             this.analytics.track(item, { properties });
         }

package/dist/cjs/tracking/trackingProviderProxy.d.ts

@@ -2,7 +2,7 @@ import { TrackingApi, TrackingEventProperties } from './tracking_api';
 declare class TrackingProviderProxy implements TrackingApi {
     providers: TrackingApi[];
     constructor(providers: TrackingApi[]);
-    identify(userID: string): void;
+    identify(userID: string, userProperties?: TrackingEventProperties): void;
     trackSingleItem(eventName: string, properties?: TrackingEventProperties): void;
     trackPageView(url: string | undefined): void;
 }

package/dist/cjs/tracking/trackingProviderProxy.js

@@ -5,9 +5,9 @@ class TrackingProviderProxy {
         this.providers = [];
         this.providers = providers;
     }
-    identify(userID) {
+    identify(userID, userProperties = {}) {
         for (const provider of this.providers) {
-            provider.identify(userID);
+            provider.identify(userID, userProperties);
         }
     }
     trackSingleItem(eventName, properties) {

package/dist/cjs/tracking/tracking_api.d.ts

@@ -2,7 +2,7 @@ export interface TrackingEventProperties {
     [key: string]: string | number | boolean | undefined;
 }
 export interface TrackingApi {
-    identify: (userID: string) => void;
+    identify: (userID: string, userProperties: TrackingEventProperties) => void;
     trackPageView: (url: string | undefined) => void;
     trackSingleItem: (eventName: string, properties: TrackingEventProperties | undefined) => void;
 }

package/dist/cjs/tracking/tracking_registry.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getTrackingProviders = void 0;
+const tracking_spi_1 = require("./tracking_spi");
 const trackingProviderProxy_1 = __importDefault(require("./trackingProviderProxy"));
 const console_tracking_provider_1 = require("./console_tracking_provider");
 const segment_tracking_provider_1 = require("./segment_tracking_provider");
@@ -11,23 +12,56 @@ const posthog_tracking_provider_1 = require("./posthog_tracking_provider");
 const umami_tracking_provider_1 = require("./umami_tracking_provider");
 const getTrackingProviders = (initProps) => {
     const providers = [];
-    providers.push(new segment_tracking_provider_1.SegmentTrackingProvider());
-    providers.push(new posthog_tracking_provider_1.PosthogTrackingProvider());
-    providers.push(new umami_tracking_provider_1.UmamiTrackingProvider());
-    // TODO dynamically find and register providers
+    if (initProps.activeProviders) {
+        let tmpProps = initProps.activeProviders;
+        // Theoretically we get an array of provider names, but it could also be a CSV string...
+        if (!Array.isArray(initProps.activeProviders)) {
+            const tmpString = initProps.activeProviders;
+            if (tmpString && tmpString.indexOf(',') !== -1) {
+                tmpProps = tmpString.split(',');
+            }
+            else {
+                tmpProps = [tmpString];
+            }
+        }
+        tmpProps.forEach((provider) => {
+            switch (tracking_spi_1.Providers[provider]) {
+                case tracking_spi_1.Providers.Segment:
+                    providers.push(new segment_tracking_provider_1.SegmentTrackingProvider());
+                    break;
+                case tracking_spi_1.Providers.Umami:
+                    providers.push(new umami_tracking_provider_1.UmamiTrackingProvider());
+                    break;
+                case tracking_spi_1.Providers.Posthog:
+                    providers.push(new posthog_tracking_provider_1.PosthogTrackingProvider());
+                    break;
+                case tracking_spi_1.Providers.Console:
+                    providers.push(new console_tracking_provider_1.ConsoleTrackingProvider());
+                    break;
+                case tracking_spi_1.Providers.None: // Do nothing, just a placeholder
+                    break;
+                default:
+                    if (providers.length > 1) {
+                        if (initProps.verbose) {
+                            // eslint-disable-next-line no-console
+                            console.error("Unknown provider '" + provider);
+                        }
+                    }
+                    break;
+            }
+        });
+    }
     // Initialize them
-    const enabledProviders = [];
     for (const provider of providers) {
-        const key = provider.getKey();
-        if (Object.keys(initProps).indexOf(key) > -1) {
+        try {
             provider.initialize(initProps);
-            enabledProviders.push(provider);
+        }
+        catch (e) {
+            // eslint-disable-next-line no-console
+            console.error(e);
         }
     }
-    // Add the console provider
-    const consoleTrackingProvider = new console_tracking_provider_1.ConsoleTrackingProvider();
-    enabledProviders.push(consoleTrackingProvider); // TODO noop- provider?
-    return new trackingProviderProxy_1.default(enabledProviders);
+    return new trackingProviderProxy_1.default(providers);
 };
 exports.getTrackingProviders = getTrackingProviders;
 exports.default = exports.getTrackingProviders;

package/dist/cjs/tracking/tracking_spi.d.ts

@@ -1,9 +1,19 @@
-import { TrackingApi, TrackingEventProperties } from './tracking_api';
-export interface InitProps {
-    [key: string]: string | number | boolean;
+import { TrackingApi } from './tracking_api';
+export declare enum Providers {
+    None = 0,
+    Segment = 1,
+    Umami = 2,
+    Posthog = 3,
+    Console = 4
+}
+export type ProviderAsString = keyof typeof Providers;
+export interface BaseProps {
+    verbose: boolean;
+    activeProviders: [ProviderAsString];
 }
+export type InitProps = {
+    [key: string]: string | number | boolean;
+} & BaseProps;
 export interface TrackingSpi extends TrackingApi {
-    getKey: () => string;
     initialize: (props: InitProps) => void;
-    trackSingleItem: (item: string, properties?: TrackingEventProperties) => void;
 }

package/dist/cjs/tracking/tracking_spi.js

@@ -1,2 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Providers = void 0;
+var Providers;
+(function (Providers) {
+    Providers[Providers["None"] = 0] = "None";
+    Providers[Providers["Segment"] = 1] = "Segment";
+    Providers[Providers["Umami"] = 2] = "Umami";
+    Providers[Providers["Posthog"] = 3] = "Posthog";
+    Providers[Providers["Console"] = 4] = "Console";
+})(Providers || (exports.Providers = Providers = {}));

package/dist/cjs/tracking/umami_tracking_provider.d.ts

@@ -6,9 +6,13 @@ declare global {
     }
 }
 export declare class UmamiTrackingProvider implements TrackingSpi, TrackingApi {
-    getKey(): string;
+    private verbose;
+    private websiteId;
+    private queue;
     initialize(props: InitProps): void;
-    identify(userID: string): void;
+    identify(userID: string, userProperties?: TrackingEventProperties): void;
     trackPageView(url: string | undefined): void;
     trackSingleItem(item: string, properties?: TrackingEventProperties): void;
+    flushQueue(): void;
+    log(msg: string): void;
 }

package/dist/cjs/tracking/umami_tracking_provider.js

@@ -2,43 +2,87 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UmamiTrackingProvider = void 0;
 class UmamiTrackingProvider {
-    getKey() {
-        return 'umamiKey';
+    constructor() {
+        this.verbose = false;
+        this.queue = [];
     }
     initialize(props) {
-        // eslint-disable-next-line no-console
-        console.log('UmamiProvider initialize');
-        const umamiKey = props.umamiKey;
+        this.verbose = props.verbose;
+        this.log('UmamiProvider initialize');
+        this.websiteId = props.umamiKey;
         const hostUrl = props.umamiHostUrl;
         const script = document.createElement('script');
         script.src = hostUrl + '/script.js';
         script.async = true;
         script.defer = true;
         // Configure Umami properties
-        script.setAttribute('data-website-id', umamiKey);
-        script.setAttribute('data-domains', 'localhost'); // TODO ?
+        script.setAttribute('data-website-id', this.websiteId);
+        script.setAttribute('data-host-url', hostUrl);
         script.setAttribute('data-auto-track', 'false');
-        script.setAttribute('data-host-url', hostUrl); // TODO ?
-        script.setAttribute('data-exclude-search', 'false'); // TODO ?
+        script.setAttribute('data-exclude-search', 'false');
+        // Now get from config, which may override some of the above.
+        const UMAMI_PREFIX = 'umami-';
+        for (const prop in props) {
+            if (prop.startsWith(UMAMI_PREFIX)) {
+                const att = 'data-' + prop.substring(UMAMI_PREFIX.length);
+                const val = props[prop];
+                script.setAttribute(att, String(val));
+            }
+        }
+        script.onload = () => {
+            this.log('UmamiProvider script loaded');
+            this.flushQueue();
+        };
         document.body.appendChild(script);
     }
-    identify(userID) {
-        var _a;
-        // eslint-disable-next-line no-console
-        console.log('UmamiProvider userID: ' + userID);
-        (_a = window.umami) === null || _a === void 0 ? void 0 : _a.identify({ userID });
+    identify(userID, userProperties = {}) {
+        this.log('UmamiProvider userID: ' + userID + ' => ' + JSON.stringify(userProperties));
+        if (window.umami) {
+            window.umami.identify({ userID, userProperties });
+        }
+        else {
+            this.queue.push({ what: 'i', name: userID, payload: userProperties });
+        }
     }
     trackPageView(url) {
-        var _a;
-        // eslint-disable-next-line no-console
-        console.log('UmamiProvider url', url);
-        (_a = window.umami) === null || _a === void 0 ? void 0 : _a.track({ url });
+        this.log('UmamiProvider url ' + url);
+        if (window.umami) {
+            window.umami.track({ url, website: this.websiteId });
+        }
+        else {
+            this.queue.push({ what: 'p', name: String(url) });
+        }
     }
     trackSingleItem(item, properties) {
-        var _a;
-        // eslint-disable-next-line no-console
-        console.log('UmamiProvider: trackSingleItem' + item, properties);
-        (_a = window.umami) === null || _a === void 0 ? void 0 : _a.track(item, properties);
+        this.log('UmamiProvider: trackSingleItem ' + item + JSON.stringify(properties));
+        if (window.umami) {
+            window.umami.track(item, properties);
+        }
+        else {
+            this.queue.push({ what: 't', name: item, payload: properties });
+        }
+    }
+    flushQueue() {
+        for (const item of this.queue) {
+            this.log('Queue flush ' + JSON.stringify(item));
+            switch (item.what) {
+                case 'i':
+                    this.identify(item.name, item.payload);
+                    break;
+                case 't':
+                    this.trackSingleItem(item.name, item.payload);
+                    break;
+                case 'p':
+                    this.trackPageView(item.name);
+                    break;
+            }
+        }
+    }
+    log(msg) {
+        if (this.verbose) {
+            // eslint-disable-next-line no-console
+            console.debug('UmamiProvider: ', msg);
+        }
     }
 }
 exports.UmamiTrackingProvider = UmamiTrackingProvider;

package/dist/css/main.css

@@ -1018,6 +1018,10 @@
   flex-wrap: wrap;
 }
 
+.pf-chatbot__message-edit-buttons {
+  --pf-v6-c-form__group--m-action--MarginBlockStart: 0;
+}
+
 .pf-chatbot__message-loading {
   width: 36px;
   padding: var(--pf-t--global--spacer--sm);
@@ -1895,7 +1899,7 @@
   box-shadow: var(--pf-t--global--box-shadow--sm);
 }
 
-.pf-chatbot__sources-card-body {
+.pf-chatbot__sources-card-body-text {
   display: block;
   display: -webkit-box;
   height: 2.8125rem;
@@ -1904,11 +1908,6 @@
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
-  margin-bottom: var(--pf-t--global--spacer--md);
-}
-
-.pf-chatbot__sources-card-no-footer {
-  margin-bottom: var(--pf-t--global--spacer--lg);
 }
 
 .pf-chatbot__sources-card-footer-container {
@@ -1917,13 +1916,14 @@
 }
 .pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer {
   display: flex;
-  justify-content: space-between;
   align-items: center;
 }
 .pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer-buttons {
   display: flex;
   gap: var(--pf-t--global--spacer--xs);
   align-items: center;
+  justify-content: space-between;
+  flex: 1;
 }
 .pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer-buttons .pf-v6-c-button {
   border-radius: var(--pf-t--global--border--radius--pill);