@pitcher/canvas-ui 2026.1.12-152912-beta → 2026.1.12-172413-beta

package/canvas-ui.css

@@ -551,13 +551,13 @@ swiper-container::part(pagination) {
   line-height: 20px;
   letter-spacing: 0.25px;
   color: var(--ad430d74);
-}[data-v-a628712f] .ais-SearchBox {
+}[data-v-d67927f9] .ais-SearchBox {
   margin: 0;
 }
-[data-v-a628712f] .ais-SearchBox-submit,[data-v-a628712f] .ais-SearchBox-reset {
+[data-v-d67927f9] .ais-SearchBox-submit,[data-v-d67927f9] .ais-SearchBox-reset {
   display: none;
 }
-.admin-search[data-v-a628712f] .ais-SearchBox-reset {
+.admin-search[data-v-d67927f9] .ais-SearchBox-reset {
   display: block !important;
   position: absolute !important;
   right: 12px !important;
@@ -571,17 +571,17 @@ swiper-container::part(pagination) {
   font-size: 16px !important;
   z-index: 10 !important;
 }
-.admin-search[data-v-a628712f] .ais-SearchBox-reset:hover {
+.admin-search[data-v-d67927f9] .ais-SearchBox-reset:hover {
   color: var(--p-text2) !important;
 }
-.admin-search[data-v-a628712f] .ais-SearchBox-reset:focus {
+.admin-search[data-v-d67927f9] .ais-SearchBox-reset:focus {
   outline: none !important;
   color: var(--p-primary) !important;
 }
-.admin-search[data-v-a628712f] .ais-SearchBox-input {
+.admin-search[data-v-d67927f9] .ais-SearchBox-input {
   padding-right: 40px !important;
 }
-[data-v-a628712f] .ais-SearchBox-input {
+[data-v-d67927f9] .ais-SearchBox-input {
   width: 100%;
   padding: 12px 16px 12px 40px;
   border: 1px solid var(--p-primary4);
@@ -590,39 +590,39 @@ swiper-container::part(pagination) {
   background-color: var(--p-base);
   transition: border-color 0.2s ease;
 }
-[data-v-a628712f] .ais-SearchBox-input:focus {
+[data-v-d67927f9] .ais-SearchBox-input:focus {
   outline: none;
   border-color: var(--p-primary);
   box-shadow: 0 0 0 3px var(--p-primary5);
 }
-[data-v-a628712f] .ais-SearchBox-input::placeholder {
+[data-v-d67927f9] .ais-SearchBox-input::placeholder {
   color: var(--p-text3);
   font-size: 14px;
 }
-.overflow-y-auto[data-v-a628712f] {
+.overflow-y-auto[data-v-d67927f9] {
   scrollbar-width: thin;
   scrollbar-color: var(--p-border2) var(--p-surface2);
 }
-.overflow-y-auto[data-v-a628712f]::-webkit-scrollbar {
+.overflow-y-auto[data-v-d67927f9]::-webkit-scrollbar {
   width: 6px;
 }
-.overflow-y-auto[data-v-a628712f]::-webkit-scrollbar-track {
+.overflow-y-auto[data-v-d67927f9]::-webkit-scrollbar-track {
   background: var(--p-surface2);
 }
-.overflow-y-auto[data-v-a628712f]::-webkit-scrollbar-thumb {
+.overflow-y-auto[data-v-d67927f9]::-webkit-scrollbar-thumb {
   background-color: var(--p-border2);
   border-radius: 3px;
 }
-.overflow-y-auto[data-v-a628712f]::-webkit-scrollbar-thumb:hover {
+.overflow-y-auto[data-v-d67927f9]::-webkit-scrollbar-thumb:hover {
   background-color: var(--p-text3);
 }
-button[data-v-a628712f]:hover {
+button[data-v-d67927f9]:hover {
   transition: all 0.2s ease;
 }
-button[data-v-a628712f]:focus {
+button[data-v-d67927f9]:focus {
   outline: none;
 }
-[data-v-a628712f] mark,[data-v-a628712f] em {
+[data-v-d67927f9] mark,[data-v-d67927f9] em {
   font-weight: bold;
   font-style: normal;
 }

package/canvas-ui.js

@@ -95854,6 +95854,19 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
       }
       return options;
     });
+    const ALLOWED_CANVAS_TYPES = ["saved_canvas", "template", "product_template", "section", "block"];
+    const ALLOWED_FILE_TYPES = [
+      "folder",
+      "pdf",
+      "image",
+      "audio",
+      "video",
+      "document",
+      "presentation",
+      "spreadsheet",
+      "ar",
+      "web"
+    ];
     const visibleCanvasTypeOptions = computed(() => {
       if (showRecentView.value || !searchQuery.value.trim()) {
         return canvasTypeOptions.value;
@@ -95870,7 +95883,9 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
       selectedFileType.value = null;
       selectedCanvasFilter.value = null;
       searchType.value = null;
-      if (searchQuery.value.trim()) {
+      if (searchQuery.value.trim() && (unfilteredContentResults.value.length > 0 || unfilteredCanvasResults.value.length > 0)) {
+        applyFiltersToResults();
+      } else if (searchQuery.value.trim()) {
         try {
           skipNextSuggestionFetch.value = true;
           await performSearch(searchQuery.value);
@@ -96108,6 +96123,8 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
     };
     watch(searchType, () => {
       selectedResultIndex.value = -1;
+      showFileTypeDropdown.value = false;
+      showCanvasTypeDropdown.value = false;
     });
     watch(visibleFileTypeOptions, (newOptions) => {
       if (selectedFileType.value) {
@@ -96189,19 +96206,6 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
         skipNextSuggestionFetch.value = false;
       }
       try {
-        const ALLOWED_CANVAS_TYPES = ["saved_canvas", "template", "product_template", "section", "block"];
-        const ALLOWED_FILE_TYPES = [
-          "folder",
-          "pdf",
-          "image",
-          "audio",
-          "video",
-          "document",
-          "presentation",
-          "spreadsheet",
-          "ar",
-          "web"
-        ];
         const validCanvasFilter = selectedCanvasFilter.value && ALLOWED_CANVAS_TYPES.includes(selectedCanvasFilter.value) ? selectedCanvasFilter.value : null;
         if (selectedCanvasFilter.value && !validCanvasFilter) {
           console.warn("[CAlgoliaSearch] Selected canvas filter is invalid and was removed:", selectedCanvasFilter.value);
@@ -96256,18 +96260,20 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
         }, 50);
       } catch (error) {
         console.error("Search error:", error);
-        contentResults.value = [];
-        canvasResults.value = [];
-        isSearching.value = false;
-        hasSearchCompleted.value = true;
-        if (error.message === "AUTH_REQUIRED") {
-          searchError.value = "Please sign in to search";
-        } else if (error.message === "AUTH_EXPIRED") {
-          searchError.value = "Your session has expired. Please sign in again";
-        } else if (error.message === "AUTH_FORBIDDEN") {
-          searchError.value = "You do not have permission to search this instance";
-        } else {
-          searchError.value = "Search failed. Please try again";
+        if (searchId === currentSearchId) {
+          contentResults.value = [];
+          canvasResults.value = [];
+          isSearching.value = false;
+          hasSearchCompleted.value = true;
+          if (error.message === "AUTH_REQUIRED") {
+            searchError.value = "Please sign in to search";
+          } else if (error.message === "AUTH_EXPIRED") {
+            searchError.value = "Your session has expired. Please sign in again";
+          } else if (error.message === "AUTH_FORBIDDEN") {
+            searchError.value = "You do not have permission to search this instance";
+          } else {
+            searchError.value = "Search failed. Please try again";
+          }
         }
       }
     };
@@ -96277,21 +96283,38 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
       if (!query || typeof query !== "string") return "";
       return query;
     }
+    function applyFiltersToResults() {
+      if (unfilteredContentResults.value.length === 0 && unfilteredCanvasResults.value.length === 0) {
+        return;
+      }
+      const validFileType = selectedFileType.value ? ALLOWED_FILE_TYPES.includes(selectedFileType.value) ? selectedFileType.value : null : null;
+      const validCanvasFilter = selectedCanvasFilter.value ? ALLOWED_CANVAS_TYPES.includes(selectedCanvasFilter.value) ? selectedCanvasFilter.value : null : null;
+      let filteredContent = unfilteredContentResults.value;
+      let filteredCanvas = unfilteredCanvasResults.value;
+      if (validFileType) {
+        filteredContent = filteredContent.filter((item) => {
+          if (validFileType === "folder") {
+            return item.type === "folder";
+          } else {
+            return item.type === "file" && item.file_category === validFileType;
+          }
+        });
+      }
+      if (validCanvasFilter) {
+        filteredCanvas = filteredCanvas.filter((item) => item.content_type === validCanvasFilter);
+      }
+      contentResults.value = filteredContent;
+      canvasResults.value = filteredCanvas;
+      selectedResultIndex.value = -1;
+    }
     const debouncedFilterSearch = () => {
       if (filterChangeTimer) clearTimeout(filterChangeTimer);
       if (searchTimer) clearTimeout(searchTimer);
       filterChangeTimer = setTimeout(async () => {
         if (searchQuery.value.trim() && !showRecentView.value) {
-          try {
-            skipNextSuggestionFetch.value = true;
-            await performSearch(searchQuery.value);
-          } catch (error) {
-            console.error("[debouncedFilterSearch] Search failed:", error);
-          } finally {
-            skipNextSuggestionFetch.value = false;
-          }
+          applyFiltersToResults();
         }
-      }, 500);
+      }, 300);
     };
     const handleSearchInput = (query) => {
       const validatedQuery = validateSearchInput(query);
@@ -97275,7 +97298,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
   }
 });
 
-const CAlgoliaSearch = /* @__PURE__ */ _export_sfc(_sfc_main$5K, [["__scopeId", "data-v-a628712f"]]);
+const CAlgoliaSearch = /* @__PURE__ */ _export_sfc(_sfc_main$5K, [["__scopeId", "data-v-d67927f9"]]);
 
 const BulletListExtended = BulletList.extend({
   addOptions() {