@internetarchive/collection-browser 2.7.2-alpha.2 → 2.7.2

package/dist/src/collection-facets/smart-facets/smart-facet-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"smart-facet-dropdown.js","sourceRoot":"","sources":["../../../../src/collection-facets/smart-facets/smart-facet-dropdown.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement, CSSResultGroup, nothing } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport type { IaDropdown, optionInterface } from '@internetarchive/ia-dropdown';\nimport type { FacetRef, SmartFacet, SmartFacetEvent } from './models';\n\n@customElement('smart-facet-dropdown')\nexport class SmartFacetDropdown extends LitElement {\n  @property({ type: Array }) facetInfo?: SmartFacet[];\n\n  @property({ type: String }) labelPrefix?: string;\n\n  @property({ type: Object }) activeFacetRef?: FacetRef;\n\n  @query('ia-dropdown') dropdown?: IaDropdown;\n\n  //\n  // COMPONENT LIFECYCLE METHODS\n  //\n\n  render() {\n    if (!this.facetInfo || !this.activeFacetRef) return nothing;\n    if (this.facetInfo.length === 0) return nothing;\n\n    const displayText = this.activeFacetRef.displayText ?? this.activeFacetRef.bucketKey;\n    if (!displayText) return nothing;\n\n    return html`\n      <div class=\"dropdown-container\">\n        <ia-dropdown\n          class=\"dropdown\"\n          displayCaret\n          openViaButton\n          closeOnSelect\n          includeSelectedOption\n          .options=${this.dropdownOptions}\n          .selectedOption=${this.activeDropdownOption}\n          @optionSelected=${this.optionSelected}\n        >\n          <span class=\"dropdown-label\" slot=\"dropdown-label\"\n            >${this.labelPrefix ?? nothing} ${displayText}</span\n          >\n        </ia-dropdown>\n      </div>\n    `;\n  }\n\n  //\n  // OTHER METHODS\n  //\n\n  private get dropdownOptions(): optionInterface[] {\n    return (\n      this.facetInfo?.map(smartFacet => {\n        const firstFacet = smartFacet.facets[0];\n        return {\n          id: firstFacet.bucketKey,\n          label: smartFacet.label ?? firstFacet.displayText ?? firstFacet.bucketKey,\n        };\n      }) ?? []\n    );\n  }\n\n  private get activeDropdownOption(): optionInterface | undefined {\n    if (!this.activeFacetRef) return undefined;\n    return this.dropdownOptions.find(opt => opt.id === this.activeFacetRef?.bucketKey);\n  }\n\n  private optionSelected(e: CustomEvent<{ option: optionInterface }>): void {\n    if (!this.facetInfo || !this.activeFacetRef) return;\n\n    let selectedSmartFacet;\n    for (const smartFacet of this.facetInfo) {\n      const selectedRef = smartFacet.facets.find(b => b.bucketKey === e.detail.option.id);\n      if (selectedRef) {\n        this.activeFacetRef = selectedRef;\n        selectedSmartFacet = smartFacet;\n      }\n    }\n\n    if (!selectedSmartFacet) return;\n\n    this.dispatchEvent(\n      new CustomEvent<SmartFacetEvent>('facetClick', {\n        detail: {\n          smartFacet: selectedSmartFacet,\n          details: [{\n            facetType: this.activeFacetRef.facetType,\n            bucket: {\n              key: this.activeFacetRef.bucketKey,\n              count: 0,\n              state: 'selected',\n            },\n            negative: false,\n          }],\n        },\n      })\n    );\n  }\n\n  //\n  // STYLES\n  //\n\n  static get styles(): CSSResultGroup {\n    return css`\n      .dropdown-container {\n        padding: 5px 8px;\n        border-radius: 5px;\n        background: #194880;\n        color: white;\n        font-size: 1.6rem;\n        font-family: inherit;\n        box-shadow: 1px 1px rgba(0, 0, 0, 0.4);\n      }\n\n      .dropdown-label {\n        font-size: 1.6rem;\n        font-family: inherit;\n      }\n\n      .dropdown {\n        --dropdownBorderWidth: 5px;\n        --dropdownBorderColor: transparent;\n        --caretWidth: 14px;\n        --caretHeight: 14px;\n      }\n    `;\n  }\n}\n"]}
+{"version":3,"file":"smart-facet-dropdown.js","sourceRoot":"","sources":["../../../../src/collection-facets/smart-facets/smart-facet-dropdown.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement, CSSResultGroup, nothing } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport type { IaDropdown, optionInterface } from '@internetarchive/ia-dropdown';\nimport type { FacetRef, SmartFacet, SmartFacetEvent } from './models';\n\n@customElement('smart-facet-dropdown')\nexport class SmartFacetDropdown extends LitElement {\n  @property({ type: Array }) facetInfo?: SmartFacet[];\n\n  @property({ type: String }) labelPrefix?: string;\n\n  @property({ type: Object }) activeFacetRef?: FacetRef;\n\n  @query('ia-dropdown') dropdown?: IaDropdown;\n\n  //\n  // COMPONENT LIFECYCLE METHODS\n  //\n\n  render() {\n    if (!this.facetInfo || !this.activeFacetRef) return nothing;\n    if (this.facetInfo.length === 0) return nothing;\n\n    const displayText =\n      this.activeFacetRef.displayText ?? this.activeFacetRef.bucketKey;\n    if (!displayText) return nothing;\n\n    return html`\n      <div class=\"dropdown-container\">\n        <ia-dropdown\n          class=\"dropdown\"\n          displayCaret\n          openViaButton\n          closeOnSelect\n          includeSelectedOption\n          .options=${this.dropdownOptions}\n          .selectedOption=${this.activeDropdownOption}\n          @optionSelected=${this.optionSelected}\n        >\n          <span class=\"dropdown-label\" slot=\"dropdown-label\"\n            >${this.labelPrefix ?? nothing} ${displayText}</span\n          >\n        </ia-dropdown>\n      </div>\n    `;\n  }\n\n  //\n  // OTHER METHODS\n  //\n\n  private get dropdownOptions(): optionInterface[] {\n    return (\n      this.facetInfo?.map(smartFacet => {\n        const firstFacet = smartFacet.facets[0];\n        return {\n          id: firstFacet.bucketKey,\n          label:\n            smartFacet.label ?? firstFacet.displayText ?? firstFacet.bucketKey,\n        };\n      }) ?? []\n    );\n  }\n\n  private get activeDropdownOption(): optionInterface | undefined {\n    if (!this.activeFacetRef) return undefined;\n    return this.dropdownOptions.find(\n      opt => opt.id === this.activeFacetRef?.bucketKey\n    );\n  }\n\n  private optionSelected(e: CustomEvent<{ option: optionInterface }>): void {\n    if (!this.facetInfo || !this.activeFacetRef) return;\n\n    let selectedSmartFacet;\n    for (const smartFacet of this.facetInfo) {\n      const selectedRef = smartFacet.facets.find(\n        b => b.bucketKey === e.detail.option.id\n      );\n      if (selectedRef) {\n        this.activeFacetRef = selectedRef;\n        selectedSmartFacet = smartFacet;\n      }\n    }\n\n    if (!selectedSmartFacet) return;\n\n    this.dispatchEvent(\n      new CustomEvent<SmartFacetEvent>('facetClick', {\n        detail: {\n          smartFacet: selectedSmartFacet,\n          details: [\n            {\n              facetType: this.activeFacetRef.facetType,\n              bucket: {\n                key: this.activeFacetRef.bucketKey,\n                count: 0,\n                state: 'selected',\n              },\n              negative: false,\n            },\n          ],\n        },\n      })\n    );\n  }\n\n  //\n  // STYLES\n  //\n\n  static get styles(): CSSResultGroup {\n    return css`\n      .dropdown-container {\n        padding: 5px 8px;\n        border-radius: 5px;\n        background: #194880;\n        color: white;\n        font-size: 1.6rem;\n        font-family: inherit;\n        box-shadow: 1px 1px rgba(0, 0, 0, 0.4);\n      }\n\n      .dropdown-label {\n        font-size: 1.6rem;\n        font-family: inherit;\n      }\n\n      .dropdown {\n        --dropdownBorderWidth: 5px;\n        --dropdownBorderColor: transparent;\n        --caretWidth: 14px;\n        --caretHeight: 14px;\n      }\n    `;\n  }\n}\n"]}

