task: Filter tags by item type

frontend/src/features/archived-items/archived-item-tag-filter.ts

@@ -17,10 +17,12 @@ import {
   state,
 } from "lit/decorators.js";
 import { repeat } from "lit/directives/repeat.js";
+import queryString from "query-string";
 import { isFocusable } from "tabbable";
 
 import { BtrixElement } from "@/classes/BtrixElement";
 import type { BtrixChangeEvent } from "@/events/btrix-change";
+import type { ArchivedItem } from "@/types/crawler";
 import { type WorkflowTag, type WorkflowTags } from "@/types/workflow";
 import { stopProp } from "@/utils/events";
 import { isNotEqual } from "@/utils/is-not-equal";
@@ -44,6 +46,9 @@ export class ArchivedItemTagFilter extends BtrixElement {
   @property({ type: Array })
   tags?: string[];
 
+  @property({ type: String })
+  itemType?: ArchivedItem["type"];
+
   @state()
   private searchString = "";
 
@@ -93,17 +98,23 @@ export class ArchivedItemTagFilter extends BtrixElement {
   }
 
   private readonly orgTagsTask = new Task(this, {
-    task: async () => {
+    task: async ([itemType], { signal }) => {
+      const query = queryString.stringify({
+        onlySuccessful: true,
+        crawlType: itemType,
+      });
+
       const { tags } = await this.api.fetch<WorkflowTags>(
-        `/orgs/${this.orgId}/all-crawls/tagCounts`,
+        `/orgs/${this.orgId}/all-crawls/tagCounts?${query}`,
+        { signal },
       );
 
       this.fuse.setCollection(tags);
 
       // Match fuse shape
       return tags.map((item) => ({ item }));
     },
-    args: () => [] as const,
+    args: () => [this.itemType] as const,
   });
 
   render() {

frontend/src/pages/org/archived-items.ts

@@ -641,6 +641,7 @@ export class CrawlsList extends BtrixElement {
 
           <btrix-archived-item-tag-filter
             .tags=${this.filterByTags.value}
+            itemType=${ifDefined(this.itemType || undefined)}
             @btrix-change=${(e: BtrixChangeArchivedItemTagFilterEvent) => {
               this.filterByTags.setValue(e.detail.value?.tags);
               this.filterByTagsType.setValue(e.detail.value?.type || "or");