@pitcher/canvas-ui 2025.12.5-123108-beta → 2025.12.5-130919-beta

package/canvas-ui.js

@@ -94474,119 +94474,115 @@ const _hoisted_5$1M = {
   key: 1,
   class: "flex items-center mt-4"
 };
-const _hoisted_6$1w = { class: "flex space-x-0 items-center" };
+const _hoisted_6$1w = { class: "flex space-x-0" };
 const _hoisted_7$18 = { class: "uppercase" };
 const _hoisted_8$Z = {
-  key: 1,
-  class: "h-16px w-1px bg-gray-300 mx-2"
-};
-const _hoisted_9$O = {
   key: 0,
   class: "flex items-center space-x-1 ml-2"
 };
-const _hoisted_10$C = { class: "flex items-center" };
-const _hoisted_11$x = { key: 0 };
-const _hoisted_12$p = { class: "c-select-filter__popover w-[350px] rounded flex flex-col bg-base" };
-const _hoisted_13$k = { class: "pa-2 max-h-[300px] overflow-y-auto" };
-const _hoisted_14$h = {
+const _hoisted_9$O = { class: "flex items-center" };
+const _hoisted_10$C = { key: 0 };
+const _hoisted_11$x = { class: "c-select-filter__popover w-[350px] rounded flex flex-col bg-base" };
+const _hoisted_12$p = { class: "pa-2 max-h-[300px] overflow-y-auto" };
+const _hoisted_13$k = {
   key: 0,
   class: "flex items-center ml-2"
 };
-const _hoisted_15$f = {
+const _hoisted_14$h = {
   key: 0,
   class: "flex items-center ml-2"
 };
-const _hoisted_16$e = { class: "flex flex-col w-full flex-1 min-h-0" };
-const _hoisted_17$c = {
+const _hoisted_15$f = { class: "flex flex-col w-full flex-1 min-h-0" };
+const _hoisted_16$e = {
   key: 0,
   class: "flex-1 overflow-y-auto bg-white w-full pl-1 pr-6 py-0"
 };
-const _hoisted_18$a = { class: "space-y-1 mt-4" };
-const _hoisted_19$a = ["onClick"];
-const _hoisted_20$9 = { class: "text-sm text-gray-700" };
-const _hoisted_21$7 = { class: "flex items-center mb-0" };
-const _hoisted_22$5 = { class: "text-sm font-bold text-gray-700" };
-const _hoisted_23$5 = ["onClick"];
-const _hoisted_24$5 = {
+const _hoisted_17$c = { class: "space-y-1 mt-4" };
+const _hoisted_18$a = ["onClick"];
+const _hoisted_19$a = { class: "text-sm text-gray-700" };
+const _hoisted_20$9 = { class: "flex items-center mb-0" };
+const _hoisted_21$7 = { class: "text-sm font-bold text-gray-700" };
+const _hoisted_22$5 = ["onClick"];
+const _hoisted_23$5 = {
   key: 0,
   class: "relative mr-4"
 };
-const _hoisted_25$5 = {
+const _hoisted_24$5 = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center bg-gray-200 bg-opacity-75 border-rounded-1"
 };
-const _hoisted_26$5 = {
+const _hoisted_25$5 = {
   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_27$5 = { class: "flex-1 min-w-0" };
-const _hoisted_28$5 = { class: "text-sm font-bold text-gray-900 truncate mb-1" };
-const _hoisted_29$5 = { class: "text-xs text-gray-500" };
-const _hoisted_30$4 = {
+const _hoisted_26$5 = { class: "flex-1 min-w-0" };
+const _hoisted_27$5 = { class: "text-sm font-bold text-gray-900 truncate mb-1" };
+const _hoisted_28$5 = { class: "text-xs text-gray-500" };
+const _hoisted_29$5 = {
   key: 1,
   class: "flex-1 overflow-y-auto bg-white w-full"
 };
-const _hoisted_31$4 = { class: "w-full px-0" };
-const _hoisted_32$4 = {
+const _hoisted_30$4 = { class: "w-full px-0" };
+const _hoisted_31$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_32$4 = { class: "flex items-center px-0 pt-2 pb-1" };
+const _hoisted_33$4 = { class: "text-m font-semibold text-gray-900" };
+const _hoisted_34$4 = { class: "ml-2 text-sm text-gray-500" };
+const _hoisted_35$4 = ["data-result-selected", "onClick"];
+const _hoisted_36$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 = { class: "text-xs text-gray-500" };
-const _hoisted_41$4 = { class: "text-xs text-gray-400" };
-const _hoisted_42$4 = {
+const _hoisted_37$4 = { class: "flex-1 min-w-0" };
+const _hoisted_38$4 = { class: "text-sm font-bold text-gray-900 truncate mb-1" };
+const _hoisted_39$4 = { class: "text-xs text-gray-500" };
+const _hoisted_40$4 = { class: "text-xs text-gray-400" };
+const _hoisted_41$4 = {
   key: 0,
   class: "px-0 py-0"
 };
-const _hoisted_43$4 = { key: 1 };
-const _hoisted_44$4 = { class: "flex items-center px-0 pt-4 pb-1" };
-const _hoisted_45$4 = { class: "text-m font-semibold text-gray-900" };
-const _hoisted_46$4 = { class: "ml-2 text-sm text-gray-500" };
-const _hoisted_47$4 = ["data-result-selected", "onClick"];
-const _hoisted_48$4 = { class: "w-18 h-14 border-rounded-1 mr-4 flex-shrink-0 bg-gray-200 flex items-center justify-center" };
-const _hoisted_49$4 = { class: "flex-1 min-w-0" };
-const _hoisted_50$4 = { class: "text-sm font-bold text-gray-900 truncate mb-1" };
-const _hoisted_51$2 = { class: "text-xs text-gray-500" };
-const _hoisted_52$2 = { class: "text-xs text-gray-400" };
-const _hoisted_53$2 = {
+const _hoisted_42$4 = { key: 1 };
+const _hoisted_43$4 = { class: "flex items-center px-0 pt-4 pb-1" };
+const _hoisted_44$4 = { class: "text-m font-semibold text-gray-900" };
+const _hoisted_45$4 = { class: "ml-2 text-sm text-gray-500" };
+const _hoisted_46$4 = ["data-result-selected", "onClick"];
+const _hoisted_47$4 = { class: "w-18 h-14 border-rounded-1 mr-4 flex-shrink-0 bg-gray-200 flex items-center justify-center" };
+const _hoisted_48$4 = { class: "flex-1 min-w-0" };
+const _hoisted_49$4 = { class: "text-sm font-bold text-gray-900 truncate mb-1" };
+const _hoisted_50$4 = { class: "text-xs text-gray-500" };
+const _hoisted_51$2 = { class: "text-xs text-gray-400" };
+const _hoisted_52$2 = {
   key: 0,
   class: "px-0 py-0"
 };
-const _hoisted_54$1 = {
+const _hoisted_53$2 = {
   key: 0,
   class: "flex flex-col items-center justify-center text-center p-8 gap-4"
 };
-const _hoisted_55$1 = {
+const _hoisted_54$1 = {
   key: 2,
   class: "flex-1 overflow-y-auto bg-white w-full"
 };
-const _hoisted_56$1 = { class: "w-full px-0" };
-const _hoisted_57$1 = { class: "flex items-center px-0 pt-2 pb-1" };
-const _hoisted_58$1 = { class: "text-m font-semibold text-gray-900" };
-const _hoisted_59$1 = { class: "ml-2 text-sm text-gray-500" };
-const _hoisted_60$1 = ["data-result-selected", "onClick"];
-const _hoisted_61$1 = {
+const _hoisted_55$1 = { class: "w-full px-0" };
+const _hoisted_56$1 = { class: "flex items-center px-0 pt-2 pb-1" };
+const _hoisted_57$1 = { class: "text-m font-semibold text-gray-900" };
+const _hoisted_58$1 = { class: "ml-2 text-sm text-gray-500" };
+const _hoisted_59$1 = ["data-result-selected", "onClick"];
+const _hoisted_60$1 = {
   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_62$1 = { class: "flex-1 min-w-0" };
-const _hoisted_63$1 = { class: "text-sm font-bold text-gray-900 truncate mb-1" };
-const _hoisted_64$1 = { class: "text-xs text-gray-500" };
-const _hoisted_65$1 = { class: "text-xs text-gray-400" };
-const _hoisted_66$1 = {
+const _hoisted_61$1 = { class: "flex-1 min-w-0" };
+const _hoisted_62$1 = { class: "text-sm font-bold text-gray-900 truncate mb-1" };
+const _hoisted_63$1 = { class: "text-xs text-gray-500" };
+const _hoisted_64$1 = { class: "text-xs text-gray-400" };
+const _hoisted_65$1 = {
   key: 0,
   class: "flex flex-col items-center justify-center text-center p-8 gap-4"
 };
-const _hoisted_67$1 = {
+const _hoisted_66$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"
 };
@@ -95381,8 +95377,8 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                 createElementVNode("div", _hoisted_6$1w, [
                   createElementVNode("button", {
                     class: normalizeClass([
-                      "h-28px text-14px font-500 transition-colors duration-200 flex items-center shadow-none outline-none focus:outline-none border-0",
-                      searchType.value === null ? "bg-primary5 text-primary px-12px rounded-4px" : "bg-primary6 text-primary hover:bg-primary5 px-16px"
+                      "h-32px text-14px font-500 border rounded-4px transition-colors duration-200 flex items-center",
+                      searchType.value === null ? "bg-primary border-primary text-white px-12px" : "bg-primary6 border-transparent text-primary hover:bg-primary5 px-16px"
                     ]),
                     onClick: handleEverywhereClick
                   }, [
@@ -95391,26 +95387,25 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                   searchType.value !== "canvases" ? (openBlock(), createElementBlock("button", {
                     key: 0,
                     class: normalizeClass([
-                      "h-28px text-14px font-500 transition-colors duration-200 flex items-center shadow-none outline-none focus:outline-none border-0",
-                      searchType.value === "content" ? "bg-primary5 text-primary px-16px rounded-4px" : "bg-primary6 text-primary hover:bg-primary5 px-16px"
+                      "h-32px text-14px font-500 border rounded-4px transition-colors duration-200 flex items-center",
+                      searchType.value === "content" ? "bg-primary border-primary text-white px-16px" : "bg-primary6 border-transparent text-primary hover:bg-primary5 px-16px"
                     ]),
                     onClick: _cache[4] || (_cache[4] = ($event) => searchType.value === "content" ? handleEverywhereClick() : searchType.value = "content")
                   }, [
                     createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.tabs.content")), 1)
                   ], 2)) : createCommentVNode("", true),
-                  searchType.value !== "content" && searchType.value !== "canvases" ? (openBlock(), createElementBlock("div", _hoisted_8$Z)) : createCommentVNode("", true),
                   searchType.value !== "content" ? (openBlock(), createElementBlock("button", {
-                    key: 2,
+                    key: 1,
                     class: normalizeClass([
-                      "h-28px text-14px font-500 transition-colors duration-200 flex items-center shadow-none outline-none focus:outline-none border-0",
-                      searchType.value === "canvases" ? "bg-primary5 text-primary px-16px rounded-4px" : "bg-primary6 text-primary hover:bg-primary5 px-16px"
+                      "h-32px text-14px font-500 border rounded-4px transition-colors duration-200 flex items-center",
+                      searchType.value === "canvases" ? "bg-primary border-primary text-white px-16px" : "bg-primary6 border-transparent text-primary hover:bg-primary5 px-16px"
                     ]),
                     onClick: _cache[5] || (_cache[5] = ($event) => searchType.value === "canvases" ? handleEverywhereClick() : searchType.value = "canvases")
                   }, [
                     createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.tabs.pitchDecks")), 1)
                   ], 2)) : createCommentVNode("", true)
                 ]),
-                searchType.value ? (openBlock(), createElementBlock("div", _hoisted_9$O, [
+                searchType.value ? (openBlock(), createElementBlock("div", _hoisted_8$Z, [
                   searchType.value === "content" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                     createVNode(unref(NPopover), {
                       class: "c-select-filter",
@@ -95427,7 +95422,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                           style: normalizeStyle({
                             "--n-color": selectedFileTypes.value.length ? "var(--p-primary5)" : "var(--p-primary6)",
                             "--n-border": "1px solid var(--p-primary5)",
-                            "--n-height": "28px"
+                            "--n-height": "32px"
                           }),
                           themeOverrides: {
                             borderRadius: "4px"
@@ -95435,9 +95430,11 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                           onClick: _cache[7] || (_cache[7] = ($event) => showFileTypeDropdown.value = !showFileTypeDropdown.value)
                         }, {
                           default: withCtx(() => [
-                            createElementVNode("div", _hoisted_10$C, [
-                              createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.filters.type")), 1),
-                              selectedFileTypes.value.length ? (openBlock(), createElementBlock("span", _hoisted_11$x, ": " + toDisplayString(selectedFileTypes.value.length), 1)) : createCommentVNode("", true),
+                            createElementVNode("div", _hoisted_9$O, [
+                              createElementVNode("span", {
+                                class: normalizeClass({ "font-bold": selectedFileTypes.value.length })
+                              }, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.filters.type")), 3),
+                              selectedFileTypes.value.length ? (openBlock(), createElementBlock("span", _hoisted_10$C, ": " + toDisplayString(selectedFileTypes.value.length), 1)) : createCommentVNode("", true),
                               selectedFileTypes.value.length ? (openBlock(), createBlock(CIcon, {
                                 key: 1,
                                 class: "ml-1",
@@ -95452,8 +95449,8 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                         }, 8, ["style"])
                       ]),
                       default: withCtx(() => [
-                        createElementVNode("div", _hoisted_12$p, [
-                          createElementVNode("div", _hoisted_13$k, [
+                        createElementVNode("div", _hoisted_11$x, [
+                          createElementVNode("div", _hoisted_12$p, [
                             (openBlock(), createElementBlock(Fragment, null, renderList(fileTypeOptions, (option) => {
                               return createElementVNode("div", {
                                 key: option.value,
@@ -95493,7 +95490,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     }, 8, ["show"]),
-                    hasActiveFilters.value ? (openBlock(), createElementBlock("div", _hoisted_14$h, [
+                    hasActiveFilters.value ? (openBlock(), createElementBlock("div", _hoisted_13$k, [
                       _cache[17] || (_cache[17] = createElementVNode("div", { class: "h-6 w-px bg-gray-300 mx-2" }, null, -1)),
                       createElementVNode("span", {
                         class: "text-sm text-gray-600 hover:text-gray-800 font-normal cursor-pointer",
@@ -95506,7 +95503,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                       style: normalizeStyle({
                         "--n-color": selectedCanvasFilters.value.includes("saved_canvas") ? "var(--p-primary5)" : "var(--p-primary6)",
                         "--n-border": "1px solid var(--p-primary5)",
-                        "--n-height": "28px"
+                        "--n-height": "32px"
                       }),
                       themeOverrides: {
                         borderRadius: "4px"
@@ -95514,7 +95511,9 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                       onClick: _cache[9] || (_cache[9] = ($event) => toggleCanvasFilter("saved_canvas"))
                     }, {
                       default: withCtx(() => [
-                        createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.saved")), 1)
+                        createElementVNode("span", {
+                          class: normalizeClass({ "font-bold": selectedCanvasFilters.value.includes("saved_canvas") })
+                        }, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.saved")), 3)
                       ]),
                       _: 1
                     }, 8, ["style"]),
@@ -95523,7 +95522,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                       style: normalizeStyle({
                         "--n-color": selectedCanvasFilters.value.includes("template") ? "var(--p-primary5)" : "var(--p-primary6)",
                         "--n-border": "1px solid var(--p-primary5)",
-                        "--n-height": "28px"
+                        "--n-height": "32px"
                       }),
                       themeOverrides: {
                         borderRadius: "4px"
@@ -95531,7 +95530,9 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                       onClick: _cache[10] || (_cache[10] = ($event) => toggleCanvasFilter("template"))
                     }, {
                       default: withCtx(() => [
-                        createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.templates")), 1)
+                        createElementVNode("span", {
+                          class: normalizeClass({ "font-bold": selectedCanvasFilters.value.includes("template") })
+                        }, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.templates")), 3)
                       ]),
                       _: 1
                     }, 8, ["style"]),
@@ -95540,7 +95541,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                       style: normalizeStyle({
                         "--n-color": selectedCanvasFilters.value.includes("section") ? "var(--p-primary5)" : "var(--p-primary6)",
                         "--n-border": "1px solid var(--p-primary5)",
-                        "--n-height": "28px"
+                        "--n-height": "32px"
                       }),
                       themeOverrides: {
                         borderRadius: "4px"
@@ -95548,7 +95549,9 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                       onClick: _cache[11] || (_cache[11] = ($event) => toggleCanvasFilter("section"))
                     }, {
                       default: withCtx(() => [
-                        createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.products")), 1)
+                        createElementVNode("span", {
+                          class: normalizeClass({ "font-bold": selectedCanvasFilters.value.includes("section") })
+                        }, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.products")), 3)
                       ]),
                       _: 1
                     }, 8, ["style"]),
@@ -95557,7 +95560,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                       style: normalizeStyle({
                         "--n-color": selectedCanvasFilters.value.includes("block") ? "var(--p-primary5)" : "var(--p-primary6)",
                         "--n-border": "1px solid var(--p-primary5)",
-                        "--n-height": "28px"
+                        "--n-height": "32px"
                       }),
                       themeOverrides: {
                         borderRadius: "4px"
@@ -95565,11 +95568,13 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                       onClick: _cache[12] || (_cache[12] = ($event) => toggleCanvasFilter("block"))
                     }, {
                       default: withCtx(() => [
-                        createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.blocks")), 1)
+                        createElementVNode("span", {
+                          class: normalizeClass({ "font-bold": selectedCanvasFilters.value.includes("block") })
+                        }, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.blocks")), 3)
                       ]),
                       _: 1
                     }, 8, ["style"]),
-                    selectedCanvasFilters.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_15$f, [
+                    selectedCanvasFilters.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_14$h, [
                       _cache[18] || (_cache[18] = createElementVNode("div", { class: "h-6 w-px bg-gray-300 mx-2" }, null, -1)),
                       createElementVNode("span", {
                         class: "text-sm text-gray-600 hover:text-gray-800 font-normal cursor-pointer",
@@ -95580,9 +95585,9 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                 ])) : createCommentVNode("", true)
               ])) : createCommentVNode("", true)
             ]),
-            createElementVNode("div", _hoisted_16$e, [
-              showRecentView.value ? (openBlock(), createElementBlock("div", _hoisted_17$c, [
-                createElementVNode("div", _hoisted_18$a, [
+            createElementVNode("div", _hoisted_15$f, [
+              showRecentView.value ? (openBlock(), createElementBlock("div", _hoisted_16$e, [
+                createElementVNode("div", _hoisted_17$c, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(recentSearches.value, (search) => {
                     return openBlock(), createElementBlock("div", {
                       key: search,
@@ -95595,14 +95600,14 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                         icon: "clock-rotate-left",
                         size: "16"
                       }),
-                      createElementVNode("span", _hoisted_20$9, toDisplayString(search), 1)
-                    ], 8, _hoisted_19$a);
+                      createElementVNode("span", _hoisted_19$a, toDisplayString(search), 1)
+                    ], 8, _hoisted_18$a);
                   }), 128))
                 ]),
                 recentlyOpenedDocs.value.length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                   _cache[19] || (_cache[19] = createElementVNode("hr", { class: "border-0 h-px bg-gray-200 mt-2 mb-3 w-full" }, null, -1)),
-                  createElementVNode("div", _hoisted_21$7, [
-                    createElementVNode("span", _hoisted_22$5, toDisplayString(unref(t)("canvasUI.components.fileViewer.recentlyOpened")), 1)
+                  createElementVNode("div", _hoisted_20$9, [
+                    createElementVNode("span", _hoisted_21$7, toDisplayString(unref(t)("canvasUI.components.fileViewer.recentlyOpened")), 1)
                   ]),
                   createElementVNode("div", {
                     class: normalizeClass(_ctx.isAdmin ? "space-y-2" : "space-y-0")
@@ -95616,7 +95621,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                         ]),
                         onClick: ($event) => handleRecentDocClick(doc, doc.type)
                       }, [
-                        doc.type === "file" ? (openBlock(), createElementBlock("div", _hoisted_24$5, [
+                        doc.type === "file" ? (openBlock(), createElementBlock("div", _hoisted_23$5, [
                           createVNode(_sfc_main$6I, {
                             class: "h-14 border-rounded-1 overflow-hidden flex-0",
                             cover: "",
@@ -95625,7 +95630,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                             src: recentThumbnails.value[doc.id] || "",
                             width: "72"
                           }, null, 8, ["file-data", "src"]),
-                          isLoadingThumbnails.value && !recentThumbnails.value[doc.id] ? (openBlock(), createElementBlock("div", _hoisted_25$5, [
+                          isLoadingThumbnails.value && !recentThumbnails.value[doc.id] ? (openBlock(), createElementBlock("div", _hoisted_24$5, [
                             createVNode(CIcon, {
                               class: "animate-spin",
                               color: "var(--p-primary)",
@@ -95633,7 +95638,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                               size: "20"
                             })
                           ])) : createCommentVNode("", true)
-                        ])) : (openBlock(), createElementBlock("div", _hoisted_26$5, [
+                        ])) : (openBlock(), createElementBlock("div", _hoisted_25$5, [
                           doc.type === "canvas" ? (openBlock(), createBlock(CIcon, {
                             key: 0,
                             color: "var(--p-text2)",
@@ -95646,26 +95651,26 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                             size: "32"
                           }))
                         ])),
-                        createElementVNode("div", _hoisted_27$5, [
-                          createElementVNode("h3", _hoisted_28$5, toDisplayString(doc.name), 1),
-                          createElementVNode("p", _hoisted_29$5, toDisplayString(doc.type === "canvas" ? formatCanvasType(doc.content_type) : doc.type === "folder" ? "Folder" : doc.file_category || "File"), 1)
+                        createElementVNode("div", _hoisted_26$5, [
+                          createElementVNode("h3", _hoisted_27$5, toDisplayString(doc.name), 1),
+                          createElementVNode("p", _hoisted_28$5, toDisplayString(doc.type === "canvas" ? formatCanvasType(doc.content_type) : doc.type === "folder" ? "Folder" : doc.file_category || "File"), 1)
                         ])
-                      ], 10, _hoisted_23$5);
+                      ], 10, _hoisted_22$5);
                     }), 128))
                   ], 2)
                 ], 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, [
+              ])) : !searchType.value ? (openBlock(), createElementBlock("div", _hoisted_29$5, [
+                createElementVNode("div", _hoisted_30$4, [
+                  filteredContentFiles.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_31$4, [
+                    createElementVNode("div", _hoisted_32$4, [
                       createVNode(CIcon, {
                         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)
+                      createElementVNode("span", _hoisted_33$4, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.sections.content")), 1),
+                      createElementVNode("span", _hoisted_34$4, "(" + toDisplayString(filteredContentFiles.value.length) + ")", 1)
                     ]),
                     createElementVNode("div", null, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(filteredContentFiles.value.slice(0, 5), (item) => {
@@ -95687,22 +95692,22 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                             "object-fit": "cover",
                             src: item.picture_url || "",
                             width: "72"
-                          }, null, 8, ["file-data", "src"])) : (openBlock(), createElementBlock("div", _hoisted_37$4, [
+                          }, null, 8, ["file-data", "src"])) : (openBlock(), createElementBlock("div", _hoisted_36$4, [
                             createVNode(CIcon, {
                               color: "var(--p-text2)",
                               icon: "folder",
                               size: "32"
                             })
                           ])),
-                          createElementVNode("div", _hoisted_38$4, [
-                            createElementVNode("h3", _hoisted_39$4, toDisplayString(item.name), 1),
-                            createElementVNode("p", _hoisted_40$4, toDisplayString(item.type === "folder" ? "Folder" : item.content_type || "PDF"), 1)
+                          createElementVNode("div", _hoisted_37$4, [
+                            createElementVNode("h3", _hoisted_38$4, toDisplayString(item.name), 1),
+                            createElementVNode("p", _hoisted_39$4, toDisplayString(item.type === "folder" ? "Folder" : item.content_type || "PDF"), 1)
                           ]),
-                          createElementVNode("div", _hoisted_41$4, toDisplayString(item.type === "folder" ? item.parent_folder?.name || "" : item.folder?.name || ""), 1)
-                        ], 10, _hoisted_36$4);
+                          createElementVNode("div", _hoisted_40$4, toDisplayString(item.type === "folder" ? item.parent_folder?.name || "" : item.folder?.name || ""), 1)
+                        ], 10, _hoisted_35$4);
                       }), 128))
                     ]),
-                    filteredContentFiles.value.length > 5 ? (openBlock(), createElementBlock("div", _hoisted_42$4, [
+                    filteredContentFiles.value.length > 5 ? (openBlock(), createElementBlock("div", _hoisted_41$4, [
                       createElementVNode("span", {
                         class: "text-sm text-gray-600 hover:text-gray-800 font-bold flex items-center cursor-pointer",
                         onClick: _cache[13] || (_cache[13] = ($event) => searchType.value = "content")
@@ -95716,16 +95721,16 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                       ])
                     ])) : createCommentVNode("", true)
                   ])) : createCommentVNode("", true),
-                  filteredCanvasFiles.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_43$4, [
-                    createElementVNode("div", _hoisted_44$4, [
+                  filteredCanvasFiles.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_42$4, [
+                    createElementVNode("div", _hoisted_43$4, [
                       createVNode(CIcon, {
                         class: "mr-2",
                         color: "var(--p-text2)",
                         icon: "presentation",
                         size: "16"
                       }),
-                      createElementVNode("span", _hoisted_45$4, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.sections.pitchDecks")), 1),
-                      createElementVNode("span", _hoisted_46$4, "(" + toDisplayString(filteredCanvasFiles.value.length) + ")", 1)
+                      createElementVNode("span", _hoisted_44$4, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.sections.pitchDecks")), 1),
+                      createElementVNode("span", _hoisted_45$4, "(" + toDisplayString(filteredCanvasFiles.value.length) + ")", 1)
                     ]),
                     createElementVNode("div", null, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(filteredCanvasFiles.value.slice(0, 5), (item) => {
@@ -95739,22 +95744,22 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                           "data-result-selected": isResultSelected(item),
                           onClick: ($event) => handleResultClick(item, "canvas")
                         }, [
-                          createElementVNode("div", _hoisted_48$4, [
+                          createElementVNode("div", _hoisted_47$4, [
                             createVNode(CIcon, {
                               color: "var(--p-text2)",
                               icon: "presentation",
                               size: "32"
                             })
                           ]),
-                          createElementVNode("div", _hoisted_49$4, [
-                            createElementVNode("h3", _hoisted_50$4, toDisplayString(item.name), 1),
-                            createElementVNode("p", _hoisted_51$2, toDisplayString(formatCanvasType(item.content_type)), 1)
+                          createElementVNode("div", _hoisted_48$4, [
+                            createElementVNode("h3", _hoisted_49$4, toDisplayString(item.name), 1),
+                            createElementVNode("p", _hoisted_50$4, toDisplayString(formatCanvasType(item.content_type)), 1)
                           ]),
-                          createElementVNode("div", _hoisted_52$2, toDisplayString(item.folder?.name || ""), 1)
-                        ], 10, _hoisted_47$4);
+                          createElementVNode("div", _hoisted_51$2, toDisplayString(item.folder?.name || ""), 1)
+                        ], 10, _hoisted_46$4);
                       }), 128))
                     ]),
-                    filteredCanvasFiles.value.length > 5 ? (openBlock(), createElementBlock("div", _hoisted_53$2, [
+                    filteredCanvasFiles.value.length > 5 ? (openBlock(), createElementBlock("div", _hoisted_52$2, [
                       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 = "canvases")
@@ -95769,7 +95774,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                     ])) : createCommentVNode("", true)
                   ])) : createCommentVNode("", true)
                 ]),
-                searchError.value || shouldShowNoResults.value ? (openBlock(), createElementBlock("div", _hoisted_54$1, [
+                searchError.value || shouldShowNoResults.value ? (openBlock(), createElementBlock("div", _hoisted_53$2, [
                   createVNode(CIcon, {
                     class: "text-6xl",
                     color: searchError.value ? "var(--p-error)" : "var(--p-text3)",
@@ -95780,9 +95785,9 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                     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_55$1, [
-                createElementVNode("div", _hoisted_56$1, [
-                  createElementVNode("div", _hoisted_57$1, [
+              ])) : (openBlock(), createElementBlock("div", _hoisted_54$1, [
+                createElementVNode("div", _hoisted_55$1, [
+                  createElementVNode("div", _hoisted_56$1, [
                     searchType.value === "content" ? (openBlock(), createBlock(CIcon, {
                       key: 0,
                       class: "mr-2",
@@ -95796,8 +95801,8 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                       icon: "presentation",
                       size: "16"
                     })),
-                    createElementVNode("span", _hoisted_58$1, toDisplayString(searchType.value === "content" ? unref(t)("canvasUI.CAlgoliaSearch.sections.content") : unref(t)("canvasUI.CAlgoliaSearch.sections.pitchDecks")), 1),
-                    createElementVNode("span", _hoisted_59$1, " (" + toDisplayString(searchType.value === "content" ? filteredContentFiles.value.length : filteredCanvasFiles.value.length) + ") ", 1)
+                    createElementVNode("span", _hoisted_57$1, toDisplayString(searchType.value === "content" ? unref(t)("canvasUI.CAlgoliaSearch.sections.content") : unref(t)("canvasUI.CAlgoliaSearch.sections.pitchDecks")), 1),
+                    createElementVNode("span", _hoisted_58$1, " (" + 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) => {
@@ -95822,7 +95827,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                           "object-fit": "cover",
                           src: item.picture_url || "",
                           width: "72"
-                        }, null, 8, ["file-data", "src"])) : (openBlock(), createElementBlock("div", _hoisted_61$1, [
+                        }, null, 8, ["file-data", "src"])) : (openBlock(), createElementBlock("div", _hoisted_60$1, [
                           searchType.value === "content" ? (openBlock(), createBlock(CIcon, {
                             key: 0,
                             color: "var(--p-text2)",
@@ -95835,15 +95840,15 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                             size: "32"
                           }))
                         ])),
-                        createElementVNode("div", _hoisted_62$1, [
-                          createElementVNode("h3", _hoisted_63$1, toDisplayString(item.name), 1),
-                          createElementVNode("p", _hoisted_64$1, toDisplayString(searchType.value === "content" ? item.type === "folder" ? "Folder" : item.content_type || "PDF" : formatCanvasType(item.content_type)), 1)
+                        createElementVNode("div", _hoisted_61$1, [
+                          createElementVNode("h3", _hoisted_62$1, toDisplayString(item.name), 1),
+                          createElementVNode("p", _hoisted_63$1, toDisplayString(searchType.value === "content" ? item.type === "folder" ? "Folder" : item.content_type || "PDF" : formatCanvasType(item.content_type)), 1)
                         ]),
-                        createElementVNode("div", _hoisted_65$1, toDisplayString(searchType.value === "content" && item.type === "folder" ? item.parent_folder?.name || "" : item.folder?.name || ""), 1)
-                      ], 10, _hoisted_60$1);
+                        createElementVNode("div", _hoisted_64$1, toDisplayString(searchType.value === "content" && item.type === "folder" ? item.parent_folder?.name || "" : item.folder?.name || ""), 1)
+                      ], 10, _hoisted_59$1);
                     }), 128))
                   ]),
-                  searchError.value || shouldShowNoResults.value ? (openBlock(), createElementBlock("div", _hoisted_66$1, [
+                  searchError.value || shouldShowNoResults.value ? (openBlock(), createElementBlock("div", _hoisted_65$1, [
                     createVNode(CIcon, {
                       class: "text-6xl",
                       color: searchError.value ? "var(--p-error)" : "var(--p-text3)",
@@ -95857,7 +95862,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                 ])
               ]))
             ]),
-            !showRecentView.value ? (openBlock(), createElementBlock("div", _hoisted_67$1, [
+            !showRecentView.value ? (openBlock(), createElementBlock("div", _hoisted_66$1, [
               createVNode(CShortcut, null, {
                 default: withCtx(() => [
                   createVNode(CShortcutIcon, { icon: "arrow-up" }),
@@ -95899,7 +95904,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
   }
 });
 
-const CAlgoliaSearch = /* @__PURE__ */ _export_sfc(_sfc_main$5I, [["__scopeId", "data-v-2614a281"]]);
+const CAlgoliaSearch = /* @__PURE__ */ _export_sfc(_sfc_main$5I, [["__scopeId", "data-v-14d06208"]]);
 
 const BulletListExtended = BulletList.extend({
   addOptions() {
@@ -113049,7 +113054,8 @@ const _sfc_main$4E = /*@__PURE__*/defineComponent({
     },
     isAnyTypeOfAdmin: {
       type: Boolean
-    }
+    },
+    excludedTags: {}
   },
   emits: ["open", "details", "edit", "create", "convert", "createFromTemplate", "move", "manageDistribution"],
   setup(__props, {
@@ -113173,8 +113179,8 @@ const _sfc_main$4E = /*@__PURE__*/defineComponent({
     const isLoadingTable = computed(() => isLoading.value || isBulkDeleting.value);
     const filteredData = computed(() => {
       if (!search.value) return fetchedData.value;
-      const currSearch = (search.value ?? '').toLocaleLowerCase();
-      return fetchedData.value.filter(section => (section.name.toLocaleLowerCase().includes(currSearch) || section?.tags?.some(tag => tag.toLocaleLowerCase().includes(currSearch))) ?? false);
+      const currSearch = search.value.toLowerCase();
+      return fetchedData.value.filter(item => item.name.toLowerCase().includes(currSearch) || item.tags?.some(tag => tag.toLowerCase().includes(currSearch)));
     });
     const showBulkToolbar = computed(() => isTemplateFolderEnabled.value ? selectedItemIds.value.length > 0 : tableRef.value?.selectedRowsCount);
     const bulkToolbarCount = computed(() => isTemplateFolderEnabled.value ? totalCount.value : tableRef.value?.pageRowsCount ?? 0);
@@ -113835,7 +113841,8 @@ const _sfc_main$4E = /*@__PURE__*/defineComponent({
           isFetchingData.value = true;
           const response = await props.folderFetcher?.({
             folder_id: params.folder_id,
-            entity: CoreFolderEntityType.Template
+            entity: CoreFolderEntityType.Template,
+            tags__not_in: props.excludedTags?.length ? props.excludedTags.join(',') : undefined
           });
           fetchedData.value = [...(response.folders ?? []).map(folder => ({
             type: 'folder',
@@ -113902,7 +113909,8 @@ const _sfc_main$4E = /*@__PURE__*/defineComponent({
             is_template: props.canvasType === 'template' || props.canvasType === 'section-template',
             is_section: props.canvasType === 'section-template',
             fields: fetchFields.join(','),
-            id__in: idsToInclude?.length ? idsToInclude.slice(0, requestParams.page_size).join(',') : undefined
+            id__in: idsToInclude?.length ? idsToInclude.slice(0, requestParams.page_size).join(',') : undefined,
+            tags__not_in: props.excludedTags?.length ? props.excludedTags.join(',') : undefined
           })];
 
           // only show all recommended sections if on the first page
@@ -113913,7 +113921,8 @@ const _sfc_main$4E = /*@__PURE__*/defineComponent({
             is_template: props.canvasType === 'template' || props.canvasType === 'section-template',
             is_section: props.canvasType === 'section-template',
             fields: fetchFields.join(','),
-            id__in: recommendedIds.value.join(',')
+            id__in: recommendedIds.value.join(','),
+            tags__not_in: props.excludedTags?.length ? props.excludedTags.join(',') : undefined
           }));
           const [response, recommendedResponse] = await Promise.all(requestPromises);
           if (recommendedResponse && recommendedResponse.results?.length) {
@@ -113945,7 +113954,8 @@ const _sfc_main$4E = /*@__PURE__*/defineComponent({
         isFetchingLevel.value = true;
         const response = await props.folderFetcher?.({
           folder_id: folderId,
-          entity: CoreFolderEntityType.Template
+          entity: CoreFolderEntityType.Template,
+          tags__not_in: props.excludedTags?.length ? props.excludedTags.join(',') : undefined
         });
         if (response?.id) {
           // TODO: filter out selected items once bulk actions are implemented