package/dist/src/collection-facets/smart-facets/smart-facet-equals.d.ts

@@ -1,2 +1,2 @@
-import type { SmartFacet } from "./models";
+import type { SmartFacet } from './models';
 export declare function smartFacetEquals(sf1: SmartFacet, sf2: SmartFacet): boolean;

package/dist/src/collection-facets/smart-facets/smart-facet-equals.js

@@ -3,13 +3,11 @@ function facetRefEquals(ref1, ref2) {
         return ref2 !== undefined;
     if (ref2 === undefined)
         return ref1 !== undefined;
-    return ref1.facetType === ref2.facetType &&
-        ref1.bucketKey === ref2.bucketKey &&
-        ref1.displayText === ref2.displayText;
+    return ref1.facetType === ref2.facetType && ref1.bucketKey === ref2.bucketKey;
 }
 export function smartFacetEquals(sf1, sf2) {
-    return sf1.label === sf2.label &&
+    return (sf1.label === sf2.label &&
         sf1.facets.length === sf2.facets.length &&
-        sf1.facets.every((sf, i) => facetRefEquals(sf, sf2.facets[i]));
+        sf1.facets.every((sf, i) => facetRefEquals(sf, sf2.facets[i])));
 }
 //# sourceMappingURL=smart-facet-equals.js.map

