@pitcher/canvas-ui 2026.1.13-125745-beta → 2026.1.13-135930-beta

package/canvas-ui.css

@@ -925,25 +925,25 @@ button[data-v-da2357d4]:focus {
 }.c-users-groups-access-manage__select[data-v-fe2300a1] {
   width: 180px;
 }
-.panel-title[data-v-05db071e] {
-  color: var(--7e857d3a);
+.panel-title[data-v-aa03fa77] {
+  color: var(--6fe3245a);
   letter-spacing: 0.15px;
 }
-.base[data-v-05db071e] {
-  background-color: var(--7e7d3ede);
+.base[data-v-aa03fa77] {
+  background-color: var(--6fdae5fe);
 }
-.selection-panel-list-item[data-v-05db071e] {
-  background: var(--e1e1c7fe);
+.selection-panel-list-item[data-v-aa03fa77] {
+  background: var(--85f799be);
 }
-.selection-panel-list-handle[data-v-05db071e] {
-  color: var(--e1e1c804);
+.selection-panel-list-handle[data-v-aa03fa77] {
+  color: var(--85f799c4);
 }
-.title[data-v-05db071e] {
-  color: var(--7e857d3a);
+.title[data-v-aa03fa77] {
+  color: var(--6fe3245a);
   letter-spacing: 0.4px;
 }
-.description[data-v-05db071e] {
-  color: var(--e1e1c804);
+.description[data-v-aa03fa77] {
+  color: var(--85f799c4);
 }
 .content-selector__section-title[data-v-2e7377ec] {
   font-size: 18px;
@@ -958,7 +958,7 @@ button[data-v-da2357d4]:focus {
   background-color: var(--49a7913e);
 }
 
-[data-v-ba7b39ff] .dynamic-value-tree-select__trigger {
+[data-v-1287b675] .dynamic-value-tree-select__trigger {
   margin-right: -16px;
 }
 .ai-preview-container[data-v-2a9cccf6] {
@@ -1604,65 +1604,65 @@ to {
   object-fit: var(--1d3ef4cb);
   height: 100%;
 }
-.canvas-text[data-v-73a884c3] p {
+.canvas-text[data-v-b2424519] p {
   margin-bottom: 20px;
 }
-[data-v-73a884c3] .ProseMirror:focus {
+[data-v-b2424519] .ProseMirror:focus {
   outline: none;
 }
-.cb-text-component[data-v-73a884c3] p,
-.c-text__rich-text-editor[data-v-73a884c3] p,
-.cb-text-component[data-v-73a884c3] ol,
-.c-text__rich-text-editor[data-v-73a884c3] ol,
-.cb-text-component[data-v-73a884c3] ul,
-.c-text__rich-text-editor[data-v-73a884c3] ul {
+.cb-text-component[data-v-b2424519] p,
+.c-text__rich-text-editor[data-v-b2424519] p,
+.cb-text-component[data-v-b2424519] ol,
+.c-text__rich-text-editor[data-v-b2424519] ol,
+.cb-text-component[data-v-b2424519] ul,
+.c-text__rich-text-editor[data-v-b2424519] ul {
   margin: 0 0 1em 0;
   min-height: 1.6em;
 }
-.cb-text-component[data-v-73a884c3] ol,
-.c-text__rich-text-editor[data-v-73a884c3] ol,
-.cb-text-component[data-v-73a884c3] ul,
-.c-text__rich-text-editor[data-v-73a884c3] ul {
+.cb-text-component[data-v-b2424519] ol,
+.c-text__rich-text-editor[data-v-b2424519] ol,
+.cb-text-component[data-v-b2424519] ul,
+.c-text__rich-text-editor[data-v-b2424519] ul {
   padding: 0 0 0 1em;
 }
-.cb-text-component[data-v-73a884c3] p:last-of-type,
-.c-text__rich-text-editor[data-v-73a884c3] p:last-of-type,
-.cb-text-component[data-v-73a884c3] ol:last-of-type,
-.c-text__rich-text-editor[data-v-73a884c3] ol:last-of-type,
-.cb-text-component[data-v-73a884c3] ul:last-of-type,
-.c-text__rich-text-editor[data-v-73a884c3] ul:last-of-type {
+.cb-text-component[data-v-b2424519] p:last-of-type,
+.c-text__rich-text-editor[data-v-b2424519] p:last-of-type,
+.cb-text-component[data-v-b2424519] ol:last-of-type,
+.c-text__rich-text-editor[data-v-b2424519] ol:last-of-type,
+.cb-text-component[data-v-b2424519] ul:last-of-type,
+.c-text__rich-text-editor[data-v-b2424519] ul:last-of-type {
   margin-bottom: 0em;
 }
-.cb-text-component[data-v-73a884c3] p:last-of-type + ol,
-.c-text__rich-text-editor[data-v-73a884c3] p:last-of-type + ol,
-.cb-text-component[data-v-73a884c3] p:last-of-type + ul,
-.c-text__rich-text-editor[data-v-73a884c3] p:last-of-type + ul,
-.cb-text-component[data-v-73a884c3] ol:last-of-type + p,
-.c-text__rich-text-editor[data-v-73a884c3] ol:last-of-type + p,
-.cb-text-component[data-v-73a884c3] ol:last-of-type + ul,
-.c-text__rich-text-editor[data-v-73a884c3] ol:last-of-type + ul,
-.cb-text-component[data-v-73a884c3] ul:last-of-type + p,
-.c-text__rich-text-editor[data-v-73a884c3] ul:last-of-type + p,
-.cb-text-component[data-v-73a884c3] ul:last-of-type + ol,
-.c-text__rich-text-editor[data-v-73a884c3] ul:last-of-type + ol {
+.cb-text-component[data-v-b2424519] p:last-of-type + ol,
+.c-text__rich-text-editor[data-v-b2424519] p:last-of-type + ol,
+.cb-text-component[data-v-b2424519] p:last-of-type + ul,
+.c-text__rich-text-editor[data-v-b2424519] p:last-of-type + ul,
+.cb-text-component[data-v-b2424519] ol:last-of-type + p,
+.c-text__rich-text-editor[data-v-b2424519] ol:last-of-type + p,
+.cb-text-component[data-v-b2424519] ol:last-of-type + ul,
+.c-text__rich-text-editor[data-v-b2424519] ol:last-of-type + ul,
+.cb-text-component[data-v-b2424519] ul:last-of-type + p,
+.c-text__rich-text-editor[data-v-b2424519] ul:last-of-type + p,
+.cb-text-component[data-v-b2424519] ul:last-of-type + ol,
+.c-text__rich-text-editor[data-v-b2424519] ul:last-of-type + ol {
   margin-top: 1em;
 }
-.cb-text-component[data-v-73a884c3] ol > li ol,
-.c-text__rich-text-editor[data-v-73a884c3] ol > li ol,
-.cb-text-component[data-v-73a884c3] ol > li ul,
-.c-text__rich-text-editor[data-v-73a884c3] ol > li ul,
-.cb-text-component[data-v-73a884c3] ul > li ol,
-.c-text__rich-text-editor[data-v-73a884c3] ul > li ol,
-.cb-text-component[data-v-73a884c3] ul > li ul,
-.c-text__rich-text-editor[data-v-73a884c3] ul > li ul {
+.cb-text-component[data-v-b2424519] ol > li ol,
+.c-text__rich-text-editor[data-v-b2424519] ol > li ol,
+.cb-text-component[data-v-b2424519] ol > li ul,
+.c-text__rich-text-editor[data-v-b2424519] ol > li ul,
+.cb-text-component[data-v-b2424519] ul > li ol,
+.c-text__rich-text-editor[data-v-b2424519] ul > li ol,
+.cb-text-component[data-v-b2424519] ul > li ul,
+.c-text__rich-text-editor[data-v-b2424519] ul > li ul {
   margin-top: 0 !important;
 }
 
 /* Sortable table styles */
-.canvas-text[data-v-73a884c3] .sortable-header {
+.canvas-text[data-v-b2424519] .sortable-header {
   position: relative;
 }
-.canvas-text[data-v-73a884c3] .sortable-header::after {
+.canvas-text[data-v-b2424519] .sortable-header::after {
   content: "";
   position: absolute;
   right: 8px;
@@ -1670,22 +1670,22 @@ to {
   transform: translateY(-50%);
   opacity: 0.5;
 }
-.canvas-text[data-v-73a884c3] .sortable-header:hover::after {
+.canvas-text[data-v-b2424519] .sortable-header:hover::after {
   content: "↕";
   opacity: 0.7;
 }
-.canvas-text[data-v-73a884c3] .sortable-header.sorted-asc::after {
+.canvas-text[data-v-b2424519] .sortable-header.sorted-asc::after {
   content: "↑";
   opacity: 1;
 }
-.canvas-text[data-v-73a884c3] .sortable-header.sorted-desc::after {
+.canvas-text[data-v-b2424519] .sortable-header.sorted-desc::after {
   content: "↓";
   opacity: 1;
 }
-.canvas-text[data-v-73a884c3] .sortable-header.sorted-original::after {
+.canvas-text[data-v-b2424519] .sortable-header.sorted-original::after {
   content: "";
 }
-.canvas-text[data-v-73a884c3] .sortable-header.sorted-original:hover::after {
+.canvas-text[data-v-b2424519] .sortable-header.sorted-original:hover::after {
   content: "↕";
   opacity: 0.5;
 }.cb-linkable-settings[data-v-4f5606e1] {
@@ -2667,7 +2667,7 @@ to {
   padding: 0;
 }
 
-.data-accessor-input[data-v-1114be0f] .n-input__prefix {
+.data-accessor-input[data-v-dce6a881] .n-input__prefix {
   margin-right: 0;
 }
 .cb-dynamic-data-table-settings {
@@ -3074,36 +3074,36 @@ to {
 }
 .browser-list-item[data-v-8781de25] {
   border-bottom: 1px solid var(--10ccf2df);
-}.breadcrumb-area[data-v-fecebf5a] .n-button {
-  border: 1px solid var(--c6ccac5c) !important;
+}.breadcrumb-area[data-v-38edbab6] .n-button {
+  border: 1px solid var(--c70ce490) !important;
 }
-.content__breadcrumb__item.n-breadcrumb-item.n-breadcrumb-item[data-v-fecebf5a] .n-breadcrumb-item__link {
+.content__breadcrumb__item.n-breadcrumb-item.n-breadcrumb-item[data-v-38edbab6] .n-breadcrumb-item__link {
   font-size: 18px;
   line-height: 28px;
   letter-spacing: 0.25px;
 }
-.content__section-title[data-v-fecebf5a] {
+.content__section-title[data-v-38edbab6] {
   font-size: 18px;
   line-height: 28px;
   letter-spacing: 0.25px;
-  color: var(--3edbaaa2);
+  color: var(--471cb1fc);
 }
-.actions-toolbar[data-v-fecebf5a] {
-  background-color: var(--c6ccac58);
+.actions-toolbar[data-v-38edbab6] {
+  background-color: var(--c70ce48c);
 }
-.actions-toolbar__nav[data-v-fecebf5a] {
-  background: var(--0f45ae31);
+.actions-toolbar__nav[data-v-38edbab6] {
+  background: var(--08cf7517);
 }
-.actions-toolbar_filters-divider[data-v-fecebf5a] {
+.actions-toolbar_filters-divider[data-v-38edbab6] {
   margin-left: 0;
   margin-right: 8px;
   height: 36px;
 }
-.actions-toolbar_filters-clear[data-v-fecebf5a] {
+.actions-toolbar_filters-clear[data-v-38edbab6] {
   text-transform: none;
 }
-.actions-toolbar__controls[data-v-fecebf5a] {
-  background: var(--0f45ae31);
+.actions-toolbar__controls[data-v-38edbab6] {
+  background: var(--08cf7517);
 }.is-even[data-v-8ac6d2e9] {
   background: var(--d77d151a);
 }

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
@@ -99253,25 +99252,6 @@ const INITIAL_CALL_STATE = {
 };
 
 const realTimeExtraCrmShape = ref({});
-function buildSchemaFromData(data) {
-  if (data === null || data === void 0) {
-    return null;
-  }
-  if (Array.isArray(data)) {
-    if (data.length === 0) {
-      return [];
-    }
-    return [buildSchemaFromData(data[0])];
-  }
-  if (typeof data === "object") {
-    const schema = {};
-    for (const [key, value] of Object.entries(data)) {
-      schema[key] = buildSchemaFromData(value);
-    }
-    return schema;
-  }
-  return null;
-}
 function isEmptyValue(value) {
   return !value || typeof value === "string" && value.trim() === "";
 }
@@ -99291,7 +99271,6 @@ function removeEmptyValues(obj) {
   return result;
 }
 function useCrmShape() {
-  const { activeCanvas } = useCanvas$1();
   const call = useLocalStorage(CALL_STORAGE_KEY, INITIAL_CALL_STATE, {
     deep: true,
     listenToStorageChanges: true
@@ -99308,13 +99287,6 @@ function useCrmShape() {
     "myUser",
     computed(() => null)
   );
-  const pitcherDataSchema = computed(() => {
-    const pitcherData = activeCanvas.value?.context?.pitcher_data;
-    if (!pitcherData || typeof pitcherData !== "object") {
-      return {};
-    }
-    return { pitcher_data: buildSchemaFromData(pitcherData) };
-  });
   function getDefaultCrmShape({
     accountName = "",
     myUser: myUser2 = null,
@@ -99353,9 +99325,7 @@ function useCrmShape() {
         showDefault: !!launchDarkly.value.enable_default_crm_shape
       }),
       isEmpty(realTimeExtraCrmShape.value) ? {} : realTimeExtraCrmShape.value,
-      isEmpty(extraCrmShape.value) ? {} : extraCrmShape.value,
-      // Derive schema from actual pitcher_data in canvas context
-      isEmpty(pitcherDataSchema.value) ? {} : pitcherDataSchema.value
+      isEmpty(extraCrmShape.value) ? {} : extraCrmShape.value
     );
   });
   return {
@@ -110344,7 +110314,24 @@ function init({
       }
       let filteredFolders = [];
       if (!hasMetadataFilters && foldersResponse.status === "fulfilled" && foldersResponse.value) {
-        filteredFolders = foldersResponse.value.results?.map((f) => ({ ...f, type: "folder" })) ?? [];
+        const foldersFromSearch = foldersResponse.value.results ?? [];
+        const folderDetailsPromises = foldersFromSearch.map(async (folder) => {
+          try {
+            const folderDetails = await state$2.folderItemsFetcher?.(folder.id, { justFetch: true, setSelectedFolder: false });
+            const filesCount = folderDetails?.files?.length ?? 0;
+            const foldersCount = folderDetails?.folders?.length ?? 0;
+            return {
+              ...folder,
+              type: "folder",
+              files_count: filesCount,
+              folders_count: foldersCount
+            };
+          } catch (error) {
+            console.error(`Failed to fetch details for folder ${folder.name}:`, error);
+            return { ...folder, type: "folder" };
+          }
+        });
+        filteredFolders = await Promise.all(folderDetailsPromises);
       } else if (!hasMetadataFilters && !useAppStore$4().isLocalSearch.value) {
         console.error(
           "Failed to fetch folders:",
@@ -120825,7 +120812,7 @@ const _sfc_main$4k = /* @__PURE__ */ defineComponent({
 
 function useCanvasContext() {
   const { activeCanvas, isPrintDisplayMode, builderCache } = useCanvas$1();
-  const { crmShape, getDefaultCrmShape } = useCrmShape();
+  const { getDefaultCrmShape } = useCrmShape();
   const myUser = inject(
     "myUser",
     computed(() => null)
@@ -120857,21 +120844,14 @@ function useCanvasContext() {
     builderCache.value[sectionOverrideKey] = mergedCtx;
     return mergedCtx;
   };
-  const fullContext = computed(() => {
+  const crmShape = computed(() => getDefaultCrmShape({ myUser: myUser.value }));
+  const crmShapeWithSectionCtx = computed(() => {
     const mergedCtx = getSectionCtx();
-    const defaultShape = getDefaultCrmShape({
-      myUser: myUser.value,
-      showDefault: true
-    });
-    return mergeWith({}, defaultShape, crmShape.value ?? {}, mergedCtx, (_objValue, srcValue) => {
-      if (Array.isArray(srcValue)) {
-        return srcValue;
-      }
-      return void 0;
-    });
+    return !isEmpty(crmShape.value) ? { ...mergedCtx, ...crmShape.value } : mergedCtx;
   });
   return {
-    fullContext
+    getSectionCtx,
+    crmShapeWithSectionCtx
   };
 }
 
@@ -120917,10 +120897,10 @@ const _sfc_main$4j = /* @__PURE__ */ defineComponent({
   __name: "SelectionPanel",
   setup(__props) {
     useCssVars((_ctx) => ({
-      "7e857d3a": unref(themeVars).text,
-      "7e7d3ede": unref(themeVars).base,
-      "e1e1c7fe": unref(themeVars).primary6,
-      "e1e1c804": unref(themeVars).primary3
+      "6fe3245a": unref(themeVars).text,
+      "6fdae5fe": unref(themeVars).base,
+      "85f799be": unref(themeVars).primary6,
+      "85f799c4": unref(themeVars).primary3
     }));
     const { t } = useI18n();
     const { renderContentType, isFileExpired, isFileExpiring } = useFileDisplayHelpers();
@@ -120942,7 +120922,7 @@ const _sfc_main$4j = /* @__PURE__ */ defineComponent({
       "launchDarkly",
       computed(() => ({}))
     );
-    const { fullContext } = useCanvasContext();
+    const { crmShapeWithSectionCtx } = useCanvasContext();
     const isCrmShapeEnabled = computed(() => launchDarkly.value?.enable_crm_shape_for_external_links ?? false);
     const draggableItems = computed({
       get: () => isDragNDropEnabled.value ? addedItems.value : selectedItems.value,
@@ -120957,7 +120937,7 @@ const _sfc_main$4j = /* @__PURE__ */ defineComponent({
     function getParsedUrl(url) {
       if (!url || !isCrmShapeEnabled.value) return url;
       try {
-        return renderTemplate(url, fullContext.value);
+        return renderTemplate(url, crmShapeWithSectionCtx.value);
       } catch (error) {
         console.warn("Failed to parse template in external URL, using original URL:", error);
         return url;
@@ -121261,7 +121241,7 @@ const _sfc_main$4j = /* @__PURE__ */ defineComponent({
   }
 });
 
-const SelectionPanel = /* @__PURE__ */ _export_sfc(_sfc_main$4j, [["__scopeId", "data-v-05db071e"]]);
+const SelectionPanel = /* @__PURE__ */ _export_sfc(_sfc_main$4j, [["__scopeId", "data-v-aa03fa77"]]);
 
 const _hoisted_1$3q = { class: "flex justify-between gap-2 items-center truncate py-1" };
 const _hoisted_2$2z = {
@@ -123793,13 +123773,13 @@ const _sfc_main$45 = /* @__PURE__ */ defineComponent({
       computed(() => ({}))
     );
     const { crmShape } = useCrmShape();
-    const { fullContext } = useCanvasContext();
+    const { crmShapeWithSectionCtx } = useCanvasContext();
     const isCrmShapeEnabled = computed(() => launchDarkly.value?.enable_crm_shape_for_external_links ?? false);
     const parsedUrl = computed(() => {
       if (!url.value.trim()) return url.value;
       if (!isCrmShapeEnabled.value) return url.value;
       try {
-        return renderTemplate(url.value, fullContext.value);
+        return renderTemplate(url.value, crmShapeWithSectionCtx.value);
       } catch (error) {
         console.error("Error parsing URL template:", error);
         return url.value;
@@ -123905,7 +123885,7 @@ const _sfc_main$45 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const ExternalLinks = /* @__PURE__ */ _export_sfc(_sfc_main$45, [["__scopeId", "data-v-ba7b39ff"]]);
+const ExternalLinks = /* @__PURE__ */ _export_sfc(_sfc_main$45, [["__scopeId", "data-v-1287b675"]]);
 
 const _hoisted_1$3d = { class: "mr-3 h-full" };
 const _hoisted_2$2m = { class: "flex flex-col gap-3 mb-3" };
@@ -137726,37 +137706,19 @@ function useComponentPermissions({
       isAnyTypeOfAdmin: false
     }))
   );
-  const launchDarkly = inject(
-    "launchDarkly",
-    computed(() => ({}))
-  );
-  const { canvasContent, activeCanvas } = useCanvas$1();
+  const { canvasContent } = useCanvas$1();
   return computed(() => {
-    if (usedInSectionId.value) {
-      const parent = findParentByNodeId(canvasContent.value, id.value);
-      const canRemove = !!when_used_in_section.value?.is_removable;
-      const canEdit = !!when_used_in_section.value?.is_editable;
-      const canDuplicate = parent ? !!parent.when_used_in_section?.is_editable : false;
-      return {
-        hasSomethingEditable: canEdit || canRemove || canDuplicate,
-        canRemove,
-        canEdit,
-        canDuplicate
-      };
-    }
-    if (activeCanvas.value?.template?.id && launchDarkly.value.enable_template_component_permissions && when_used_in_section.value) {
-      const parent = findParentByNodeId(canvasContent.value, id.value);
-      const canRemove = !!when_used_in_section.value?.is_removable;
-      const canEdit = !!when_used_in_section.value?.is_editable;
-      const canDuplicate = parent ? !!parent.when_used_in_section?.is_editable : false;
-      return {
-        hasSomethingEditable: canEdit || canRemove || canDuplicate,
-        canRemove,
-        canEdit,
-        canDuplicate
-      };
-    }
-    return calculateCanvasPermissions(id.value, !!pitcherInfo.value?.isAnyTypeOfAdmin);
+    if (!usedInSectionId.value) return calculateCanvasPermissions(id.value, !!pitcherInfo.value?.isAnyTypeOfAdmin);
+    const parent = findParentByNodeId(canvasContent.value, id.value);
+    const canRemove = !!when_used_in_section.value?.is_removable;
+    const canEdit = !!when_used_in_section.value?.is_editable;
+    const canDuplicate = parent ? !!parent.when_used_in_section?.is_editable : false;
+    return {
+      hasSomethingEditable: canEdit || canRemove || canDuplicate,
+      canRemove,
+      canEdit,
+      canDuplicate
+    };
   });
 }
 
@@ -148009,7 +147971,7 @@ const _sfc_main$2i = /* @__PURE__ */ defineComponent({
     } = useCanvas$1();
     const { discardOverridesConfirmationOptions, getComponentOverrides } = useCanvasSectionOverrides();
     const { getDerivedStyleFromFeatureFlags } = useComponentStyle(componentNode);
-    const { fullContext } = useCanvasContext();
+    const { crmShapeWithSectionCtx } = useCanvasContext();
     const { setContentSelectorMode } = useContentSelector();
     const confirmation = useConfirmation();
     const themeVars = useThemeVars();
@@ -148162,7 +148124,7 @@ const _sfc_main$2i = /* @__PURE__ */ defineComponent({
         try {
           return {
             ...value,
-            external_url: renderTemplate(value.external_url, fullContext.value)
+            external_url: renderTemplate(value.external_url, crmShapeWithSectionCtx.value)
           };
         } catch (error) {
           console.warn("Failed to parse template in external URL, using original URL:", error);
@@ -148680,7 +148642,7 @@ const _sfc_main$2h = /* @__PURE__ */ defineComponent({
       setCanvasMetadata,
       isImpact
     } = useCanvas$1();
-    const { fullContext } = useCanvasContext();
+    const { crmShapeWithSectionCtx } = useCanvasContext();
     const { coreRestApiAxios } = useCoreApi();
     const { applyPrintModeToElement } = usePrintMode();
     const { discardOverridesConfirmationOptions, getComponentOverrides } = useCanvasSectionOverrides();
@@ -148737,7 +148699,7 @@ const _sfc_main$2h = /* @__PURE__ */ defineComponent({
     const memoizedModelValue = computed(() => getModelValue(computedTextProps.value.data?.content));
     function getModelValue(value = "") {
       if (!shouldInterpolate.value || !value.trim()) return value;
-      return renderTemplate(value, fullContext.value);
+      return renderTemplate(value, crmShapeWithSectionCtx.value);
     }
     const debouncedUpdateNodeData = debounce((data2, nodeId, sectionId) => {
       return updateNodeData(data2, nodeId, sectionId);
@@ -148845,7 +148807,7 @@ const _sfc_main$2h = /* @__PURE__ */ defineComponent({
               );
               applyPrintModeToElement(contentElement.value, () => {
                 const content = computedTextProps.value.data?.content || "";
-                return shouldInterpolate.value ? renderTemplate(content, fullContext.value) : content;
+                return shouldInterpolate.value ? renderTemplate(content, crmShapeWithSectionCtx.value) : content;
               });
               if (enableScaleContent && spanStyles) {
                 setTimeout(() => {
@@ -148957,7 +148919,7 @@ const _sfc_main$2h = /* @__PURE__ */ defineComponent({
   }
 });
 
-const Text = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["__scopeId", "data-v-73a884c3"]]);
+const Text = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["__scopeId", "data-v-b2424519"]]);
 
 const _hoisted_1$1Q = { class: "absolute top-2 right-2 flex items-center gap-1 z-10" };
 const _hoisted_2$1m = { class: "text-xs" };
@@ -162512,7 +162474,7 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
     );
     const areSectionsSystemControlled = computed(() => launchDarkly.value?.are_sections_system_controlled);
     const allowEditOrRemove = computed(
-      () => isAdmin.value && launchDarkly.value.enable_template_component_permissions && (isSection.value || isCanvasTemplate.value)
+      () => (selectedComponentType.value === ComponentTypes.Text || selectedComponentType.value === ComponentTypes.Carousel || selectedComponentType.value === ComponentTypes.Multimedia) && isAdmin.value && isSection.value
     );
     const canSelectSectionListStrategy = computed(
       () => isAdmin.value && isCanvasTemplate.value && isSectionOrContentList.value
@@ -163075,7 +163037,7 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
   }
 });
 
-const ComponentDrawerSettings = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["__scopeId", "data-v-1114be0f"]]);
+const ComponentDrawerSettings = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["__scopeId", "data-v-dce6a881"]]);
 
 function useConnectUpload() {
   async function uploadToConnect(formData) {
@@ -176308,10 +176270,10 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "ActionsToolbar",
   setup(__props) {
     useCssVars((_ctx) => ({
-      "c6ccac5c": unref(themeVars).primary4,
-      "3edbaaa2": unref(themeVars).primary,
-      "c6ccac58": unref(themeVars).primary6,
-      "0f45ae31": unref(themeVars).base
+      "c70ce490": unref(themeVars).primary4,
+      "471cb1fc": unref(themeVars).primary,
+      "c70ce48c": unref(themeVars).primary6,
+      "08cf7517": unref(themeVars).base
     }));
     const {
       toggleContentPanel,
@@ -176549,7 +176511,11 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
           },
           type: "folder",
           file_thumbnail_urls: folder.file_thumbnail_urls,
-          thumbnail_url: folder.thumbnail_url
+          thumbnail_url: folder.thumbnail_url,
+          files_count: folder.files_count,
+          folders_count: folder.folders_count,
+          available_files_count: folder.available_files_count,
+          available_folders_count: folder.available_folders_count
         };
       });
       const fileResults = files.map((file) => {
@@ -176779,7 +176745,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
   }
 });
 
-const ActionsToolbar = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-fecebf5a"]]);
+const ActionsToolbar = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-38edbab6"]]);
 
 const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "FavoritesTable",
@@ -183701,14 +183667,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 });