@pitcher/canvas-ui 2026.1.9-223804-beta → 2026.1.12-135956-beta

package/canvas-ui.js

@@ -88219,15 +88219,14 @@ async function crmQueryAdaptive(payload) {
   } catch {
     useSmartStore = false;
   }
-  console.log(`[crmQueryAdaptive] Called query: `, query2);
+  console.log(`crmQueryAdaptive called with the query: `, query2);
   if (useSmartStore) {
     const fields = extractFieldsFromSoql(query2);
     const objectName = extractObjectFromSoql(query2);
     const smartQuery = convertSoqlToSmartQuery(query2);
-    console.log(`[crmSmartQuery] Called query: `, smartQuery);
+    console.log(`Smart Query: `, smartQuery);
     const smartStoreResults = await crmSmartQuery({ query: smartQuery });
     const records = transformSmartStoreResults(smartStoreResults, fields, objectName);
-    console.log(`[SmartStore] Results: `, records);
     return {
       records,
       totalSize: records.length
@@ -94087,6 +94086,391 @@ function useContentSelector() {
   };
 }
 
+const generateNewCollection$2 = (t) => ({
+  name: t("canvasUI.collectionSelector.defaultNewCollectionName"),
+  groups: [],
+  hide_footer: false
+});
+const generateNewCollectionStructure = () => ({ name: "", groups: [] });
+const getUniqueSlides = (uniqueSlides, newSlides) => [
+  ...uniqueSlides,
+  ...newSlides.filter(
+    (newSlide) => !uniqueSlides.some(
+      (uniqueSlide) => newSlide.type === "slide" && uniqueSlide.type === "slide" && uniqueSlide.file.id === newSlide.file.id && uniqueSlide.slide.index === newSlide.slide.index
+    )
+  )
+];
+
+const getDefaultNewGroupName$1 = (t) => t("canvasUI.collectionSelector.defaultNewGroupName");
+const getDefaultGroupName$1 = (t) => t("canvasUI.collectionSelector.defaultGroupName");
+const getDefaultCollectionName = (t) => t("canvasUI.collectionSelector.defaultCollectionName");
+const generateNewEmptyGroup$2 = (t) => ({
+  id: v4(),
+  name: getDefaultNewGroupName$1(t),
+  slides: []
+});
+const generateNewCollection$1 = (t) => ({
+  name: t("canvasUI.collectionSelector.defaultNewCollectionName"),
+  groups: [generateNewEmptyGroup$2(t)]
+});
+const generateNewCollectionSlide = (payload) => ({
+  ...payload,
+  id: v4(),
+  type: "slide"
+});
+const generateNewCollectionFile = (file) => ({
+  id: v4(),
+  type: "file",
+  file
+});
+const getUniqueFilesCount = (data) => {
+  const fileIds = data.groups.flatMap(
+    (group) => group.slides.map((slide) => {
+      if (slide.file?.id) {
+        return slide.file.id;
+      } else if (slide.file_id) {
+        return slide.file_id;
+      }
+      return null;
+    }).filter(Boolean)
+  );
+  return new Set(fileIds).size;
+};
+const getGroupsCount = (data) => data.groups.length;
+const getSlidesCount = (data) => data.groups.reduce((acc, group) => acc + group.slides.length, 0);
+
+function parsePptxFileToCollectionPlayer(t, _file) {
+  const metadataSections = _file?.metadata?.pptx_data?.sections ?? [];
+  const sections = metadataSections.length || _file.content_thumbnails.length === 0 ? metadataSections : [{ start: 0, end: _file.content_thumbnails.length - 1, name: null }];
+  const sectionGroups = sections.map((section) => ({
+    name: section.name ?? (_file.name || getDefaultGroupName$1(t)),
+    slides: _file.content_thumbnails.slice(section.start, section.end + 1).map((url, index) => ({ url, index: section.start + index }))
+  }));
+  const file = {
+    id: _file.id,
+    pspdfkit_auth_payload: _file.pspdfkit_auth_payload,
+    pspdfkit_document_id: _file.pspdfkit_document_id,
+    pspdfkit_server_url: _file.pspdfkit_server_url,
+    content_type: _file.content_type,
+    content_url: _file.content_url,
+    permissions: _file.permissions,
+    thumbnail_url: _file.thumbnail_url ?? null,
+    name: _file.name,
+    type: _file.type,
+    metadata: _file.metadata
+  };
+  return {
+    name: file.name ?? getDefaultGroupName$1(t),
+    groups: sectionGroups.map((section) => ({
+      ...generateNewEmptyGroup$2(t),
+      name: section.name,
+      slides: section.slides.map(
+        (slide) => generateNewCollectionSlide({
+          file,
+          slide
+        })
+      )
+    }))
+  };
+}
+function parsePdfFileToCollectionPlayer(t, file) {
+  const slides = file.content_thumbnails.map(
+    (url, index) => generateNewCollectionSlide({
+      file: {
+        id: file.id,
+        pspdfkit_auth_payload: file.pspdfkit_auth_payload,
+        pspdfkit_document_id: file.pspdfkit_document_id,
+        pspdfkit_server_url: file.pspdfkit_server_url,
+        content_type: file.content_type,
+        content_url: file.content_url,
+        permissions: file.permissions,
+        thumbnail_url: file.thumbnail_url ?? null,
+        name: file.name,
+        type: file.type,
+        metadata: file.metadata
+      },
+      slide: {
+        index,
+        url
+      }
+    })
+  );
+  return {
+    name: file.name ?? getDefaultCollectionName(t),
+    groups: [
+      {
+        ...generateNewEmptyGroup$2(t),
+        name: file.name ?? getDefaultGroupName$1(t),
+        slides
+      }
+    ]
+  };
+}
+function parseFileToCollectionPlayer(t, file) {
+  if (file.content_type === "pdf") {
+    if (file.original_extension === "pptx" || file.metadata?.pptx_data?.sections?.length) {
+      return parsePptxFileToCollectionPlayer(t, file);
+    }
+    return parsePdfFileToCollectionPlayer(t, file);
+  }
+  return {
+    name: file.name ?? getDefaultCollectionName(t),
+    groups: [
+      {
+        ...generateNewEmptyGroup$2(t),
+        name: file.name ?? getDefaultGroupName$1(t),
+        slides: [
+          generateNewCollectionFile({
+            id: file.id,
+            pspdfkit_auth_payload: file.pspdfkit_auth_payload,
+            pspdfkit_document_id: file.pspdfkit_document_id,
+            pspdfkit_server_url: file.pspdfkit_server_url,
+            content_type: file.content_type,
+            content_url: file.content_url,
+            permissions: file.permissions,
+            thumbnail_url: file.thumbnail_url ?? null,
+            name: file.name,
+            type: file.type,
+            metadata: file.metadata
+          })
+        ]
+      }
+    ]
+  };
+}
+function parseContentSelectorToCollectionPlayerSlides({
+  selectedItems,
+  filesById
+}) {
+  return selectedItems.reduce((acc, item) => {
+    if (item.type === "file") {
+      if (filesById[item.id].content_type === "pdf") {
+        const pages = filesById[item.id].content_thumbnails.map(
+          (contentThumbnail, index) => generateNewCollectionSlide({
+            file: {
+              id: item.id,
+              pspdfkit_auth_payload: filesById[item.id].pspdfkit_auth_payload,
+              pspdfkit_document_id: filesById[item.id].pspdfkit_document_id,
+              pspdfkit_server_url: filesById[item.id].pspdfkit_server_url,
+              content_type: filesById[item.id].content_type,
+              content_url: filesById[item.id].content_url,
+              permissions: item.permissions,
+              thumbnail_url: item.thumbnail_url ?? null,
+              name: item.name,
+              type: filesById[item.id].type,
+              metadata: item.metadata
+            },
+            slide: {
+              index,
+              url: contentThumbnail
+            }
+          })
+        );
+        return getUniqueSlides(acc, pages);
+      }
+      return [
+        ...acc,
+        generateNewCollectionFile({
+          id: item.id,
+          pspdfkit_auth_payload: filesById[item.id].pspdfkit_auth_payload,
+          pspdfkit_document_id: filesById[item.id].pspdfkit_document_id,
+          pspdfkit_server_url: filesById[item.id].pspdfkit_server_url,
+          content_type: filesById[item.id].content_type,
+          content_url: filesById[item.id].content_url,
+          permissions: item.permissions,
+          thumbnail_url: filesById[item.id].thumbnail_url,
+          name: item.name,
+          type: filesById[item.id].type,
+          metadata: item.metadata
+        })
+      ];
+    }
+    return getUniqueSlides(acc, [
+      generateNewCollectionSlide({
+        file: {
+          id: item.file.id,
+          pspdfkit_auth_payload: filesById[item.file.id].pspdfkit_auth_payload,
+          pspdfkit_document_id: filesById[item.file.id].pspdfkit_document_id,
+          pspdfkit_server_url: filesById[item.file.id].pspdfkit_server_url,
+          content_type: filesById[item.file.id].content_type,
+          content_url: filesById[item.file.id].content_url,
+          permissions: item.permissions,
+          thumbnail_url: item.thumbnail_url ?? null,
+          name: item.file.name,
+          type: filesById[item.file.id].type,
+          metadata: filesById[item.file.id].metadata
+        },
+        slide: {
+          index: item.page_index,
+          url: item.thumbnail_url ?? null
+        }
+      })
+    ]);
+  }, []);
+}
+function parseCollectionPlayerSlidesToContentSelector(slides) {
+  if (!slides?.length) return [];
+  return slides.reduce((acc, item) => {
+    let selection = null;
+    if ("file_id" in item) {
+      const v2Item = item;
+      if (!v2Item.file_id) {
+        return acc;
+      }
+      if (typeof v2Item.index === "number") {
+        selection = {
+          fileId: v2Item.file_id,
+          type: "page",
+          pageIndex: v2Item.index
+        };
+      } else {
+        selection = {
+          fileId: v2Item.file_id,
+          type: "file"
+        };
+      }
+    } else {
+      const v1Item = item;
+      const fileId = v1Item.file?.id;
+      if (!fileId) {
+        return acc;
+      }
+      if (v1Item.type === "slide") {
+        selection = {
+          fileId,
+          type: "page",
+          pageIndex: v1Item.slide.index
+        };
+      } else {
+        selection = {
+          fileId,
+          type: "file"
+        };
+      }
+    }
+    return [...acc, selection];
+  }, []);
+}
+function transformFilesToCollectionPlayer(t, filesData, name = "Collection") {
+  if (!Array.isArray(filesData)) {
+    throw new Error("Expected an array of files");
+  }
+  const groups = filesData.reduce((acc, fileData, index) => {
+    try {
+      const fileId = fileData.id;
+      const fileName = fileData.name || `File ${index + 1}`;
+      const selectedPages = fileData.selectedPages;
+      if (!fileId) {
+        return acc;
+      }
+      let slidesToCreate = [];
+      if (selectedPages && Array.isArray(selectedPages) && selectedPages.length > 0) {
+        slidesToCreate = selectedPages.map((pageIndex) => ({
+          id: `${fileId}-slide-${pageIndex}`,
+          file_id: fileId,
+          index: pageIndex
+        }));
+      } else {
+        slidesToCreate = [
+          {
+            id: `${fileId}-file`,
+            file_id: fileId,
+            index: void 0
+            // undefined means entire file, not a specific page
+          }
+        ];
+      }
+      acc.push({
+        id: `group-${fileId}`,
+        name: fileName,
+        slides: slidesToCreate
+      });
+      return acc;
+    } catch (error) {
+      return acc;
+    }
+  }, []);
+  return {
+    name,
+    groups
+  };
+}
+function transformFilesToContentGrid(filesData) {
+  if (!Array.isArray(filesData)) {
+    throw new Error("Expected an array of files");
+  }
+  const items = filesData.reduce((acc, fileData) => {
+    try {
+      const fileId = fileData.id;
+      const selectedPages = fileData.selectedPages;
+      if (!fileId) {
+        return acc;
+      }
+      let itemsToCreate = [];
+      if (selectedPages && Array.isArray(selectedPages) && selectedPages.length > 0) {
+        itemsToCreate = selectedPages.map((pageIndex) => ({
+          file: {
+            id: fileId,
+            // ContentGrid will resolve these properties via data accessor or file resolution
+            name: fileData.name || `File ${fileId}`,
+            permissions: void 0,
+            // Will be resolved
+            tags: void 0,
+            // Will be resolved
+            content_url: void 0,
+            // Will be resolved
+            content_type: void 0,
+            // Will be resolved
+            content_extension: void 0,
+            // Will be resolved
+            expires_at: void 0
+            // Will be resolved
+          },
+          slide: {
+            index: pageIndex,
+            url: void 0
+            // Will be resolved from content_thumbnails
+          },
+          type: "slide"
+        }));
+      } else {
+        itemsToCreate = [
+          {
+            file: {
+              id: fileId,
+              // ContentGrid will resolve these properties via data accessor or file resolution
+              name: fileData.name || `File ${fileId}`,
+              thumbnail_url: null,
+              // Will be resolved
+              content_thumbnails: null,
+              // Will be resolved
+              content_url: null,
+              // Will be resolved - required for ContentGridFileProps but can be null
+              content_type: null,
+              // Will be resolved - required for ContentGridFileProps
+              content_extension: null,
+              // Will be resolved - required for ContentGridFileProps
+              content_length: void 0,
+              // Will be resolved
+              permissions: void 0,
+              // Will be resolved
+              expires_at: void 0,
+              // Will be resolved
+              tags: void 0
+              // Will be resolved
+            },
+            type: "file"
+          }
+        ];
+      }
+      return [...acc, ...itemsToCreate];
+    } catch (error) {
+      return acc;
+    }
+  }, []);
+  return { items };
+}
+
 function createNodeId(type) {
   return `${type || "UnknownType"}-${v4()}`;
 }
@@ -94685,6 +95069,81 @@ function findFirstEmptyContentGridNode(nodes) {
   }
   return null;
 }