package/dist/src/collection-facets/smart-facets/smart-facet-equals.js.map

@@ -1 +1 @@
-{"version":3,"file":"smart-facet-equals.js","sourceRoot":"","sources":["../../../../src/collection-facets/smart-facets/smart-facet-equals.ts"],"names":[],"mappings":"AAEA,SAAS,cAAc,CAAC,IAAe,EAAE,IAAe;IACtD,IAAI,IAAI,KAAK,SAAS;QAAE,OAAO,IAAI,KAAK,SAAS,CAAC;IAClD,IAAI,IAAI,KAAK,SAAS;QAAE,OAAO,IAAI,KAAK,SAAS,CAAC;IAElD,OAAO,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,SAAS;QACtC,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,SAAS;QACjC,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,WAAW,CAAC;AAC1C,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,GAAe,EAAE,GAAe;IAC/D,OAAO,GAAG,CAAC,KAAK,KAAK,GAAG,CAAC,KAAK;QAC5B,GAAG,CAAC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,MAAM,CAAC,MAAM;QACvC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACnE,CAAC","sourcesContent":["import type { FacetRef, SmartFacet } from \"./models\";\n\nfunction facetRefEquals(ref1?: FacetRef, ref2?: FacetRef): boolean {\n  if (ref1 === undefined) return ref2 !== undefined;\n  if (ref2 === undefined) return ref1 !== undefined;\n  \n  return ref1.facetType === ref2.facetType &&\n    ref1.bucketKey === ref2.bucketKey &&\n    ref1.displayText === ref2.displayText;\n}\n\nexport function smartFacetEquals(sf1: SmartFacet, sf2: SmartFacet) {\n  return sf1.label === sf2.label &&\n    sf1.facets.length === sf2.facets.length &&\n    sf1.facets.every((sf, i) => facetRefEquals(sf, sf2.facets[i]));\n}"]}
+{"version":3,"file":"smart-facet-equals.js","sourceRoot":"","sources":["../../../../src/collection-facets/smart-facets/smart-facet-equals.ts"],"names":[],"mappings":"AAEA,SAAS,cAAc,CAAC,IAAe,EAAE,IAAe;IACtD,IAAI,IAAI,KAAK,SAAS;QAAE,OAAO,IAAI,KAAK,SAAS,CAAC;IAClD,IAAI,IAAI,KAAK,SAAS;QAAE,OAAO,IAAI,KAAK,SAAS,CAAC;IAElD,OAAO,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,SAAS,CAAC;AAChF,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,GAAe,EAAE,GAAe;IAC/D,OAAO,CACL,GAAG,CAAC,KAAK,KAAK,GAAG,CAAC,KAAK;QACvB,GAAG,CAAC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,MAAM,CAAC,MAAM;QACvC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAC/D,CAAC;AACJ,CAAC","sourcesContent":["import type { FacetRef, SmartFacet } from './models';\n\nfunction facetRefEquals(ref1?: FacetRef, ref2?: FacetRef): boolean {\n  if (ref1 === undefined) return ref2 !== undefined;\n  if (ref2 === undefined) return ref1 !== undefined;\n\n  return ref1.facetType === ref2.facetType && ref1.bucketKey === ref2.bucketKey;\n}\n\nexport function smartFacetEquals(sf1: SmartFacet, sf2: SmartFacet) {\n  return (\n    sf1.label === sf2.label &&\n    sf1.facets.length === sf2.facets.length &&\n    sf1.facets.every((sf, i) => facetRefEquals(sf, sf2.facets[i]))\n  );\n}\n"]}

