@pitcher/canvas-ui 2025.12.23-94943 → 2025.12.25-100313-beta

package/canvas-ui.js

@@ -95267,67 +95267,75 @@ const _hoisted_30$4 = {
 };
 const _hoisted_31$4 = { class: "w-full px-0" };
 const _hoisted_32$4 = {
+  key: 0,
+  class: "flex flex-col items-center justify-center text-center p-8 gap-4"
+};
+const _hoisted_33$4 = {
   key: 0,
   class: "mb-0"
 };
-const _hoisted_33$4 = { class: "flex items-center px-0 pt-2 pb-1" };
-const _hoisted_34$4 = { class: "text-m font-semibold text-gray-900" };
-const _hoisted_35$4 = { class: "ml-2 text-sm text-gray-500" };
-const _hoisted_36$4 = ["data-result-selected", "onClick"];
-const _hoisted_37$4 = {
+const _hoisted_34$4 = { class: "flex items-center px-0 pt-2 pb-1" };
+const _hoisted_35$4 = { class: "text-m font-semibold text-gray-900" };
+const _hoisted_36$4 = { class: "ml-2 text-sm text-gray-500" };
+const _hoisted_37$4 = ["data-result-selected", "onClick"];
+const _hoisted_38$4 = {
   key: 1,
   class: "w-18 h-14 border-rounded-1 mr-4 flex-shrink-0 bg-gray-200 flex items-center justify-center"
 };
-const _hoisted_38$4 = { class: "flex-1 min-w-0" };
-const _hoisted_39$4 = { class: "text-sm font-bold text-gray-900 truncate mb-1" };
-const _hoisted_40$4 = ["innerHTML"];
-const _hoisted_41$4 = { class: "text-xs text-gray-500" };
-const _hoisted_42$4 = { class: "text-xs text-gray-400" };
-const _hoisted_43$4 = {
+const _hoisted_39$4 = { class: "flex-1 min-w-0" };
+const _hoisted_40$4 = { class: "text-sm font-bold text-gray-900 truncate mb-1" };
+const _hoisted_41$4 = ["innerHTML"];
+const _hoisted_42$4 = { class: "text-xs text-gray-500" };
+const _hoisted_43$4 = { class: "text-xs text-gray-400" };
+const _hoisted_44$4 = {
   key: 0,
   class: "px-0 py-0"
 };
-const _hoisted_44$4 = { key: 1 };
-const _hoisted_45$4 = { class: "flex items-center px-0 pt-2 pb-1" };
-const _hoisted_46$4 = { class: "text-m font-semibold text-gray-900" };
-const _hoisted_47$4 = { class: "ml-2 text-sm text-gray-500" };
-const _hoisted_48$4 = ["data-result-selected", "onClick"];
-const _hoisted_49$4 = { class: "w-18 h-14 border-rounded-1 mr-4 flex-shrink-0 bg-gray-200 flex items-center justify-center" };
-const _hoisted_50$4 = { class: "flex-1 min-w-0" };
-const _hoisted_51$3 = { class: "text-sm font-bold text-gray-900 truncate mb-1" };
-const _hoisted_52$3 = { class: "text-xs text-gray-500" };
-const _hoisted_53$3 = { class: "text-xs text-gray-400" };
-const _hoisted_54$2 = {
+const _hoisted_45$4 = { key: 1 };
+const _hoisted_46$4 = { class: "flex items-center px-0 pt-2 pb-1" };
+const _hoisted_47$4 = { class: "text-m font-semibold text-gray-900" };
+const _hoisted_48$4 = { class: "ml-2 text-sm text-gray-500" };
+const _hoisted_49$4 = ["data-result-selected", "onClick"];
+const _hoisted_50$4 = { class: "w-18 h-14 border-rounded-1 mr-4 flex-shrink-0 bg-gray-200 flex items-center justify-center" };
+const _hoisted_51$3 = { class: "flex-1 min-w-0" };
+const _hoisted_52$3 = { class: "text-sm font-bold text-gray-900 truncate mb-1" };
+const _hoisted_53$3 = { class: "text-xs text-gray-500" };
+const _hoisted_54$2 = { class: "text-xs text-gray-400" };
+const _hoisted_55$2 = {
   key: 0,
   class: "px-0 py-0"
 };
-const _hoisted_55$2 = {
-  key: 0,
+const _hoisted_56$2 = {
+  key: 2,
   class: "flex flex-col items-center justify-center text-center p-8 gap-4"
 };
-const _hoisted_56$2 = {
+const _hoisted_57$2 = {
   key: 2,
   class: "flex-1 overflow-y-auto bg-white w-full"
 };
-const _hoisted_57$2 = { class: "w-full px-0" };
-const _hoisted_58$2 = { class: "flex items-center px-0 pt-2 pb-1" };
-const _hoisted_59$2 = { class: "text-m font-semibold text-gray-900" };
-const _hoisted_60$2 = { class: "ml-2 text-sm text-gray-500" };
-const _hoisted_61$2 = ["data-result-selected", "onClick"];
-const _hoisted_62$2 = {
+const _hoisted_58$2 = { class: "w-full px-0" };
+const _hoisted_59$2 = {
+  key: 0,
+  class: "flex flex-col items-center justify-center text-center p-8 gap-4"
+};
+const _hoisted_60$2 = { class: "flex items-center px-0 pt-2 pb-1" };
+const _hoisted_61$2 = { class: "text-m font-semibold text-gray-900" };
+const _hoisted_62$2 = { class: "ml-2 text-sm text-gray-500" };
+const _hoisted_63$2 = ["data-result-selected", "onClick"];
+const _hoisted_64$2 = {
   key: 1,
   class: "w-18 h-14 border-rounded-1 mr-4 flex-shrink-0 bg-gray-200 flex items-center justify-center"
 };
-const _hoisted_63$2 = { class: "flex-1 min-w-0" };
-const _hoisted_64$2 = { class: "text-sm font-bold text-gray-900 truncate mb-1" };
-const _hoisted_65$2 = ["innerHTML"];
-const _hoisted_66$2 = { class: "text-xs text-gray-500" };
-const _hoisted_67$2 = { class: "text-xs text-gray-400" };
-const _hoisted_68$2 = {
+const _hoisted_65$2 = { class: "flex-1 min-w-0" };
+const _hoisted_66$2 = { class: "text-sm font-bold text-gray-900 truncate mb-1" };
+const _hoisted_67$2 = ["innerHTML"];
+const _hoisted_68$2 = { class: "text-xs text-gray-500" };
+const _hoisted_69$1 = { class: "text-xs text-gray-400" };
+const _hoisted_70$1 = {
   key: 0,
   class: "flex flex-col items-center justify-center text-center p-8 gap-4"
 };
-const _hoisted_69$1 = {
+const _hoisted_71$1 = {
   key: 0,
   class: "flex flex-wrap line-height-6 pt-4 pb-2 px-6 border-t border-gray-200 gap-y-4 gap-x-4"
 };
@@ -95357,13 +95365,13 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
     const fileTypeOptions = [
       { label: "Folder", value: "folder" },
       { label: "PDF", value: "pdf" },
-      { label: "Image", value: "image" },
-      { label: "Audio", value: "audio" },
-      { label: "Video", value: "video" },
       { label: "Document", value: "document" },
       { label: "Presentation", value: "presentation" },
       { label: "Spreadsheet", value: "spreadsheet" },
-      { label: "Font", value: "font" },
+      { label: "Image", value: "image" },
+      { label: "Video", value: "video" },
+      { label: "Audio", value: "audio" },
+      { label: "AR", value: "ar" },
       { label: "Web", value: "web" }
     ];
     const hasActiveFilters = computed(() => selectedFileTypes.value.length > 0 || selectedCanvasFilters.value.length > 0);
@@ -95372,12 +95380,19 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
       selectedCanvasFilters.value = [];
       debouncedFilterSearch();
     };
-    const handleEverywhereClick = () => {
+    const handleEverywhereClick = async () => {
       selectedFileTypes.value = [];
       selectedCanvasFilters.value = [];
       searchType.value = null;
       if (searchQuery.value.trim()) {
-        performSearch(searchQuery.value);
+        try {
+          skipNextSuggestionFetch.value = true;
+          await performSearch(searchQuery.value);
+        } catch (error) {
+          console.error("[handleEverywhereClick] Search failed:", error);
+        } finally {
+          skipNextSuggestionFetch.value = false;
+        }
       }
     };
     const recentSearches = ref([]);
@@ -95427,6 +95442,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
           {
             thumbnailsOnly: true,
             fileIds,
+            instanceId: props.instanceId,
             isAdminApp: props.isAdmin === true
           }
         );
@@ -95616,6 +95632,10 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
       isSearching.value = true;
       hasSearchCompleted.value = false;
       searchError.value = null;
+      const shouldSkipSuggestionFetch = skipNextSuggestionFetch.value;
+      if (shouldSkipSuggestionFetch) {
+        skipNextSuggestionFetch.value = false;
+      }
       try {
         const ALLOWED_CANVAS_TYPES = ["saved_canvas", "template", "product_template", "section", "block"];
         const ALLOWED_FILE_TYPES = [
@@ -95625,11 +95645,9 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
           "audio",
           "video",
           "document",
-          "docx",
-          "pptx",
           "presentation",
           "spreadsheet",
-          "font",
+          "ar",
           "web"
         ];
         const validCanvasFilters = selectedCanvasFilters.value.filter((f) => ALLOWED_CANVAS_TYPES.includes(f));
@@ -95669,12 +95687,8 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
         canvasResults.value = results.canvas?.hits || [];
         selectedResultIndex.value = -1;
         searchError.value = null;
-        if (query.trim().length >= 2) {
-          if (skipNextSuggestionFetch.value) {
-            skipNextSuggestionFetch.value = false;
-          } else {
-            fetchQuerySuggestions(query.trim());
-          }
+        if (query.trim().length >= 2 && !shouldSkipSuggestionFetch) {
+          fetchQuerySuggestions(query.trim());
         }
         const totalResults = contentResults.value.length + canvasResults.value.length;
         trackAlgoliaSearchPerformed(query.trim(), totalResults);
@@ -95712,11 +95726,18 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
     const debouncedFilterSearch = () => {
       if (filterChangeTimer) clearTimeout(filterChangeTimer);
       if (searchTimer) clearTimeout(searchTimer);
-      filterChangeTimer = setTimeout(() => {
+      filterChangeTimer = setTimeout(async () => {
         if (searchQuery.value.trim() && !showRecentView.value) {
-          performSearch(searchQuery.value);
+          try {
+            skipNextSuggestionFetch.value = true;
+            await performSearch(searchQuery.value);
+          } catch (error) {
+            console.error("[debouncedFilterSearch] Search failed:", error);
+          } finally {
+            skipNextSuggestionFetch.value = false;
+          }
         }
-      }, 300);
+      }, 500);
     };
     const handleSearchInput = (query) => {
       const validatedQuery = validateSearchInput(query);
@@ -95731,7 +95752,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
         if (searchTimer) clearTimeout(searchTimer);
         searchTimer = setTimeout(() => {
           performSearch(validatedQuery);
-        }, 300);
+        }, 500);
         if (saveSearchTimer) clearTimeout(saveSearchTimer);
         saveSearchTimer = setTimeout(() => {
           saveSearchTerm(validatedQuery);
@@ -95769,6 +95790,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
         return;
       }
       try {
+        skipNextSuggestionFetch.value = true;
         searchQuery.value = validatedSearchTerm;
         showRecentView.value = false;
         querySuggestions.value = [];
@@ -95776,6 +95798,8 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
         await performSearch(validatedSearchTerm);
       } catch (error) {
         console.error("[handleRecentSearchClick] Search failed:", error);
+      } finally {
+        skipNextSuggestionFetch.value = false;
       }
     };
     const handleSuggestionClick = async (suggestion) => {
@@ -95996,6 +96020,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
             {
               thumbnailsOnly: true,
               fileIds: [item.id],
+              instanceId: props.instanceId,
               isAdminApp: props.isAdmin === true
             }
           );
@@ -96221,7 +96246,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
                             (openBlock(), createElementBlock(Fragment, null, renderList(fileTypeOptions, (option) => {
                               return createElementVNode("div", {
                                 key: option.value,
-                                class: "w-full h-8 flex items-center"
+                                class: "w-full h-7 flex items-center"
                               }, [
                                 createVNode(unref(NCheckbox), {
                                   checked: selectedFileTypes.value.includes(option.value),
@@ -96439,30 +96464,185 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
                 ], 64)) : createCommentVNode("", true)
               ])) : !searchType.value ? (openBlock(), createElementBlock("div", _hoisted_30$4, [
                 createElementVNode("div", _hoisted_31$4, [
-                  filteredContentFiles.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_32$4, [
-                    createElementVNode("div", _hoisted_33$4, [
+                  isSearching.value ? (openBlock(), createElementBlock("div", _hoisted_32$4, [
+                    createVNode(CIcon, {
+                      class: "animate-spin text-6xl",
+                      color: "var(--p-primary)",
+                      icon: "spinner"
+                    })
+                  ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                    filteredContentFiles.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_33$4, [
+                      createElementVNode("div", _hoisted_34$4, [
+                        createVNode(CIcon, {
+                          class: "mr-2",
+                          color: "var(--p-text2)",
+                          icon: "folder",
+                          size: "16"
+                        }),
+                        createElementVNode("span", _hoisted_35$4, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.sections.content")), 1),
+                        createElementVNode("span", _hoisted_36$4, "(" + toDisplayString(filteredContentFiles.value.length) + ")", 1)
+                      ]),
+                      createElementVNode("div", null, [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(filteredContentFiles.value.slice(0, 5), (item) => {
+                          return openBlock(), createElementBlock("div", {
+                            key: item.id,
+                            class: normalizeClass([
+                              "flex items-center px-0 cursor-pointer border-b border-gray-100 w-full",
+                              _ctx.isAdmin ? "py-3" : "py-0",
+                              isResultSelected(item) ? "bg-primary6" : "hover:bg-primary5"
+                            ]),
+                            "data-result-selected": isResultSelected(item),
+                            onClick: ($event) => handleResultClick(item, item.type === "folder" ? "folder" : "file")
+                          }, [
+                            item.type === "file" ? (openBlock(), createBlock(_sfc_main$6K, {
+                              key: 0,
+                              class: "w-18 h-14 border-rounded-1 overflow-hidden flex-shrink-0 mr-4",
+                              cover: "",
+                              "file-data": item,
+                              "object-fit": "cover",
+                              src: item.picture_url || "",
+                              width: "72"
+                            }, null, 8, ["file-data", "src"])) : (openBlock(), createElementBlock("div", _hoisted_38$4, [
+                              createVNode(CIcon, {
+                                color: "var(--p-text2)",
+                                icon: "folder",
+                                size: "32"
+                              })
+                            ])),
+                            createElementVNode("div", _hoisted_39$4, [
+                              createElementVNode("h3", _hoisted_40$4, toDisplayString(item.name), 1),
+                              item.type === "file" && getSnippet(item) ? (openBlock(), createElementBlock("p", {
+                                key: 0,
+                                class: "text-xs text-gray-600 mb-1",
+                                innerHTML: getSnippet(item)
+                              }, null, 8, _hoisted_41$4)) : createCommentVNode("", true),
+                              createElementVNode("p", _hoisted_42$4, toDisplayString(item.type === "folder" ? "Folder" : item.file_category || item.content_type || "File"), 1)
+                            ]),
+                            createElementVNode("div", _hoisted_43$4, toDisplayString(item.type === "folder" ? item.parent_folder?.name || "" : item.folder?.name || ""), 1)
+                          ], 10, _hoisted_37$4);
+                        }), 128))
+                      ]),
+                      filteredContentFiles.value.length > 5 ? (openBlock(), createElementBlock("div", _hoisted_44$4, [
+                        createElementVNode("span", {
+                          class: "text-sm text-gray-600 hover:text-gray-800 font-bold flex items-center cursor-pointer",
+                          onClick: _cache[14] || (_cache[14] = ($event) => searchType.value = "content")
+                        }, [
+                          createTextVNode(toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.actions.viewAll")) + " ", 1),
+                          createVNode(CIcon, {
+                            class: "ml-1",
+                            icon: "chevron-right",
+                            size: "12"
+                          })
+                        ])
+                      ])) : createCommentVNode("", true)
+                    ])) : createCommentVNode("", true),
+                    filteredCanvasFiles.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_45$4, [
+                      createElementVNode("div", _hoisted_46$4, [
+                        createVNode(CIcon, {
+                          class: "mr-2",
+                          color: "var(--p-text2)",
+                          icon: "presentation",
+                          size: "16"
+                        }),
+                        createElementVNode("span", _hoisted_47$4, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.sections.pitchDecks")), 1),
+                        createElementVNode("span", _hoisted_48$4, "(" + toDisplayString(filteredCanvasFiles.value.length) + ")", 1)
+                      ]),
+                      createElementVNode("div", null, [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(filteredCanvasFiles.value.slice(0, 5), (item) => {
+                          return openBlock(), createElementBlock("div", {
+                            key: item.id,
+                            class: normalizeClass([
+                              "flex items-center px-0 cursor-pointer border-b border-gray-100 w-full",
+                              _ctx.isAdmin ? "py-3" : "py-0",
+                              isResultSelected(item) ? "bg-primary6" : "hover:bg-primary5"
+                            ]),
+                            "data-result-selected": isResultSelected(item),
+                            onClick: ($event) => handleResultClick(item, "canvas")
+                          }, [
+                            createElementVNode("div", _hoisted_50$4, [
+                              createVNode(CIcon, {
+                                color: "var(--p-text2)",
+                                icon: "presentation",
+                                size: "32"
+                              })
+                            ]),
+                            createElementVNode("div", _hoisted_51$3, [
+                              createElementVNode("h3", _hoisted_52$3, toDisplayString(item.name), 1),
+                              createElementVNode("p", _hoisted_53$3, toDisplayString(formatCanvasType(item.content_type)), 1)
+                            ]),
+                            createElementVNode("div", _hoisted_54$2, toDisplayString(item.folder?.name || ""), 1)
+                          ], 10, _hoisted_49$4);
+                        }), 128))
+                      ]),
+                      filteredCanvasFiles.value.length > 5 ? (openBlock(), createElementBlock("div", _hoisted_55$2, [
+                        createElementVNode("span", {
+                          class: "text-sm text-gray-600 hover:text-gray-800 font-bold flex items-center cursor-pointer",
+                          onClick: _cache[15] || (_cache[15] = ($event) => searchType.value = "canvases")
+                        }, [
+                          createTextVNode(toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.actions.viewAll")) + " ", 1),
+                          createVNode(CIcon, {
+                            class: "ml-1",
+                            icon: "chevron-right",
+                            size: "12"
+                          })
+                        ])
+                      ])) : createCommentVNode("", true)
+                    ])) : createCommentVNode("", true),
+                    searchError.value || shouldShowNoResults.value ? (openBlock(), createElementBlock("div", _hoisted_56$2, [
                       createVNode(CIcon, {
+                        class: "text-6xl",
+                        color: searchError.value ? "var(--p-error)" : "var(--p-text3)",
+                        "fa-type": "fal",
+                        icon: searchError.value ? "exclamation-triangle" : "radar"
+                      }, null, 8, ["color", "icon"]),
+                      createElementVNode("p", {
+                        class: normalizeClass(searchError.value ? "text-error font-semibold" : "text-text2")
+                      }, toDisplayString(searchError.value || unref(t)("canvasUI.CGlobalSearch.noResults")), 3)
+                    ])) : createCommentVNode("", true)
+                  ], 64))
+                ])
+              ])) : (openBlock(), createElementBlock("div", _hoisted_57$2, [
+                createElementVNode("div", _hoisted_58$2, [
+                  isSearching.value ? (openBlock(), createElementBlock("div", _hoisted_59$2, [
+                    createVNode(CIcon, {
+                      class: "animate-spin text-6xl",
+                      color: "var(--p-primary)",
+                      icon: "spinner"
+                    })
+                  ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                    createElementVNode("div", _hoisted_60$2, [
+                      searchType.value === "content" ? (openBlock(), createBlock(CIcon, {
+                        key: 0,
                         class: "mr-2",
                         color: "var(--p-text2)",
                         icon: "folder",
                         size: "16"
-                      }),
-                      createElementVNode("span", _hoisted_34$4, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.sections.content")), 1),
-                      createElementVNode("span", _hoisted_35$4, "(" + toDisplayString(filteredContentFiles.value.length) + ")", 1)
+                      })) : (openBlock(), createBlock(CIcon, {
+                        key: 1,
+                        class: "mr-2",
+                        color: "var(--p-text2)",
+                        icon: "presentation",
+                        size: "16"
+                      })),
+                      createElementVNode("span", _hoisted_61$2, toDisplayString(searchType.value === "content" ? unref(t)("canvasUI.CAlgoliaSearch.sections.content") : unref(t)("canvasUI.CAlgoliaSearch.sections.pitchDecks")), 1),
+                      createElementVNode("span", _hoisted_62$2, " (" + toDisplayString(searchType.value === "content" ? filteredContentFiles.value.length : filteredCanvasFiles.value.length) + ") ", 1)
                     ]),
                     createElementVNode("div", null, [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(filteredContentFiles.value.slice(0, 5), (item) => {
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(searchType.value === "content" ? filteredContentFiles.value : filteredCanvasFiles.value, (item) => {
                         return openBlock(), createElementBlock("div", {
                           key: item.id,
                           class: normalizeClass([
                             "flex items-center px-0 cursor-pointer border-b border-gray-100 w-full",
                             _ctx.isAdmin ? "py-3" : "py-0",
-                            isResultSelected(item) ? "bg-primary6" : "hover:bg-primary5"
+                            isResultSelected(item) ? "bg-gray-100" : "hover:bg-gray-50"
                           ]),
                           "data-result-selected": isResultSelected(item),
-                          onClick: ($event) => handleResultClick(item, item.type === "folder" ? "folder" : "file")
+                          onClick: ($event) => handleResultClick(
+                            item,
+                            searchType.value === "content" ? item.type === "folder" ? "folder" : "file" : "canvas"
+                          )
                         }, [
-                          item.type === "file" ? (openBlock(), createBlock(_sfc_main$6K, {
+                          searchType.value === "content" && item.type === "file" ? (openBlock(), createBlock(_sfc_main$6K, {
                             key: 0,
                             class: "w-18 h-14 border-rounded-1 overflow-hidden flex-shrink-0 mr-4",
                             cover: "",
@@ -96470,187 +96650,48 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
                             "object-fit": "cover",
                             src: item.picture_url || "",
                             width: "72"
-                          }, null, 8, ["file-data", "src"])) : (openBlock(), createElementBlock("div", _hoisted_37$4, [
-                            createVNode(CIcon, {
+                          }, null, 8, ["file-data", "src"])) : (openBlock(), createElementBlock("div", _hoisted_64$2, [
+                            searchType.value === "content" ? (openBlock(), createBlock(CIcon, {
+                              key: 0,
                               color: "var(--p-text2)",
                               icon: "folder",
                               size: "32"
-                            })
+                            })) : (openBlock(), createBlock(CIcon, {
+                              key: 1,
+                              color: "var(--p-text2)",
+                              icon: "presentation",
+                              size: "32"
+                            }))
                           ])),
-                          createElementVNode("div", _hoisted_38$4, [
-                            createElementVNode("h3", _hoisted_39$4, toDisplayString(item.name), 1),
-                            item.type === "file" && getSnippet(item) ? (openBlock(), createElementBlock("p", {
+                          createElementVNode("div", _hoisted_65$2, [
+                            createElementVNode("h3", _hoisted_66$2, toDisplayString(item.name), 1),
+                            searchType.value === "content" && item.type === "file" && getSnippet(item) ? (openBlock(), createElementBlock("p", {
                               key: 0,
                               class: "text-xs text-gray-600 mb-1",
                               innerHTML: getSnippet(item)
-                            }, null, 8, _hoisted_40$4)) : createCommentVNode("", true),
-                            createElementVNode("p", _hoisted_41$4, toDisplayString(item.type === "folder" ? "Folder" : item.file_category || item.content_type || "File"), 1)
+                            }, null, 8, _hoisted_67$2)) : createCommentVNode("", true),
+                            createElementVNode("p", _hoisted_68$2, toDisplayString(searchType.value === "content" ? item.type === "folder" ? "Folder" : item.file_category || item.content_type || "File" : formatCanvasType(item.content_type)), 1)
                           ]),
-                          createElementVNode("div", _hoisted_42$4, toDisplayString(item.type === "folder" ? item.parent_folder?.name || "" : item.folder?.name || ""), 1)
-                        ], 10, _hoisted_36$4);
+                          createElementVNode("div", _hoisted_69$1, toDisplayString(searchType.value === "content" && item.type === "folder" ? item.parent_folder?.name || "" : item.folder?.name || ""), 1)
+                        ], 10, _hoisted_63$2);
                       }), 128))
                     ]),
-                    filteredContentFiles.value.length > 5 ? (openBlock(), createElementBlock("div", _hoisted_43$4, [
-                      createElementVNode("span", {
-                        class: "text-sm text-gray-600 hover:text-gray-800 font-bold flex items-center cursor-pointer",
-                        onClick: _cache[14] || (_cache[14] = ($event) => searchType.value = "content")
-                      }, [
-                        createTextVNode(toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.actions.viewAll")) + " ", 1),
-                        createVNode(CIcon, {
-                          class: "ml-1",
-                          icon: "chevron-right",
-                          size: "12"
-                        })
-                      ])
-                    ])) : createCommentVNode("", true)
-                  ])) : createCommentVNode("", true),
-                  filteredCanvasFiles.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_44$4, [
-                    createElementVNode("div", _hoisted_45$4, [
+                    searchError.value || shouldShowNoResults.value ? (openBlock(), createElementBlock("div", _hoisted_70$1, [
                       createVNode(CIcon, {
-                        class: "mr-2",
-                        color: "var(--p-text2)",
-                        icon: "presentation",
-                        size: "16"
-                      }),
-                      createElementVNode("span", _hoisted_46$4, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.sections.pitchDecks")), 1),
-                      createElementVNode("span", _hoisted_47$4, "(" + toDisplayString(filteredCanvasFiles.value.length) + ")", 1)
-                    ]),
-                    createElementVNode("div", null, [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(filteredCanvasFiles.value.slice(0, 5), (item) => {
-                        return openBlock(), createElementBlock("div", {
-                          key: item.id,
-                          class: normalizeClass([
-                            "flex items-center px-0 cursor-pointer border-b border-gray-100 w-full",
-                            _ctx.isAdmin ? "py-3" : "py-0",
-                            isResultSelected(item) ? "bg-primary6" : "hover:bg-primary5"
-                          ]),
-                          "data-result-selected": isResultSelected(item),
-                          onClick: ($event) => handleResultClick(item, "canvas")
-                        }, [
-                          createElementVNode("div", _hoisted_49$4, [
-                            createVNode(CIcon, {
-                              color: "var(--p-text2)",
-                              icon: "presentation",
-                              size: "32"
-                            })
-                          ]),
-                          createElementVNode("div", _hoisted_50$4, [
-                            createElementVNode("h3", _hoisted_51$3, toDisplayString(item.name), 1),
-                            createElementVNode("p", _hoisted_52$3, toDisplayString(formatCanvasType(item.content_type)), 1)
-                          ]),
-                          createElementVNode("div", _hoisted_53$3, toDisplayString(item.folder?.name || ""), 1)
-                        ], 10, _hoisted_48$4);
-                      }), 128))
-                    ]),
-                    filteredCanvasFiles.value.length > 5 ? (openBlock(), createElementBlock("div", _hoisted_54$2, [
-                      createElementVNode("span", {
-                        class: "text-sm text-gray-600 hover:text-gray-800 font-bold flex items-center cursor-pointer",
-                        onClick: _cache[15] || (_cache[15] = ($event) => searchType.value = "canvases")
-                      }, [
-                        createTextVNode(toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.actions.viewAll")) + " ", 1),
-                        createVNode(CIcon, {
-                          class: "ml-1",
-                          icon: "chevron-right",
-                          size: "12"
-                        })
-                      ])
+                        class: "text-6xl",
+                        color: searchError.value ? "var(--p-error)" : "var(--p-text3)",
+                        "fa-type": "fal",
+                        icon: searchError.value ? "exclamation-triangle" : "radar"
+                      }, null, 8, ["color", "icon"]),
+                      createElementVNode("p", {
+                        class: normalizeClass(searchError.value ? "text-error font-semibold" : "text-text2")
+                      }, toDisplayString(searchError.value || unref(t)("canvasUI.CGlobalSearch.noResults")), 3)
                     ])) : createCommentVNode("", true)
-                  ])) : createCommentVNode("", true)
-                ]),
-                searchError.value || shouldShowNoResults.value ? (openBlock(), createElementBlock("div", _hoisted_55$2, [
-                  createVNode(CIcon, {
-                    class: "text-6xl",
-                    color: searchError.value ? "var(--p-error)" : "var(--p-text3)",
-                    "fa-type": "fal",
-                    icon: searchError.value ? "exclamation-triangle" : "radar"
-                  }, null, 8, ["color", "icon"]),
-                  createElementVNode("p", {
-                    class: normalizeClass(searchError.value ? "text-error font-semibold" : "text-text2")
-                  }, toDisplayString(searchError.value || unref(t)("canvasUI.CGlobalSearch.noResults")), 3)
-                ])) : createCommentVNode("", true)
-              ])) : (openBlock(), createElementBlock("div", _hoisted_56$2, [
-                createElementVNode("div", _hoisted_57$2, [
-                  createElementVNode("div", _hoisted_58$2, [
-                    searchType.value === "content" ? (openBlock(), createBlock(CIcon, {
-                      key: 0,
-                      class: "mr-2",
-                      color: "var(--p-text2)",
-                      icon: "folder",
-                      size: "16"
-                    })) : (openBlock(), createBlock(CIcon, {
-                      key: 1,
-                      class: "mr-2",
-                      color: "var(--p-text2)",
-                      icon: "presentation",
-                      size: "16"
-                    })),
-                    createElementVNode("span", _hoisted_59$2, toDisplayString(searchType.value === "content" ? unref(t)("canvasUI.CAlgoliaSearch.sections.content") : unref(t)("canvasUI.CAlgoliaSearch.sections.pitchDecks")), 1),
-                    createElementVNode("span", _hoisted_60$2, " (" + toDisplayString(searchType.value === "content" ? filteredContentFiles.value.length : filteredCanvasFiles.value.length) + ") ", 1)
-                  ]),
-                  createElementVNode("div", null, [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(searchType.value === "content" ? filteredContentFiles.value : filteredCanvasFiles.value, (item) => {
-                      return openBlock(), createElementBlock("div", {
-                        key: item.id,
-                        class: normalizeClass([
-                          "flex items-center px-0 cursor-pointer border-b border-gray-100 w-full",
-                          _ctx.isAdmin ? "py-3" : "py-0",
-                          isResultSelected(item) ? "bg-gray-100" : "hover:bg-gray-50"
-                        ]),
-                        "data-result-selected": isResultSelected(item),
-                        onClick: ($event) => handleResultClick(
-                          item,
-                          searchType.value === "content" ? item.type === "folder" ? "folder" : "file" : "canvas"
-                        )
-                      }, [
-                        searchType.value === "content" && item.type === "file" ? (openBlock(), createBlock(_sfc_main$6K, {
-                          key: 0,
-                          class: "w-18 h-14 border-rounded-1 overflow-hidden flex-shrink-0 mr-4",
-                          cover: "",
-                          "file-data": item,
-                          "object-fit": "cover",
-                          src: item.picture_url || "",
-                          width: "72"
-                        }, null, 8, ["file-data", "src"])) : (openBlock(), createElementBlock("div", _hoisted_62$2, [
-                          searchType.value === "content" ? (openBlock(), createBlock(CIcon, {
-                            key: 0,
-                            color: "var(--p-text2)",
-                            icon: "folder",
-                            size: "32"
-                          })) : (openBlock(), createBlock(CIcon, {
-                            key: 1,
-                            color: "var(--p-text2)",
-                            icon: "presentation",
-                            size: "32"
-                          }))
-                        ])),
-                        createElementVNode("div", _hoisted_63$2, [
-                          createElementVNode("h3", _hoisted_64$2, toDisplayString(item.name), 1),
-                          searchType.value === "content" && item.type === "file" && getSnippet(item) ? (openBlock(), createElementBlock("p", {
-                            key: 0,
-                            class: "text-xs text-gray-600 mb-1",
-                            innerHTML: getSnippet(item)
-                          }, null, 8, _hoisted_65$2)) : createCommentVNode("", true),
-                          createElementVNode("p", _hoisted_66$2, toDisplayString(searchType.value === "content" ? item.type === "folder" ? "Folder" : item.file_category || item.content_type || "File" : formatCanvasType(item.content_type)), 1)
-                        ]),
-                        createElementVNode("div", _hoisted_67$2, toDisplayString(searchType.value === "content" && item.type === "folder" ? item.parent_folder?.name || "" : item.folder?.name || ""), 1)
-                      ], 10, _hoisted_61$2);
-                    }), 128))
-                  ]),
-                  searchError.value || shouldShowNoResults.value ? (openBlock(), createElementBlock("div", _hoisted_68$2, [
-                    createVNode(CIcon, {
-                      class: "text-6xl",
-                      color: searchError.value ? "var(--p-error)" : "var(--p-text3)",
-                      "fa-type": "fal",
-                      icon: searchError.value ? "exclamation-triangle" : "radar"
-                    }, null, 8, ["color", "icon"]),
-                    createElementVNode("p", {
-                      class: normalizeClass(searchError.value ? "text-error font-semibold" : "text-text2")
-                    }, toDisplayString(searchError.value || unref(t)("canvasUI.CGlobalSearch.noResults")), 3)
-                  ])) : createCommentVNode("", true)
+                  ], 64))
                 ])
               ]))
             ]),
-            !showRecentView.value ? (openBlock(), createElementBlock("div", _hoisted_69$1, [
+            !showRecentView.value ? (openBlock(), createElementBlock("div", _hoisted_71$1, [
               createVNode(CShortcut, null, {
                 default: withCtx(() => [
                   createVNode(CShortcutIcon, { icon: "arrow-up" }),
@@ -96692,7 +96733,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
   }
 });
 
-const CAlgoliaSearch = /* @__PURE__ */ _export_sfc(_sfc_main$5K, [["__scopeId", "data-v-c5f0443f"]]);
+const CAlgoliaSearch = /* @__PURE__ */ _export_sfc(_sfc_main$5K, [["__scopeId", "data-v-052f4440"]]);
 
 const BulletListExtended = BulletList.extend({
   addOptions() {