@gooddata/sdk-ui-semantic-search 10.8.0-alpha.9 → 10.8.0-beta.0

package/esm/internal/SearchList.d.ts

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { ListItem, ListItemProps } from "../types.js";
+/**
+ * Search results props.
+ * @internal
+ */
+export type SearchListProps<T> = {
+    /**
+     * Search result items.
+     */
+    items: ListItem<T>[];
+    /**
+     * Width of the list.
+     */
+    width: number;
+    /**
+     * Callback for item selection.
+     */
+    onSelect: (item: ListItem<T>, e: MouseEvent | KeyboardEvent) => void;
+    /**
+     * Component to render the item.
+     */
+    ItemComponent: React.ComponentType<ListItemProps<T>>;
+};
+/**
+ * A dropdown list with the search results.
+ * @internal
+ */
+export declare const SearchList: <T>({ items, width, onSelect, ItemComponent }: SearchListProps<T>) => React.JSX.Element;
+//# sourceMappingURL=SearchList.d.ts.map

package/esm/internal/SearchList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchList.d.ts","sourceRoot":"","sources":["../../src/internal/SearchList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAItD;;;GAGG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI;IAC7B;;OAEG;IACH,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,GAAG,aAAa,KAAK,IAAI,CAAC;IACrE;;OAEG;IACH,aAAa,EAAE,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;CACxD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,yFAqBtB,CAAC"}

package/esm/internal/SearchList.js

@@ -0,0 +1,16 @@
+// (C) 2024 GoodData Corporation
+import * as React from "react";
+import { List } from "@gooddata/sdk-ui-kit";
+import { useListSelector } from "../hooks/index.js";
+const ITEM_HEIGHT = 50;
+/**
+ * A dropdown list with the search results.
+ * @internal
+ */
+export const SearchList = ({ items, width, onSelect, ItemComponent }) => {
+    const [selected, setSelected] = useListSelector(items, onSelect);
+    return (React.createElement(List, { width: width, height: ITEM_HEIGHT * items.length, itemHeight: ITEM_HEIGHT, renderItem: ({ item }) => {
+            return (React.createElement(ItemComponent, { listItem: item, isActive: item === selected, setActive: setSelected, onSelect: onSelect }));
+        }, items: items }));
+};
+//# sourceMappingURL=SearchList.js.map

package/esm/internal/SearchList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchList.js","sourceRoot":"","sources":["../../src/internal/SearchList.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,WAAW,GAAG,EAAE,CAAC;AAyBvB;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAsB,EAAE,EAAE;IAC5F,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,eAAe,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAEjE,OAAO,CACH,oBAAC,IAAI,IACD,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,WAAW,GAAG,KAAK,CAAC,MAAM,EAClC,UAAU,EAAE,WAAW,EACvB,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;YACrB,OAAO,CACH,oBAAC,aAAa,IACV,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,IAAI,KAAK,QAAQ,EAC3B,SAAS,EAAE,WAAW,EACtB,QAAQ,EAAE,QAAQ,GACpB,CACL,CAAC;QACN,CAAC,EACD,KAAK,EAAE,KAAK,GACd,CACL,CAAC;AACN,CAAC,CAAC"}

package/esm/internal/SearchOverlay.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
-import { IAnalyticalBackend } from "@gooddata/sdk-backend-spi";
-import { GenAISemanticSearchType, ISemanticSearchResultItemWithUrl } from "@gooddata/sdk-model";
 import { WrappedComponentProps } from "react-intl";
+import { GenAISemanticSearchType, ISemanticSearchResultItem } from "@gooddata/sdk-model";
+import { IAnalyticalBackend } from "@gooddata/sdk-backend-spi";
 /**
  * Props for the SemanticSearchOverlay component.
  * @internal
@@ -10,7 +10,7 @@ export type SearchOverlayProps = WrappedComponentProps & {
     /**
      * A function called when the user selects an item from the search results.
      */
-    onSelect: (item: ISemanticSearchResultItemWithUrl) => void;
+    onSelect: (item: ISemanticSearchResultItem, e: MouseEvent | KeyboardEvent, itemUrl?: string) => void;
     /**
      * An analytical backend to use for the search. Can be omitted and taken from context.
      */

