@gooddata/sdk-ui-gen-ai 11.52.0 → 11.53.0-alpha.0

package/esm/components/GenAIChat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GenAIChat.d.ts","sourceRoot":"","sources":["../../src/components/GenAIChat.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAQ3C,OAAO,EAEH,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EAExB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEnE;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,GAAG;IAClE;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,cAAc,EAAE,gBAAgB,KAAK,MAAM,GAAG,SAAS,CAAC;IAEvE;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;OAEG;IACH,8BAA8B,CAAC,EAAE,MAAM,aAAa,CAAC;IAErD;;OAEG;IACH,2BAA2B,CAAC,EAAE,MAAM,aAAa,GAAG,IAAI,CAAC;IAEzD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAE1B;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,mBAAmB,CAAC;AAEjD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAmDxD;AAED;;;;GAIG;AACH,eAAO,MAAM,SAAS,uBAAiB,CAAC"}
+{"version":3,"file":"GenAIChat.d.ts","sourceRoot":"","sources":["../../src/components/GenAIChat.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAQ3C,OAAO,EAEH,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EAExB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEnE;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,GAAG;IAClE;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,cAAc,EAAE,gBAAgB,KAAK,MAAM,GAAG,SAAS,CAAC;IAEvE;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;OAEG;IACH,8BAA8B,CAAC,EAAE,MAAM,aAAa,CAAC;IAErD;;OAEG;IACH,2BAA2B,CAAC,EAAE,MAAM,aAAa,GAAG,IAAI,CAAC;IAEzD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAE1B;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,mBAAmB,CAAC;AAEjD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAqDxD;AAED;;;;GAIG;AACH,eAAO,MAAM,SAAS,uBAAiB,CAAC"}

package/esm/components/GenAIChat.js

@@ -12,10 +12,10 @@ import { GenAiStore } from "./GenAiStore.js";
  * @public
  */
 export function GenAIAssistant(props) {
-    const { backend, workspace, locale, colorPalette, eventHandlers, settings, objectTypes, catalogItems, includeTags, excludeTags, isPreview, providedStore, onDispatcher, onLinkClick, mode, allowNativeLinks, } = props;
+    const { backend, workspace, locale, colorPalette, eventHandlers, settings, objectTypes, catalogItems, includeTags, excludeTags, isPreview, allowInteractionIntelligence, providedStore, onDispatcher, onLinkClick, mode, allowNativeLinks, } = props;
     const effectiveBackend = useBackendStrict(backend);
     const effectiveWorkspace = useWorkspaceStrict(workspace);
-    return (_jsx(IntlWrapper, { locale: locale, children: _jsx(GenAiStore, { backend: effectiveBackend, workspace: effectiveWorkspace, onDispatcher: onDispatcher, colorPalette: colorPalette, mode: mode, eventHandlers: eventHandlers, allowNativeLinks: allowNativeLinks, onLinkClick: onLinkClick, settings: settings, objectTypes: objectTypes, includeTags: includeTags, excludeTags: excludeTags, catalogItems: catalogItems, isPreview: isPreview, providedStore: providedStore, children: _jsx(BackendProvider, { backend: effectiveBackend, children: _jsx(WorkspaceProvider, { workspace: effectiveWorkspace, children: _jsx(PermissionsProvider, { children: _jsx(GenAIContent, { ...props }) }) }) }) }) }));
+    return (_jsx(IntlWrapper, { locale: locale, children: _jsx(GenAiStore, { backend: effectiveBackend, workspace: effectiveWorkspace, onDispatcher: onDispatcher, colorPalette: colorPalette, mode: mode, eventHandlers: eventHandlers, allowNativeLinks: allowNativeLinks, onLinkClick: onLinkClick, settings: settings, objectTypes: objectTypes, includeTags: includeTags, excludeTags: excludeTags, catalogItems: catalogItems, isPreview: isPreview, allowInteractionIntelligence: allowInteractionIntelligence, providedStore: providedStore, children: _jsx(BackendProvider, { backend: effectiveBackend, children: _jsx(WorkspaceProvider, { workspace: effectiveWorkspace, children: _jsx(PermissionsProvider, { children: _jsx(GenAIContent, { ...props }) }) }) }) }) }));
 }
 /**
  * UI component that renders the Gen AI chat.

package/esm/components/GenAiStore.d.ts

@@ -86,6 +86,15 @@ export type GenAiStoreProps = {
      * @internal
      */
     isPreview?: boolean;
+    /**
+     * Enables the Interaction Intelligence panel on assistant messages. Agent builder
+     * passes `true`; regular assistants leave this off. Also requires
+     * `settings.enableGenAiInteractionIntelligence` to be enabled — both must be true for the
+     * panel to be usable.
+     *
+     * @internal
+     */
+    allowInteractionIntelligence?: boolean;
 };
 /**
  * Provides the Gen AI store to the application.

package/esm/components/GenAiStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GenAiStore.d.ts","sourceRoot":"","sources":["../../src/components/GenAiStore.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAmC,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGlE,OAAO,EAAE,KAAK,kBAAkB,EAAE,KAAK,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACjG,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAKjG,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAG3D,OAAO,EAAkB,KAAK,kBAAkB,EAAE,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEpG;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAC/B;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAElC;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,cAAc,EAAE,gBAAgB,KAAK,MAAM,GAAG,SAAS,CAAC;IACvE;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACnC;;OAEG;IACH,WAAW,CAAC,EAAE,eAAe,EAAE,CAAC;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B;;;;OAIG;IACH,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAC7D;;OAEG;IACH,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,UAAU,EAAE,aAAa,KAAK,SAAS,CAAC,CAAC;IAEjE;;;;;;;;;;;;OAYG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,kDAmDhD"}
+{"version":3,"file":"GenAiStore.d.ts","sourceRoot":"","sources":["../../src/components/GenAiStore.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAmC,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGlE,OAAO,EAAE,KAAK,kBAAkB,EAAE,KAAK,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACjG,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAKjG,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAG3D,OAAO,EAAkB,KAAK,kBAAkB,EAAE,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEpG;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAC/B;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAElC;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,cAAc,EAAE,gBAAgB,KAAK,MAAM,GAAG,SAAS,CAAC;IACvE;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACnC;;OAEG;IACH,WAAW,CAAC,EAAE,eAAe,EAAE,CAAC;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B;;;;OAIG;IACH,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAC7D;;OAEG;IACH,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,UAAU,EAAE,aAAa,KAAK,SAAS,CAAC,CAAC;IAEjE;;;;;;;;;;;;OAYG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;;;OAOG;IACH,4BAA4B,CAAC,EAAE,OAAO,CAAC;CAC1C,CAAC;AAEF;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,kDAmDhD"}

package/esm/components/GenAiStore.js

@@ -59,7 +59,7 @@ function InjectedStore({ onDispatcher, children, currentStore, }) {
     const content = typeof children === "function" ? children(currentStore) : children;
     return _jsx(StoreProvider, { store: currentStore, children: content });
 }
-function InternalStore({ backend, workspace, onDispatcher, children, eventHandlers, settings, catalogItems, includeTags, excludeTags, objectTypes, allowNativeLinks, onLinkClick, mode, isPreview, colorPalette, }) {
+function InternalStore({ backend, workspace, onDispatcher, children, eventHandlers, settings, catalogItems, includeTags, excludeTags, objectTypes, allowNativeLinks, onLinkClick, mode, isPreview, allowInteractionIntelligence, colorPalette, }) {
     const effectiveBackend = useBackendStrict(backend);
     const effectiveWorkspace = useWorkspaceStrict(workspace);
     const genAIStore = useGenAIStore(effectiveBackend, effectiveWorkspace, {
@@ -71,6 +71,7 @@ function InternalStore({ backend, workspace, onDispatcher, children, eventHandle
         excludeTags,
         catalogItems,
         isPreview,
+        allowInteractionIntelligence,
         allowNativeLinks,
         onLinkClick,
         mode,

package/esm/components/intelligence/GenAiInteractionIntelligence.d.ts

@@ -0,0 +1,21 @@
+import type { InteractionIntelligenceMode } from "./data/types.js";
+/**
+ * Props for the {@link GenAiInteractionIntelligence} component.
+ * @public
+ */
+export interface IGenAiInteractionIntelligenceProps {
+    responseId: string;
+    onClose: () => void;
+    /** Lets a consumer render directly into a specific category's detail view. */
+    initialMode?: InteractionIntelligenceMode;
+    /** Category id to open when `initialMode === "detail"`. Falls back to list mode if unknown. */
+    initialCategory?: string;
+}
+/**
+ * The Interaction Intelligence panel: a single timeline of the processing steps behind one
+ * assistant response, with a list view and a per-category detail view. Loads its own data on
+ * mount and owns which view/category is currently shown.
+ * @public
+ */
+export declare function GenAiInteractionIntelligence({ responseId, onClose, initialMode, initialCategory }: IGenAiInteractionIntelligenceProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=GenAiInteractionIntelligence.d.ts.map

package/esm/components/intelligence/GenAiInteractionIntelligence.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenAiInteractionIntelligence.d.ts","sourceRoot":"","sources":["../../../src/components/intelligence/GenAiInteractionIntelligence.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAwB,2BAA2B,EAAE,MAAM,iBAAiB,CAAC;AASzF;;;GAGG;AACH,MAAM,WAAW,kCAAkC;IAC/C,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,2BAA2B,CAAC;IAC1C,+FAA+F;IAC/F,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;;;GAKG;AACH,wBAAgB,4BAA4B,CAAC,EACzC,UAAU,EACV,OAAO,EACP,WAAoB,EACpB,eAAe,EAClB,EAAE,kCAAkC,kDAmEpC"}

package/esm/components/intelligence/GenAiInteractionIntelligence.js

@@ -0,0 +1,57 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2026 GoodData Corporation
+import { useCallback, useEffect, useRef, useState } from "react";
+import { useSelector } from "react-redux";
+import { interactionIntelligenceEnabledSelector } from "../../store/chatWindow/chatWindowSelectors.js";
+import { useInteractionIntelligenceData } from "./data/useInteractionIntelligenceData.js";
+import { IntelligenceCategoryDetail } from "./detail/IntelligenceCategoryDetail.js";
+import { b } from "./intelligenceBem.js";
+import { IntelligenceCategoryList } from "./panel/IntelligenceCategoryList.js";
+import { IntelligenceFooter } from "./panel/IntelligenceFooter.js";
+import { IntelligenceHeader } from "./panel/IntelligenceHeader.js";
+import { IntelligenceTimeline } from "./panel/IntelligenceTimeline.js";
+/**
+ * The Interaction Intelligence panel: a single timeline of the processing steps behind one
+ * assistant response, with a list view and a per-category detail view. Loads its own data on
+ * mount and owns which view/category is currently shown.
+ * @public
+ */
+export function GenAiInteractionIntelligence({ responseId, onClose, initialMode = "list", initialCategory, }) {
+    // Self-gated on the feature flag/prop, not just by whoever mounts this component — it is a
+    // public export, so a caller other than AssistantItem must not be able to show it by omission.
+    const interactionIntelligenceEnabled = useSelector(interactionIntelligenceEnabledSelector);
+    const data = useInteractionIntelligenceData(responseId, interactionIntelligenceEnabled);
+    const [view, setView] = useState();
+    const [hoveredStepIndexes, setHoveredStepIndexes] = useState(undefined);
+    const panelRef = useRef(null);
+    // Mounted from AssistantItem the trace is already in the store, so this resolves on the first
+    // render. A consumer that mounts the panel while the response still streams gets it as soon as
+    // the trace lands instead, which is why the initial view is derived rather than seeded.
+    const resolvedView = view ??
+        (data
+            ? resolveInitialView(data.categories, initialMode, initialCategory)
+            : { mode: "list", categoryIndex: 0 });
+    const openCategory = useCallback((categoryIndex) => {
+        setView({ mode: "detail", categoryIndex });
+    }, []);
+    const backToList = useCallback(() => setView({ mode: "list", categoryIndex: 0 }), []);
+    const hasData = !!data;
+    // The panel opens below the message and the detail view is taller than the list, so both
+    // opening it and switching views can push its bottom out of the viewport. Scroll it back into
+    // view once it has something to show, and on every view change after that.
+    useEffect(() => {
+        panelRef.current?.scrollIntoView({ block: "nearest" });
+    }, [resolvedView.mode, hasData]);
+    if (!data) {
+        return null;
+    }
+    return (_jsx("div", { className: b(), ref: panelRef, children: resolvedView.mode === "detail" ? (_jsx(IntelligenceCategoryDetail, { data: data, categoryIndex: resolvedView.categoryIndex, onBack: backToList, onClose: onClose, onSelectCategory: openCategory })) : (_jsxs(_Fragment, { children: [
+                _jsx(IntelligenceHeader, { onClose: onClose }), _jsx(IntelligenceTimeline, { steps: data.steps, totalDurationMs: data.totals.durationMs, categories: data.categories, highlightedStepIndexes: hoveredStepIndexes }), _jsx(IntelligenceCategoryList, { categories: data.categories, onSelectCategory: openCategory, onHoveredStepIndexesChange: setHoveredStepIndexes }), data.traceId ? _jsx(IntelligenceFooter, { traceId: data.traceId }) : null] })) }));
+}
+/** Opens on `initialCategory`'s detail when asked for one that exists, else on the list. */
+function resolveInitialView(categories, initialMode, initialCategory) {
+    const categoryIndex = categories.findIndex((category) => category.category === initialCategory);
+    return initialMode === "detail" && categoryIndex >= 0
+        ? { mode: "detail", categoryIndex }
+        : { mode: "list", categoryIndex: 0 };
+}

package/esm/components/intelligence/InteractionIntelligenceTrigger.d.ts

@@ -0,0 +1,15 @@
+import type { IInteractionIntelligenceTotals } from "./data/types.js";
+export interface IInteractionIntelligenceTriggerProps {
+    /** The turn's duration/tokens, shown as the trigger's own content. Renders nothing until available. */
+    totals?: IInteractionIntelligenceTotals;
+    isOpen: boolean;
+    onToggle: () => void;
+}
+/**
+ * The Interaction Intelligence trigger shown next to an assistant message: the turn's
+ * duration/tokens, styled like the panel's own summary stats, acting as the clickable trigger.
+ * Renders nothing until `totals` is available. A plain toggle — it holds no state and renders no
+ * panel itself.
+ */
+export declare function InteractionIntelligenceTrigger({ totals, isOpen, onToggle }: IInteractionIntelligenceTriggerProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=InteractionIntelligenceTrigger.d.ts.map

package/esm/components/intelligence/InteractionIntelligenceTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InteractionIntelligenceTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/intelligence/InteractionIntelligenceTrigger.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,iBAAiB,CAAC;AAItE,MAAM,WAAW,oCAAoC;IACjD,uGAAuG;IACvG,MAAM,CAAC,EAAE,8BAA8B,CAAC;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;;;GAKG;AACH,wBAAgB,8BAA8B,CAAC,EAC3C,MAAM,EACN,MAAM,EACN,QAAQ,EACX,EAAE,oCAAoC,kDAoBtC"}

package/esm/components/intelligence/InteractionIntelligenceTrigger.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2026 GoodData Corporation
+import { useIntl } from "react-intl";
+import { e } from "./intelligenceBem.js";
+import { IntelligenceDurationTokens } from "./panel/IntelligenceDurationTokens.js";
+/**
+ * The Interaction Intelligence trigger shown next to an assistant message: the turn's
+ * duration/tokens, styled like the panel's own summary stats, acting as the clickable trigger.
+ * Renders nothing until `totals` is available. A plain toggle — it holds no state and renders no
+ * panel itself.
+ */
+export function InteractionIntelligenceTrigger({ totals, isOpen, onToggle, }) {
+    const intl = useIntl();
+    if (!totals) {
+        return null;
+    }
+    const label = intl.formatMessage({ id: "gd.gen-ai.interactionIntelligence.explain" });
+    return (_jsx("button", { type: "button", className: e("trigger"), onClick: onToggle, "aria-label": label, "aria-expanded": isOpen, children: _jsx(IntelligenceDurationTokens, { totals: totals }) }));
+}

package/esm/components/intelligence/data/categoryDetailRows.d.ts

@@ -0,0 +1,12 @@
+import type { IChatConversationItemDetail } from "@gooddata/sdk-backend-spi";
+import type { IInteractionCategoryExcerptFragment, IInteractionStepDetailRow } from "./types.js";
+/**
+ * The list row's right-hand excerpt for one occurrence of a category, built from the same
+ * `detail` its rows come from. At most two fragments (e.g. "2 found" + "1 used"). Counts are
+ * summed across a category's occurrences by the caller — this only reports one occurrence's own.
+ * @internal
+ */
+export declare function excerptForDetail(detail: IChatConversationItemDetail): IInteractionCategoryExcerptFragment[];
+/** The category's detail rows, built from one action's detail body. */
+export declare function rowsForDetail(detail: IChatConversationItemDetail): IInteractionStepDetailRow[];
+//# sourceMappingURL=categoryDetailRows.d.ts.map

package/esm/components/intelligence/data/categoryDetailRows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"categoryDetailRows.d.ts","sourceRoot":"","sources":["../../../../src/components/intelligence/data/categoryDetailRows.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAIR,2BAA2B,EAG9B,MAAM,2BAA2B,CAAC;AAGnC,OAAO,KAAK,EACR,mCAAmC,EAEnC,yBAAyB,EAC5B,MAAM,YAAY,CAAC;AAsCpB;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,2BAA2B,GAAG,mCAAmC,EAAE,CAe3G;AA2CD,uEAAuE;AACvE,wBAAgB,aAAa,CAAC,MAAM,EAAE,2BAA2B,GAAG,yBAAyB,EAAE,CAe9F"}

package/esm/components/intelligence/data/categoryDetailRows.js

@@ -0,0 +1,206 @@
+// (C) 2026 GoodData Corporation
+import { defineMessages } from "react-intl";
+import { MAX_DETAIL_LIST_ITEMS } from "./constants.js";
+/** i18n message id per {@link GenAIAnswerOutput} value. */
+const ANSWER_OUTPUT_LABEL_MESSAGES = defineMessages({
+    text: { id: "gd.gen-ai.interactionIntelligence.detail.output.text" },
+    visualization: { id: "gd.gen-ai.interactionIntelligence.detail.output.visualization" },
+    dashboard: { id: "gd.gen-ai.interactionIntelligence.detail.output.dashboard" },
+    keyDriverAnalysis: { id: "gd.gen-ai.interactionIntelligence.detail.output.keyDriverAnalysis" },
+    whatIf: { id: "gd.gen-ai.interactionIntelligence.detail.output.whatIf" },
+    searchResults: { id: "gd.gen-ai.interactionIntelligence.detail.output.searchResults" },
+    alertProposal: { id: "gd.gen-ai.interactionIntelligence.detail.output.alertProposal" },
+});
+/**
+ * Every message this file authors: the detail rows' labels, the count lines above their lists,
+ * the match-score suffix, and the excerpt fragments shown on a category's list row.
+ */
+const MESSAGES = defineMessages({
+    query: { id: "gd.gen-ai.interactionIntelligence.detail.query" },
+    documents: { id: "gd.gen-ai.interactionIntelligence.detail.documents" },
+    bestMatch: { id: "gd.gen-ai.interactionIntelligence.detail.bestMatch" },
+    available: { id: "gd.gen-ai.interactionIntelligence.detail.available" },
+    activated: { id: "gd.gen-ai.interactionIntelligence.detail.activated" },
+    output: { id: "gd.gen-ai.interactionIntelligence.detail.output" },
+    model: { id: "gd.gen-ai.interactionIntelligence.detail.model" },
+    suggestedActions: { id: "gd.gen-ai.interactionIntelligence.detail.suggestedActions" },
+    searched: { id: "gd.gen-ai.interactionIntelligence.detail.searched" },
+    found: { id: "gd.gen-ai.interactionIntelligence.detail.found" },
+    used: { id: "gd.gen-ai.interactionIntelligence.detail.used" },
+    skillsCount: { id: "gd.gen-ai.interactionIntelligence.detail.skillsCount" },
+    foundGroup: { id: "gd.gen-ai.interactionIntelligence.detail.foundGroup" },
+    matchScore: { id: "gd.gen-ai.interactionIntelligence.detail.matchScore" },
+    excerptFound: { id: "gd.gen-ai.interactionIntelligence.excerpt.found" },
+    excerptUsed: { id: "gd.gen-ai.interactionIntelligence.excerpt.used" },
+    excerptDocuments: { id: "gd.gen-ai.interactionIntelligence.excerpt.documents" },
+    excerptActivated: { id: "gd.gen-ai.interactionIntelligence.excerpt.activated" },
+});
+/**
+ * The list row's right-hand excerpt for one occurrence of a category, built from the same
+ * `detail` its rows come from. At most two fragments (e.g. "2 found" + "1 used"). Counts are
+ * summed across a category's occurrences by the caller — this only reports one occurrence's own.
+ * @internal
+ */
+export function excerptForDetail(detail) {
+    switch (detail.category) {
+        case "catalogSearch":
+            return catalogSearchExcerpt(detail);
+        case "knowledgeSearch":
+            return knowledgeSearchExcerpt(detail);
+        case "skillRouting":
+            return skillRoutingExcerpt(detail);
+        case "composeAnswer":
+            return composeAnswerExcerpt(detail);
+        // A category newer than this client contributes no excerpt rather than breaking the
+        // whole render model.
+        default:
+            return [];
+    }
+}
+function countFragment(id, count) {
+    return count > 0 ? [{ id, values: { count } }] : [];
+}
+function catalogSearchExcerpt(detail) {
+    const foundCount = detail.found.reduce((sum, group) => sum + group.titles.length, 0);
+    return [
+        ...countFragment(MESSAGES.excerptFound.id, foundCount),
+        ...countFragment(MESSAGES.excerptUsed.id, detail.used.length),
+    ];
+}
+function knowledgeSearchExcerpt(detail) {
+    return countFragment(MESSAGES.excerptDocuments.id, detail.documents.length);
+}
+function skillRoutingExcerpt(detail) {
+    return countFragment(MESSAGES.excerptActivated.id, detail.activated.length);
+}
+/**
+ * The message id for an output type, or `undefined` for one this client version does not know —
+ * a newer backend's value must degrade, not throw partway through building the render model.
+ */
+function outputLabelId(output) {
+    return output ? ANSWER_OUTPUT_LABEL_MESSAGES[output]?.id : undefined;
+}
+function composeAnswerExcerpt(detail) {
+    const id = outputLabelId(detail.output);
+    return id ? [{ id }] : [];
+}
+/** The category's detail rows, built from one action's detail body. */
+export function rowsForDetail(detail) {
+    switch (detail.category) {
+        case "catalogSearch":
+            return catalogSearchRows(detail);
+        case "knowledgeSearch":
+            return knowledgeSearchRows(detail);
+        case "skillRouting":
+            return skillRoutingRows(detail);
+        case "composeAnswer":
+            return composeAnswerRows(detail);
+        // A category newer than this client shows as a row with no detail content rather than
+        // breaking the whole render model.
+        default:
+            return [];
+    }
+}
+/**
+ * A row with a plain text value, or nothing when there is no text to show. `textId` is for a
+ * `text` drawn from a known/stable set (e.g. {@link ANSWER_OUTPUT_LABEL_MESSAGES}) — absent
+ * otherwise, when the text is never translated.
+ */
+function textRow(labelId, text, textId) {
+    return text === undefined || text === ""
+        ? []
+        : [{ labelId, value: { kind: "text", text: String(text), textId } }];
+}
+/**
+ * A row listing `items`, truncated past {@link MAX_DETAIL_LIST_ITEMS}, or nothing when the list
+ * is empty. Without a `heading` the list renders unbulleted — the "plain stacked list" look used
+ * for match lists.
+ */
+function listRow(labelId, items, heading) {
+    if (items.length === 0) {
+        return [];
+    }
+    return [
+        {
+            labelId,
+            value: {
+                kind: "list",
+                ...(heading === undefined
+                    ? { bulleted: false }
+                    : "id" in heading
+                        ? { heading: heading.id, headingId: heading.id, headingValues: heading.values }
+                        : { heading: heading.text }),
+                ...truncate(items),
+            },
+        },
+    ];
+}
+/** A relevance score as the card shows it, or no suffix when the action did not rank. */
+function scoreMeta(score) {
+    return score === undefined
+        ? undefined
+        : { id: MESSAGES.matchScore.id, values: { percent: Math.round(score * 100) } };
+}
+function knowledgeSearchRows(detail) {
+    return [
+        ...textRow(MESSAGES.query.id, detail.query),
+        ...listRow(MESSAGES.documents.id, detail.documents.map((document) => ({ label: document.title, meta: scoreMeta(document.score) }))),
+        ...textRow(MESSAGES.bestMatch.id, detail.bestMatch),
+    ];
+}
+function skillRoutingRows(detail) {
+    const availableCount = detail.available.length;
+    return [
+        ...listRow(MESSAGES.available.id, detail.available.map((skill) => ({ label: skill })), { id: MESSAGES.skillsCount.id, values: { count: availableCount } }),
+        ...listRow(MESSAGES.activated.id, detail.activated.map((skill) => ({ label: skill }))),
+    ];
+}
+function composeAnswerRows(detail) {
+    return [
+        ...textRow(MESSAGES.output.id, 
+        // `detail.output` is only shown verbatim if a future output type arrives with no
+        // matching message yet — never for an output type we already know.
+        detail.output, outputLabelId(detail.output)),
+        ...textRow(MESSAGES.model.id, detail.modelId),
+        ...textRow(MESSAGES.suggestedActions.id, detail.suggestedActions),
+    ];
+}
+function catalogSearchRows(detail) {
+    const found = detail.found.filter((group) => group.titles.length > 0);
+    return [
+        ...listRow(MESSAGES.query.id, detail.query.map((keyword) => ({ label: keyword }))),
+        ...listRow(MESSAGES.searched.id, detail.requestedTypes.map((type) => ({ label: type }))),
+        ...(found.length === 0
+            ? []
+            : [
+                {
+                    labelId: MESSAGES.found.id,
+                    value: {
+                        kind: "groups",
+                        // The count/type composition is translated; `objectType` (e.g. "metric")
+                        // is a backend value, interpolated verbatim.
+                        groups: found.map((group) => ({
+                            heading: MESSAGES.foundGroup.id,
+                            headingId: MESSAGES.foundGroup.id,
+                            headingValues: {
+                                count: group.titles.length,
+                                objectType: group.objectType,
+                            },
+                            ...truncate(group.titles.map((title) => ({ label: title }))),
+                        })),
+                    },
+                },
+            ]),
+        ...listRow(MESSAGES.used.id, detail.used.map((match) => ({ label: match.title, meta: scoreMeta(match.score) }))),
+    ];
+}
+/** Caps a list at {@link MAX_DETAIL_LIST_ITEMS}, reporting the remainder as `truncatedCount`. */
+function truncate(items) {
+    if (items.length <= MAX_DETAIL_LIST_ITEMS) {
+        return { items };
+    }
+    return {
+        items: items.slice(0, MAX_DETAIL_LIST_ITEMS),
+        truncatedCount: items.length - MAX_DETAIL_LIST_ITEMS,
+    };
+}

package/esm/components/intelligence/data/constants.d.ts

@@ -0,0 +1,22 @@
+import type { GenAIInteractionStepCategory } from "@gooddata/sdk-backend-spi";
+import type { IconType } from "@gooddata/sdk-ui-kit";
+/**
+ * Default icon shown for a category with no explicit mapping in {@link CATEGORY_ICONS}.
+ * @internal
+ */
+export declare const DEFAULT_STEP_ICON: IconType;
+/**
+ * Longest list rendered in a detail row before the rest collapse into a "…and N more". Applied
+ * both when a row is built and again after merging a category's occurrences.
+ * @internal
+ */
+export declare const MAX_DETAIL_LIST_ITEMS = 5;
+/**
+ * Category -> icon mapping. Typed by {@link GenAIInteractionStepCategory}, so adding a category to
+ * the backend's vocabulary fails to compile until its icon is chosen here. A category still
+ * missing at runtime (an older client meeting a newer backend) falls back to
+ * {@link DEFAULT_STEP_ICON}.
+ * @internal
+ */
+export declare const CATEGORY_ICONS: Record<GenAIInteractionStepCategory, IconType>;
+//# sourceMappingURL=constants.d.ts.map

package/esm/components/intelligence/data/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/intelligence/data/constants.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,QAAyB,CAAC;AAE1D;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,IAAI,CAAC;AAEvC;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,4BAA4B,EAAE,QAAQ,CAOzE,CAAC"}

package/esm/components/intelligence/data/constants.js

@@ -0,0 +1,27 @@
+// (C) 2026 GoodData Corporation
+/**
+ * Default icon shown for a category with no explicit mapping in {@link CATEGORY_ICONS}.
+ * @internal
+ */
+export const DEFAULT_STEP_ICON = "questionMark";
+/**
+ * Longest list rendered in a detail row before the rest collapse into a "…and N more". Applied
+ * both when a row is built and again after merging a category's occurrences.
+ * @internal
+ */
+export const MAX_DETAIL_LIST_ITEMS = 5;
+/**
+ * Category -> icon mapping. Typed by {@link GenAIInteractionStepCategory}, so adding a category to
+ * the backend's vocabulary fails to compile until its icon is chosen here. A category still
+ * missing at runtime (an older client meeting a newer backend) falls back to
+ * {@link DEFAULT_STEP_ICON}.
+ * @internal
+ */
+export const CATEGORY_ICONS = {
+    applyMemory: "brain",
+    skillRouting: "genai2",
+    knowledgeSearch: "search",
+    catalogSearch: "search",
+    metricQuery: "metric",
+    composeAnswer: "speechBubble",
+};

package/esm/components/intelligence/data/deriveInteractionIntelligenceFromSteps.d.ts

@@ -0,0 +1,23 @@
+import type { IChatConversationResponseTrace } from "../../../types.js";
+import type { IInteractionIntelligence, IInteractionIntelligenceTotals } from "./types.js";
+/**
+ * Builds the render model for one response: a step carries timing/token spend but no category,
+ * the actions within it carry a category but no timing, and the two are joined here.
+ *
+ * Every action's category is kept, and time stays whole on the step's own tile — nothing is split
+ * or summed per category, so two categories highlighting the same tile is not double-counting. A
+ * category comes only from `detail.category`; an action without a `detail` yields no category row,
+ * though its step keeps its time regardless.
+ *
+ * A tile's `index` is its array position, not the backend's `stepIndex` — it is the highlight key.
+ * @internal
+ */
+export declare function deriveInteractionIntelligenceFromSteps(responseId: string, trace: IChatConversationResponseTrace): IInteractionIntelligence;
+/**
+ * The turn-level totals only, without resolving categories or building any detail rows — cheaper
+ * than {@link deriveInteractionIntelligenceFromSteps} for callers (e.g. the inline trigger) that
+ * only need the duration/token summary, and the single source of truth both callers share.
+ * @internal
+ */
+export declare function deriveInteractionIntelligenceTotals(trace: IChatConversationResponseTrace): IInteractionIntelligenceTotals;
+//# sourceMappingURL=deriveInteractionIntelligenceFromSteps.d.ts.map

package/esm/components/intelligence/data/deriveInteractionIntelligenceFromSteps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deriveInteractionIntelligenceFromSteps.d.ts","sourceRoot":"","sources":["../../../../src/components/intelligence/data/deriveInteractionIntelligenceFromSteps.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,mBAAmB,CAAC;AAIxE,OAAO,KAAK,EAIR,wBAAwB,EACxB,8BAA8B,EAEjC,MAAM,YAAY,CAAC;AAqBpB;;;;;;;;;;;GAWG;AACH,wBAAgB,sCAAsC,CAClD,UAAU,EAAE,MAAM,EAClB,KAAK,EAAE,8BAA8B,GACtC,wBAAwB,CAqD1B;AAED;;;;;GAKG;AACH,wBAAgB,mCAAmC,CAC/C,KAAK,EAAE,8BAA8B,GACtC,8BAA8B,CAYhC"}

package/esm/components/intelligence/data/deriveInteractionIntelligenceFromSteps.js

@@ -0,0 +1,109 @@
+// (C) 2026 GoodData Corporation
+import { defineMessages } from "react-intl";
+import { excerptForDetail, rowsForDetail } from "./categoryDetailRows.js";
+import { mergeDetailRows } from "./mergeDetailRows.js";
+/**
+ * i18n message id per known category. Typed by {@link GenAIInteractionStepCategory}, so adding a
+ * category to the backend's vocabulary fails to compile until its label is authored here.
+ */
+const CATEGORY_LABEL_MESSAGES = defineMessages({
+    applyMemory: { id: "gd.gen-ai.interactionIntelligence.category.applyMemory" },
+    catalogSearch: { id: "gd.gen-ai.interactionIntelligence.category.catalogSearch" },
+    knowledgeSearch: { id: "gd.gen-ai.interactionIntelligence.category.knowledgeSearch" },
+    skillRouting: { id: "gd.gen-ai.interactionIntelligence.category.skillRouting" },
+    metricQuery: { id: "gd.gen-ai.interactionIntelligence.category.metricQuery" },
+    composeAnswer: { id: "gd.gen-ai.interactionIntelligence.category.composeAnswer" },
+});
+/**
+ * Builds the render model for one response: a step carries timing/token spend but no category,
+ * the actions within it carry a category but no timing, and the two are joined here.
+ *
+ * Every action's category is kept, and time stays whole on the step's own tile — nothing is split
+ * or summed per category, so two categories highlighting the same tile is not double-counting. A
+ * category comes only from `detail.category`; an action without a `detail` yields no category row,
+ * though its step keeps its time regardless.
+ *
+ * A tile's `index` is its array position, not the backend's `stepIndex` — it is the highlight key.
+ * @internal
+ */
+export function deriveInteractionIntelligenceFromSteps(responseId, trace) {
+    const sorted = [...trace.steps].sort((a, b) => a.stepIndex - b.stepIndex);
+    const byCategory = new Map();
+    const steps = sorted.map((step, index) => {
+        const actions = trace.detailsByStepId[step.stepId] ?? [];
+        const categoriesInStep = [];
+        for (const { detail } of actions) {
+            if (!detail) {
+                continue;
+            }
+            const { category } = detail;
+            if (!categoriesInStep.includes(category)) {
+                categoriesInStep.push(category);
+            }
+            const entry = byCategory.get(category) ?? { stepIndexes: [], details: [] };
+            byCategory.set(category, entry);
+            if (entry.stepIndexes.at(-1) !== index) {
+                entry.stepIndexes.push(index);
+            }
+            entry.details.push(detail);
+        }
+        return {
+            stepId: step.stepId,
+            index,
+            durationMs: step.durationMs,
+            tokens: step.tokens.total,
+            categories: categoriesInStep,
+        };
+    });
+    // Map insertion order already reflects each category's earliest step, since steps are
+    // walked in order above.
+    const categories = Array.from(byCategory.entries()).map(([category, entry]) => ({
+        category,
+        // Absent for a category newer than this client, which `resolveMessage` then renders as
+        // the raw category id rather than failing.
+        labelId: CATEGORY_LABEL_MESSAGES[category]?.id,
+        stepIndexes: entry.stepIndexes,
+        excerpt: excerptFor(entry.details),
+        detailRows: mergeDetailRows(entry.details.map(rowsForDetail)),
+    }));
+    return {
+        responseId,
+        totals: deriveInteractionIntelligenceTotals(trace),
+        steps,
+        categories,
+        traceId: trace.traceId,
+    };
+}
+/**
+ * The turn-level totals only, without resolving categories or building any detail rows — cheaper
+ * than {@link deriveInteractionIntelligenceFromSteps} for callers (e.g. the inline trigger) that
+ * only need the duration/token summary, and the single source of truth both callers share.
+ * @internal
+ */
+export function deriveInteractionIntelligenceTotals(trace) {
+    const reported = trace.steps.filter((step) => step.tokens.total !== undefined);
+    return {
+        stepsCount: trace.steps.length,
+        durationMs: trace.steps.reduce((sum, step) => sum + step.durationMs, 0),
+        // Left undefined when no step reported a token total, so "unknown" never renders as "0".
+        tokens: reported.length === 0
+            ? undefined
+            : reported.reduce((sum, step) => sum + (step.tokens.total ?? 0), 0),
+    };
+}
+/**
+ * Merges a category's per-occurrence excerpt fragments by `id`, summing `count` values — so a
+ * category that ran across several steps shows one combined "5 found" rather than
+ * "2 found 3 found".
+ */
+function excerptFor(details) {
+    const merged = new Map();
+    for (const fragment of details.flatMap(excerptForDetail)) {
+        const previousCount = merged.get(fragment.id)?.values?.["count"];
+        const count = fragment.values?.["count"];
+        merged.set(fragment.id, typeof previousCount === "number" && typeof count === "number"
+            ? { id: fragment.id, values: { ...fragment.values, count: previousCount + count } }
+            : fragment);
+    }
+    return merged.size === 0 ? undefined : { fragments: Array.from(merged.values()) };
+}

package/esm/components/intelligence/data/mergeDetailRows.d.ts

@@ -0,0 +1,15 @@
+import type { IInteractionStepDetailRow } from "./types.js";
+/**
+ * Merges several occurrences' `detailRows` into one flat set for a category, grouping by
+ * `labelId`. A label appearing in only one occurrence keeps that row untouched. A label repeated
+ * across occurrences merges by value kind:
+ * - `list` rows concatenate `items` (and sum `truncatedCount`), keeping the first occurrence
+ *   that authors a `heading`/`bulleted`.
+ * - `groups` rows concatenate the `groups` arrays across occurrences.
+ * - `text` rows become a plain, unheaded `list` of each occurrence's text as one item — the same
+ *   "stacked plain list" look already used for single-occurrence match lists like "Used".
+ * - Mismatched kinds across occurrences fall back to the first occurrence's row.
+ * @internal
+ */
+export declare function mergeDetailRows(rowGroups: IInteractionStepDetailRow[][]): IInteractionStepDetailRow[];
+//# sourceMappingURL=mergeDetailRows.d.ts.map

package/esm/components/intelligence/data/mergeDetailRows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeDetailRows.d.ts","sourceRoot":"","sources":["../../../../src/components/intelligence/data/mergeDetailRows.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAA8B,yBAAyB,EAAE,MAAM,YAAY,CAAC;AAExF;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,SAAS,EAAE,yBAAyB,EAAE,EAAE,GAAG,yBAAyB,EAAE,CAcrG"}