package/dist/src/collection-facets/smart-facets/smart-facet-heuristics.d.ts

@@ -1,13 +1,5 @@
 import type { SmartFacet, SmartQueryHeuristic } from './models';
 export declare class SmartQueryHeuristicGroup implements SmartQueryHeuristic {
+    private static readonly HEURISTICS;
     getRecommendedFacets(query: string): Promise<SmartFacet[]>;
-    /**
-     * Removes any duplicated smart facets from the given array.
-     * Smart facets are equal if they have the same `label` and same
-     * set of facet refs. Only the first occurrence of a given smart
-     * facet is kept.
-     * @param facets The array of smart facets to deduplicate
-     * @returns A new array containing the deduplicated set of facets
-     */
-    private dedupe;
 }

package/dist/src/collection-facets/smart-facets/smart-facet-heuristics.js

@@ -1,27 +1,16 @@
+import { dedupe } from './dedupe';
+import { BrowserLanguageHeuristic } from './heuristics/browser-language-heuristic';
 import { QueryKeywordsHeuristic } from './heuristics/query-keywords-heuristic';
 import { WikidataHeuristic } from './heuristics/wikidata-heuristic';
-import { smartFacetEquals } from './smart-facet-equals';
 export class SmartQueryHeuristicGroup {
     async getRecommendedFacets(query) {
-        return this.dedupe([
-            ...(await new QueryKeywordsHeuristic().getRecommendedFacets(query)),
-            ...(await new WikidataHeuristic().getRecommendedFacets(query)),
-        ]);
-    }
-    /**
-     * Removes any duplicated smart facets from the given array.
-     * Smart facets are equal if they have the same `label` and same
-     * set of facet refs. Only the first occurrence of a given smart
-     * facet is kept.
-     * @param facets The array of smart facets to deduplicate
-     * @returns A new array containing the deduplicated set of facets
-     */
-    dedupe(facets) {
-        let result = [...facets];
-        for (const curFacet of facets) {
-            result = result.filter(sf => curFacet === sf || !smartFacetEquals(curFacet, sf));
-        }
-        return result;
+        const promises = SmartQueryHeuristicGroup.HEURISTICS.map(HeuristicCtor => new HeuristicCtor().getRecommendedFacets(query));
+        return dedupe((await Promise.all(promises)).flat());
     }
 }