package/esm/internal/SearchOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchOverlay.d.ts","sourceRoot":"","sources":["../../src/internal/SearchOverlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,uBAAuB,EAAE,gCAAgC,EAAE,MAAM,qBAAqB,CAAC;AAEhG,OAAO,EAAoB,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAerE;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,GAAG;IACrD;;OAEG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,gCAAgC,KAAK,IAAI,CAAC;IAC3D;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACxC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6EtD,CAAC"}
+{"version":3,"file":"SearchOverlay.d.ts","sourceRoot":"","sources":["../../src/internal/SearchOverlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAoB,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AACzF,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAmC/D;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,GAAG;IACrD;;OAEG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,yBAAyB,EAAE,CAAC,EAAE,UAAU,GAAG,aAAa,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACrG;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACxC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsJtD,CAAC"}

package/esm/internal/SearchOverlay.js

@@ -1,9 +1,13 @@
 // (C) 2024 GoodData Corporation
 import * as React from "react";
-import { Input, LoadingMask, useDebouncedState } from "@gooddata/sdk-ui-kit";
-import { useSemanticSearch } from "../hooks/index.js";
-import { SearchResultsList } from "./SearchResultsList.js";
 import { FormattedMessage } from "react-intl";
+import { Input, LoadingMask, Message, useDebouncedState } from "@gooddata/sdk-ui-kit";
+import { useWorkspaceStrict, useLocalStorage } from "@gooddata/sdk-ui";
+import { useSemanticSearch } from "../hooks/index.js";
+import { getUIPath } from "../utils/getUIPath.js";
+import { SearchList } from "./SearchList.js";
+import { HistoryItem } from "./HistoryItem.js";
+import { AnnotatedResultsItem } from "./AnnotatedResultsItem.js";
 /**
  * A time in milliseconds to wait before sending a search request after the user stops typing.
  */
@@ -16,6 +20,18 @@ const LOADING_HEIGHT = 100;
  * A width of the search drop-down.
  */
 const SEARCH_OVERLAY_WIDTH = 440;
+/**
+ * Max search history length.
+ */
+const MAX_SEARCH_HISTORY_LENGTH = 5;
+/**
+ * A key for the search history in the local storage.
+ */
+const SEARCH_HISTORY_KEY = "gd-semantic-search-history";
+/**
+ * An initial value for the search history.
+ */
+const SEARCH_HISTORY_EMPTY = [];
 /**
  * A component that allows users to search for insights, metrics, attributes, and other objects using semantic search.
  * The internal version is meant to be used in an overlay inside the Header.
@@ -23,16 +39,53 @@ const SEARCH_OVERLAY_WIDTH = 440;
  */
 export const SearchOverlay = ({ onSelect, backend, workspace, objectTypes, deepSearch, limit = 6, intl, }) => {
     // Input value handling
-    const [value, setValue, searchTerm] = useDebouncedState("", DEBOUNCE);
+    const [value, setValue, searchTerm, setImmediate] = useDebouncedState("", DEBOUNCE);
     // Search results
-    const { searchStatus, searchResults, searchError } = useSemanticSearch({
+    const effectiveWorkspace = useWorkspaceStrict(workspace);
+    const { searchStatus, searchResults, searchError, relationships } = useSemanticSearch({
         backend,
-        workspace,
+        workspace: effectiveWorkspace,
         searchTerm,
         objectTypes,
         deepSearch,
         limit,
     });
+    // Results wrapped into ListItems
+    const searchResultsItems = React.useMemo(() => searchResults.flatMap((item) => {
+        // Look up parent items if available
+        const parents = relationships.filter((rel) => rel.targetObjectId === item.id && rel.targetObjectType === item.type);
+        if (!parents.length)
+            return {
+                item,
+                url: getUIPath(item.type, item.id, effectiveWorkspace),
+            };
+        return parents.map((parent) => ({
+            item,
+            parentRef: parent,
+            url: getUIPath(parent.sourceObjectType, parent.sourceObjectId, effectiveWorkspace),
+        }));
+    }), [searchResults, effectiveWorkspace, relationships]);
+    // Search history
+    const [searchHistory, setSearchHistory] = useLocalStorage(SEARCH_HISTORY_KEY, SEARCH_HISTORY_EMPTY);
+    const onResultSelect = React.useCallback((item, e) => {
+        setSearchHistory([...new Set([searchTerm, ...searchHistory])].slice(0, MAX_SEARCH_HISTORY_LENGTH));
+        // Simulate browser behaviour - if user presses Ctrl or Cmd and clicks on the result, open it in a new tab
+        if (item.url && (e.ctrlKey || e.metaKey)) {
+            // Keyboard events do not navigate to the URL natively by the browser, do it artificially
+            if (e instanceof KeyboardEvent) {
+                window.open(item.url, "_blank");
+            }
+            return;
+        }
+        // Call the onSelect callback
+        onSelect(item.item, e, item.url);
+        // If the default was not prevented - simulate browser navigation
+        if (item.url && e instanceof KeyboardEvent && !e.defaultPrevented) {
+            window.location.href = item.url;
+        }
+    }, [searchTerm, searchHistory, onSelect, setSearchHistory]);
+    const onHistorySelect = (item) => setImmediate(item.item);
+    const searchHistoryItems = React.useMemo(() => searchHistory.map((item) => ({ item })), [searchHistory]);
     React.useEffect(() => {
         if (searchStatus === "error") {
             // Report error to the console
@@ -48,14 +101,21 @@ export const SearchOverlay = ({ onSelect, backend, workspace, objectTypes, deepS
                     return React.createElement(LoadingMask, { width: SEARCH_OVERLAY_WIDTH, height: LOADING_HEIGHT });
                 case "error":
                     return (React.createElement("div", { className: "gd-semantic-search__overlay-error" },
-                        React.createElement(FormattedMessage, { id: "semantic-search.error" })));
+                        React.createElement(Message, { type: "error" },
+                            React.createElement(FormattedMessage, { tagName: "strong", id: "semantic-search.error.title" }),
+                            " ",
+                            React.createElement(FormattedMessage, { id: "semantic-search.error.text" }))));
                 case "success":
                     if (!searchResults.length) {
                         return (React.createElement("div", { className: "gd-semantic-search__overlay-no-results" },
                             React.createElement(FormattedMessage, { id: "semantic-search.no-results", values: { query: searchTerm } })));
                     }
-                    return (React.createElement(SearchResultsList, { searchResults: searchResults, width: SEARCH_OVERLAY_WIDTH, onSelect: onSelect }));
+                    return (React.createElement(SearchList, { items: searchResultsItems, width: SEARCH_OVERLAY_WIDTH, onSelect: onResultSelect, ItemComponent: AnnotatedResultsItem }));
                 case "idle":
+                    if (searchHistory.length) {
+                        return (React.createElement(SearchList, { items: searchHistoryItems, width: SEARCH_OVERLAY_WIDTH, onSelect: onHistorySelect, ItemComponent: HistoryItem }));
+                    }
+                // fallthrough
                 default:
                     return null;
             }

package/esm/internal/SearchOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchOverlay.js","sourceRoot":"","sources":["../../src/internal/SearchOverlay.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAGtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAyB,MAAM,YAAY,CAAC;AAErE;;GAEG;AACH,MAAM,QAAQ,GAAG,GAAG,CAAC;AACrB;;GAEG;AACH,MAAM,cAAc,GAAG,GAAG,CAAC;AAC3B;;GAEG;AACH,MAAM,oBAAoB,GAAG,GAAG,CAAC;AAiCjC;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EACxD,QAAQ,EACR,OAAO,EACP,SAAS,EACT,WAAW,EACX,UAAU,EACV,KAAK,GAAG,CAAC,EACT,IAAI,GACP,EAAE,EAAE;IACD,uBAAuB;IACvB,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,UAAU,CAAC,GAAG,iBAAiB,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;IAEtE,iBAAiB;IACjB,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,GAAG,iBAAiB,CAAC;QACnE,OAAO;QACP,SAAS;QACT,UAAU;QACV,WAAW;QACX,UAAU;QACV,KAAK;KACR,CAAC,CAAC;IAEH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,YAAY,KAAK,OAAO,EAAE,CAAC;YAC3B,8BAA8B;YAC9B,0CAA0C;YAC1C,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QAC/B,CAAC;IACL,CAAC,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;IAEhC,OAAO,CACH,6BAAK,SAAS,EAAC,6BAA6B;QACxC,oBAAC,KAAK,IACF,SAAS,EAAC,mCAAmC,EAC7C,SAAS,QACT,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,6BAA6B,EAAE,CAAC,EACtE,QAAQ,QACR,UAAU,QACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GACtC;QACD,CAAC,GAAG,EAAE;YACH,QAAQ,YAAY,EAAE,CAAC;gBACnB,KAAK,SAAS;oBACV,OAAO,oBAAC,WAAW,IAAC,KAAK,EAAE,oBAAoB,EAAE,MAAM,EAAE,cAAc,GAAI,CAAC;gBAChF,KAAK,OAAO;oBACR,OAAO,CACH,6BAAK,SAAS,EAAC,mCAAmC;wBAC9C,oBAAC,gBAAgB,IAAC,EAAE,EAAC,uBAAuB,GAAG,CAC7C,CACT,CAAC;gBACN,KAAK,SAAS;oBACV,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC;wBACxB,OAAO,CACH,6BAAK,SAAS,EAAC,wCAAwC;4BACnD,oBAAC,gBAAgB,IACb,EAAE,EAAC,4BAA4B,EAC/B,MAAM,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,GAC/B,CACA,CACT,CAAC;oBACN,CAAC;oBAED,OAAO,CACH,oBAAC,iBAAiB,IACd,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,oBAAoB,EAC3B,QAAQ,EAAE,QAAQ,GACpB,CACL,CAAC;gBACN,KAAK,MAAM,CAAC;gBACZ;oBACI,OAAO,IAAI,CAAC;YACpB,CAAC;QACL,CAAC,CAAC,EAAE,CACF,CACT,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"SearchOverlay.js","sourceRoot":"","sources":["../../src/internal/SearchOverlay.tsx"],"names":[],"mappings":"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"}

package/esm/internal/UpdateDate.d.ts

@@ -0,0 +1,10 @@
+import { ListItem } from "../types.js";
+import { ISemanticSearchResultItem } from "@gooddata/sdk-model";
+import * as React from "react";
+type UpdateDateProps = {
+    listItem: ListItem<ISemanticSearchResultItem>;
+    timezone?: string;
+};
+export declare const UpdatedDate: React.NamedExoticComponent<UpdateDateProps>;
+export {};
+//# sourceMappingURL=UpdateDate.d.ts.map

package/esm/internal/UpdateDate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpdateDate.d.ts","sourceRoot":"","sources":["../../src/internal/UpdateDate.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,eAAe,GAAG;IACnB,QAAQ,EAAE,QAAQ,CAAC,yBAAyB,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAQF,eAAO,MAAM,WAAW,6CA2BtB,CAAC"}

package/esm/internal/UpdateDate.js

@@ -0,0 +1,29 @@
+// (C) 2024 GoodData Corporation
+import * as React from "react";
+import { getDateTimeConfig } from "@gooddata/sdk-ui-kit";
+import { defineMessages, FormattedDate, FormattedMessage, FormattedTime } from "react-intl";
+const messages = defineMessages({
+    today: { id: "gs.date.today" },
+    yesterday: { id: "gs.date.yesterday" },
+    at: { id: "gs.date.at" },
+});
+export const UpdatedDate = React.memo(function UpdatedDate({ listItem: { item }, timezone, }) {
+    const timestamp = item.modifiedAt ?? item.createdAt;
+    if (!timestamp)
+        return null;
+    const config = getDateTimeConfig(timestamp, { dateTimezone: timezone });
+    const relativeDate = config.isToday ? messages.today.id : messages.yesterday.id;
+    if (config.isToday || config.isYesterday) {
+        return (React.createElement("span", null,
+            React.createElement(FormattedMessage, { id: relativeDate }),
+            "\u00A0",
+            React.createElement(FormattedMessage, { id: messages.at.id }),
+            "\u00A0",
+            React.createElement(FormattedTime, { value: config.date, hour: "numeric", minute: "2-digit" })));
+    }
+    else if (config.isCurrentYear) {
+        return React.createElement(FormattedDate, { value: config.date, day: "numeric", month: "short" });
+    }
+    return React.createElement(FormattedDate, { value: config.date, day: "numeric", month: "short", year: "numeric" });
+});
+//# sourceMappingURL=UpdateDate.js.map

package/esm/internal/UpdateDate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpdateDate.js","sourceRoot":"","sources":["../../src/internal/UpdateDate.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAIhC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAO5F,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC5B,KAAK,EAAE,EAAE,EAAE,EAAE,eAAe,EAAE;IAC9B,SAAS,EAAE,EAAE,EAAE,EAAE,mBAAmB,EAAE;IACtC,EAAE,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE;CAC3B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,WAAW,CAAC,EACvD,QAAQ,EAAE,EAAE,IAAI,EAAE,EAClB,QAAQ,GACM;IACd,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,CAAC;IAEpD,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAE5B,MAAM,MAAM,GAAG,iBAAiB,CAAC,SAAS,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,CAAC;IAExE,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;IAEhF,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,WAAW,EAAE,CAAC;QACvC,OAAO,CACH;YACI,oBAAC,gBAAgB,IAAC,EAAE,EAAE,YAAY,GAAI;;YAEtC,oBAAC,gBAAgB,IAAC,EAAE,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,GAAI;;YAExC,oBAAC,aAAa,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,GAAG,CAClE,CACV,CAAC;IACN,CAAC;SAAM,IAAI,MAAM,CAAC,aAAa,EAAE,CAAC;QAC9B,OAAO,oBAAC,aAAa,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,GAAG,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,GAAG,CAAC;IAC7E,CAAC;IAED,OAAO,oBAAC,aAAa,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,GAAG,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,GAAG,CAAC;AAC5F,CAAC,CAAC,CAAC"}

package/esm/sdk-ui-semantic-search.d.ts

@@ -6,8 +6,8 @@
 
 import { GenAISemanticSearchType } from '@gooddata/sdk-model';
 import { IAnalyticalBackend } from '@gooddata/sdk-backend-spi';
+import { ISemanticSearchRelationship } from '@gooddata/sdk-model';
 import { ISemanticSearchResultItem } from '@gooddata/sdk-model';
-import { ISemanticSearchResultItemWithUrl } from '@gooddata/sdk-model';
 import * as React_2 from 'react';
 
 /**
@@ -113,7 +113,8 @@ export declare type SemanticSearchInputResult = {
     /**
      * The search results.
      */
-    searchResults: ISemanticSearchResultItemWithUrl[];
+    searchResults: ISemanticSearchResultItem[];
+    relationships: ISemanticSearchRelationship[];
 };
 
 /**
@@ -129,7 +130,7 @@ export declare type SemanticSearchProps = SemanticSearchCoreProps & {
  * calls the onSelect callback when Enter is pressed.
  * @internal
  */
-export declare const useListSelector: <T>(items: T[], onSelect: (item: T) => void) => [T, (item: T) => void];
+export declare const useListSelector: <T>(items: T[], onSelect: (item: T, e: MouseEvent | KeyboardEvent) => void) => [T, (item: T) => void];
 
 /**
  * Hook to perform semantic search.

package/esm/types.d.ts

@@ -0,0 +1,33 @@
+import { ISemanticSearchRelationship } from "@gooddata/sdk-model";
+/**
+ * A wrapper type to handle search results rendering.
+ * @internal
+ */
+export type ListItem<T> = {
+    item: T;
+    url?: string;
+    parentRef?: ISemanticSearchRelationship;
+};
+/**
+ * Shared props definition for all list items components.
+ * @internal
+ */
+export type ListItemProps<T> = {
+    /**
+     * The item to render.
+     */
+    listItem: ListItem<T>;
+    /**
+     * Whether the item is active.
+     */
+    isActive: boolean;
+    /**
+     * Set itself as an active item.
+     */
+    setActive: (item: ListItem<T>) => void;
+    /**
+     * Set itself as selected item.
+     */
+    onSelect: (item: ListItem<T>, e: MouseEvent) => void;
+};
+//# sourceMappingURL=types.d.ts.map

package/esm/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,2BAA2B,EAAE,MAAM,qBAAqB,CAAC;AAElE;;;GAGG;AACH,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI;IACtB,IAAI,EAAE,CAAC,CAAC;IACR,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,2BAA2B,CAAC;CAC3C,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI;IAC3B;;OAEG;IACH,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACxD,CAAC"}

package/esm/types.js

@@ -0,0 +1,3 @@
+// (C) 2024 GoodData Corporation
+export {};
+//# sourceMappingURL=types.js.map

package/esm/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,gCAAgC"}

package/esm/utils/renderDetails.d.ts

@@ -0,0 +1,8 @@
+import { ISemanticSearchResultItem, ITheme } from "@gooddata/sdk-model";
+import React from "react";
+import { ListItem } from "../types.js";
+/**
+ * Render the details of the item in a bubble.
+ */
+export declare const renderDetails: (listItem: ListItem<ISemanticSearchResultItem>, theme?: ITheme) => React.JSX.Element;
+//# sourceMappingURL=renderDetails.d.ts.map

package/esm/utils/renderDetails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderDetails.d.ts","sourceRoot":"","sources":["../../src/utils/renderDetails.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AA0CvC;;GAEG;AACH,eAAO,MAAM,aAAa,aAAc,SAAS,yBAAyB,CAAC,UAAU,MAAM,sBAsB1F,CAAC"}

package/esm/utils/renderDetails.js

@@ -0,0 +1,52 @@
+// (C) 2024 GoodData Corporation
+import React from "react";
+import { FormattedMessage } from "react-intl";
+import { Bubble, BubbleHoverTrigger, EllipsisText, Icon, Typography } from "@gooddata/sdk-ui-kit";
+/**
+ * Maximum number of lines for the description before ellipsis.
+ */
+const MAX_LINES = 7;
+/**
+ * Align points for the details bubble.
+ */
+const BUBBLE_ALIGN_POINTS = [{ align: "bc tr", offset: { x: 2, y: -4 } }];
+/**
+ * Arrow style for the details bubble.
+ */
+const ARROW_STYLE = { display: "none" };
+/**
+ * Render the tags if there are any.
+ */
+const renderTags = (item) => {
+    if (item.tags?.some((tag) => tag !== item.title)) {
+        return (React.createElement(React.Fragment, null,
+            React.createElement(FormattedMessage, { tagName: "h4", id: "semantic-search.tags" }),
+            React.createElement(Typography, { tagName: "p" }, item.tags.join(", "))));
+    }
+    return null;
+};
+/**
+ * Render the description if it is different from the title.
+ */
+const renderDescription = (item) => {
+    if (item.description && item.description !== item.title) {
+        return React.createElement(EllipsisText, { maxLines: MAX_LINES, text: item.description });
+    }
+    return null;
+};
+/**
+ * Render the details of the item in a bubble.
+ */
+export const renderDetails = (listItem, theme) => {
+    return (React.createElement("span", { className: "gd-semantic-search__results-item__details" },
+        React.createElement(BubbleHoverTrigger, { eventsOnBubble: true },
+            React.createElement(Icon.QuestionMark, { color: theme?.palette?.complementary?.c7 ?? "#6D7680" }),
+            React.createElement(Bubble, { className: "bubble-light gd-semantic-search__bubble", alignPoints: BUBBLE_ALIGN_POINTS, arrowStyle: ARROW_STYLE },
+                React.createElement("div", { className: "gd-semantic-search__results-item__details__contents" },
+                    React.createElement(Typography, { tagName: "h3" }, listItem.item.title),
+                    renderDescription(listItem.item),
+                    React.createElement(FormattedMessage, { tagName: "h4", id: "semantic-search.id" }),
+                    React.createElement(Typography, { tagName: "p" }, listItem.item.id),
+                    renderTags(listItem.item))))));
+};
+//# sourceMappingURL=renderDetails.js.map

package/esm/utils/renderDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderDetails.js","sourceRoot":"","sources":["../../src/utils/renderDetails.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAGhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAGlG;;GAEG;AACH,MAAM,SAAS,GAAG,CAAC,CAAC;AACpB;;GAEG;AACH,MAAM,mBAAmB,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AAC1E;;GAEG;AACH,MAAM,WAAW,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;AAExC;;GAEG;AACH,MAAM,UAAU,GAAG,CAAC,IAA+B,EAAE,EAAE;IACnD,IAAI,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;QAC/C,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ;YACX,oBAAC,gBAAgB,IAAC,OAAO,EAAC,IAAI,EAAC,EAAE,EAAC,sBAAsB,GAAG;YAC3D,oBAAC,UAAU,IAAC,OAAO,EAAC,GAAG,IAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAc,CAC9C,CACpB,CAAC;IACN,CAAC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,iBAAiB,GAAG,CAAC,IAA+B,EAAE,EAAE;IAC1D,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC;QACtD,OAAO,oBAAC,YAAY,IAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,WAAW,GAAI,CAAC;IACzE,CAAC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,QAA6C,EAAE,KAAc,EAAE,EAAE;IAC3F,OAAO,CACH,8BAAM,SAAS,EAAC,2CAA2C;QACvD,oBAAC,kBAAkB,IAAC,cAAc;YAC9B,oBAAC,IAAI,CAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,IAAI,SAAS,GAAI;YAC5E,oBAAC,MAAM,IACH,SAAS,EAAC,yCAAyC,EACnD,WAAW,EAAE,mBAAmB,EAChC,UAAU,EAAE,WAAW;gBAGvB,6BAAK,SAAS,EAAC,qDAAqD;oBAChE,oBAAC,UAAU,IAAC,OAAO,EAAC,IAAI,IAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAc;oBAC1D,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC;oBACjC,oBAAC,gBAAgB,IAAC,OAAO,EAAC,IAAI,EAAC,EAAE,EAAC,oBAAoB,GAAG;oBACzD,oBAAC,UAAU,IAAC,OAAO,EAAE,GAAG,IAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAc;oBACxD,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CACxB,CACD,CACQ,CAClB,CACV,CAAC;AACN,CAAC,CAAC"}

package/esm/utils/renderItemIcon.d.ts

@@ -0,0 +1,9 @@
+import { ISemanticSearchResultItem } from "@gooddata/sdk-model";
+import { IIconProps } from "@gooddata/sdk-ui-kit";
+import React from "react";
+import { ListItem } from "../types.js";
+/**
+ * Pick an icon according to the item type.
+ */
+export declare const renderItemIcon: ({ item }: ListItem<ISemanticSearchResultItem>, props: IIconProps) => React.JSX.Element;
+//# sourceMappingURL=renderItemIcon.d.ts.map

package/esm/utils/renderItemIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderItemIcon.d.ts","sourceRoot":"","sources":["../../src/utils/renderItemIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,UAAU,EAAqB,MAAM,sBAAsB,CAAC;AACrE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC;;GAEG;AACH,eAAO,MAAM,cAAc,aAAc,SAAS,yBAAyB,CAAC,SAAS,UAAU,sBAqB9F,CAAC"}

package/esm/utils/renderItemIcon.js

@@ -0,0 +1,32 @@
+// (C) 2024 GoodData Corporation
+import { Icon, InsightIcon } from "@gooddata/sdk-ui-kit";
+import React from "react";
+/**
+ * Pick an icon according to the item type.
+ */
+export const renderItemIcon = ({ item }, props) => {
+    switch (item.type) {
+        case "dashboard":
+            return React.createElement(Icon.Dashboard, { ...props });
+        case "visualization":
+            return React.createElement(InsightIcon, { visualizationUrl: item.visualizationUrl, iconProps: props });
+        case "dataset":
+            return React.createElement(Icon.Dataset, { ...props });
+        case "attribute":
+            return React.createElement(Icon.Attribute, { ...props });
+        case "label":
+            return React.createElement(Icon.Label, { ...props });
+        case "fact":
+            return React.createElement(Icon.Fact, { ...props });
+        case "metric":
+            return React.createElement(Icon.Metric, { ...props });
+        case "date":
+            return React.createElement(Icon.Date, { ...props });
+        default:
+            return exhaustiveCheck(item.type);
+    }
+};
+const exhaustiveCheck = (type) => {
+    throw new Error(`Unknown item type: ${type}`);
+};
+//# sourceMappingURL=renderItemIcon.js.map

package/esm/utils/renderItemIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderItemIcon.js","sourceRoot":"","sources":["../../src/utils/renderItemIcon.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAGhC,OAAO,EAAc,IAAI,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,IAAI,EAAuC,EAAE,KAAiB,EAAE,EAAE;IAC/F,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;QAChB,KAAK,WAAW;YACZ,OAAO,oBAAC,IAAI,CAAC,SAAS,OAAK,KAAK,GAAI,CAAC;QACzC,KAAK,eAAe;YAChB,OAAO,oBAAC,WAAW,IAAC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EAAE,SAAS,EAAE,KAAK,GAAI,CAAC;QACtF,KAAK,SAAS;YACV,OAAO,oBAAC,IAAI,CAAC,OAAO,OAAK,KAAK,GAAI,CAAC;QACvC,KAAK,WAAW;YACZ,OAAO,oBAAC,IAAI,CAAC,SAAS,OAAK,KAAK,GAAI,CAAC;QACzC,KAAK,OAAO;YACR,OAAO,oBAAC,IAAI,CAAC,KAAK,OAAK,KAAK,GAAI,CAAC;QACrC,KAAK,MAAM;YACP,OAAO,oBAAC,IAAI,CAAC,IAAI,OAAK,KAAK,GAAI,CAAC;QACpC,KAAK,QAAQ;YACT,OAAO,oBAAC,IAAI,CAAC,MAAM,OAAK,KAAK,GAAI,CAAC;QACtC,KAAK,MAAM;YACP,OAAO,oBAAC,IAAI,CAAC,IAAI,OAAK,KAAK,GAAI,CAAC;QACpC;YACI,OAAO,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC1C,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,IAAW,EAAS,EAAE;IAC3C,MAAM,IAAI,KAAK,CAAC,sBAAsB,IAAI,EAAE,CAAC,CAAC;AAClD,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-semantic-search",
-  "version": "10.8.0-alpha.9",
+  "version": "10.8.0-beta.0",
   "description": "GoodData SDK TypeScript & React skeleton",
   "repository": {
     "type": "git",
@@ -37,11 +37,11 @@
     "react-intl": "^6.4.1",
     "tslib": "^2.5.0",
     "classnames": "^2.3.1",
-    "@gooddata/sdk-model": "10.8.0-alpha.9",
-    "@gooddata/sdk-ui": "10.8.0-alpha.9",
-    "@gooddata/sdk-ui-kit": "10.8.0-alpha.9",
-    "@gooddata/sdk-backend-spi": "10.8.0-alpha.9",
-    "@gooddata/sdk-ui-theme-provider": "10.8.0-alpha.9"
+    "@gooddata/sdk-model": "10.8.0-beta.0",
+    "@gooddata/sdk-ui": "10.8.0-beta.0",
+    "@gooddata/sdk-backend-spi": "10.8.0-beta.0",
+    "@gooddata/sdk-ui-kit": "10.8.0-beta.0",
+    "@gooddata/sdk-ui-theme-provider": "10.8.0-beta.0"
   },
   "peerDependencies": {
     "react": "^16.10.0 || ^17.0.0 || ^18.0.0",
@@ -83,7 +83,7 @@
     "stylelint": "^13.8.0",
     "stylelint-checkstyle-formatter": "^0.1.2",
     "stylelint-config-prettier": "^8.0.2",
-    "@gooddata/sdk-backend-mockingbird": "10.8.0-alpha.9"
+    "@gooddata/sdk-backend-mockingbird": "10.8.0-beta.0"
   },
   "scripts": {
     "clean": "rm -rf ci dist esm coverage *.log styles/css tsconfig.tsbuildinfo",

package/styles/css/internal.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 /* allow vendor prefixes and disable max length */
 /* allow vendor prefixes and disable max length */
 .gd-semantic-search__results-item {
@@ -7,7 +8,10 @@
   cursor: pointer;
   gap: 1em;
   padding: 0 1em;
-  height: 45px;
+  height: 50px;
+  text-decoration: none;
+}
+.gd-semantic-search__results-item:hover {
   text-decoration: none;
 }
 .gd-semantic-search__results-item--active {
@@ -15,32 +19,65 @@
   background: var(--gd-palette-complementary-2, #ebeff4);
 }
 .gd-semantic-search__results-item__icon {
-  width: 16px;
-  height: 16px;
+  width: 32px;
+  height: 32px;
   display: flex;
   align-items: center;
 }
 .gd-semantic-search__results-item__icon > svg {
-  width: 16px;
-  height: 16px;
+  width: 32px;
+  height: 32px;
+}
+.gd-semantic-search__results-item__icon--history {
+  width: 17px;
+  height: 17px;
+  display: flex;
+  align-items: center;
+}
+.gd-semantic-search__results-item__icon--history > svg {
+  width: 17px;
+  height: 17px;
 }
 .gd-semantic-search__results-item__text {
   flex-grow: 1;
-  min-width: 0;
   font-weight: 400;
-  line-height: 1.4rem;
   color: var(--gd-palette-complementary-8, #464e56);
   font-size: 14px;
+}
+.gd-semantic-search__results-item__text--history {
+  min-width: 0;
+  line-height: 1.4rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.gd-semantic-search__results-item__text--result {
+  display: flex;
+  flex-direction: column;
+}
+.gd-semantic-search__results-item__text__1 {
+  min-width: 0;
+  line-height: 20px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.gd-semantic-search__results-item__text__2 {
+  min-width: 0;
+  line-height: 20px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  color: var(--gd-palette-complementary-6, #94a1ad);
 }
 .gd-semantic-search__results-item__details {
-  display: none;
   width: 16px;
   height: 16px;
   align-items: center;
 }
+.gd-semantic-search__results-item__details .gd-ellipsis-text {
+  margin: 10px 0 0;
+}
 .gd-semantic-search__results-item__details__contents {
   width: 190px;
   padding: 5px;
@@ -48,25 +85,25 @@
   display: flex;
   flex-direction: column;
 }
-.gd-semantic-search__results-item__details__contents > * {
-  margin-bottom: 15px;
-}
 .gd-semantic-search__results-item__details__contents h3 {
   font-size: 14px;
-  margin: 0 0 10px;
+  margin: 0;
 }
 .gd-semantic-search__results-item__details__contents .gd-ellipsis-text-content {
   font-size: 12px;
 }
 .gd-semantic-search__results-item__details__contents h4 {
-  margin: 0;
+  margin: 10px 0 0;
   text-transform: uppercase;
   font-size: 10px;
   font-weight: 400;
   color: var(--gd-palette-complementary-6, #94a1ad);
 }
-.gd-semantic-search__results-item--active .gd-semantic-search__results-item__details {
-  display: unset;
+.gd-semantic-search__results-item__annotation:after {
+  content: " • ";
+}
+.gd-semantic-search__results-item__annotation:last-child:after {
+  content: "";
 }
 
 .gd-semantic-search__bubble.bubble.bubble-light {
@@ -82,12 +119,17 @@
   margin: 0 10px;
 }
 .gd-semantic-search__overlay-error, .gd-semantic-search__overlay-no-results {
-  height: 100px;
   display: flex;
   justify-content: center;
   align-items: center;
   color: var(--gd-palette-complementary-6, #94a1ad);
 }
+.gd-semantic-search__overlay-error {
+  padding: 10px 10px 0;
+}
+.gd-semantic-search__overlay-no-results {
+  height: 100px;
+}
 
 .gd-header-search {
   height: 100%;