+function findShareboxTargetCollectionPlayerNode(nodes) {
+  for (const node of nodes) {
+    if (node.type === ComponentTypes.CollectionPlayer && node.is_sharebox_target) {
+      return node;
+    }
+    if (node.children) {
+      const found = findShareboxTargetCollectionPlayerNode(node.children);
+      if (found) {
+        return found;
+      }
+    }
+  }
+  return null;
+}
+function findFirstEmptyCollectionPlayerNode(nodes) {
+  for (const node of nodes) {
+    if (node.type === ComponentTypes.CollectionPlayer) {
+      const data = node.data;
+      const hasContent = data?.groups?.some((g) => g.slides?.length > 0);
+      if (!hasContent) {
+        return node;
+      }
+    }
+    if (node.children) {
+      const found = findFirstEmptyCollectionPlayerNode(node.children);
+      if (found) {
+        return found;
+      }
+    }
+  }
+  return null;
+}
+function updateFirstCollectionPlayerWithShareboxItems(canvasContent, selectedItems, filesById) {
+  let content = simpleDeepClone(canvasContent);
+  let collectionPlayerNode = findShareboxTargetCollectionPlayerNode(content);
+  if (!collectionPlayerNode) {
+    collectionPlayerNode = findFirstEmptyCollectionPlayerNode(content);
+  }
+  if (!collectionPlayerNode) {
+    console.info("No CollectionPlayer component found in the canvas content. Creating one...");
+    const { newContent } = addCanvasComponent(canvasContent, {
+      type: ComponentTypes.CollectionPlayer
+    });
+    content = newContent;
+    collectionPlayerNode = findFirstEmptyCollectionPlayerNode(content);
+  }
+  if (!collectionPlayerNode) {
+    console.error("Could not find or create a CollectionPlayer component in the canvas content");
+    return content;
+  }
+  const data = prepareCollectionPlayerNodeData({ node: collectionPlayerNode, filesById, selectedItems });
+  collectionPlayerNode.data = data;
+  return content;
+}
+function prepareCollectionPlayerNodeData({
+  selectedItems,
+  filesById,
+  node
+}) {
+  const slides = parseContentSelectorToCollectionPlayerSlides({ selectedItems, filesById });
+  const group = {
+    id: v4(),
+    name: "Shared Content",
+    slides: slides.map((slide) => ({
+      id: v4(),
+      file_id: slide.file.id,
+      index: slide.type === "slide" ? slide.slide.index : void 0
+    }))
+  };
+  return {
+    ...node?.data ?? {},
+    name: "Sharebox Collection",
+    groups: [group]
+  };
+}
 function isMultimediaDataWithTheme(obj, value) {
   return obj && obj.type === "Multimedia" && obj.theme_meta && typeof value === "object" && value !== null;
 }