+SmartQueryHeuristicGroup.HEURISTICS = [
+    QueryKeywordsHeuristic,
+    WikidataHeuristic,
+    BrowserLanguageHeuristic,
+];
 //# sourceMappingURL=smart-facet-heuristics.js.map

package/dist/src/collection-facets/smart-facets/smart-facet-heuristics.js.map

@@ -1 +1 @@
-{"version":3,"file":"smart-facet-heuristics.js","sourceRoot":"","sources":["../../../../src/collection-facets/smart-facets/smart-facet-heuristics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAEpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,OAAO,wBAAwB;IACnC,KAAK,CAAC,oBAAoB,CAAC,KAAa;QACtC,OAAO,IAAI,CAAC,MAAM,CAAC;YACjB,GAAG,CAAC,MAAM,IAAI,sBAAsB,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;YACnE,GAAG,CAAC,MAAM,IAAI,iBAAiB,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;SAC/D,CAAC,CAAC;IACL,CAAC;IAED;;;;;;;OAOG;IACK,MAAM,CAAC,MAAoB;QACjC,IAAI,MAAM,GAAiB,CAAC,GAAG,MAAM,CAAC,CAAC;QACvC,KAAK,MAAM,QAAQ,IAAI,MAAM,EAAE;YAC7B,MAAM,GAAG,MAAM,CAAC,MAAM,CACpB,EAAE,CAAC,EAAE,CAAC,QAAQ,KAAK,EAAE,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,EAAE,CAAC,CACzD,CAAC;SACH;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;CACF","sourcesContent":["import { QueryKeywordsHeuristic } from './heuristics/query-keywords-heuristic';\nimport { WikidataHeuristic } from './heuristics/wikidata-heuristic';\nimport type { SmartFacet, SmartQueryHeuristic } from './models';\nimport { smartFacetEquals } from './smart-facet-equals';\n\nexport class SmartQueryHeuristicGroup implements SmartQueryHeuristic {\n  async getRecommendedFacets(query: string): Promise<SmartFacet[]> {\n    return this.dedupe([\n      ...(await new QueryKeywordsHeuristic().getRecommendedFacets(query)),\n      ...(await new WikidataHeuristic().getRecommendedFacets(query)),\n    ]);\n  }\n\n  /**\n   * Removes any duplicated smart facets from the given array.\n   * Smart facets are equal if they have the same `label` and same\n   * set of facet refs. Only the first occurrence of a given smart\n   * facet is kept.\n   * @param facets The array of smart facets to deduplicate\n   * @returns A new array containing the deduplicated set of facets\n   */\n  private dedupe(facets: SmartFacet[]): SmartFacet[] {\n    let result: SmartFacet[] = [...facets];\n    for (const curFacet of facets) {\n      result = result.filter(\n        sf => curFacet === sf || !smartFacetEquals(curFacet, sf)\n      );\n    }\n    return result;\n  }\n}\n"]}
+{"version":3,"file":"smart-facet-heuristics.js","sourceRoot":"","sources":["../../../../src/collection-facets/smart-facets/smart-facet-heuristics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAGpE,MAAM,OAAO,wBAAwB;IAOnC,KAAK,CAAC,oBAAoB,CAAC,KAAa;QACtC,MAAM,QAAQ,GAAG,wBAAwB,CAAC,UAAU,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,CACvE,IAAI,aAAa,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAChD,CAAC;QAEF,OAAO,MAAM,CAAC,CAAC,MAAM,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IACtD,CAAC;;AAZuB,mCAAU,GAAG;IACnC,sBAAsB;IACtB,iBAAiB;IACjB,wBAAwB;CACzB,CAAC","sourcesContent":["import { dedupe } from './dedupe';\nimport { BrowserLanguageHeuristic } from './heuristics/browser-language-heuristic';\nimport { QueryKeywordsHeuristic } from './heuristics/query-keywords-heuristic';\nimport { WikidataHeuristic } from './heuristics/wikidata-heuristic';\nimport type { SmartFacet, SmartQueryHeuristic } from './models';\n\nexport class SmartQueryHeuristicGroup implements SmartQueryHeuristic {\n  private static readonly HEURISTICS = [\n    QueryKeywordsHeuristic,\n    WikidataHeuristic,\n    BrowserLanguageHeuristic,\n  ];\n\n  async getRecommendedFacets(query: string): Promise<SmartFacet[]> {\n    const promises = SmartQueryHeuristicGroup.HEURISTICS.map(HeuristicCtor =>\n      new HeuristicCtor().getRecommendedFacets(query)\n    );\n\n    return dedupe((await Promise.all(promises)).flat());\n  }\n}\n"]}

package/package.json

@@ -3,7 +3,7 @@
   "description": "The Internet Archive Collection Browser.",
   "license": "AGPL-3.0-only",
   "author": "Internet Archive",
-  "version": "2.7.2-alpha.2",
+  "version": "2.7.2",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "scripts": {
@@ -31,10 +31,10 @@
     "@internetarchive/ia-dropdown": "^1.3.8",
     "@internetarchive/infinite-scroller": "1.0.1",
     "@internetarchive/modal-manager": "^0.2.8",
-    "@internetarchive/search-service": "^1.4.0",
+    "@internetarchive/search-service": "^1.4.1",
     "@internetarchive/shared-resize-observer": "^0.2.0",
     "@lit/localize": "^0.11.2",
-    "dompurify": "^2.5.7",
+    "dompurify": "^3.1.7",
     "eslint-plugin-lit": "^1.6.1",
     "lit": "^2.2.2",
     "typescript-cookie": "^1.0.3"
@@ -43,7 +43,7 @@
     "@internetarchive/result-type": "^0.0.1",
     "@open-wc/eslint-config": "^8.0.2",
     "@open-wc/testing": "^3.0.3",
-    "@types/dompurify": "^2.3.3",
+    "@types/dompurify": "^3.0.5",
     "@typescript-eslint/eslint-plugin": "^5.3.1",
     "@typescript-eslint/parser": "^5.3.1",
     "@web/dev-server": "^0.1.28",

package/src/collection-browser.ts

@@ -250,6 +250,9 @@ export class CollectionBrowser
   /** Whether to replace the default sort options with a slot for customization (default: false) */
   @property({ type: Boolean }) enableSortOptionsSlot = false;
 
+  /** Whether to display a smart results carousel above the full results */
+  @property({ type: Boolean, reflect: true }) showSmartResults = false;
+
   /**
    * The results per page so we can paginate.
    *
@@ -615,7 +618,11 @@ export class CollectionBrowser
    */
   private get desktopLeftColumnTemplate(): TemplateResult {
     return html`
-      <div id="left-column" class="column" ?hidden=${!this.facetPaneVisible}>
+      <div
+        id="left-column"
+        class="column"
+        ?hidden=${this.showSmartFacetBar && !this.facetPaneVisible}
+      >
         ${this.facetTopViewSlot}
         <div id="facets-header-container">
           <h2 id="facets-header" class="sr-only">Filters</h2>
@@ -671,18 +678,31 @@ export class CollectionBrowser
    */
   private get rightColumnTemplate(): TemplateResult {
     return html`
-      <div id="right-column" class="column">
-        <div id="cb-top-view">
-          <slot name="cb-top-slot"></slot>
-        </div>
-        ${this.isManageView
-          ? this.manageBarTemplate
-          : this.sortFilterBarTemplate}
-        <slot name="cb-results"></slot>
-        ${this.displayMode === `list-compact` && this.totalResults
-          ? this.listHeaderTemplate
+      <div
+        id="right-column"
+        class="column ${this.showSmartResults ? 'smart-results-spacing' : ''}"
+      >
+        ${this.showSmartResults
+          ? html`<slot name="smart-results"></slot>`
           : nothing}
-        ${this.suppressResultTiles ? nothing : this.infiniteScrollerTemplate}
+        <section id="results">
+          ${this.showSmartResults
+            ? html`<h2 class="results-section-heading">
+                ${msg('All results')}
+              </h2>`
+            : nothing}
+          <div id="cb-top-view">
+            <slot name="cb-top-slot"></slot>
+          </div>
+          ${this.isManageView
+            ? this.manageBarTemplate
+            : this.sortFilterBarTemplate}
+          <slot name="cb-results"></slot>
+          ${this.displayMode === `list-compact` && this.totalResults
+            ? this.listHeaderTemplate
+            : nothing}
+          ${this.suppressResultTiles ? nothing : this.infiniteScrollerTemplate}
+        </section>
       </div>
     `;
   }
@@ -2091,14 +2111,34 @@ export class CollectionBrowser
           min-height: 90vh;
           border-left: 1px solid rgb(232, 232, 232);
           border-right: 1px solid rgb(232, 232, 232);
-          padding-left: 1rem;
-          padding-right: 1rem;
           margin-top: var(--rightColumnMarginTop, 0);
           background: #fff;
         }
 
+        #right-column.smart-results-spacing {
+          padding-top: 0.5rem;
+          border-right: none;
+          background: transparent;
+          min-width: 0;
+        }
+
+        #results {
+          background: #fff;
+          padding-left: 1rem;
+          padding-right: 1rem;
+        }
+
+        #right-column.smart-results-spacing #results {
+          border-radius: 10px 10px 0px 0px;
+          padding-top: 0.5rem;
+          margin-top: 1rem;
+        }
+
         .mobile #right-column {
           border-left: none;
+        }
+
+        .mobile #results {
           padding: 5px 5px 0;
         }
 
@@ -2287,6 +2327,12 @@ export class CollectionBrowser
           max-height: 2000px;
         }
 
+        .results-section-heading {
+          margin: 0.5rem 0.3rem;
+          font-size: 2rem;
+          line-height: 25px;
+        }
+
         #results-total {
           display: flex;
           align-items: baseline;

package/src/collection-facets/smart-facets/dedupe.ts

@@ -0,0 +1,43 @@
+import type { SmartFacet } from './models';
+import { smartFacetEquals } from './smart-facet-equals';
+
+/**
+ * Removes any duplicated smart facets from the given array.
+ * Smart facets are equal if they have the same `label` and same
+ * set of facet refs. Only the first occurrence of a given smart
+ * facet is kept.
+ * @param facets The array of smart facets to deduplicate
+ * @returns A new array containing the deduplicated set of facets
+ */
+export function dedupe<T extends SmartFacet[] | SmartFacet[][]>(facets: T): T {
+  if (!Array.isArray(facets[0])) {
+    const facetsUnnested = facets as SmartFacet[];
+
+    let result: SmartFacet[] = [...facetsUnnested];
+    for (const curFacet of facetsUnnested) {
+      result = result.filter(
+        sf => curFacet === sf || !smartFacetEquals(curFacet, sf)
+      );
+    }
+
+    return result as T;
+  }
+
+  const facetsNested = facets as SmartFacet[][];
+
+  const result: SmartFacet[][] = [];
+  for (const curFacetArray of facetsNested) {
+    const subresult: SmartFacet[] = [];
+    for (const curFacet of curFacetArray) {
+      const existing = result.find(sfa =>
+        sfa.find(sf => smartFacetEquals(curFacet, sf))
+      );
+      if (!existing) subresult.push(curFacet);
+    }
+    if (subresult.length > 0) {
+      result.push(subresult);
+    }
+  }
+
+  return result as T;
+}

package/src/collection-facets/smart-facets/heuristics/browser-language-heuristic.ts

@@ -0,0 +1,27 @@
+import type { SmartQueryHeuristic, SmartFacet } from '../models';
+
+export class BrowserLanguageHeuristic implements SmartQueryHeuristic {
+  async getRecommendedFacets(): Promise<SmartFacet[]> {
+    const browserLanguageCode = navigator.language;
+    const languageName =
+      BrowserLanguageHeuristic.getLanguageDisplayName(browserLanguageCode);
+    if (!languageName) return [];
+
+    return [
+      {
+        facets: [
+          {
+            facetType: 'language',
+            bucketKey: languageName,
+          },
+        ],
+      },
+    ];
+  }
+
+  private static getLanguageDisplayName(langCode: string): string | undefined {
+    // Strip off any script/region/variant codes for greater generality
+    const languageOnly = langCode.split('-')[0];
+    return new Intl.DisplayNames(['en'], { type: 'language' }).of(languageOnly);
+  }
+}

package/src/collection-facets/smart-facets/heuristics/wikidata-heuristic.ts

@@ -15,7 +15,9 @@ import type {
 // etc.
 export class WikidataHeuristic implements SmartQueryHeuristic {
   private static readonly ENTITIES: KeywordFacetMap = {
-    'written work': [{ facets: [{ facetType: 'mediatype', bucketKey: 'texts' }] }],
+    'written work': [
+      { facets: [{ facetType: 'mediatype', bucketKey: 'texts' }] },
+    ],
     literature: [{ facets: [{ facetType: 'mediatype', bucketKey: 'texts' }] }],
     book: [{ facets: [{ facetType: 'mediatype', bucketKey: 'texts' }] }],
     novel: [{ facets: [{ facetType: 'mediatype', bucketKey: 'texts' }] }],
@@ -73,6 +75,24 @@ export class WikidataHeuristic implements SmartQueryHeuristic {
         ],
       },
     ],
+    'visual artist': [
+      {
+        label: 'Images by __QUERY',
+        facets: [
+          { facetType: 'mediatype', bucketKey: 'image' },
+          { facetType: 'creator', bucketKey: '__QUERY' },
+        ],
+      },
+    ],
+    'graphic artist': [
+      {
+        label: 'Images by __QUERY',
+        facets: [
+          { facetType: 'mediatype', bucketKey: 'image' },
+          { facetType: 'creator', bucketKey: '__QUERY' },
+        ],
+      },
+    ],
     singer: [
       {
         label: 'Music by __QUERY',
@@ -100,6 +120,24 @@ export class WikidataHeuristic implements SmartQueryHeuristic {
         ],
       },
     ],
+    composer: [
+      {
+        label: 'Music by __QUERY',
+        facets: [
+          { facetType: 'mediatype', bucketKey: 'audio' },
+          { facetType: 'creator', bucketKey: '__QUERY' },
+        ],
+      },
+    ],
+    pianist: [
+      {
+        label: 'Music by __QUERY',
+        facets: [
+          { facetType: 'mediatype', bucketKey: 'audio' },
+          { facetType: 'creator', bucketKey: '__QUERY' },
+        ],
+      },
+    ],
   };
 
   async getRecommendedFacets(query: string): Promise<SmartFacet[]> {
@@ -116,7 +154,7 @@ export class WikidataHeuristic implements SmartQueryHeuristic {
       for (const [keyword, facets] of Object.entries(
         WikidataHeuristic.ENTITIES
       )) {
-        const keywordRegex = new RegExp('\\b' + keyword + '\\b');
+        const keywordRegex = new RegExp(`\\b${keyword}\\b`);
         if (keywordRegex.test(searchResults.search[0]?.description)) {
           const entityName = searchResults.search[0].label;
           recommendations.push(

package/src/collection-facets/smart-facets/models.ts

@@ -9,11 +9,13 @@ export interface FacetRef {
 interface LabeledSmartFacet {
   label: string;
   facets: FacetRef[];
+  selected?: boolean;
 }
 
 interface UnlabeledSmartFacet {
   label?: string;
   facets: [FacetRef];
+  selected?: boolean;
 }
 
 export type SmartFacet = LabeledSmartFacet | UnlabeledSmartFacet;