@@ -95225,118 +95684,120 @@ const _hoisted_9$O = {
   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_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 = {
-  key: 2,
+const _hoisted_14$h = { class: "flex items-center" };
+const _hoisted_15$f = { class: "c-select-filter__popover w-[350px] rounded flex flex-col bg-base" };
+const _hoisted_16$e = { class: "pa-2 max-h-[300px] overflow-y-auto" };
+const _hoisted_17$c = {
+  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_18$a = { class: "flex flex-col w-full flex-1 min-h-0" };
+const _hoisted_19$a = {
   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_20$9 = { class: "space-y-1 mt-4" };
+const _hoisted_21$7 = ["onClick"];
+const _hoisted_22$5 = { class: "text-sm text-gray-700" };
+const _hoisted_23$5 = { class: "flex items-center mb-0" };
+const _hoisted_24$5 = { class: "text-sm font-bold text-gray-700" };
+const _hoisted_25$5 = ["onClick"];
+const _hoisted_26$5 = {
   key: 0,
   class: "relative mr-4"
 };
-const _hoisted_25$5 = {
+const _hoisted_27$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_28$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_29$5 = { class: "flex-1 min-w-0" };
+const _hoisted_30$4 = { class: "text-sm font-bold text-gray-900 truncate mb-1" };
+const _hoisted_31$4 = { class: "text-xs text-gray-500" };
+const _hoisted_32$4 = {
   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_33$4 = { class: "w-full px-0" };
+const _hoisted_34$4 = {
   key: 0,
   class: "flex flex-col items-center justify-center text-center p-8 gap-4"
 };
-const _hoisted_33$4 = {
+const _hoisted_35$4 = {
   key: 0,
   class: "mb-0"
 };
-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 = {
+const _hoisted_36$4 = { class: "flex items-center px-0 pt-2 pb-1" };
+const _hoisted_37$4 = { class: "text-m font-semibold text-gray-900" };
+const _hoisted_38$4 = { class: "ml-2 text-sm text-gray-500" };
+const _hoisted_39$4 = ["data-result-selected", "onClick"];
+const _hoisted_40$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_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 = {
+const _hoisted_41$4 = { class: "flex-1 min-w-0" };
+const _hoisted_42$4 = { class: "text-sm font-bold text-gray-900 truncate mb-1" };
+const _hoisted_43$4 = ["innerHTML"];
+const _hoisted_44$4 = { class: "text-xs text-gray-500" };
+const _hoisted_45$4 = { class: "text-xs text-gray-400" };
+const _hoisted_46$4 = {
   key: 0,
   class: "px-0 py-0"
 };
-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 = {
+const _hoisted_47$4 = { key: 1 };
+const _hoisted_48$4 = { class: "flex items-center px-0 pt-2 pb-1" };
+const _hoisted_49$4 = { class: "text-m font-semibold text-gray-900" };
+const _hoisted_50$4 = { class: "ml-2 text-sm text-gray-500" };
+const _hoisted_51$3 = ["data-result-selected", "onClick"];
+const _hoisted_52$3 = { class: "w-18 h-14 border-rounded-1 mr-4 flex-shrink-0 bg-gray-200 flex items-center justify-center" };
+const _hoisted_53$3 = { class: "flex-1 min-w-0" };
+const _hoisted_54$2 = { class: "text-sm font-bold text-gray-900 truncate mb-1" };
+const _hoisted_55$2 = { class: "text-xs text-gray-500" };
+const _hoisted_56$2 = { class: "text-xs text-gray-400" };
+const _hoisted_57$2 = {
   key: 0,
   class: "px-0 py-0"
 };
-const _hoisted_56$2 = {
+const _hoisted_58$2 = {
   key: 2,
   class: "flex flex-col items-center justify-center text-center p-8 gap-4"
 };
-const _hoisted_57$2 = {
+const _hoisted_59$2 = {
   key: 2,
   class: "flex-1 overflow-y-auto bg-white w-full"
 };
-const _hoisted_58$2 = { class: "w-full px-0" };
-const _hoisted_59$2 = {
+const _hoisted_60$2 = { class: "w-full px-0" };
+const _hoisted_61$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 = {
+const _hoisted_62$2 = { class: "flex items-center px-0 pt-2 pb-1" };
+const _hoisted_63$2 = { class: "text-m font-semibold text-gray-900" };
+const _hoisted_64$2 = { class: "ml-2 text-sm text-gray-500" };
+const _hoisted_65$2 = ["data-result-selected", "onClick"];
+const _hoisted_66$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_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 = {
+const _hoisted_67$2 = { class: "flex-1 min-w-0" };
+const _hoisted_68$2 = { class: "text-sm font-bold text-gray-900 truncate mb-1" };
+const _hoisted_69$1 = ["innerHTML"];
+const _hoisted_70$1 = { class: "text-xs text-gray-500" };
+const _hoisted_71$1 = { class: "text-xs text-gray-400" };
+const _hoisted_72$1 = {
   key: 0,
   class: "flex flex-col items-center justify-center text-center p-8 gap-4"
 };
-const _hoisted_71$1 = {
+const _hoisted_73$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"
 };
@@ -95360,9 +95821,10 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
     const showRecentView = ref(true);
     const suggestionsDropdownRef = ref(null);
     const searchInputRef = ref(null);
-    const selectedFileTypes = ref([]);
+    const selectedFileType = ref(null);
     const showFileTypeDropdown = ref(false);
-    const selectedCanvasFilters = ref([]);
+    const selectedCanvasFilter = ref(null);
+    const showCanvasTypeDropdown = ref(false);
     const fileTypeOptions = [
       { label: "Folder", value: "folder" },
       { label: "PDF", value: "pdf" },
@@ -95375,15 +95837,38 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
       { label: "AR", value: "ar" },
       { label: "Web", value: "web" }
     ];
-    const hasActiveFilters = computed(() => selectedFileTypes.value.length > 0 || selectedCanvasFilters.value.length > 0);
+    const canvasTypeOptions = computed(() => {
+      const options = [
+        { label: t("canvasUI.CAlgoliaSearch.canvasFilters.templates"), value: "template" },
+        { label: t("canvasUI.CAlgoliaSearch.canvasFilters.products"), value: "section" },
+        { label: t("canvasUI.CAlgoliaSearch.canvasFilters.blocks"), value: "block" }
+      ];
+      if (!props.isAdmin) {
+        options.unshift({ label: t("canvasUI.CAlgoliaSearch.canvasFilters.saved"), value: "saved_canvas" });
+      }
+      if (props.isAdmin) {
+        options.splice(1, 0, {
+          label: t("canvasUI.CAlgoliaSearch.canvasFilters.productTemplates"),
+          value: "product_template"
+        });
+      }
+      return options;
+    });
+    const visibleCanvasTypeOptions = computed(() => {
+      if (showRecentView.value || !searchQuery.value.trim()) {
+        return canvasTypeOptions.value;
+      }
+      return canvasTypeOptions.value.filter((option) => availableCanvasTypes.value.has(option.value));
+    });
+    const hasActiveFilters = computed(() => selectedFileType.value !== null || selectedCanvasFilter.value !== null);
     const clearAllFilters = () => {
-      selectedFileTypes.value = [];
-      selectedCanvasFilters.value = [];
+      selectedFileType.value = null;
+      selectedCanvasFilter.value = null;
       debouncedFilterSearch();
     };
     const handleEverywhereClick = async () => {
-      selectedFileTypes.value = [];
-      selectedCanvasFilters.value = [];
+      selectedFileType.value = null;
+      selectedCanvasFilter.value = null;
       searchType.value = null;
       if (searchQuery.value.trim()) {
         try {
@@ -95539,6 +96024,44 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
       }
       return canvasResults.value;
     });
+    const availableFileTypes = computed(() => {
+      if (showRecentView.value || !searchQuery.value.trim()) {
+        return /* @__PURE__ */ new Set();
+      }
+      const types = /* @__PURE__ */ new Set();
+      contentResults.value.forEach((item) => {
+        if (item.type === "folder") {
+          types.add("folder");
+        } else if (item.type === "file" && item.file_category) {
+          types.add(item.file_category);
+        }
+      });
+      return types;
+    });
+    const availableCanvasTypes = computed(() => {
+      if (showRecentView.value || !searchQuery.value.trim()) {
+        return /* @__PURE__ */ new Set();
+      }
+      const types = /* @__PURE__ */ new Set();
+      canvasResults.value.forEach((item) => {
+        if (item.content_type) {
+          types.add(item.content_type);
+        }
+      });
+      return types;
+    });
+    const visibleFileTypeOptions = computed(() => {
+      if (showRecentView.value || !searchQuery.value.trim()) {
+        return fileTypeOptions;
+      }
+      return fileTypeOptions.filter((option) => availableFileTypes.value.has(option.value));
+    });
+    const hasContentFilters = computed(() => {
+      return visibleFileTypeOptions.value.length > 0 || selectedFileType.value !== null;
+    });
+    const hasCanvasFilters = computed(() => {
+      return visibleCanvasTypeOptions.value.length > 0 || selectedCanvasFilter.value !== null;
+    });
     const shouldShowNoResults = computed(() => {
       if (showRecentView.value || !searchQuery.value.trim() || isSearching.value || !hasSearchCompleted.value) return false;
       if (searchType.value === "content") {
@@ -95651,32 +96174,18 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
           "ar",
           "web"
         ];
-        const validCanvasFilters = selectedCanvasFilters.value.filter((f) => ALLOWED_CANVAS_TYPES.includes(f));
-        if (selectedCanvasFilters.value.length > 0 && validCanvasFilters.length === 0) {
-          console.warn(
-            "[CAlgoliaSearch] All selected canvas filters are invalid and were removed:",
-            selectedCanvasFilters.value
-          );
-          selectedCanvasFilters.value = [];
-        } else if (validCanvasFilters.length < selectedCanvasFilters.value.length) {
-          const removedFilters = selectedCanvasFilters.value.filter((f) => !validCanvasFilters.includes(f));
-          console.warn("[CAlgoliaSearch] Some canvas filters were invalid and removed:", removedFilters);
-          selectedCanvasFilters.value = validCanvasFilters;
-        }
-        const canvasFilters = validCanvasFilters.length > 0 ? ` AND (${validCanvasFilters.map((filter) => `content_type:"${filter}"`).join(" OR ")})` : "";
-        const validFileTypes = selectedFileTypes.value.filter((t2) => ALLOWED_FILE_TYPES.includes(t2));
-        if (selectedFileTypes.value.length > 0 && validFileTypes.length === 0) {
-          console.warn(
-            "[CAlgoliaSearch] All selected file type filters are invalid and were removed:",
-            selectedFileTypes.value
-          );
-          selectedFileTypes.value = [];
-        } else if (validFileTypes.length < selectedFileTypes.value.length) {
-          const removedFilters = selectedFileTypes.value.filter((t2) => !validFileTypes.includes(t2));
-          console.warn("[CAlgoliaSearch] Some file type filters were invalid and removed:", removedFilters);
-          selectedFileTypes.value = validFileTypes;
-        }
-        const contentFilters = validFileTypes.length > 0 ? ` AND (${validFileTypes.map((type) => type === "folder" ? `type:"${type}"` : `file_category:"${type}"`).join(" OR ")})` : "";
+        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);
+          selectedCanvasFilter.value = null;
+        }
+        const canvasFilters = validCanvasFilter ? ` AND content_type:"${validCanvasFilter}"` : "";
+        const validFileType = selectedFileType.value && ALLOWED_FILE_TYPES.includes(selectedFileType.value) ? selectedFileType.value : null;
+        if (selectedFileType.value && !validFileType) {
+          console.warn("[CAlgoliaSearch] Selected file type filter is invalid and was removed:", selectedFileType.value);
+          selectedFileType.value = null;
+        }
+        const contentFilters = validFileType ? ` AND ${validFileType === "folder" ? `type:"${validFileType}"` : `file_category:"${validFileType}"`}` : "";
         const results = await searchViaBackend(query.trim(), {
           canvas: canvasFilters,
           content: contentFilters
@@ -95892,40 +96401,30 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
       }
       const emIndex = highlightValue.indexOf("<em>");
       if (emIndex === -1) return "";
-      const startChar = Math.max(0, emIndex - 100);
-      const endChar = Math.min(highlightValue.length, emIndex + 100);
+      const startChar = Math.max(0, emIndex - 75);
+      const endChar = Math.min(highlightValue.length, emIndex + 125);
       let truncated = highlightValue.substring(startChar, endChar);
       if (startChar > 0) truncated = "..." + truncated;
       if (endChar < highlightValue.length) truncated = truncated + "...";
       return sanitizeHtml(truncated);
     };
-    const toggleCanvasFilter = (filterType) => {
-      if (selectedCanvasFilters.value.includes(filterType)) {
-        selectedCanvasFilters.value.splice(selectedCanvasFilters.value.indexOf(filterType), 1);
-      } else {
-        selectedCanvasFilters.value.push(filterType);
-      }
+    const handleCanvasTypeChange = (value) => {
+      selectedCanvasFilter.value = value;
+      showCanvasTypeDropdown.value = false;
       debouncedFilterSearch();
     };
-    const clearCanvasFilters = () => {
-      selectedCanvasFilters.value = [];
+    const clearCanvasFilter = () => {
+      selectedCanvasFilter.value = null;
+      showCanvasTypeDropdown.value = false;
       debouncedFilterSearch();
     };
-    const toggleFileType = (fileType, checked) => {
-      if (checked) {
-        if (!selectedFileTypes.value.includes(fileType)) {
-          selectedFileTypes.value.push(fileType);
-        }
-      } else {
-        const index = selectedFileTypes.value.indexOf(fileType);
-        if (index > -1) {
-          selectedFileTypes.value.splice(index, 1);
-        }
-      }
+    const handleFileTypeChange = (value) => {
+      selectedFileType.value = value;
+      showFileTypeDropdown.value = false;
       debouncedFilterSearch();
     };
-    const clearFileTypes = () => {
-      selectedFileTypes.value = [];
+    const clearFileType = () => {
+      selectedFileType.value = null;
       showFileTypeDropdown.value = false;
       debouncedFilterSearch();
     };
@@ -96094,7 +96593,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
         show: "",
         verticalAlignment: "top",
         "z-index": _ctx.zIndex,
-        "onUpdate:show": _cache[16] || (_cache[16] = ($event) => emit("toggleSearch", $event))
+        "onUpdate:show": _cache[14] || (_cache[14] = ($event) => emit("toggleSearch", $event))
       }, {
         default: withCtx(() => [
           createElementVNode("div", {
@@ -96103,7 +96602,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
           }, [
             createElementVNode("div", _hoisted_1$4w, [
               createElementVNode("div", _hoisted_2$3j, [
-                _cache[17] || (_cache[17] = createElementVNode("div", { class: "absolute left-2.5 top-1/2 transform -translate-y-1/2 z-10" }, [
+                _cache[15] || (_cache[15] = createElementVNode("div", { class: "absolute left-2.5 top-1/2 transform -translate-y-1/2 z-10" }, [
                   createElementVNode("i", { class: "c-icon far fa-search text-gray-400 text-l" })
                 ], -1)),
                 withDirectives(createElementVNode("input", {
@@ -96200,7 +96699,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
                     createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.tabs.pitchDecks")), 1)
                   ], 2)) : createCommentVNode("", true)
                 ]),
-                searchType.value ? (openBlock(), createElementBlock("div", _hoisted_9$O, [
+                searchType.value && (searchType.value === "content" && hasContentFilters.value || searchType.value === "canvases" && hasCanvasFilters.value) ? (openBlock(), createElementBlock("div", _hoisted_9$O, [
                   searchType.value === "content" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                     createVNode(unref(NPopover), {
                       class: "c-select-filter",
@@ -96215,53 +96714,53 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
                         createVNode(unref(NTag), {
                           class: "select-none cursor-pointer",
                           style: normalizeStyle({
-                            "--n-color": selectedFileTypes.value.length ? "var(--p-primary5)" : "var(--p-primary6)",
+                            "--n-color": selectedFileType.value ? "var(--p-primary5)" : "var(--p-primary6)",
                             "--n-border": "1px solid var(--p-primary5)",
                             "--n-height": "28px"
                           }),
                           themeOverrides: {
                             borderRadius: "4px"
                           },
-                          onClick: _cache[7] || (_cache[7] = ($event) => showFileTypeDropdown.value = !showFileTypeDropdown.value)
+                          onClick: _cache[6] || (_cache[6] = ($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),
-                              selectedFileTypes.value.length ? (openBlock(), createBlock(CIcon, {
-                                key: 1,
-                                class: "ml-1",
-                                color: "var(--p-primary2)",
-                                icon: "xmark",
-                                size: "12",
-                                onClick: _cache[6] || (_cache[6] = withModifiers(($event) => selectedFileTypes.value = [], ["stop"]))
-                              })) : createCommentVNode("", true)
+                              createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.filters.type")), 1)
                             ])
                           ]),
                           _: 1
                         }, 8, ["style"])
                       ]),
                       default: withCtx(() => [
-                        createElementVNode("div", _hoisted_12$p, [
-                          createElementVNode("div", _hoisted_13$k, [
-                            (openBlock(), createElementBlock(Fragment, null, renderList(fileTypeOptions, (option) => {
-                              return createElementVNode("div", {
-                                key: option.value,
-                                class: "w-full h-7 flex items-center"
-                              }, [
-                                createVNode(unref(NCheckbox), {
-                                  checked: selectedFileTypes.value.includes(option.value),
-                                  class: "px-2 truncate",
-                                  "onUpdate:checked": (v) => toggleFileType(option.value, v),
-                                  value: option.value
-                                }, {
-                                  default: withCtx(() => [
-                                    createTextVNode(toDisplayString(option.label), 1)
-                                  ]),
-                                  _: 2
-                                }, 1032, ["checked", "onUpdate:checked", "value"])
-                              ]);
-                            }), 64))
+                        createElementVNode("div", _hoisted_11$x, [
+                          createElementVNode("div", _hoisted_12$p, [
+                            createVNode(unref(NRadioGroup), {
+                              value: selectedFileType.value,
+                              "onUpdate:value": [
+                                _cache[7] || (_cache[7] = ($event) => selectedFileType.value = $event),
+                                handleFileTypeChange
+                              ]
+                            }, {
+                              default: withCtx(() => [
+                                (openBlock(true), createElementBlock(Fragment, null, renderList(visibleFileTypeOptions.value, (option) => {
+                                  return openBlock(), createElementBlock("div", {
+                                    key: option.value,
+                                    class: "w-full h-7 flex items-center"
+                                  }, [
+                                    createVNode(unref(NRadio), {
+                                      class: "px-2 truncate",
+                                      value: option.value
+                                    }, {
+                                      default: withCtx(() => [
+                                        createTextVNode(toDisplayString(option.label), 1)
+                                      ]),
+                                      _: 2
+                                    }, 1032, ["value"])
+                                  ]);
+                                }), 128))
+                              ]),
+                              _: 1
+                            }, 8, ["value"])
                           ]),
                           createElementVNode("div", {
                             class: "pa-2",
@@ -96271,7 +96770,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
                               block: "",
                               class: "pa-2",
                               text: "",
-                              onClick: clearFileTypes
+                              onClick: clearFileType
                             }, {
                               default: withCtx(() => [
                                 createTextVNode(toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.filters.clear")), 1)
@@ -96283,115 +96782,109 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     }, 8, ["show"]),
-                    hasActiveFilters.value ? (openBlock(), createElementBlock("div", _hoisted_14$h, [
-                      _cache[18] || (_cache[18] = createElementVNode("div", { class: "h-6 w-px bg-gray-300 mx-2" }, null, -1)),
+                    hasActiveFilters.value ? (openBlock(), createElementBlock("div", _hoisted_13$k, [
+                      _cache[16] || (_cache[16] = 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",
                         onClick: clearAllFilters
                       }, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.filters.clear")), 1)
                     ])) : createCommentVNode("", true)
                   ], 64)) : searchType.value === "canvases" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                    !_ctx.isAdmin ? (openBlock(), createBlock(unref(NTag), {
-                      key: 0,
-                      class: "select-none cursor-pointer",
-                      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"
-                      }),
-                      themeOverrides: {
-                        borderRadius: "4px"
-                      },
-                      onClick: _cache[9] || (_cache[9] = ($event) => toggleCanvasFilter("saved_canvas"))
-                    }, {
-                      default: withCtx(() => [
-                        createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.saved")), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["style"])) : createCommentVNode("", true),
-                    createVNode(unref(NTag), {
-                      class: "select-none cursor-pointer",
-                      style: normalizeStyle({
-                        "--n-color": selectedCanvasFilters.value.includes("template") ? "var(--p-primary5)" : "var(--p-primary6)",
-                        "--n-border": "1px solid var(--p-primary5)",
-                        "--n-height": "28px"
-                      }),
-                      themeOverrides: {
-                        borderRadius: "4px"
-                      },
-                      onClick: _cache[10] || (_cache[10] = ($event) => toggleCanvasFilter("template"))
-                    }, {
-                      default: withCtx(() => [
-                        createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.templates")), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["style"]),
-                    _ctx.isAdmin ? (openBlock(), createBlock(unref(NTag), {
-                      key: 1,
-                      class: "select-none cursor-pointer",
-                      style: normalizeStyle({
-                        "--n-color": selectedCanvasFilters.value.includes("product_template") ? "var(--p-primary5)" : "var(--p-primary6)",
-                        "--n-border": "1px solid var(--p-primary5)",
-                        "--n-height": "28px"
-                      }),
-                      themeOverrides: {
-                        borderRadius: "4px"
-                      },
-                      onClick: _cache[11] || (_cache[11] = ($event) => toggleCanvasFilter("product_template"))
-                    }, {
-                      default: withCtx(() => [
-                        createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.productTemplates")), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["style"])) : createCommentVNode("", true),
-                    createVNode(unref(NTag), {
-                      class: "select-none cursor-pointer",
-                      style: normalizeStyle({
-                        "--n-color": selectedCanvasFilters.value.includes("section") ? "var(--p-primary5)" : "var(--p-primary6)",
-                        "--n-border": "1px solid var(--p-primary5)",
-                        "--n-height": "28px"
-                      }),
-                      themeOverrides: {
-                        borderRadius: "4px"
-                      },
-                      onClick: _cache[12] || (_cache[12] = ($event) => toggleCanvasFilter("section"))
+                    createVNode(unref(NPopover), {
+                      class: "c-select-filter",
+                      placement: "bottom-start",
+                      raw: "",
+                      show: showCanvasTypeDropdown.value,
+                      "show-arrow": false,
+                      trigger: "manual",
+                      onClickoutside: _cache[11] || (_cache[11] = ($event) => showCanvasTypeDropdown.value = false)
                     }, {
-                      default: withCtx(() => [
-                        createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.products")), 1)
+                      trigger: withCtx(() => [
+                        createVNode(unref(NTag), {
+                          class: "select-none cursor-pointer",
+                          style: normalizeStyle({
+                            "--n-color": selectedCanvasFilter.value ? "var(--p-primary5)" : "var(--p-primary6)",
+                            "--n-border": "1px solid var(--p-primary5)",
+                            "--n-height": "28px"
+                          }),
+                          themeOverrides: {
+                            borderRadius: "4px"
+                          },
+                          onClick: _cache[9] || (_cache[9] = ($event) => showCanvasTypeDropdown.value = !showCanvasTypeDropdown.value)
+                        }, {
+                          default: withCtx(() => [
+                            createElementVNode("div", _hoisted_14$h, [
+                              createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.filters.type")), 1)
+                            ])
+                          ]),
+                          _: 1
+                        }, 8, ["style"])
                       ]),
-                      _: 1
-                    }, 8, ["style"]),
-                    createVNode(unref(NTag), {
-                      class: "select-none cursor-pointer",
-                      style: normalizeStyle({
-                        "--n-color": selectedCanvasFilters.value.includes("block") ? "var(--p-primary5)" : "var(--p-primary6)",
-                        "--n-border": "1px solid var(--p-primary5)",
-                        "--n-height": "28px"
-                      }),
-                      themeOverrides: {
-                        borderRadius: "4px"
-                      },
-                      onClick: _cache[13] || (_cache[13] = ($event) => toggleCanvasFilter("block"))
-                    }, {
                       default: withCtx(() => [
-                        createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.blocks")), 1)
+                        createElementVNode("div", _hoisted_15$f, [
+                          createElementVNode("div", _hoisted_16$e, [
+                            createVNode(unref(NRadioGroup), {
+                              value: selectedCanvasFilter.value,
+                              "onUpdate:value": [
+                                _cache[10] || (_cache[10] = ($event) => selectedCanvasFilter.value = $event),
+                                handleCanvasTypeChange
+                              ]
+                            }, {
+                              default: withCtx(() => [
+                                (openBlock(true), createElementBlock(Fragment, null, renderList(visibleCanvasTypeOptions.value, (option) => {
+                                  return openBlock(), createElementBlock("div", {
+                                    key: option.value,
+                                    class: "w-full h-7 flex items-center"
+                                  }, [
+                                    createVNode(unref(NRadio), {
+                                      class: "px-2 truncate",
+                                      value: option.value
+                                    }, {
+                                      default: withCtx(() => [
+                                        createTextVNode(toDisplayString(option.label), 1)
+                                      ]),
+                                      _: 2
+                                    }, 1032, ["value"])
+                                  ]);
+                                }), 128))
+                              ]),
+                              _: 1
+                            }, 8, ["value"])
+                          ]),
+                          createElementVNode("div", {
+                            class: "pa-2",
+                            style: normalizeStyle({ borderTop: `1px solid ${unref(themeVars).primary5}` })
+                          }, [
+                            createVNode(CButton, {
+                              block: "",
+                              class: "pa-2",
+                              text: "",
+                              onClick: clearCanvasFilter
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.filters.clear")), 1)
+                              ]),
+                              _: 1
+                            })
+                          ], 4)
+                        ])
                       ]),
                       _: 1
-                    }, 8, ["style"]),
-                    selectedCanvasFilters.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_15$f, [
-                      _cache[19] || (_cache[19] = createElementVNode("div", { class: "h-6 w-px bg-gray-300 mx-2" }, null, -1)),
+                    }, 8, ["show"]),
+                    hasActiveFilters.value ? (openBlock(), createElementBlock("div", _hoisted_17$c, [
+                      _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",
-                        onClick: clearCanvasFilters
+                        onClick: clearAllFilters
                       }, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.filters.clear")), 1)
                     ])) : createCommentVNode("", true)
                   ], 64)) : createCommentVNode("", true)
                 ])) : 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_18$a, [
+              showRecentView.value ? (openBlock(), createElementBlock("div", _hoisted_19$a, [
+                createElementVNode("div", _hoisted_20$9, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(recentSearches.value, (search) => {
                     return openBlock(), createElementBlock("div", {
                       key: search,
@@ -96404,14 +96897,14 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
                         icon: "clock-rotate-left",
                         size: "16"
                       }),
-                      createElementVNode("span", _hoisted_20$9, toDisplayString(search), 1)
-                    ], 8, _hoisted_19$a);
+                      createElementVNode("span", _hoisted_22$5, toDisplayString(search), 1)
+                    ], 8, _hoisted_21$7);
                   }), 128))
                 ]),
                 recentlyOpenedDocs.value.length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                  _cache[20] || (_cache[20] = 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)
+                  _cache[18] || (_cache[18] = createElementVNode("hr", { class: "border-0 h-px bg-gray-200 mt-2 mb-3 w-full" }, null, -1)),
+                  createElementVNode("div", _hoisted_23$5, [
+                    createElementVNode("span", _hoisted_24$5, toDisplayString(unref(t)("canvasUI.components.fileViewer.recentlyOpened")), 1)
                   ]),
                   createElementVNode("div", {
                     class: normalizeClass(_ctx.isAdmin ? "space-y-2" : "space-y-0")
@@ -96425,7 +96918,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
                         ]),
                         onClick: ($event) => handleRecentDocClick(doc, doc.type)
                       }, [
-                        doc.type === "file" ? (openBlock(), createElementBlock("div", _hoisted_24$5, [
+                        doc.type === "file" ? (openBlock(), createElementBlock("div", _hoisted_26$5, [
                           createVNode(_sfc_main$6K, {
                             class: "h-14 border-rounded-1 overflow-hidden flex-0",
                             cover: "",
@@ -96434,7 +96927,7 @@ const _sfc_main$5K = /* @__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_27$5, [
                             createVNode(CIcon, {
                               class: "animate-spin",
                               color: "var(--p-primary)",
@@ -96442,7 +96935,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
                               size: "20"
                             })
                           ])) : createCommentVNode("", true)
-                        ])) : (openBlock(), createElementBlock("div", _hoisted_26$5, [
+                        ])) : (openBlock(), createElementBlock("div", _hoisted_28$5, [
                           doc.type === "canvas" ? (openBlock(), createBlock(CIcon, {
                             key: 0,
                             color: "var(--p-text2)",
@@ -96455,33 +96948,33 @@ const _sfc_main$5K = /* @__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_29$5, [
+                          createElementVNode("h3", _hoisted_30$4, toDisplayString(doc.name), 1),
+                          createElementVNode("p", _hoisted_31$4, toDisplayString(doc.type === "canvas" ? formatCanvasType(doc.content_type) : doc.type === "folder" ? "Folder" : doc.file_category || "File"), 1)
                         ])
-                      ], 10, _hoisted_23$5);
+                      ], 10, _hoisted_25$5);
                     }), 128))
                   ], 2)
                 ], 64)) : createCommentVNode("", true)
-              ])) : !searchType.value ? (openBlock(), createElementBlock("div", _hoisted_30$4, [
-                createElementVNode("div", _hoisted_31$4, [
-                  isSearching.value ? (openBlock(), createElementBlock("div", _hoisted_32$4, [
+              ])) : !searchType.value ? (openBlock(), createElementBlock("div", _hoisted_32$4, [
+                createElementVNode("div", _hoisted_33$4, [
+                  isSearching.value ? (openBlock(), createElementBlock("div", _hoisted_34$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, [
+                    filteredContentFiles.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_35$4, [
+                      createElementVNode("div", _hoisted_36$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("span", _hoisted_37$4, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.sections.content")), 1),
+                        createElementVNode("span", _hoisted_38$4, "(" + toDisplayString(filteredContentFiles.value.length) + ")", 1)
                       ]),
                       createElementVNode("div", null, [
                         (openBlock(true), createElementBlock(Fragment, null, renderList(filteredContentFiles.value.slice(0, 5), (item) => {
@@ -96503,30 +96996,30 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
                               "object-fit": "cover",
                               src: item.picture_url || "",
                               width: "72"
-                            }, null, 8, ["file-data", "src"])) : (openBlock(), createElementBlock("div", _hoisted_38$4, [
+                            }, null, 8, ["file-data", "src"])) : (openBlock(), createElementBlock("div", _hoisted_40$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),
+                            createElementVNode("div", _hoisted_41$4, [
+                              createElementVNode("h3", _hoisted_42$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)
+                              }, null, 8, _hoisted_43$4)) : createCommentVNode("", true),
+                              createElementVNode("p", _hoisted_44$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);
+                            createElementVNode("div", _hoisted_45$4, toDisplayString(item.type === "folder" ? item.parent_folder?.name || "" : item.folder?.name || ""), 1)
+                          ], 10, _hoisted_39$4);
                         }), 128))
                       ]),
-                      filteredContentFiles.value.length > 5 ? (openBlock(), createElementBlock("div", _hoisted_44$4, [
+                      filteredContentFiles.value.length > 5 ? (openBlock(), createElementBlock("div", _hoisted_46$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")
+                          onClick: _cache[12] || (_cache[12] = ($event) => searchType.value = "content")
                         }, [
                           createTextVNode(toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.actions.viewAll")) + " ", 1),
                           createVNode(CIcon, {
@@ -96537,16 +97030,16 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
                         ])
                       ])) : createCommentVNode("", true)
                     ])) : createCommentVNode("", true),
-                    filteredCanvasFiles.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_45$4, [
-                      createElementVNode("div", _hoisted_46$4, [
+                    filteredCanvasFiles.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_47$4, [
+                      createElementVNode("div", _hoisted_48$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("span", _hoisted_49$4, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.sections.pitchDecks")), 1),
+                        createElementVNode("span", _hoisted_50$4, "(" + toDisplayString(filteredCanvasFiles.value.length) + ")", 1)
                       ]),
                       createElementVNode("div", null, [
                         (openBlock(true), createElementBlock(Fragment, null, renderList(filteredCanvasFiles.value.slice(0, 5), (item) => {
@@ -96560,25 +97053,25 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
                             "data-result-selected": isResultSelected(item),
                             onClick: ($event) => handleResultClick(item, "canvas")
                           }, [
-                            createElementVNode("div", _hoisted_50$4, [
+                            createElementVNode("div", _hoisted_52$3, [
                               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_53$3, [
+                              createElementVNode("h3", _hoisted_54$2, toDisplayString(item.name), 1),
+                              createElementVNode("p", _hoisted_55$2, toDisplayString(formatCanvasType(item.content_type)), 1)
                             ]),
-                            createElementVNode("div", _hoisted_54$2, toDisplayString(item.folder?.name || ""), 1)
-                          ], 10, _hoisted_49$4);
+                            createElementVNode("div", _hoisted_56$2, toDisplayString(item.folder?.name || ""), 1)
+                          ], 10, _hoisted_51$3);
                         }), 128))
                       ]),
-                      filteredCanvasFiles.value.length > 5 ? (openBlock(), createElementBlock("div", _hoisted_55$2, [
+                      filteredCanvasFiles.value.length > 5 ? (openBlock(), createElementBlock("div", _hoisted_57$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")
+                          onClick: _cache[13] || (_cache[13] = ($event) => searchType.value = "canvases")
                         }, [
                           createTextVNode(toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.actions.viewAll")) + " ", 1),
                           createVNode(CIcon, {
@@ -96589,7 +97082,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
                         ])
                       ])) : createCommentVNode("", true)
                     ])) : createCommentVNode("", true),
-                    searchError.value || shouldShowNoResults.value ? (openBlock(), createElementBlock("div", _hoisted_56$2, [
+                    searchError.value || shouldShowNoResults.value ? (openBlock(), createElementBlock("div", _hoisted_58$2, [
                       createVNode(CIcon, {
                         class: "text-6xl",
                         color: searchError.value ? "var(--p-error)" : "var(--p-text3)",
@@ -96602,16 +97095,16 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
                     ])) : createCommentVNode("", true)
                   ], 64))
                 ])
-              ])) : (openBlock(), createElementBlock("div", _hoisted_57$2, [
-                createElementVNode("div", _hoisted_58$2, [
-                  isSearching.value ? (openBlock(), createElementBlock("div", _hoisted_59$2, [
+              ])) : (openBlock(), createElementBlock("div", _hoisted_59$2, [
+                createElementVNode("div", _hoisted_60$2, [
+                  isSearching.value ? (openBlock(), createElementBlock("div", _hoisted_61$2, [
                     createVNode(CIcon, {
                       class: "animate-spin text-6xl",
                       color: "var(--p-primary)",
                       icon: "spinner"
                     })
                   ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                    createElementVNode("div", _hoisted_60$2, [
+                    createElementVNode("div", _hoisted_62$2, [
                       searchType.value === "content" ? (openBlock(), createBlock(CIcon, {
                         key: 0,
                         class: "mr-2",
@@ -96625,8 +97118,8 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
                         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("span", _hoisted_63$2, toDisplayString(searchType.value === "content" ? unref(t)("canvasUI.CAlgoliaSearch.sections.content") : unref(t)("canvasUI.CAlgoliaSearch.sections.pitchDecks")), 1),
+                      createElementVNode("span", _hoisted_64$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) => {
@@ -96651,7 +97144,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
                             "object-fit": "cover",
                             src: item.picture_url || "",
                             width: "72"
-                          }, null, 8, ["file-data", "src"])) : (openBlock(), createElementBlock("div", _hoisted_64$2, [
+                          }, null, 8, ["file-data", "src"])) : (openBlock(), createElementBlock("div", _hoisted_66$2, [
                             searchType.value === "content" ? (openBlock(), createBlock(CIcon, {
                               key: 0,
                               color: "var(--p-text2)",
@@ -96664,20 +97157,20 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
                               size: "32"
                             }))
                           ])),
-                          createElementVNode("div", _hoisted_65$2, [
-                            createElementVNode("h3", _hoisted_66$2, toDisplayString(item.name), 1),
+                          createElementVNode("div", _hoisted_67$2, [
+                            createElementVNode("h3", _hoisted_68$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_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)
+                            }, null, 8, _hoisted_69$1)) : createCommentVNode("", true),
+                            createElementVNode("p", _hoisted_70$1, toDisplayString(searchType.value === "content" ? item.type === "folder" ? "Folder" : item.file_category || item.content_type || "File" : formatCanvasType(item.content_type)), 1)
                           ]),
-                          createElementVNode("div", _hoisted_69$1, toDisplayString(searchType.value === "content" && item.type === "folder" ? item.parent_folder?.name || "" : item.folder?.name || ""), 1)
-                        ], 10, _hoisted_63$2);
+                          createElementVNode("div", _hoisted_71$1, toDisplayString(searchType.value === "content" && item.type === "folder" ? item.parent_folder?.name || "" : item.folder?.name || ""), 1)
+                        ], 10, _hoisted_65$2);
                       }), 128))
                     ]),
-                    searchError.value || shouldShowNoResults.value ? (openBlock(), createElementBlock("div", _hoisted_70$1, [
+                    searchError.value || shouldShowNoResults.value ? (openBlock(), createElementBlock("div", _hoisted_72$1, [
                       createVNode(CIcon, {
                         class: "text-6xl",
                         color: searchError.value ? "var(--p-error)" : "var(--p-text3)",
@@ -96692,7 +97185,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
                 ])
               ]))
             ]),
-            !showRecentView.value ? (openBlock(), createElementBlock("div", _hoisted_71$1, [
+            !showRecentView.value ? (openBlock(), createElementBlock("div", _hoisted_73$1, [
               createVNode(CShortcut, null, {
                 default: withCtx(() => [
                   createVNode(CShortcutIcon, { icon: "arrow-up" }),
@@ -96734,7 +97227,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
   }
 });
 
-const CAlgoliaSearch = /* @__PURE__ */ _export_sfc(_sfc_main$5K, [["__scopeId", "data-v-052f4440"]]);
+const CAlgoliaSearch = /* @__PURE__ */ _export_sfc(_sfc_main$5K, [["__scopeId", "data-v-de3f39f7"]]);
 
 const BulletListExtended = BulletList.extend({
   addOptions() {
@@ -132254,44 +132747,6 @@ const _sfc_main$3o = /* @__PURE__ */ defineComponent({
   }
 });
 
-const getDefaultNewGroupName$1 = (t) => t("canvasUI.collectionSelector.defaultNewGroupName");
-const getDefaultGroupName$1 = (t) => t("canvasUI.collectionSelector.defaultGroupName");
-const getDefaultCollectionName = (t) => t("canvasUI.collectionSelector.defaultCollectionName");
-const generateNewEmptyGroup$2 = (t) => ({
-  id: v4(),
-  name: getDefaultNewGroupName$1(t),
-  slides: []
-});
-const generateNewCollection$2 = (t) => ({
-  name: t("canvasUI.collectionSelector.defaultNewCollectionName"),
-  groups: [generateNewEmptyGroup$2(t)]
-});
-const generateNewCollectionSlide = (payload) => ({
-  ...payload,
-  id: v4(),
-  type: "slide"
-});
-const generateNewCollectionFile = (file) => ({
-  id: v4(),
-  type: "file",
-  file
-});
-const getUniqueFilesCount = (data) => {
-  const fileIds = data.groups.flatMap(
-    (group) => group.slides.map((slide) => {
-      if (slide.file?.id) {
-        return slide.file.id;
-      } else if (slide.file_id) {
-        return slide.file_id;
-      }
-      return null;
-    }).filter(Boolean)
-  );
-  return new Set(fileIds).size;
-};
-const getGroupsCount = (data) => data.groups.length;
-const getSlidesCount = (data) => data.groups.reduce((acc, group) => acc + group.slides.length, 0);
-
 const useCollectionSelector = (selectCollectionPlayerContent) => {
   const { updateNodeDataById, setComponentSettingsMode, contentRef, onCollectionPlayerContentChange } = useCanvas$1();
   const trackContentChange = (id, data) => {
@@ -132690,7 +133145,7 @@ const _sfc_main$3n = /* @__PURE__ */ defineComponent({
       } else {
         let withData = void 0;
         if (selection.type === ComponentTypes.CollectionPlayer) {
-          withData = generateNewCollection$2(t);
+          withData = generateNewCollection$1(t);
         }
         addComponentAtParentId(
           selection.type,
@@ -139520,353 +139975,6 @@ const _sfc_main$2S = /* @__PURE__ */ defineComponent({
 
 const CollectionPlayerApp = /* @__PURE__ */ _export_sfc(_sfc_main$2S, [["__scopeId", "data-v-1c2ca5d7"]]);
 
-const generateNewCollection$1 = (t) => ({
-  name: t("canvasUI.collectionSelector.defaultNewCollectionName"),
-  groups: [],
-  hide_footer: false
-});
-const generateNewCollectionStructure = () => ({ name: "", groups: [] });
-const getUniqueSlides = (uniqueSlides, newSlides) => [
-  ...uniqueSlides,
-  ...newSlides.filter(
-    (newSlide) => !uniqueSlides.some(
-      (uniqueSlide) => newSlide.type === "slide" && uniqueSlide.type === "slide" && uniqueSlide.file.id === newSlide.file.id && uniqueSlide.slide.index === newSlide.slide.index
-    )
-  )
-];
-
-function parsePptxFileToCollectionPlayer(t, _file) {
-  const metadataSections = _file?.metadata?.pptx_data?.sections ?? [];
-  const sections = metadataSections.length || _file.content_thumbnails.length === 0 ? metadataSections : [{ start: 0, end: _file.content_thumbnails.length - 1, name: null }];
-  const sectionGroups = sections.map((section) => ({
-    name: section.name ?? (_file.name || getDefaultGroupName$1(t)),
-    slides: _file.content_thumbnails.slice(section.start, section.end + 1).map((url, index) => ({ url, index: section.start + index }))
-  }));
-  const file = {
-    id: _file.id,
-    pspdfkit_auth_payload: _file.pspdfkit_auth_payload,
-    pspdfkit_document_id: _file.pspdfkit_document_id,
-    pspdfkit_server_url: _file.pspdfkit_server_url,
-    content_type: _file.content_type,
-    content_url: _file.content_url,
-    permissions: _file.permissions,
-    thumbnail_url: _file.thumbnail_url ?? null,
-    name: _file.name,
-    type: _file.type,
-    metadata: _file.metadata
-  };
-  return {
-    name: file.name ?? getDefaultGroupName$1(t),
-    groups: sectionGroups.map((section) => ({
-      ...generateNewEmptyGroup$2(t),
-      name: section.name,
-      slides: section.slides.map(
-        (slide) => generateNewCollectionSlide({
-          file,
-          slide
-        })
-      )
-    }))
-  };
-}
-function parsePdfFileToCollectionPlayer(t, file) {
-  const slides = file.content_thumbnails.map(
-    (url, index) => generateNewCollectionSlide({
-      file: {
-        id: file.id,
-        pspdfkit_auth_payload: file.pspdfkit_auth_payload,
-        pspdfkit_document_id: file.pspdfkit_document_id,
-        pspdfkit_server_url: file.pspdfkit_server_url,
-        content_type: file.content_type,
-        content_url: file.content_url,
-        permissions: file.permissions,
-        thumbnail_url: file.thumbnail_url ?? null,
-        name: file.name,
-        type: file.type,
-        metadata: file.metadata
-      },
-      slide: {
-        index,
-        url
-      }
-    })
-  );
-  return {
-    name: file.name ?? getDefaultCollectionName(t),
-    groups: [
-      {
-        ...generateNewEmptyGroup$2(t),
-        name: file.name ?? getDefaultGroupName$1(t),
-        slides
-      }
-    ]
-  };
-}
-function parseFileToCollectionPlayer(t, file) {
-  if (file.content_type === "pdf") {
-    if (file.original_extension === "pptx" || file.metadata?.pptx_data?.sections?.length) {
-      return parsePptxFileToCollectionPlayer(t, file);
-    }
-    return parsePdfFileToCollectionPlayer(t, file);
-  }
-  return {
-    name: file.name ?? getDefaultCollectionName(t),
-    groups: [
-      {
-        ...generateNewEmptyGroup$2(t),
-        name: file.name ?? getDefaultGroupName$1(t),
-        slides: [
-          generateNewCollectionFile({
-            id: file.id,
-            pspdfkit_auth_payload: file.pspdfkit_auth_payload,
-            pspdfkit_document_id: file.pspdfkit_document_id,
-            pspdfkit_server_url: file.pspdfkit_server_url,
-            content_type: file.content_type,
-            content_url: file.content_url,
-            permissions: file.permissions,
-            thumbnail_url: file.thumbnail_url ?? null,
-            name: file.name,
-            type: file.type,
-            metadata: file.metadata
-          })
-        ]
-      }
-    ]
-  };
-}
-function parseContentSelectorToCollectionPlayerSlides({
-  selectedItems,
-  filesById
-}) {
-  return selectedItems.reduce((acc, item) => {
-    if (item.type === "file") {
-      if (filesById[item.id].content_type === "pdf") {
-        const pages = filesById[item.id].content_thumbnails.map(
-          (contentThumbnail, index) => generateNewCollectionSlide({
-            file: {
-              id: item.id,
-              pspdfkit_auth_payload: filesById[item.id].pspdfkit_auth_payload,
-              pspdfkit_document_id: filesById[item.id].pspdfkit_document_id,
-              pspdfkit_server_url: filesById[item.id].pspdfkit_server_url,
-              content_type: filesById[item.id].content_type,
-              content_url: filesById[item.id].content_url,
-              permissions: item.permissions,
-              thumbnail_url: item.thumbnail_url ?? null,
-              name: item.name,
-              type: filesById[item.id].type,
-              metadata: item.metadata
-            },
-            slide: {
-              index,
-              url: contentThumbnail
-            }
-          })
-        );
-        return getUniqueSlides(acc, pages);
-      }
-      return [
-        ...acc,
-        generateNewCollectionFile({
-          id: item.id,
-          pspdfkit_auth_payload: filesById[item.id].pspdfkit_auth_payload,
-          pspdfkit_document_id: filesById[item.id].pspdfkit_document_id,
-          pspdfkit_server_url: filesById[item.id].pspdfkit_server_url,
-          content_type: filesById[item.id].content_type,
-          content_url: filesById[item.id].content_url,
-          permissions: item.permissions,
-          thumbnail_url: filesById[item.id].thumbnail_url,
-          name: item.name,
-          type: filesById[item.id].type,
-          metadata: item.metadata
-        })
-      ];
-    }
-    return getUniqueSlides(acc, [
-      generateNewCollectionSlide({
-        file: {
-          id: item.file.id,
-          pspdfkit_auth_payload: filesById[item.file.id].pspdfkit_auth_payload,
-          pspdfkit_document_id: filesById[item.file.id].pspdfkit_document_id,
-          pspdfkit_server_url: filesById[item.file.id].pspdfkit_server_url,
-          content_type: filesById[item.file.id].content_type,
-          content_url: filesById[item.file.id].content_url,
-          permissions: item.permissions,
-          thumbnail_url: item.thumbnail_url ?? null,
-          name: item.file.name,
-          type: filesById[item.file.id].type,
-          metadata: filesById[item.file.id].metadata
-        },
-        slide: {
-          index: item.page_index,
-          url: item.thumbnail_url ?? null
-        }
-      })
-    ]);
-  }, []);
-}
-function parseCollectionPlayerSlidesToContentSelector(slides) {
-  if (!slides?.length) return [];
-  return slides.reduce((acc, item) => {
-    let selection = null;
-    if ("file_id" in item) {
-      const v2Item = item;
-      if (!v2Item.file_id) {
-        return acc;
-      }
-      if (typeof v2Item.index === "number") {
-        selection = {
-          fileId: v2Item.file_id,
-          type: "page",
-          pageIndex: v2Item.index
-        };
-      } else {
-        selection = {
-          fileId: v2Item.file_id,
-          type: "file"
-        };
-      }
-    } else {
-      const v1Item = item;
-      const fileId = v1Item.file?.id;
-      if (!fileId) {
-        return acc;
-      }
-      if (v1Item.type === "slide") {
-        selection = {
-          fileId,
-          type: "page",
-          pageIndex: v1Item.slide.index
-        };
-      } else {
-        selection = {
-          fileId,
-          type: "file"
-        };
-      }
-    }
-    return [...acc, selection];
-  }, []);
-}
-function transformFilesToCollectionPlayer(t, filesData, name = "Collection") {
-  if (!Array.isArray(filesData)) {
-    throw new Error("Expected an array of files");
-  }
-  const groups = filesData.reduce((acc, fileData, index) => {
-    try {
-      const fileId = fileData.id;
-      const fileName = fileData.name || `File ${index + 1}`;
-      const selectedPages = fileData.selectedPages;
-      if (!fileId) {
-        return acc;
-      }
-      let slidesToCreate = [];
-      if (selectedPages && Array.isArray(selectedPages) && selectedPages.length > 0) {
-        slidesToCreate = selectedPages.map((pageIndex) => ({
-          id: `${fileId}-slide-${pageIndex}`,
-          file_id: fileId,
-          index: pageIndex
-        }));
-      } else {
-        slidesToCreate = [
-          {
-            id: `${fileId}-file`,
-            file_id: fileId,
-            index: void 0
-            // undefined means entire file, not a specific page
-          }
-        ];
-      }
-      acc.push({
-        id: `group-${fileId}`,
-        name: fileName,
-        slides: slidesToCreate
-      });
-      return acc;
-    } catch (error) {
-      return acc;
-    }
-  }, []);
-  return {
-    name,
-    groups
-  };
-}
-function transformFilesToContentGrid(filesData) {
-  if (!Array.isArray(filesData)) {
-    throw new Error("Expected an array of files");
-  }
-  const items = filesData.reduce((acc, fileData) => {
-    try {
-      const fileId = fileData.id;
-      const selectedPages = fileData.selectedPages;
-      if (!fileId) {
-        return acc;
-      }
-      let itemsToCreate = [];
-      if (selectedPages && Array.isArray(selectedPages) && selectedPages.length > 0) {
-        itemsToCreate = selectedPages.map((pageIndex) => ({
-          file: {
-            id: fileId,
-            // ContentGrid will resolve these properties via data accessor or file resolution
-            name: fileData.name || `File ${fileId}`,
-            permissions: void 0,
-            // Will be resolved
-            tags: void 0,
-            // Will be resolved
-            content_url: void 0,
-            // Will be resolved
-            content_type: void 0,
-            // Will be resolved
-            content_extension: void 0,
-            // Will be resolved
-            expires_at: void 0
-            // Will be resolved
-          },
-          slide: {
-            index: pageIndex,
-            url: void 0
-            // Will be resolved from content_thumbnails
-          },
-          type: "slide"
-        }));
-      } else {
-        itemsToCreate = [
-          {
-            file: {
-              id: fileId,
-              // ContentGrid will resolve these properties via data accessor or file resolution
-              name: fileData.name || `File ${fileId}`,
-              thumbnail_url: null,
-              // Will be resolved
-              content_thumbnails: null,
-              // Will be resolved
-              content_url: null,
-              // Will be resolved - required for ContentGridFileProps but can be null
-              content_type: null,
-              // Will be resolved - required for ContentGridFileProps
-              content_extension: null,
-              // Will be resolved - required for ContentGridFileProps
-              content_length: void 0,
-              // Will be resolved
-              permissions: void 0,
-              // Will be resolved
-              expires_at: void 0,
-              // Will be resolved
-              tags: void 0
-              // Will be resolved
-            },
-            type: "file"
-          }
-        ];
-      }
-      return [...acc, ...itemsToCreate];
-    } catch (error) {
-      return acc;
-    }
-  }, []);
-  return { items };
-}
-
 function useLegacyCollectionFileLoader() {
   const fetchFileById = inject("fetchFileById");
   const canvasFileCache = inject("canvasFileCache", ref(/* @__PURE__ */ new Map()));
@@ -162568,7 +162676,7 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
         // Add height only if already present or if the form value is set (backwards compatibility)
         ...activeSettingsNode.value?.type === ComponentTypes.CollectionPlayer && ("height" in activeSettingsNode.value || formValues.height) ? { height: formValues.height } : {},
         ...isAdminSectionTemplateWithFlag.value ? { allow_admins_to_overwrite: formValues.allowAdminsToOverwrite } : {},
-        ...activeSettingsNode.value?.type === "ContentGrid" ? { is_sharebox_target: formValues.isShareboxTarget } : {},
+        ...activeSettingsNode.value?.type && ["ContentGrid", "CollectionPlayer"].includes(activeSettingsNode.value.type) ? { is_sharebox_target: formValues.isShareboxTarget } : {},
         ...newData
       });
     };
@@ -162858,6 +162966,15 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
                           ]),
                           _: 1
                         }, 8, ["checked"]),
+                        createVNode(unref(NCheckbox), {
+                          checked: formValues.isShareboxTarget,
+                          "onUpdate:checked": _cache[18] || (_cache[18] = ($event) => formValues.isShareboxTarget = $event)
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(unref(t)("canvasUI.canvasBuilder.canvasSettings.form.messages.isShareboxTarget")), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["checked"]),
                         unref(launchDarkly).enable_collection_player_data_accessor && (unref(isTemplate) || selectedCollectionPlayerDataPath.value) ? (openBlock(), createElementBlock("div", _hoisted_5$w, [
                           createElementVNode("div", _hoisted_6$s, [
                             createElementVNode("label", null, toDisplayString(unref(t)("canvasUI.canvasBuilder.canvasSettings.form.label.collectionPlayerDataAccessor")), 1),
@@ -162931,7 +163048,7 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
             block: "",
             class: "mt-auto",
             type: "primary",
-            onClick: _cache[18] || (_cache[18] = ($event) => updateShow(false))
+            onClick: _cache[19] || (_cache[19] = ($event) => updateShow(false))
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(unref(t)("canvasUI.common.done")), 1)
@@ -162945,7 +163062,7 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
   }
 });
 
-const ComponentDrawerSettings = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["__scopeId", "data-v-c7a7411e"]]);
+const ComponentDrawerSettings = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["__scopeId", "data-v-dce6a881"]]);
 
 function useConnectUpload() {
   async function uploadToConnect(formData) {
@@ -169597,7 +169714,7 @@ const clearCache = () => {
 const _export$3 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
   clearCache,
-  generateNewCollection: generateNewCollection$1,
+  generateNewCollection: generateNewCollection$2,
   generateNewCollectionStructure,
   getUniqueSlides,
   provideAppStore: provideAppStore$3,
@@ -170581,7 +170698,7 @@ function provideAppStore$2({
   translations,
   contentRef
 }) {
-  const rawCollection = ref({ ...generateNewCollection$2(t), ...cloneDeep(initialCollection) ?? {} });
+  const rawCollection = ref({ ...generateNewCollection$1(t), ...cloneDeep(initialCollection) ?? {} });
   const fileLoader = useLegacyCollectionFileLoader();
   const childModalZIndex = zIndex !== void 0 ? zIndex + 1 : void 0;
   const isSettingsButtonVisible = computed(() => !!openSettingsFn || !!closeOnSettings);
@@ -181654,7 +181771,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 
 const _export$2 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
-  generateNewCollection: generateNewCollection$2,
+  generateNewCollection: generateNewCollection$1,
   generateNewCollectionFile,
   generateNewCollectionSlide,
   generateNewEmptyGroup: generateNewEmptyGroup$2,
@@ -183571,14 +183688,8 @@ function getEventColor(sfEvent) {
   } else {
     isSubmitted = false;
   }
-  const now = /* @__PURE__ */ new Date();
   if (isSubmitted) return SfEventColors.SUBMITTED;
-  else if (sfEvent.IsAllDayEvent) {
-    const endDate = new Date(sfEvent.EndDateTime);
-    const todayStart = startOfDay(now);
-    const endDayStart = startOfDay(endDate);
-    return isAfter$1(todayStart, endDayStart) ? SfEventColors.PAST : SfEventColors.PLANNED;
-  } else if (isAfter$1(now, new Date(sfEvent.EndDateTime))) return SfEventColors.PAST;
+  else if (isAfter$1(/* @__PURE__ */ new Date(), new Date(sfEvent.EndDateTime))) return SfEventColors.PAST;
   else return SfEventColors.PLANNED;
 }
 const minFutureDate = (date = /* @__PURE__ */ new Date()) => add(date, { minutes: MIN_DIFFERENCE_IN_MINUTES });
@@ -184106,5 +184217,5 @@ const localeNames = {
 };
 const localeDropdownOptions = supportedLocales.map((locale) => ({ key: locale, name: localeNames[locale] }));
 
-export { ADMIN_API_METHOD_TYPES, ADMIN_API_TYPES, ADMIN_MESSAGE, ADMIN_MESSAGE_TYPES, APPS_DB, AccessTypeEnum, App$3 as AgendaSelectorApp, AppTypeEnum, _sfc_main as AssetsManagerApp, App$1 as Browser, BulkUpdateMetadataOperationEnum, BulkUpdateTagsOperationEnum, CALL_STORAGE_KEY, CANVASES, CANVAS_HOOKS, CANVAS_TYPOGRAPHY_CSS_PROPERTIES, CANVAS_TYPOGRAPHY_PRESETS, CAlgoliaSearch, CAssignedCanvasesManagement, _sfc_main$4p as CAssignedCanvasesManagementToolbar, _sfc_main$6s as CAvatar, _sfc_main$4O as CBlockManagement, CButton, _sfc_main$5f as CCanvasDeleteDialogContent, _sfc_main$5g as CCanvasMetadataFilters, CCanvasSelector, _sfc_main$6V as CCard, CCarousel, _sfc_main$3G as CCatalogIqSwitcher, _sfc_main$6U as CCheckbox, _sfc_main$3A as CChip, CCollapse, _sfc_main$6R as CCollapseItem, _sfc_main$6r as CCollapseTransition, NColorPicker as CColorPicker, CComponentListItem, CConfigEditor, NConfigProvider as CConfigProvider, _sfc_main$6h as CConfirmationAction, CConfirmationContent, CConfirmationHeader, CConfirmationModal, CContactSelector, CContactSelectorSelected, _sfc_main$68 as CContentError, _sfc_main$65 as CCreateCanvasModal, _sfc_main$64 as CCreateTemplateSectionBlockModal, _sfc_main$5V as CCreateThemeModal, CDP_EVENT_TYPE, CDataTable, NDatePicker as CDatePicker, CDateRangeFilter, CDetailPageSectionButtons, NDialogProvider as CDialogProvider, _sfc_main$6P as CDivider, _sfc_main$6O as CDrawer, _sfc_main$6N as CDrawerContent, _sfc_main$6M as CDropdown, _sfc_main$6p as CEmpty, _sfc_main$4m as CEntitySelector, _sfc_main$6L as CErrorFullScreen, _sfc_main$6n as CFeedback, _sfc_main$3o as CFileAccessManagement, _sfc_main$6C as CFileAttributes, _sfc_main$3p as CFilePanel, _sfc_main$6I as CFileThumbnail, CFileViewer, CFilesAccessInfo, _sfc_main$3$ as CFilesAccessManage, _sfc_main$3I as CFilesFolderDeleteDialogContent, NForm as CForm, NFormItem as CFormItem, NFormItemCol as CFormItemCol, NFormItemGridItem as CFormItemGi, NFormItemGridItem as CFormItemGridItem, FormItemRow as CFormItemRow, _sfc_main$4h as CFullScreenLoader, NGridItem as CGi, CGlobalLoader, _sfc_main$5O as CGlobalSearch, GlobalStyle as CGlobalStyle, NGrid as CGrid, NGridItem as CGridItem, CGroupsAccessInfo, NH1 as CH1, NH2 as CH2, NH3 as CH3, NH4 as CH4, NH5 as CH5, NH6 as CH6, _sfc_main$6m as CHelpText, CIcon, _sfc_main$6K as CImage, _sfc_main$4W as CInfoBadge, _sfc_main$6B as CInput, NInputNumber as CInputNumber, _sfc_main$3y as CKnockNotificationsAppWrapper, CLIENT_TYPE, NLayout as CLayout, NLayoutContent as CLayoutContent, LayoutFooter as CLayoutFooter, LayoutHeader as CLayoutHeader, LayoutSider as CLayoutSider, _sfc_main$4X as CList, NMessageProvider as CMessageProvider, _sfc_main$5L as CMetaDataBadge, _sfc_main$6A as CModal, CMonacoEditor, CMovableWidget, CMultiSelect, NNotificationProvider as CNotificationProvider, NPagination as CPagination, _sfc_main$6l as CPillSelect, _sfc_main$6z as CPopover, _sfc_main$6J as CProcessingOverlay, NProgress as CProgress, _sfc_main$5s as CRichTextEditor, _sfc_main$4q as CSavedCanvasesManagement, CSearch, _sfc_main$6x as CSearchOnClick, CSearchOnClickWithSuggestions, CSecondaryNav, _sfc_main$4R as CSectionManagement, CSelect, CSelectFilter, _sfc_main$3x as CSettingsEditor, CShortcut, CSingleSelect, NSkeleton as CSkeleton, _sfc_main$3C as CSlideViewer, NSpace as CSpace, _sfc_main$6q as CSpin, _sfc_main$6o as CSwitch, CTable, _sfc_main$5c as CTableInput, CTableMore, CTableSelect, CTableTag, _sfc_main$6F as CTag, CTags, CTemplateAccessInfo, _sfc_main$3_ as CTemplateAccessManage, _sfc_main$4G as CTemplateManagement, text as CText, _sfc_main$6v as CThemeEditor, _sfc_main$4B as CThemeManagement, _sfc_main$5l as CToastProvider, CToolbar, _sfc_main$6t as CTooltip, CUpsertFolderModal, _sfc_main$5p as CUserAvatar, CUserMenu, CUsersAccessInfo, CUsersGroupsAccessManage, _sfc_main$5m as CVirtualTable, _sfc_main$48 as CWarningAlert, CallState, CanvasActions, _sfc_main$15 as CanvasBuilderApp, CanvasBuilderMode, CanvasExcludedComponentTypesEnum, CanvasHistoryAction, App as CanvasSelector, CanvasStatus, CanvasThemeStatus, CanvasesViewsTypes, CollaborationRoleEnum, CollectionPlayerApp, App$4 as CollectionSelectorApp, ComponentIcon, ComponentTypes, ContactSelectorQuickFilterType, ContentGridLayoutTypes, ContentSelector, CoreFolderEntityType, DATE_TIME_FORMAT, DEFAULT_ADMIN_TABLE_HEIGHT, DEFAULT_ADMIN_TABLE_WITH_PAGINATION_HEIGHT, DEFAULT_GLOBAL_COMPONENT_SPACING, DEFAULT_GLOBAL_COMPONENT_SPACING_INTERVAL, DEFAULT_ITEMS_PER_PAGE, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PEER_CONNECTIVITY_VERSION, DEFAULT_PITCHER_SETTINGS, DSR_API_METHOD_TYPES, DSR_API_TYPES, DSR_MESSAGE, DSR_MESSAGE_TYPES, DSR_TYPE, DefaultExpiresAtEnum, DownloadTypeEnum, EMBED_TYPE, EventAction, EventExternalObjectContentTypeEnum, EventStatusEnum, FileContentTypeEnum, FileStatusEnum, FileTypeEnum, GlobalSearchResultType, GridLayoutTypes, HIDE_IF_EMPTY_COMPONENT_ID_TAG_PREFIX, HIDE_IF_EMPTY_COMPONENT_TRACKING_ID_TAG_PREFIX, HIDE_TAGS_WITH_PREFIX, HtmlLayoutTypes, IFRAME_ACTION_TYPES, IFRAME_DATA_MESSAGE, INITIAL_CALL_STATE, IS_DEV_ORG, IS_LOCALHOST, InstanceMembershipRoleEnum, InstanceMembershipUserStatusEnum, InvitationStatusEnum, LanguageEnum, LinkAlignmentTypes, LinkAnchorTypes, LinkPreviewTypes, MAX_LUMINANCE_FOR_LIGHT_TEXT, MAX_UPLOAD_SIZE, MIN_DIFFERENCE_IN_MINUTES, MetadataTemplateFieldTypeEnum, MultimediaHorizontalAlignmentOptions, NON_MEMBER_ROLES, NotesApp, OperatorEnum, PAPER_SIZE_PRESETS, PEER_CONNECTIVITY_EVENT, PEER_CONNECTIVITY_HANDLER_MATCH_ALL, PITCHER_EVENT, PITCHER_SETTINGS_KEY, PLATFORM_TYPE, PRINT_SCALE_FACTOR, PeerConnectivityActions, PitcherBroadcastedEventName, PitcherEventName, PitcherExternalEventName, PitcherMessageType, PitcherResponseStatus, PostAction, App$2 as PptConversionSelectorApp, REQUEST_DEFAULT_CANCEL_TIMEOUT, SEARCH_DEBOUNCE_TIME, SUPPORTED_FONT_EXTENSIONS, SUPPORTED_FONT_TYPES, SUPPORTED_IMAGE_EXTENSIONS, SUPPORTED_IMAGE_TYPES, SUPPORTED_UPLOAD_FILE_EXTENSIONS, SUPPORTED_VIDEO_EXTENSIONS, SUPPORTED_VIDEO_TYPES, SfEventColors, SfEventColorsLight, StorageRegionEnum, TRACKING_EVENTS_STORAGE_KEY, UI_API_METHOD_TYPES, UI_MESSAGE, UI_MESSAGE_TYPES, UI_NATIVE_MESSAGE_TYPES, UserRoleEnum, ViewCompactItemType, addCanvasComponent, _export as agendaSelector, appRequiresCrm, applyCanvasThemeAssetsToNode, applyFont, applyToTreeBy, autofocus as autofocusDirective, camelCaseKeys, canvasUiUnoPreset, clearLocalStorageIfNeeded, ClickOutsideDirective as clickOutsideDirective, collectAllNodesByCondition, _export$3 as collectionPlayer, _export$2 as collectionSelector, componentIconType, computeLocalStorageBytes, convertSecondsToMinutes, convertSoqlToSmartQuery, convertToPixels, convertToSosl, createNodeId, createPitcherSettings, dayjs, deepDiff, deepToRaw, derivePatchRequestFields, determineUserRole, discardSectionComponentOverride, displayBytesWithMUnit, displayIntegerWithMunit, doesLocalOverrideExist, doesNotHaveAnyModuleOrHookSpecified, downloadFile, draggable as draggableDirective, elementMounted as elementMountedDirective, escapeSoqlString, evaluateAccessor, evaluateIsExecutedCondition, evaluateIsExecutedForPascalCaseEvent, executeWithDoublingTime, exitFullscreen, extractFieldNamesFromCondition, fallbackLocale, fetchAll, fetchAllWithOffset, fetchFirstChunkAndRemainingAsync, filterSidebarApps, filterTreeBy, findAllEmbeddableTypesInCanvasContent, findAllEmbeddableTypesInSectionsContent, findEmbeddableInCanvasContent, findEmbeddableInSectionsContent, findNodeInTreeByCondition, findNodeInTreeById, findNodeInTreeByType, findParentByNodeId, formatDate, formatDateDetailed, formatDateTime, formatDateTimeAgo, formatDayMonthBasedOnBrowserLang, formatDimensionForGotenberg, generateAIThumbnailUrl, getAllPages, getAppConfigFromAppSource, getAvailableApis, getComponentDescription, getComponentKeywords, getComponentTitle, getContrastTextColor, getDefinedProps, getEventColor, getExcessItemsIndexes, getFontAwesomeIconNameAndType, getImageSize, getLocalOverrideUrl, getLuminance, getNextPageParam, getNodeDisplayNameByComponentType, getNumberWithRegex, getPageQuantity, getPageRange, getPreviewUrl, getRoleIcon, getSectionGlobalComponentSpacing, handleThemeAssetComparison, hasAppTypeDefined, highLevelApi, indirectEval, insertItemSorted, isAfter, isBefore, isBeforeMinDate, isCanvasDrawerApp, isCanvasSectionExecution, isEmbeddableWithZeroHeight, isFileViewerReplacement, isFirefox, isFullscreen, isHeadlessOrNotAvailableApp, isImageAccessible, isIosDevice, isMac, isMobile, isModifierClick, isNonMemberRole, isOriginValid, isPastMaxDate, isPitcherOrIosDevice, isPitcherWkWebView, isPostcallApp, isQueryParamTruthy, isSafari, isSafariOnIosDevice, isSameOrAfter, isSameOrBefore, isTextComponentEmpty, isTheUiItself, isTouchScreen, isValidHex, isWindows, lightThemeOverrides, loadCustomHelpersFromApps, loadRemoteScriptWithCtx, loadScript, loadScriptStyle, loadStyle, localeDropdownOptions, localeNames, locales, minFutureDate, minPastDate, moveNodeTo, msToSeconds, navigateTo, normalizeFilterParams, normalizeNetworkFilterParams, openUsdz, parseCollectionPlayerSlidesToContentSelector, parseContentSelectorToCollectionPlayerSlides, parseFileToCollectionPlayer, parsePdfFileToCollectionPlayer, parsePptxFileToCollectionPlayer, pascalCaseKeys, _export$1 as pptConversionSelector, processCanvasForSectionThemeOverride, regenerateTreeIds, registerCustomHelper, registerCustomHelpers, registerPeerConnectivityHandler, renderTemplate, replaceThemePresetsWithInlineStyles, replaceTranslationMessagesWithOverrides, requestFullscreen, requestStream, scrollCanvasToTop, scrollToComponentById, secondsToHumanReadable, sendPeerConnectivityEvent, setDateTime, shouldDisplayPlaceholderComponent, shouldOpenInCollectionPlayerViewer, shouldShowEmbeddable, shouldShowInSidebar, skipElementsInTree, snakeCaseKeys, someNodeInTree, sortCollectionByString, splitUserName, stringToHslColor, supportedLocales, tapDirective, titleCase, toggleFullscreen, tooltipDirective, transformFilesToCollectionPlayer, transformFilesToContentGrid, updateFirstContentGridWithShareboxItems, urlSafeFetchInChunks, useAdmin, useAdminAndDsrState, useApi, useAppsDb, useBindValidation, useBroadcastRouteChange, useCanvasById, useCanvasLocks, useCanvasOverlay, useCanvasVisibility, useCanvasesAsInfinity, useCollectionPlayerOverlay, useCommentTracking, useConfirmation, useCreateEvent, useDeleteEvent, useDsr, useFetchCanvases, useFetchEvents, useFetchUsers, useFileDisplayHelpers, useFolderNameDescription, useGlobalSearch, useInfiniteScroll, useLocation, useMetadataSearch, useMetadataTemplates, useNotesApp, useNotification, useOpenFileStack, usePitcherApi, usePolling, usePresentationHistory, useRecentFiles, useShareCanvas, useSharedCommentsStorage, useSmartStore, useSuggestedTags, useTheme, useThemeVars, useToast, useUi, useUpdateEvent, useWindowEvents, vueQueryPluginOptions, wait, waitForIframeInitialize, waitForValue };
+export { ADMIN_API_METHOD_TYPES, ADMIN_API_TYPES, ADMIN_MESSAGE, ADMIN_MESSAGE_TYPES, APPS_DB, AccessTypeEnum, App$3 as AgendaSelectorApp, AppTypeEnum, _sfc_main as AssetsManagerApp, App$1 as Browser, BulkUpdateMetadataOperationEnum, BulkUpdateTagsOperationEnum, CALL_STORAGE_KEY, CANVASES, CANVAS_HOOKS, CANVAS_TYPOGRAPHY_CSS_PROPERTIES, CANVAS_TYPOGRAPHY_PRESETS, CAlgoliaSearch, CAssignedCanvasesManagement, _sfc_main$4p as CAssignedCanvasesManagementToolbar, _sfc_main$6s as CAvatar, _sfc_main$4O as CBlockManagement, CButton, _sfc_main$5f as CCanvasDeleteDialogContent, _sfc_main$5g as CCanvasMetadataFilters, CCanvasSelector, _sfc_main$6V as CCard, CCarousel, _sfc_main$3G as CCatalogIqSwitcher, _sfc_main$6U as CCheckbox, _sfc_main$3A as CChip, CCollapse, _sfc_main$6R as CCollapseItem, _sfc_main$6r as CCollapseTransition, NColorPicker as CColorPicker, CComponentListItem, CConfigEditor, NConfigProvider as CConfigProvider, _sfc_main$6h as CConfirmationAction, CConfirmationContent, CConfirmationHeader, CConfirmationModal, CContactSelector, CContactSelectorSelected, _sfc_main$68 as CContentError, _sfc_main$65 as CCreateCanvasModal, _sfc_main$64 as CCreateTemplateSectionBlockModal, _sfc_main$5V as CCreateThemeModal, CDP_EVENT_TYPE, CDataTable, NDatePicker as CDatePicker, CDateRangeFilter, CDetailPageSectionButtons, NDialogProvider as CDialogProvider, _sfc_main$6P as CDivider, _sfc_main$6O as CDrawer, _sfc_main$6N as CDrawerContent, _sfc_main$6M as CDropdown, _sfc_main$6p as CEmpty, _sfc_main$4m as CEntitySelector, _sfc_main$6L as CErrorFullScreen, _sfc_main$6n as CFeedback, _sfc_main$3o as CFileAccessManagement, _sfc_main$6C as CFileAttributes, _sfc_main$3p as CFilePanel, _sfc_main$6I as CFileThumbnail, CFileViewer, CFilesAccessInfo, _sfc_main$3$ as CFilesAccessManage, _sfc_main$3I as CFilesFolderDeleteDialogContent, NForm as CForm, NFormItem as CFormItem, NFormItemCol as CFormItemCol, NFormItemGridItem as CFormItemGi, NFormItemGridItem as CFormItemGridItem, FormItemRow as CFormItemRow, _sfc_main$4h as CFullScreenLoader, NGridItem as CGi, CGlobalLoader, _sfc_main$5O as CGlobalSearch, GlobalStyle as CGlobalStyle, NGrid as CGrid, NGridItem as CGridItem, CGroupsAccessInfo, NH1 as CH1, NH2 as CH2, NH3 as CH3, NH4 as CH4, NH5 as CH5, NH6 as CH6, _sfc_main$6m as CHelpText, CIcon, _sfc_main$6K as CImage, _sfc_main$4W as CInfoBadge, _sfc_main$6B as CInput, NInputNumber as CInputNumber, _sfc_main$3y as CKnockNotificationsAppWrapper, CLIENT_TYPE, NLayout as CLayout, NLayoutContent as CLayoutContent, LayoutFooter as CLayoutFooter, LayoutHeader as CLayoutHeader, LayoutSider as CLayoutSider, _sfc_main$4X as CList, NMessageProvider as CMessageProvider, _sfc_main$5L as CMetaDataBadge, _sfc_main$6A as CModal, CMonacoEditor, CMovableWidget, CMultiSelect, NNotificationProvider as CNotificationProvider, NPagination as CPagination, _sfc_main$6l as CPillSelect, _sfc_main$6z as CPopover, _sfc_main$6J as CProcessingOverlay, NProgress as CProgress, _sfc_main$5s as CRichTextEditor, _sfc_main$4q as CSavedCanvasesManagement, CSearch, _sfc_main$6x as CSearchOnClick, CSearchOnClickWithSuggestions, CSecondaryNav, _sfc_main$4R as CSectionManagement, CSelect, CSelectFilter, _sfc_main$3x as CSettingsEditor, CShortcut, CSingleSelect, NSkeleton as CSkeleton, _sfc_main$3C as CSlideViewer, NSpace as CSpace, _sfc_main$6q as CSpin, _sfc_main$6o as CSwitch, CTable, _sfc_main$5c as CTableInput, CTableMore, CTableSelect, CTableTag, _sfc_main$6F as CTag, CTags, CTemplateAccessInfo, _sfc_main$3_ as CTemplateAccessManage, _sfc_main$4G as CTemplateManagement, text as CText, _sfc_main$6v as CThemeEditor, _sfc_main$4B as CThemeManagement, _sfc_main$5l as CToastProvider, CToolbar, _sfc_main$6t as CTooltip, CUpsertFolderModal, _sfc_main$5p as CUserAvatar, CUserMenu, CUsersAccessInfo, CUsersGroupsAccessManage, _sfc_main$5m as CVirtualTable, _sfc_main$48 as CWarningAlert, CallState, CanvasActions, _sfc_main$15 as CanvasBuilderApp, CanvasBuilderMode, CanvasExcludedComponentTypesEnum, CanvasHistoryAction, App as CanvasSelector, CanvasStatus, CanvasThemeStatus, CanvasesViewsTypes, CollaborationRoleEnum, CollectionPlayerApp, App$4 as CollectionSelectorApp, ComponentIcon, ComponentTypes, ContactSelectorQuickFilterType, ContentGridLayoutTypes, ContentSelector, CoreFolderEntityType, DATE_TIME_FORMAT, DEFAULT_ADMIN_TABLE_HEIGHT, DEFAULT_ADMIN_TABLE_WITH_PAGINATION_HEIGHT, DEFAULT_GLOBAL_COMPONENT_SPACING, DEFAULT_GLOBAL_COMPONENT_SPACING_INTERVAL, DEFAULT_ITEMS_PER_PAGE, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PEER_CONNECTIVITY_VERSION, DEFAULT_PITCHER_SETTINGS, DSR_API_METHOD_TYPES, DSR_API_TYPES, DSR_MESSAGE, DSR_MESSAGE_TYPES, DSR_TYPE, DefaultExpiresAtEnum, DownloadTypeEnum, EMBED_TYPE, EventAction, EventExternalObjectContentTypeEnum, EventStatusEnum, FileContentTypeEnum, FileStatusEnum, FileTypeEnum, GlobalSearchResultType, GridLayoutTypes, HIDE_IF_EMPTY_COMPONENT_ID_TAG_PREFIX, HIDE_IF_EMPTY_COMPONENT_TRACKING_ID_TAG_PREFIX, HIDE_TAGS_WITH_PREFIX, HtmlLayoutTypes, IFRAME_ACTION_TYPES, IFRAME_DATA_MESSAGE, INITIAL_CALL_STATE, IS_DEV_ORG, IS_LOCALHOST, InstanceMembershipRoleEnum, InstanceMembershipUserStatusEnum, InvitationStatusEnum, LanguageEnum, LinkAlignmentTypes, LinkAnchorTypes, LinkPreviewTypes, MAX_LUMINANCE_FOR_LIGHT_TEXT, MAX_UPLOAD_SIZE, MIN_DIFFERENCE_IN_MINUTES, MetadataTemplateFieldTypeEnum, MultimediaHorizontalAlignmentOptions, NON_MEMBER_ROLES, NotesApp, OperatorEnum, PAPER_SIZE_PRESETS, PEER_CONNECTIVITY_EVENT, PEER_CONNECTIVITY_HANDLER_MATCH_ALL, PITCHER_EVENT, PITCHER_SETTINGS_KEY, PLATFORM_TYPE, PRINT_SCALE_FACTOR, PeerConnectivityActions, PitcherBroadcastedEventName, PitcherEventName, PitcherExternalEventName, PitcherMessageType, PitcherResponseStatus, PostAction, App$2 as PptConversionSelectorApp, REQUEST_DEFAULT_CANCEL_TIMEOUT, SEARCH_DEBOUNCE_TIME, SUPPORTED_FONT_EXTENSIONS, SUPPORTED_FONT_TYPES, SUPPORTED_IMAGE_EXTENSIONS, SUPPORTED_IMAGE_TYPES, SUPPORTED_UPLOAD_FILE_EXTENSIONS, SUPPORTED_VIDEO_EXTENSIONS, SUPPORTED_VIDEO_TYPES, SfEventColors, SfEventColorsLight, StorageRegionEnum, TRACKING_EVENTS_STORAGE_KEY, UI_API_METHOD_TYPES, UI_MESSAGE, UI_MESSAGE_TYPES, UI_NATIVE_MESSAGE_TYPES, UserRoleEnum, ViewCompactItemType, addCanvasComponent, _export as agendaSelector, appRequiresCrm, applyCanvasThemeAssetsToNode, applyFont, applyToTreeBy, autofocus as autofocusDirective, camelCaseKeys, canvasUiUnoPreset, clearLocalStorageIfNeeded, ClickOutsideDirective as clickOutsideDirective, collectAllNodesByCondition, _export$3 as collectionPlayer, _export$2 as collectionSelector, componentIconType, computeLocalStorageBytes, convertSecondsToMinutes, convertSoqlToSmartQuery, convertToPixels, convertToSosl, createNodeId, createPitcherSettings, dayjs, deepDiff, deepToRaw, derivePatchRequestFields, determineUserRole, discardSectionComponentOverride, displayBytesWithMUnit, displayIntegerWithMunit, doesLocalOverrideExist, doesNotHaveAnyModuleOrHookSpecified, downloadFile, draggable as draggableDirective, elementMounted as elementMountedDirective, escapeSoqlString, evaluateAccessor, evaluateIsExecutedCondition, evaluateIsExecutedForPascalCaseEvent, executeWithDoublingTime, exitFullscreen, extractFieldNamesFromCondition, fallbackLocale, fetchAll, fetchAllWithOffset, fetchFirstChunkAndRemainingAsync, filterSidebarApps, filterTreeBy, findAllEmbeddableTypesInCanvasContent, findAllEmbeddableTypesInSectionsContent, findEmbeddableInCanvasContent, findEmbeddableInSectionsContent, findNodeInTreeByCondition, findNodeInTreeById, findNodeInTreeByType, findParentByNodeId, formatDate, formatDateDetailed, formatDateTime, formatDateTimeAgo, formatDayMonthBasedOnBrowserLang, formatDimensionForGotenberg, generateAIThumbnailUrl, getAllPages, getAppConfigFromAppSource, getAvailableApis, getComponentDescription, getComponentKeywords, getComponentTitle, getContrastTextColor, getDefinedProps, getEventColor, getExcessItemsIndexes, getFontAwesomeIconNameAndType, getImageSize, getLocalOverrideUrl, getLuminance, getNextPageParam, getNodeDisplayNameByComponentType, getNumberWithRegex, getPageQuantity, getPageRange, getPreviewUrl, getRoleIcon, getSectionGlobalComponentSpacing, handleThemeAssetComparison, hasAppTypeDefined, highLevelApi, indirectEval, insertItemSorted, isAfter, isBefore, isBeforeMinDate, isCanvasDrawerApp, isCanvasSectionExecution, isEmbeddableWithZeroHeight, isFileViewerReplacement, isFirefox, isFullscreen, isHeadlessOrNotAvailableApp, isImageAccessible, isIosDevice, isMac, isMobile, isModifierClick, isNonMemberRole, isOriginValid, isPastMaxDate, isPitcherOrIosDevice, isPitcherWkWebView, isPostcallApp, isQueryParamTruthy, isSafari, isSafariOnIosDevice, isSameOrAfter, isSameOrBefore, isTextComponentEmpty, isTheUiItself, isTouchScreen, isValidHex, isWindows, lightThemeOverrides, loadCustomHelpersFromApps, loadRemoteScriptWithCtx, loadScript, loadScriptStyle, loadStyle, localeDropdownOptions, localeNames, locales, minFutureDate, minPastDate, moveNodeTo, msToSeconds, navigateTo, normalizeFilterParams, normalizeNetworkFilterParams, openUsdz, parseCollectionPlayerSlidesToContentSelector, parseContentSelectorToCollectionPlayerSlides, parseFileToCollectionPlayer, parsePdfFileToCollectionPlayer, parsePptxFileToCollectionPlayer, pascalCaseKeys, _export$1 as pptConversionSelector, processCanvasForSectionThemeOverride, regenerateTreeIds, registerCustomHelper, registerCustomHelpers, registerPeerConnectivityHandler, renderTemplate, replaceThemePresetsWithInlineStyles, replaceTranslationMessagesWithOverrides, requestFullscreen, requestStream, scrollCanvasToTop, scrollToComponentById, secondsToHumanReadable, sendPeerConnectivityEvent, setDateTime, shouldDisplayPlaceholderComponent, shouldOpenInCollectionPlayerViewer, shouldShowEmbeddable, shouldShowInSidebar, skipElementsInTree, snakeCaseKeys, someNodeInTree, sortCollectionByString, splitUserName, stringToHslColor, supportedLocales, tapDirective, titleCase, toggleFullscreen, tooltipDirective, transformFilesToCollectionPlayer, transformFilesToContentGrid, updateFirstCollectionPlayerWithShareboxItems, updateFirstContentGridWithShareboxItems, urlSafeFetchInChunks, useAdmin, useAdminAndDsrState, useApi, useAppsDb, useBindValidation, useBroadcastRouteChange, useCanvasById, useCanvasLocks, useCanvasOverlay, useCanvasVisibility, useCanvasesAsInfinity, useCollectionPlayerOverlay, useCommentTracking, useConfirmation, useCreateEvent, useDeleteEvent, useDsr, useFetchCanvases, useFetchEvents, useFetchUsers, useFileDisplayHelpers, useFolderNameDescription, useGlobalSearch, useInfiniteScroll, useLocation, useMetadataSearch, useMetadataTemplates, useNotesApp, useNotification, useOpenFileStack, usePitcherApi, usePolling, usePresentationHistory, useRecentFiles, useShareCanvas, useSharedCommentsStorage, useSmartStore, useSuggestedTags, useTheme, useThemeVars, useToast, useUi, useUpdateEvent, useWindowEvents, vueQueryPluginOptions, wait, waitForIframeInitialize, waitForValue };
 //# sourceMappingURL=canvas-ui.js.map