@pitcher/canvas-ui 2026.1.20-131745 → 2026.1.20-135703

package/canvas-ui.js

@@ -79001,6 +79001,41 @@ const _sfc_main$6G = /* @__PURE__ */ defineComponent({
 const CSelect = /* @__PURE__ */ _export_sfc(_sfc_main$6G, [["__scopeId", "data-v-de7c987d"]]);
 
 const _sfc_main$6F = /* @__PURE__ */ defineComponent({
+  __name: "CSwitch",
+  props: {
+    checked: { type: Boolean },
+    disabled: { type: Boolean },
+    themeOverrides: {},
+    size: { default: "medium" }
+  },
+  emits: ["update:checked", "change"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NSwitch), {
+        class: "c-switch",
+        disabled: _ctx.disabled,
+        size: _ctx.size,
+        "theme-overrides": _ctx.themeOverrides,
+        value: _ctx.checked,
+        "onUpdate:value": _cache[0] || (_cache[0] = (val) => {
+          _ctx.$emit("update:checked", val);
+          _ctx.$emit("change", val);
+        })
+      }, createSlots({ _: 2 }, [
+        renderList(_ctx.$slots, (_, name) => {
+          return {
+            name,
+            fn: withCtx((slotProps) => [
+              renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+            ])
+          };
+        })
+      ]), 1032, ["disabled", "size", "theme-overrides", "value"]);
+    };
+  }
+});
+
+const _sfc_main$6E = /* @__PURE__ */ defineComponent({
   __name: "CTag",
   setup(__props) {
     return (_ctx, _cache) => {
@@ -79027,7 +79062,7 @@ const _hoisted_1$57 = {
 };
 const _hoisted_2$3K = { key: 0 };
 const _hoisted_3$2$ = { class: "flex flex-wrap gap-1" };
-const _sfc_main$6E = /* @__PURE__ */ defineComponent({
+const _sfc_main$6D = /* @__PURE__ */ defineComponent({
   __name: "CTags",
   props: {
     value: { default: () => [] },
@@ -79214,7 +79249,7 @@ const _sfc_main$6E = /* @__PURE__ */ defineComponent({
           _ctx.suggestedTagsTitle ? (openBlock(), createElementBlock("div", _hoisted_2$3K, toDisplayString(_ctx.suggestedTagsTitle), 1)) : createCommentVNode("", true),
           createElementVNode("div", _hoisted_3$2$, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (option) => {
-              return openBlock(), createBlock(_sfc_main$6F, {
+              return openBlock(), createBlock(_sfc_main$6E, {
                 key: option.value,
                 class: "cursor-pointer",
                 round: false,
@@ -79233,9 +79268,9 @@ const _sfc_main$6E = /* @__PURE__ */ defineComponent({
   }
 });
 
-const CTags = /* @__PURE__ */ _export_sfc(_sfc_main$6E, [["__scopeId", "data-v-a1b19ddf"]]);
+const CTags = /* @__PURE__ */ _export_sfc(_sfc_main$6D, [["__scopeId", "data-v-a1b19ddf"]]);
 
-const _sfc_main$6D = /* @__PURE__ */ defineComponent({
+const _sfc_main$6C = /* @__PURE__ */ defineComponent({
   __name: "CTagsPlaceholder",
   emits: ["select"],
   setup(__props, { emit: __emit }) {
@@ -79725,7 +79760,7 @@ const _hoisted_3$2_ = {
   key: 1,
   class: "flex gap-4 w-full"
 };
-const _sfc_main$6C = /* @__PURE__ */ defineComponent({
+const _sfc_main$6B = /* @__PURE__ */ defineComponent({
   __name: "CFileAttributes",
   props: {
     modelValue: {},
@@ -79749,11 +79784,16 @@ const _sfc_main$6C = /* @__PURE__ */ defineComponent({
       "pitcherSettings",
       computed(() => ({}))
     );
+    const launchDarkly = inject(
+      "launchDarkly",
+      computed(() => ({}))
+    );
     const editingField = ref(null);
     const showTagsComponent = ref(!props.showKeepAsIsPlaceholder);
     const initialExpiresAtOption = ref(props.modelValue.expiresAtOption);
     const labels = {
       sharing: t("canvasUI.browserApp.uploadFilesModal.sharing.label"),
+      divisible: t("canvasUI.browserApp.uploadFilesModal.divisible.label"),
       tags: t("canvasUI.browserApp.uploadFilesModal.tags.label"),
       expiresAtDateTime: t("canvasUI.browserApp.uploadFilesModal.expiresAt.label"),
       accessType: t("canvasUI.browserApp.uploadFilesModal.access.label")
@@ -79788,7 +79828,18 @@ const _sfc_main$6C = /* @__PURE__ */ defineComponent({
     }
     function onChangeSharing(value) {
       updateForm({
-        permissions: value === null ? { can_share: void 0 } : { can_share: value === "allowed" }
+        permissions: {
+          ...form.value.permissions,
+          can_share: value === null ? void 0 : value === "allowed"
+        }
+      });
+    }
+    function onChangeDivisible(value) {
+      updateForm({
+        permissions: {
+          ...form.value.permissions,
+          can_be_divided: value
+        }
       });
     }
     function onChangeAccessType(value) {
@@ -79852,9 +79903,22 @@ const _sfc_main$6C = /* @__PURE__ */ defineComponent({
         }
       }
     });
+    const divisibleValueAsBoolean = computed({
+      get: () => {
+        return form.value.permissions?.can_be_divided ?? true;
+      },
+      set: (value) => {
+        if (!form.value.permissions) {
+          form.value.permissions = {};
+        }
+        form.value.permissions.can_be_divided = value;
+      }
+    });
     function isEditingFieldOrNonEmpty(fieldName) {
       if (fieldName === "permissions") {
         return form.value.permissions?.can_share !== void 0 || editingField.value === fieldName;
+      } else if (fieldName === "divisiblePermission") {
+        return form.value.permissions?.can_be_divided !== void 0 || editingField.value === fieldName;
       } else if (fieldName === "tags") {
         return editingField.value === fieldName || Array.isArray(form.value.tags) && form.value.tags.length > 0;
       }
@@ -79866,6 +79930,10 @@ const _sfc_main$6C = /* @__PURE__ */ defineComponent({
         editingField.value = null;
         return;
       }
+      if (fieldName === "divisiblePermission" && form.value.permissions?.can_be_divided === void 0) {
+        editingField.value = null;
+        return;
+      }
       if (fieldName === "tags") {
         if (!Array.isArray(form.value.tags) || form.value.tags.length === 0) {
           editingField.value = null;
@@ -79882,8 +79950,11 @@ const _sfc_main$6C = /* @__PURE__ */ defineComponent({
       editingField.value = fieldName;
       if (fieldName === "permissions") {
         if (form.value.permissions?.can_share === void 0) {
-          form.value.permissions = { can_share: true };
-          sharingValueAsText.value = "allowed";
+          form.value.permissions = { ...form.value.permissions, can_share: true };
+        }
+      } else if (fieldName === "divisiblePermission") {
+        if (form.value.permissions?.can_be_divided === void 0) {
+          form.value.permissions = { ...form.value.permissions, can_be_divided: true };
         }
       }
       nextTick(() => {
@@ -79953,7 +80024,7 @@ const _sfc_main$6C = /* @__PURE__ */ defineComponent({
               }, {
                 default: withCtx(() => [
                   createElementVNode("div", _hoisted_1$56, [
-                    _ctx.showKeepAsIsPlaceholder ? (openBlock(), createBlock(_sfc_main$6D, {
+                    _ctx.showKeepAsIsPlaceholder ? (openBlock(), createBlock(_sfc_main$6C, {
                       key: 0,
                       onSelect: handleTagsAction
                     })) : createCommentVNode("", true),
@@ -80071,7 +80142,26 @@ const _sfc_main$6C = /* @__PURE__ */ defineComponent({
                   ]))
                 ]),
                 _: 1
-              })) : createCommentVNode("", true)
+              })) : createCommentVNode("", true),
+              _ctx.showPermissionSettings && unref(launchDarkly).enable_file_divisible_permission ? (openBlock(), createBlock(unref(NFormItemGridItem), {
+                key: 3,
+                label: labels.divisible
+              }, {
+                default: withCtx(() => [
+                  _ctx.showKeepAsIsPlaceholder && !isEditingFieldOrNonEmpty("divisiblePermission") ? (openBlock(), createBlock(CInputPlaceholder, {
+                    key: 0,
+                    onClick: _cache[9] || (_cache[9] = ($event) => enableEditing("divisiblePermission", unref(MetadataTemplateFieldTypeEnum).SELECT))
+                  })) : (openBlock(), createBlock(_sfc_main$6F, {
+                    key: 1,
+                    checked: divisibleValueAsBoolean.value,
+                    class: "mx-1",
+                    "data-field": "divisiblePermission",
+                    onBlur: _cache[10] || (_cache[10] = ($event) => handleBlur("divisiblePermission")),
+                    "onUpdate:checked": onChangeDivisible
+                  }, null, 8, ["checked"]))
+                ]),
+                _: 1
+              }, 8, ["label"])) : createCommentVNode("", true)
             ]),
             _: 1
           })
@@ -80085,7 +80175,7 @@ const _sfc_main$6C = /* @__PURE__ */ defineComponent({
 const __default__$3 = {
   name: "CInput"
 };
-const _sfc_main$6B = /* @__PURE__ */ defineComponent({
+const _sfc_main$6A = /* @__PURE__ */ defineComponent({
   ...__default__$3,
   setup(__props, { expose: __expose }) {
     const inputRef = ref(null);
@@ -80111,7 +80201,7 @@ const _sfc_main$6B = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$6A = /* @__PURE__ */ defineComponent({
+const _sfc_main$6z = /* @__PURE__ */ defineComponent({
   __name: "CModal",
   setup(__props) {
     return (_ctx, _cache) => {
@@ -80129,7 +80219,7 @@ const _sfc_main$6A = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$6z = /* @__PURE__ */ defineComponent({
+const _sfc_main$6y = /* @__PURE__ */ defineComponent({
   __name: "CPopover",
   setup(__props) {
     return (_ctx, _cache) => {
@@ -80150,7 +80240,7 @@ const _sfc_main$6z = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$6y = /* @__PURE__ */ defineComponent({
+const _sfc_main$6x = /* @__PURE__ */ defineComponent({
   __name: "CSearch",
   props: {
     autofocus: { type: Boolean, default: false },
@@ -80167,7 +80257,7 @@ const _sfc_main$6y = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const { t } = useI18n();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$6B, {
+      return openBlock(), createBlock(_sfc_main$6A, {
         autofocus: _ctx.autofocus,
         class: normalizeClass(["c-search flex items-center justify-center", {
           "c-search--no-border": _ctx.hideBorder,
@@ -80206,10 +80296,10 @@ const _sfc_main$6y = /* @__PURE__ */ defineComponent({
   }
 });
 
-const CSearch = /* @__PURE__ */ _export_sfc(_sfc_main$6y, [["__scopeId", "data-v-11dbab78"]]);
+const CSearch = /* @__PURE__ */ _export_sfc(_sfc_main$6x, [["__scopeId", "data-v-11dbab78"]]);
 
 const _hoisted_1$55 = { class: "c-search-on-click relative" };
-const _sfc_main$6x = /* @__PURE__ */ defineComponent({
+const _sfc_main$6w = /* @__PURE__ */ defineComponent({
   __name: "CSearchOnClick",
   props: {
     disabled: { type: Boolean },
@@ -80266,7 +80356,7 @@ const _sfc_main$6x = /* @__PURE__ */ defineComponent({
         }, 8, ["disabled"])) : createCommentVNode("", true),
         createVNode(unref(NInputGroup), null, {
           default: withCtx(() => [
-            createVNode(_sfc_main$6B, {
+            createVNode(_sfc_main$6A, {
               value: searchValue.value,
               "onUpdate:value": _cache[1] || (_cache[1] = ($event) => searchValue.value = $event),
               class: normalizeClass({ "max-w-[320px] min-w-[280px]": !_ctx.fullWidth, "w-full": _ctx.fullWidth, "pl-8": inputFocused.value || searchValue.value }),
@@ -80454,7 +80544,7 @@ function useMetadataSearch(options = {}) {
 const _hoisted_1$54 = {
   class: "c-search-on-click-with-suggestions relative"
 };
-const _sfc_main$6w = /*@__PURE__*/defineComponent({
+const _sfc_main$6v = /*@__PURE__*/defineComponent({
   __name: 'CSearchOnClickWithSuggestions',
   props: {
     disabled: {
@@ -80669,9 +80759,9 @@ const _sfc_main$6w = /*@__PURE__*/defineComponent({
   }
 });
 
-const CSearchOnClickWithSuggestions = /* @__PURE__ */ _export_sfc(_sfc_main$6w, [["__scopeId", "data-v-ba9e794b"]]);
+const CSearchOnClickWithSuggestions = /* @__PURE__ */ _export_sfc(_sfc_main$6v, [["__scopeId", "data-v-ba9e794b"]]);
 
-const _sfc_main$6v = /* @__PURE__ */ defineComponent({
+const _sfc_main$6u = /* @__PURE__ */ defineComponent({
   __name: "CThemeEditor",
   setup(__props) {
     const showForm = ref(false);
@@ -80807,7 +80897,7 @@ const _sfc_main$6v = /* @__PURE__ */ defineComponent({
 const __default__$2 = {
   name: "CToolbar"
 };
-const _sfc_main$6u = /* @__PURE__ */ defineComponent({
+const _sfc_main$6t = /* @__PURE__ */ defineComponent({
   ...__default__$2,
   props: {
     search: {},
@@ -80842,9 +80932,9 @@ const _sfc_main$6u = /* @__PURE__ */ defineComponent({
   }
 });
 
-const CToolbar = /* @__PURE__ */ _export_sfc(_sfc_main$6u, [["__scopeId", "data-v-50c62c45"]]);
+const CToolbar = /* @__PURE__ */ _export_sfc(_sfc_main$6t, [["__scopeId", "data-v-50c62c45"]]);
 
-const _sfc_main$6t = /* @__PURE__ */ defineComponent({
+const _sfc_main$6s = /* @__PURE__ */ defineComponent({
   __name: "CTooltip",
   setup(__props) {
     const isSSR = typeof window === "undefined";
@@ -80868,7 +80958,7 @@ const _sfc_main$6t = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$6s = /* @__PURE__ */ defineComponent({
+const _sfc_main$6r = /* @__PURE__ */ defineComponent({
   __name: "CAvatar",
   setup(__props) {
     const attrs = useAttrs();
@@ -80892,7 +80982,7 @@ const _sfc_main$6s = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$6r = /* @__PURE__ */ defineComponent({
+const _sfc_main$6q = /* @__PURE__ */ defineComponent({
   __name: "CCollapseTransition",
   setup(__props) {
     const attrs = useAttrs();
@@ -80909,7 +80999,7 @@ const _sfc_main$6r = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$6q = /* @__PURE__ */ defineComponent({
+const _sfc_main$6p = /* @__PURE__ */ defineComponent({
   __name: "CSpin",
   setup(__props) {
     return (_ctx, _cache) => {
@@ -80927,7 +81017,7 @@ const _sfc_main$6q = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$6p = /* @__PURE__ */ defineComponent({
+const _sfc_main$6o = /* @__PURE__ */ defineComponent({
   __name: "CEmpty",
   setup(__props) {
     return (_ctx, _cache) => {
@@ -80945,40 +81035,6 @@ const _sfc_main$6p = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$6o = /* @__PURE__ */ defineComponent({
-  __name: "CSwitch",
-  props: {
-    checked: { type: Boolean },
-    disabled: { type: Boolean },
-    themeOverrides: {},
-    size: {}
-  },
-  emits: ["update:checked", "change"],
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(NSwitch), {
-        class: "c-switch",
-        disabled: _ctx.disabled,
-        "theme-overrides": _ctx.themeOverrides,
-        value: _ctx.checked,
-        "onUpdate:value": _cache[0] || (_cache[0] = (val) => {
-          _ctx.$emit("update:checked", val);
-          _ctx.$emit("change", val);
-        })
-      }, createSlots({ _: 2 }, [
-        renderList(_ctx.$slots, (_, name) => {
-          return {
-            name,
-            fn: withCtx((slotProps) => [
-              renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
-            ])
-          };
-        })
-      ]), 1032, ["disabled", "theme-overrides", "value"]);
-    };
-  }
-});
-
 let disableCustomTooltips = false;
 const tooltipDirective = {
   created() {
@@ -81322,7 +81378,7 @@ const _sfc_main$6n = /* @__PURE__ */ defineComponent({
     __expose({ hidePopup });
     return (_ctx, _cache) => {
       return withDirectives((openBlock(), createElementBlock("div", null, [
-        createVNode(_sfc_main$6z, {
+        createVNode(_sfc_main$6y, {
           show: show.value,
           "onUpdate:show": _cache[2] || (_cache[2] = ($event) => show.value = $event),
           "content-class": "pa-2",
@@ -81820,7 +81876,7 @@ const _sfc_main$6e = /* @__PURE__ */ defineComponent({
         }, null, 8, ["active-canvas-id", "canvas"])) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_3$2V, [
           _ctx.canvases?.length ? (openBlock(), createElementBlock("div", _hoisted_4$2k, toDisplayString(unref(t)("canvasUI.CCanvasSelector.lastUsed")), 1)) : createCommentVNode("", true),
-          createVNode(_sfc_main$6q, {
+          createVNode(_sfc_main$6p, {
             class: "h-full",
             show: _ctx.isLoading
           }, {
@@ -83001,7 +83057,7 @@ const _sfc_main$69 = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["c-contact-selector h-full flex", { "flex-col": _ctx.singleColumnView }])
       }, [
         createElementVNode("div", _hoisted_1$4Q, [
-          createVNode(_sfc_main$6x, {
+          createVNode(_sfc_main$6w, {
             disabled: !!_ctx.loading,
             "full-width": "",
             "initial-search-value": _ctx.search,
@@ -83320,7 +83376,7 @@ const _sfc_main$66 = /* @__PURE__ */ defineComponent({
                     index < tags.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_5$1V, ", ")) : createCommentVNode("", true)
                   ]);
                 }), 128)),
-                remainingTags.value.length ? (openBlock(), createBlock(_sfc_main$6z, {
+                remainingTags.value.length ? (openBlock(), createBlock(_sfc_main$6y, {
                   key: 0,
                   "keep-alive-on-hover": false,
                   placement: _ctx.option.index === 0 ? "bottom" : "top",
@@ -85965,7 +86021,7 @@ const _sfc_main$5Z = /* @__PURE__ */ defineComponent({
                         ]),
                         _: 1
                       }, 8, ["label"]),
-                      createVNode(_sfc_main$6B, {
+                      createVNode(_sfc_main$6A, {
                         placeholder: unref(t)("canvasUI.CTypographyConfiguratorItem.lineHeightLabel"),
                         style: { "--n-color": "transparent" },
                         value: _ctx.item.line_height,
@@ -85981,7 +86037,7 @@ const _sfc_main$5Z = /* @__PURE__ */ defineComponent({
                         ]),
                         _: 1
                       }, 8, ["label"]),
-                      createVNode(_sfc_main$6B, {
+                      createVNode(_sfc_main$6A, {
                         placeholder: unref(t)("canvasUI.CTypographyConfiguratorItem.letterSpacingLabel"),
                         style: { "--n-color": "transparent" },
                         value: _ctx.item.letter_spacing,
@@ -87193,7 +87249,7 @@ const _sfc_main$5N = /* @__PURE__ */ defineComponent({
       emit("cancel");
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$6A, {
+      return openBlock(), createBlock(_sfc_main$6z, {
         onEsc: onCancel,
         show: ""
       }, {
@@ -95551,7 +95607,7 @@ const _sfc_main$5L = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return _ctx.value !== null && _ctx.value !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_1$4x, [
-        createVNode(_sfc_main$6F, {
+        createVNode(_sfc_main$6E, {
           class: "flex gap-1 bg-primary6 color-text",
           size: "small"
         }, {
@@ -101768,11 +101824,11 @@ const _sfc_main$5p = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return isValidPicture.value ? (openBlock(), createBlock(_sfc_main$6s, {
+      return isValidPicture.value ? (openBlock(), createBlock(_sfc_main$6r, {
         key: 0,
         size: _ctx.size,
         src: _ctx.picture
-      }, null, 8, ["size", "src"])) : (openBlock(), createBlock(_sfc_main$6s, {
+      }, null, 8, ["size", "src"])) : (openBlock(), createBlock(_sfc_main$6r, {
         key: 1,
         color: color.value,
         size: _ctx.size
@@ -102573,7 +102629,7 @@ const _sfc_main$5j = /* @__PURE__ */ defineComponent({
               "suggestions-fetcher": fetchDistinctValueSuggestions,
               onSearch
             }, null, 8, ["disabled", "initial-search-value", "min-search-length", "placeholder"]))
-          ], 64)) : (openBlock(), createBlock(_sfc_main$6x, {
+          ], 64)) : (openBlock(), createBlock(_sfc_main$6w, {
             key: 1,
             ref_key: "searchOnClickRef",
             ref: searchOnClickRef,
@@ -102645,7 +102701,7 @@ const _sfc_main$5j = /* @__PURE__ */ defineComponent({
                   "suggestions-fetcher": fetchDistinctValueSuggestions,
                   onSearch
                 }, null, 8, ["disabled", "initial-search-value", "min-search-length", "placeholder"]))
-              ], 64)) : (openBlock(), createBlock(_sfc_main$6x, {
+              ], 64)) : (openBlock(), createBlock(_sfc_main$6w, {
                 key: 1,
                 ref_key: "searchOnClickRef",
                 ref: searchOnClickRef,
@@ -104223,7 +104279,7 @@ const _sfc_main$5b = /* @__PURE__ */ defineComponent({
                 innerHTML: unref(highlight)(tags.value.join(", "), _ctx.search)
               }, null, 8, _hoisted_5$1G)
             ])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(tags.value, (tag, index) => {
-              return withDirectives((openBlock(), createBlock(_sfc_main$6F, {
+              return withDirectives((openBlock(), createBlock(_sfc_main$6E, {
                 key: index,
                 class: normalizeClass(_ctx.tagsClass),
                 size: "small"
@@ -104236,7 +104292,7 @@ const _sfc_main$5b = /* @__PURE__ */ defineComponent({
                 [_directive_tooltip, shouldShowTagTooltip(tag) ? tag : null]
               ]);
             }), 128)),
-            remainingTags.value.length ? (openBlock(), createBlock(_sfc_main$6z, {
+            remainingTags.value.length ? (openBlock(), createBlock(_sfc_main$6y, {
               key: 2,
               class: "c-table-tag__popover max-w-[600px]",
               placement: _ctx.rowIndex === 0 ? "bottom" : "top",
@@ -104261,7 +104317,7 @@ const _sfc_main$5b = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 createElementVNode("div", _hoisted_6$1s, [
                   _ctx.displayAsText ? (openBlock(), createElementBlock("div", _hoisted_7$14, toDisplayString(remainingTags.value.join(", ")), 1)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(remainingTags.value, (tag, index) => {
-                    return openBlock(), createBlock(_sfc_main$6F, {
+                    return openBlock(), createBlock(_sfc_main$6E, {
                       key: index,
                       class: normalizeClass(_ctx.moreTagsClass),
                       size: "small"
@@ -104364,7 +104420,7 @@ const _sfc_main$5a = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       const _directive_tooltip = resolveDirective("tooltip");
-      return openBlock(), createBlock(_sfc_main$6z, {
+      return openBlock(), createBlock(_sfc_main$6y, {
         placement: "bottom-end",
         "show-arrow": false,
         trigger: "click"
@@ -104835,7 +104891,7 @@ const _sfc_main$59 = /* @__PURE__ */ defineComponent({
           placeholder: _ctx.placeholder,
           "suggestions-fetcher": fetchSuggestions,
           onSearch: _cache[0] || (_cache[0] = ($event) => emit("update:search", $event, _ctx.filters))
-        }, null, 8, ["disabled", "initial-search-value", "placeholder"])) : (openBlock(), createBlock(_sfc_main$6x, {
+        }, null, 8, ["disabled", "initial-search-value", "placeholder"])) : (openBlock(), createBlock(_sfc_main$6w, {
           key: 1,
           ref_key: "searchOnClickRef",
           ref: searchOnClickRef,
@@ -104933,7 +104989,7 @@ const _sfc_main$59 = /* @__PURE__ */ defineComponent({
               }), 128))
             ], 64))
           ], 64)) : createCommentVNode("", true),
-          unref(pitcherSettings).display_metadata_filters_in_modal && hasAnyFilter.value ? (openBlock(), createBlock(_sfc_main$6z, {
+          unref(pitcherSettings).display_metadata_filters_in_modal && hasAnyFilter.value ? (openBlock(), createBlock(_sfc_main$6y, {
             key: 1,
             class: "min-w-[500px] max-w-[700px] max-h-[400px] overflow-y-auto",
             placement: "bottom",
@@ -107481,7 +107537,7 @@ function useCanvasesManagementBulk() {
         "name": "properties",
         "title": t('canvasUI.browserApp.uploadFilesModal.properties')
       }, {
-        default: () => [createVNode(_sfc_main$6C, {
+        default: () => [createVNode(_sfc_main$6B, {
           "showExpirationSettings": false,
           "showPermissionSettings": false,
           "showAccessTypeSettings": false,
@@ -109377,7 +109433,7 @@ const _sfc_main$4W = /* @__PURE__ */ defineComponent({
           "w-fit": _ctx.fitContent
         }])
       }, [
-        _ctx.variation !== "minimal" ? (openBlock(), createBlock(_sfc_main$6F, {
+        _ctx.variation !== "minimal" ? (openBlock(), createBlock(_sfc_main$6E, {
           key: 0,
           class: "flex",
           size: "small",
@@ -109601,7 +109657,7 @@ const _sfc_main$4U = /* @__PURE__ */ defineComponent({
               onClick: _cache[0] || (_cache[0] = withModifiers(() => {
               }, ["stop"]))
             }, [
-              _ctx.variation !== "minimal" ? (openBlock(), createBlock(_sfc_main$6F, {
+              _ctx.variation !== "minimal" ? (openBlock(), createBlock(_sfc_main$6E, {
                 key: 0,
                 class: normalizeClass(`flex gap-1 ${getPopularityClass()}`),
                 size: "small",
@@ -109654,7 +109710,7 @@ const _sfc_main$4U = /* @__PURE__ */ defineComponent({
               onClick: _cache[1] || (_cache[1] = withModifiers(() => {
               }, ["stop"]))
             }, [
-              _ctx.variation !== "minimal" ? (openBlock(), createBlock(_sfc_main$6F, {
+              _ctx.variation !== "minimal" ? (openBlock(), createBlock(_sfc_main$6E, {
                 key: 0,
                 class: normalizeClass(`flex gap-1 ${getEngagementClass()}`),
                 size: "small",
@@ -111192,7 +111248,7 @@ const _sfc_main$4T = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true)
           ], 4),
           _ctx.item.type !== "smart_folder" ? (openBlock(), createElementBlock("div", _hoisted_10$z, [
-            createVNode(_sfc_main$6F, {
+            createVNode(_sfc_main$6E, {
               size: "small",
               style: normalizeStyle({
                 ...getStatusStyle(),
@@ -112125,7 +112181,7 @@ const _sfc_main$4R = /*@__PURE__*/defineComponent({
       id: 'is_draft',
       cell: cellCtx => createVNode("div", {
         "class": "flex items-center"
-      }, [createVNode(_sfc_main$6o, {
+      }, [createVNode(_sfc_main$6F, {
         "checked": !cellCtx.getValue(),
         "disabled": isReadonly(cellCtx.row.original),
         "onChange": async newValue => await updateProperty(cellCtx.row.original, 'is_draft', !newValue),
@@ -112808,7 +112864,7 @@ const _sfc_main$4O = /*@__PURE__*/defineComponent({
       id: 'status',
       cell: cellCtx => createVNode("div", {
         "class": "flex items-center"
-      }, [createVNode(_sfc_main$6o, {
+      }, [createVNode(_sfc_main$6F, {
         "checked": !cellCtx.getValue(),
         "disabled": isReadonly(cellCtx.row.original),
         "onChange": async newValue => await updateProperty(cellCtx.row.original, 'is_draft', !newValue),
@@ -113137,7 +113193,7 @@ const _sfc_main$4N = /* @__PURE__ */ defineComponent({
       fetchLevel(props.currentFolder.id);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$6A, {
+      return openBlock(), createBlock(_sfc_main$6z, {
         "on-update:show": () => emit("update:show", false),
         show: _ctx.show,
         style: normalizeStyle({ backgroundColor: unref(themeVars).base })
@@ -114334,7 +114390,7 @@ const _sfc_main$4J = /* @__PURE__ */ defineComponent({
                 _cache[6] || (_cache[6] = createElementVNode("span", { class: "inline-block h-1 w-1 bg-text3 rounded-full" }, null, -1))
               ])
             ])) : (openBlock(), createElementBlock("div", _hoisted_12$m, [
-              !isFolder(unref(item)) ? (openBlock(), createBlock(_sfc_main$6F, {
+              !isFolder(unref(item)) ? (openBlock(), createBlock(_sfc_main$6E, {
                 key: 0,
                 size: "small",
                 style: normalizeStyle({
@@ -114462,7 +114518,7 @@ const _sfc_main$4H = /* @__PURE__ */ defineComponent({
     }
     const themeVars = useThemeVars();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$6A, {
+      return openBlock(), createBlock(_sfc_main$6z, {
         "on-update:show": (val) => emit("update:show", val),
         show: "",
         style: normalizeStyle({ backgroundColor: unref(themeVars).base })
@@ -115241,7 +115297,7 @@ const _sfc_main$4G = /*@__PURE__*/defineComponent({
       id: 'is_draft',
       cell: cellCtx => createVNode("div", {
         "class": "flex items-center"
-      }, [createVNode(_sfc_main$6o, {
+      }, [createVNode(_sfc_main$6F, {
         "checked": !cellCtx.getValue(),
         "disabled": isReadonly(cellCtx.row.original),
         "onChange": async newValue => await onUpdateStatus(cellCtx.row.original, newValue ? CanvasStatus.READY : CanvasStatus.DRAFT),
@@ -116434,7 +116490,7 @@ const _sfc_main$4B = /*@__PURE__*/defineComponent({
       id: 'status',
       cell: cellCtx => createVNode("div", {
         "class": "flex items-center"
-      }, [createVNode(_sfc_main$6o, {
+      }, [createVNode(_sfc_main$6F, {
         "checked": cellCtx.getValue() === CanvasThemeStatus.READY,
         "onChange": async newValue => await onUpdateStatus(cellCtx.row.original, !newValue ? CanvasThemeStatus.DRAFT : CanvasThemeStatus.READY),
         "themeOverrides": {
@@ -116808,7 +116864,7 @@ const _sfc_main$4A = /* @__PURE__ */ defineComponent({
                 onClick: ($event) => emit("click", item.key)
               }, toDisplayString(item.label), 9, _hoisted_3$2b);
             }), 128)),
-            remainingItems.value.length ? (openBlock(), createBlock(_sfc_main$6z, {
+            remainingItems.value.length ? (openBlock(), createBlock(_sfc_main$6y, {
               key: 0,
               placement: _ctx.rowIndex === 0 ? "bottom" : "top",
               trigger: "click"
@@ -116821,7 +116877,7 @@ const _sfc_main$4A = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 createElementVNode("div", null, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(remainingItems.value, (item, index) => {
-                    return openBlock(), createBlock(_sfc_main$6F, {
+                    return openBlock(), createBlock(_sfc_main$6E, {
                       key: index,
                       class: normalizeClass(["mr-1 c-table-more__more-items", { "c-table-more__clickable": _ctx.isClickable, underline: _ctx.isClickable }]),
                       round: false,
@@ -118289,7 +118345,7 @@ const _sfc_main$4u = /* @__PURE__ */ defineComponent({
               ref_for: true
             }, getIconDataForInfoBadge(indicator.icon)), null, 16, ["background-color", "color", "text", "variation"])), [
               [_directive_tooltip, indicator.tooltip_text]
-            ]) : indicator.type ? withDirectives((openBlock(), createBlock(_sfc_main$6F, {
+            ]) : indicator.type ? withDirectives((openBlock(), createBlock(_sfc_main$6E, {
               key: 1,
               class: "mr-2",
               type: indicator.type
@@ -118748,7 +118804,7 @@ const _sfc_main$4r = /* @__PURE__ */ defineComponent({
       emit("search", value);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$6A, {
+      return openBlock(), createBlock(_sfc_main$6z, {
         onEsc: handleClose,
         persistent: "",
         show: "",
@@ -119229,7 +119285,7 @@ const _sfc_main$4q = /*@__PURE__*/defineComponent({
       id: 'is_draft',
       cell: cellCtx => createVNode("div", {
         "class": "flex items-center"
-      }, [createVNode(_sfc_main$6o, {
+      }, [createVNode(_sfc_main$6F, {
         "disabled": !!editingColumn.value?.id || isCanvasLocked(cellCtx.row.original.id),
         "checked": !cellCtx.getValue(),
         "onChange": async newValue => await updateProperty(cellCtx.row.original, 'is_draft', !newValue),
@@ -120178,7 +120234,7 @@ const _sfc_main$4o = /*@__PURE__*/defineComponent({
       id: 'is_draft',
       cell: cellCtx => createVNode("div", {
         "class": "flex items-center"
-      }, [createVNode(_sfc_main$6o, {
+      }, [createVNode(_sfc_main$6F, {
         "disabled": true,
         "checked": !cellCtx.getValue(),
         "themeOverrides": {
@@ -120553,7 +120609,7 @@ const _sfc_main$4m = /* @__PURE__ */ defineComponent({
       });
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$6z, {
+      return openBlock(), createBlock(_sfc_main$6y, {
         class: "c-entity-selector",
         overlap: _ctx.overlap,
         placement: "top-start",
@@ -121809,8 +121865,8 @@ const _sfc_main$4g = /* @__PURE__ */ defineComponent({
   ],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "3da35b40": unref(themeVars).base,
-      "49a7913e": unref(themeVars).primary4
+      "340c455c": unref(themeVars).base,
+      "409ab37d": unref(themeVars).primary4
     }));
     const props = __props;
     const myUser = inject(
@@ -121821,6 +121877,10 @@ const _sfc_main$4g = /* @__PURE__ */ defineComponent({
       "pitcherInfo",
       computed(() => null)
     );
+    const launchDarkly = inject(
+      "launchDarkly",
+      computed(() => ({}))
+    );
     const emit = __emit;
     const appProps = inject("appProps");
     const vTooltip = tooltipDirective;
@@ -121934,10 +121994,10 @@ const _sfc_main$4g = /* @__PURE__ */ defineComponent({
             }, 8, ["color", "disabled", "text-color"])
           ]),
           _ctx.item.type === "file" ? (openBlock(), createElementBlock("div", _hoisted_3$20, [
-            createVNode(CButton, {
+            withDirectives((openBlock(), createBlock(CButton, {
               circle: "",
               color: unref(themeVars).primary6,
-              disabled: unref(appProps)?.contentType.value === "file" || _ctx.item.content_type !== "pdf",
+              disabled: unref(appProps)?.contentType.value === "file" || _ctx.item.content_type !== "pdf" || unref(launchDarkly).enable_file_divisible_permission && _ctx.item.permissions?.can_be_divided === false,
               "text-color": unref(themeVars).primary,
               onClick: _cache[1] || (_cache[1] = withModifiers(($event) => emit("itemExpanded", _ctx.item), ["stop"]))
             }, {
@@ -121945,7 +122005,12 @@ const _sfc_main$4g = /* @__PURE__ */ defineComponent({
                 createVNode(CIcon, { icon: "angle-right" })
               ]),
               _: 1
-            }, 8, ["color", "disabled", "text-color"])
+            }, 8, ["color", "disabled", "text-color"])), [
+              [
+                unref(vTooltip),
+                unref(launchDarkly).enable_file_divisible_permission && _ctx.item.permissions?.can_be_divided === false ? unref(t)("canvasUI.files.notDivisibleExpanded") : void 0
+              ]
+            ])
           ])) : createCommentVNode("", true),
           createVNode(_sfc_main$6K, {
             class: "rounded-2",
@@ -122076,7 +122141,7 @@ const _sfc_main$4g = /* @__PURE__ */ defineComponent({
   }
 });
 
-const GridItem = /* @__PURE__ */ _export_sfc(_sfc_main$4g, [["__scopeId", "data-v-bd0629a2"]]);
+const GridItem = /* @__PURE__ */ _export_sfc(_sfc_main$4g, [["__scopeId", "data-v-7c4db1d5"]]);
 
 const _hoisted_1$3o = { class: "folders-files-pages-grid py-2 h-full" };
 const _hoisted_2$2x = {
@@ -122396,6 +122461,9 @@ const _sfc_main$4e = /* @__PURE__ */ defineComponent({
       // Not used here
       hasFile: computed(() => props.item.type === "file")
     });
+    const isExpandFileDisabled = computed(() => {
+      return props.isDisabled || appProps?.contentType.value === "file" || props.item.content_type !== "pdf" || launchDarkly.value.enable_file_divisible_permission && props.item.permissions?.can_be_divided === false;
+    });
     return (_ctx, _cache) => {
       const _directive_tooltip = resolveDirective("tooltip");
       return openBlock(), createElementBlock("div", {
@@ -122589,7 +122657,7 @@ const _sfc_main$4e = /* @__PURE__ */ defineComponent({
             key: 2,
             circle: "",
             class: "h-9 w-9",
-            disabled: _ctx.isDisabled || unref(appProps)?.contentType.value === "file" || _ctx.item.content_type !== "pdf",
+            disabled: isExpandFileDisabled.value,
             secondary: "",
             type: "default",
             onClick: _cache[3] || (_cache[3] = withModifiers(($event) => emit("expand-file", _ctx.item), ["stop"]))
@@ -122603,7 +122671,10 @@ const _sfc_main$4e = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["disabled"])), [
-            [_directive_tooltip, unref(t)("canvasUI.contentSelectorApp.contextMenu.expandFile")]
+            [
+              _directive_tooltip,
+              unref(launchDarkly).enable_file_divisible_permission && _ctx.item.permissions?.can_be_divided === false ? unref(t)("canvasUI.files.notDivisibleExpanded") : unref(t)("canvasUI.contentSelectorApp.contextMenu.expandFile")
+            ]
           ]) : createCommentVNode("", true),
           unref(isDragNDropEnabled) && _ctx.item?.type !== "folder" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
             _ctx.isSelected ? (openBlock(), createBlock(CButton, {
@@ -127371,7 +127442,7 @@ const _sfc_main$3Q = /* @__PURE__ */ defineComponent({
                       }),
                       linkType.value === "web" ? (openBlock(), createElementBlock("div", _hoisted_5$1b, [
                         createElementVNode("label", null, toDisplayString(unref(t)("canvasUI.components.fileViewer.linkAnnotation.urlInput")), 1),
-                        createVNode(_sfc_main$6B, {
+                        createVNode(_sfc_main$6A, {
                           value: urlInput.value,
                           "onUpdate:value": _cache[1] || (_cache[1] = ($event) => urlInput.value = $event),
                           placeholder: "https://www.example.com",
@@ -127438,7 +127509,7 @@ const _sfc_main$3Q = /* @__PURE__ */ defineComponent({
                       createElementVNode("div", _hoisted_8$D, [
                         createElementVNode("div", _hoisted_9$w, [
                           createElementVNode("label", null, toDisplayString(unref(t)("canvasUI.components.fileViewer.linkAnnotation.trackingId")), 1),
-                          createVNode(_sfc_main$6B, {
+                          createVNode(_sfc_main$6A, {
                             value: trackingId.value,
                             "onUpdate:value": _cache[5] || (_cache[5] = ($event) => trackingId.value = $event)
                           }, null, 8, ["value"])
@@ -127538,7 +127609,7 @@ const _sfc_main$3P = /* @__PURE__ */ defineComponent({
         class: "c-file-viewer-copy-pages-metadata w-full",
         onKeydown: withKeys(closePopover, ["esc"])
       }, [
-        createVNode(_sfc_main$6z, {
+        createVNode(_sfc_main$6y, {
           class: "min-w[400px]",
           placement: "bottom-end",
           scrollable: "",
@@ -127932,7 +128003,7 @@ const _sfc_main$3N = /* @__PURE__ */ defineComponent({
           }, 8, ["disabled", "style"]),
           createVNode(_sfc_main$6N, { closable: false }, createSlots({
             default: withCtx(() => [
-              _ctx.isLoadingInstanceMetadataTemplate ? (openBlock(), createBlock(_sfc_main$6q, {
+              _ctx.isLoadingInstanceMetadataTemplate ? (openBlock(), createBlock(_sfc_main$6p, {
                 key: 0,
                 class: "flex h-full"
               })) : createCommentVNode("", true),
@@ -129823,7 +129894,7 @@ const _sfc_main$3L = /* @__PURE__ */ defineComponent({
       { immediate: true }
     );
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$6A, {
+      return openBlock(), createBlock(_sfc_main$6z, {
         onEsc: onCloseFile,
         show: "",
         to: unref(appElem),
@@ -129900,7 +129971,7 @@ const _sfc_main$3L = /* @__PURE__ */ defineComponent({
               _: 3
             }, 8, ["style"])) : createCommentVNode("", true),
             !_ctx.file ? (openBlock(), createElementBlock("div", _hoisted_1$2V, [
-              createVNode(_sfc_main$6q, {
+              createVNode(_sfc_main$6p, {
                 color: unref(themeVars).primary,
                 size: "large"
               }, null, 8, ["color"])
@@ -132268,7 +132339,7 @@ const _sfc_main$3t = /* @__PURE__ */ defineComponent({
         ]),
         createElementVNode("div", _hoisted_5$12, [
           createElementVNode("p", _hoisted_6$U, toDisplayString(unref(t)("canvasUI.components.CRatingFeedback.review")), 1),
-          createVNode(_sfc_main$6B, {
+          createVNode(_sfc_main$6A, {
             autosize: { minRows: 3, maxRows: 3 },
             class: "rounded-1 border-primary6 text-sm",
             placeholder: unref(t)("canvasUI.components.CRatingFeedback.reviewPlaceholder"),
@@ -132686,7 +132757,7 @@ const _sfc_main$3q = /* @__PURE__ */ defineComponent({
         ])) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_3$1u, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(tagsToRender.value, (tag, index) => {
-            return openBlock(), createBlock(_sfc_main$6F, {
+            return openBlock(), createBlock(_sfc_main$6E, {
               key: index,
               class: "truncate",
               round: ""
@@ -132913,7 +132984,7 @@ const _sfc_main$3o = /* @__PURE__ */ defineComponent({
           })) : createCommentVNode("", true)
         ]),
         isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_3$1t, [
-          createVNode(_sfc_main$6q)
+          createVNode(_sfc_main$6p)
         ])) : isEditing.value ? (openBlock(), createElementBlock("div", _hoisted_4$1b, [
           allowUsersInDistribution.value ? (openBlock(), createBlock(CUsersGroupsAccessManage, {
             key: 0,
@@ -133437,7 +133508,7 @@ const _sfc_main$3n = /* @__PURE__ */ defineComponent({
                   _: 1
                 }, 8, ["value", "placeholder"]),
                 !hideApps.value || shouldShowBlocksTab.value ? (openBlock(), createElementBlock("div", _hoisted_1$2D, [
-                  createVNode(_sfc_main$6F, {
+                  createVNode(_sfc_main$6E, {
                     bordered: activeFilter.value === "basic" /* Basic */,
                     class: "text-xs cursor-pointer",
                     closable: activeFilter.value === "basic" /* Basic */,
@@ -133451,7 +133522,7 @@ const _sfc_main$3n = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   }, 8, ["bordered", "closable"]),
-                  !hideApps.value ? (openBlock(), createBlock(_sfc_main$6F, {
+                  !hideApps.value ? (openBlock(), createBlock(_sfc_main$6E, {
                     key: 0,
                     bordered: activeFilter.value === "apps" /* Apps */,
                     class: "text-xs cursor-pointer",
@@ -133466,7 +133537,7 @@ const _sfc_main$3n = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   }, 8, ["bordered", "closable"])) : createCommentVNode("", true),
-                  shouldShowBlocksTab.value ? (openBlock(), createBlock(_sfc_main$6F, {
+                  shouldShowBlocksTab.value ? (openBlock(), createBlock(_sfc_main$6E, {
                     key: 1,
                     bordered: activeFilter.value === "blocks" /* Blocks */,
                     class: "text-xs cursor-pointer",
@@ -134481,7 +134552,7 @@ const _sfc_main$3l = /* @__PURE__ */ defineComponent({
               })
             ]),
             createElementVNode("div", _hoisted_6$Q, [
-              createVNode(_sfc_main$6B, {
+              createVNode(_sfc_main$6A, {
                 ref_key: "searchRef",
                 ref: searchRef,
                 value: search.value,
@@ -134675,7 +134746,7 @@ const _sfc_main$3k = /* @__PURE__ */ defineComponent({
         }, 1032, ["circle", "onClick"])), [
           [_directive_tooltip, shortcut.tooltip || shortcut.displayName]
         ]);
-      }), 128)) : (openBlock(), createBlock(_sfc_main$6z, {
+      }), 128)) : (openBlock(), createBlock(_sfc_main$6y, {
         key: 1,
         show: isPopoverVisible.value,
         "onUpdate:show": _cache[1] || (_cache[1] = ($event) => isPopoverVisible.value = $event),
@@ -135054,7 +135125,7 @@ const _sfc_main$3i = /* @__PURE__ */ defineComponent({
           ]);
         }), 128))
       ], 64)) : unref(shouldShowPopupApps) && !_ctx.inline ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-        unref(hasMultipleApps) ? (openBlock(), createBlock(_sfc_main$6z, {
+        unref(hasMultipleApps) ? (openBlock(), createBlock(_sfc_main$6y, {
           key: 0,
           placement: _ctx.placement,
           showArrow: true,
@@ -136585,7 +136656,7 @@ const _sfc_main$38 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _directive_tooltip = resolveDirective("tooltip");
-      return _ctx.selected ? (openBlock(), createBlock(_sfc_main$6z, {
+      return _ctx.selected ? (openBlock(), createBlock(_sfc_main$6y, {
         key: 0,
         class: normalizeClass({
           "-top-1": _ctx.placement.includes("top"),
@@ -137936,19 +138007,37 @@ function useComponentPermissions({
       isAnyTypeOfAdmin: false
     }))
   );
-  const { canvasContent } = useCanvas$1();
+  const launchDarkly = inject(
+    "launchDarkly",
+    computed(() => ({}))
+  );
+  const { canvasContent, activeCanvas } = useCanvas$1();
   return computed(() => {
-    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
-    };
+    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
+      };
+    }
+    const hasExplicitPermissions = when_used_in_section.value !== null && when_used_in_section.value !== void 0 && (when_used_in_section.value.is_editable !== void 0 || when_used_in_section.value.is_removable !== void 0);
+    if (activeCanvas.value?.template?.id && launchDarkly.value.enable_template_component_permissions && hasExplicitPermissions) {
+      const canRemove = !!when_used_in_section.value?.is_removable;
+      const canEdit = !!when_used_in_section.value?.is_editable;
+      const canDuplicate = canEdit;
+      return {
+        hasSomethingEditable: canEdit || canRemove || canDuplicate,
+        canRemove,
+        canEdit,
+        canDuplicate
+      };
+    }
+    return calculateCanvasPermissions(id.value, !!pitcherInfo.value?.isAnyTypeOfAdmin);
   });
 }
 
@@ -139334,7 +139423,7 @@ const _sfc_main$2Y = /* @__PURE__ */ defineComponent({
           src: _ctx.item.file.content_url ?? void 0,
           title: unref(t)("canvasUI.collectionPlayer.webSlide")
         }, null, 8, _hoisted_2$1F)) : !_ctx.item.file || !_ctx.item.file.content_type ? (openBlock(), createElementBlock("div", _hoisted_3$1i, [
-          createVNode(_sfc_main$6q, {
+          createVNode(_sfc_main$6p, {
             color: unref(themeVars).primary,
             size: "small"
           }, null, 8, ["color"])
@@ -139969,7 +140058,7 @@ const _sfc_main$2T = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const { closeApp, inModal } = useAppStore$3();
     return (_ctx, _cache) => {
-      return unref(inModal) ? (openBlock(), createBlock(_sfc_main$6A, {
+      return unref(inModal) ? (openBlock(), createBlock(_sfc_main$6z, {
         key: 0,
         class: "h-[100vh] w-[100vw]",
         show: "",
@@ -140160,7 +140249,7 @@ const _sfc_main$2S = /* @__PURE__ */ defineComponent({
                   style: normalizeStyle({ aspectRatio: _ctx.aspectRatio })
                 }, [
                   unref(isOpenTableOfContents) ? (openBlock(), createBlock(_sfc_main$2W, { key: 0 })) : createCommentVNode("", true),
-                  isLoading.value ? (openBlock(), createBlock(_sfc_main$6q, {
+                  isLoading.value ? (openBlock(), createBlock(_sfc_main$6p, {
                     key: 1,
                     color: unref(themeVars).primary,
                     size: "large"
@@ -140714,7 +140803,7 @@ const _sfc_main$2R = /* @__PURE__ */ defineComponent({
                 key: 0,
                 onSelectCollectionContent: _cache[0] || (_cache[0] = ($event) => unref(selectContent)({ id: unref(id), initialData: unref(data) }))
               })) : needsFileResolution.value ? (openBlock(), createElementBlock("div", _hoisted_1$2d, [
-                createVNode(_sfc_main$6q, {
+                createVNode(_sfc_main$6p, {
                   color: unref(themeVars).primary,
                   size: "large"
                 }, null, 8, ["color"])
@@ -140758,7 +140847,7 @@ const _sfc_main$2R = /* @__PURE__ */ defineComponent({
                 ]);
               }), 128))
             ])) : needsFileResolution.value ? (openBlock(), createElementBlock("div", _hoisted_6$K, [
-              createVNode(_sfc_main$6q, {
+              createVNode(_sfc_main$6p, {
                 color: unref(themeVars).primary,
                 size: "large"
               }, null, 8, ["color"])
@@ -148487,7 +148576,7 @@ const _sfc_main$2i = /* @__PURE__ */ defineComponent({
           unref(computedMultimediaProps).data.type === "video" && !unref(isIosDevice) ? {
             name: "toolbar-slot",
             fn: withCtx(() => [
-              createVNode(_sfc_main$6z, {
+              createVNode(_sfc_main$6y, {
                 placement: "bottom",
                 trigger: "click",
                 width: 280
@@ -149480,7 +149569,7 @@ const _sfc_main$2g = /* @__PURE__ */ defineComponent({
             createElementVNode("span", _hoisted_3$13, toDisplayString(unref(t)("canvasUI.canvasBuilder.linkableComponent.unlink")), 1)
           ])) : createCommentVNode("", true)
         ]),
-        showLinkModal.value ? (openBlock(), createBlock(_sfc_main$6A, {
+        showLinkModal.value ? (openBlock(), createBlock(_sfc_main$6z, {
           key: 0,
           bordered: false,
           class: "cb-linkable-settings",
@@ -154863,7 +154952,7 @@ const _sfc_main$1X = /* @__PURE__ */ defineComponent({
             _: 1
           }))
         ], 64)),
-        createVNode(_sfc_main$6A, {
+        createVNode(_sfc_main$6z, {
           show: showModal.value,
           "onUpdate:show": _cache[6] || (_cache[6] = ($event) => showModal.value = $event),
           "mask-closable": !isEnhancedStatesEnabled.value,
@@ -155285,7 +155374,7 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const { t } = useI18n();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$6B, {
+      return openBlock(), createBlock(_sfc_main$6A, {
         autofocus: _ctx.autofocus,
         class: "c-search flex items-center justify-center border-primary5",
         clearable: "",
@@ -155507,7 +155596,7 @@ const _sfc_main$1U = /*@__PURE__*/defineComponent({
         "onUpdate:search": _cache[0] || (_cache[0] = $event => search.value = $event),
         class: "w-full max-w-[300px] min-w-[150px]",
         placeholder: unref(t)('canvasUI.canvasBuilder.sectionListRaw.searchPlaceholder')
-      }, null, 8, ["search", "placeholder"]), createVNode(_sfc_main$6z, {
+      }, null, 8, ["search", "placeholder"]), createVNode(_sfc_main$6y, {
         class: "max-w-[220px] max-h-[400px] overflow-y-auto",
         placement: "bottom-end",
         "show-arrow": false,
@@ -155889,7 +155978,7 @@ const _sfc_main$1S = /* @__PURE__ */ defineComponent({
       computed(() => rootRef.value)
     );
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$6A, {
+      return openBlock(), createBlock(_sfc_main$6z, {
         "auto-focus": true,
         class: "c-section-item-modal",
         show: "",
@@ -156925,7 +157014,9 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
     visible: {},
     allow_admins_to_overwrite: { type: Boolean },
     style: {},
-    printModeIdx: {}
+    printModeIdx: {},
+    when_used_in_section: {},
+    usedInSectionId: { default: "" }
   },
   emits: ["style"],
   setup(__props, { emit: __emit }) {
@@ -156940,12 +157031,42 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
       computed(() => [])
     );
     const { isCompletionWizardEnabled, retriggerWizard } = useCanvasCompletionWizard();
-    const isEditable = computed(
-      () => isImpact.value ? !props.data.selection_strategy || props.data.selection_strategy === "free" || isCompletionWizardEnabled.value && wizardStepSectionListIds.value.includes(props.id) : true
-    );
-    const isRemovable = computed(
-      () => isImpact.value ? !props.data.selection_strategy || props.data.selection_strategy === "free" : true
-    );
+    const {
+      isImpact,
+      mode,
+      isEditMode,
+      componentSelectedMode,
+      isViewOnlyMode,
+      componentEditMode,
+      componentNodesById,
+      activeCanvas,
+      saveCanvasContentWithContext,
+      removeComponentById,
+      setComponentSelectedMode,
+      setComponentSettingsMode,
+      updateNodeDataById,
+      canvasContent
+    } = useCanvas$1();
+    const { id, usedInSectionId, when_used_in_section } = toRefs(props);
+    const componentPermissions = useComponentPermissions({
+      id,
+      usedInSectionId,
+      when_used_in_section
+    });
+    const isEditable = computed(() => {
+      if (!componentPermissions.value.canEdit) return false;
+      if (isImpact.value) {
+        return !props.data.selection_strategy || props.data.selection_strategy === "free" || isCompletionWizardEnabled.value && wizardStepSectionListIds.value.includes(props.id);
+      }
+      return true;
+    });
+    const isRemovable = computed(() => {
+      if (!componentPermissions.value.canRemove) return false;
+      if (isImpact.value) {
+        return !props.data.selection_strategy || props.data.selection_strategy === "free";
+      }
+      return true;
+    });
     const sectionSelectorAppSrc = computed(() => {
       if (!sectionSelectorApps.value?.length || !props.data.selection_app_name) return null;
       const relatedApp = sectionSelectorApps.value.find((app) => app.app_metadata?.name === props.data.selection_app_name);
@@ -157012,7 +157133,7 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
           async (selectedData) => {
             console.info(`[SectionList]: Received done callback for ${props.id} with data`, selectedData);
             if (!selectedData) return;
-            const sections = (selectedData?.section_ids || []).map((id) => ({ id: typeof id === "string" ? id : id.id }));
+            const sections = (selectedData?.section_ids || []).map((id2) => ({ id: typeof id2 === "string" ? id2 : id2.id }));
             const updatedData = { ...props.data, sections };
             updateNodeDataById(props.id, updatedData);
             const currentContext = cloneDeep(activeCanvas.value?.context || {});
@@ -157038,22 +157159,6 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
         sectionListRef.value?.toggleSectionSelector();
       }
     }
-    const {
-      isImpact,
-      mode,
-      isEditMode,
-      componentSelectedMode,
-      isViewOnlyMode,
-      componentEditMode,
-      componentNodesById,
-      activeCanvas,
-      saveCanvasContentWithContext,
-      removeComponentById,
-      setComponentSelectedMode,
-      setComponentSettingsMode,
-      updateNodeDataById,
-      canvasContent
-    } = useCanvas$1();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         unref(shouldDisplayPlaceholderComponent)(unref(isEditMode), unref(mode), _ctx.visible) ? (openBlock(), createBlock(PlaceholderComponent, {
@@ -157061,25 +157166,25 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
           name: _ctx.tracking_id
         }, null, 8, ["name"])) : unref(isEditMode) && !unref(isViewOnlyMode) ? (openBlock(), createBlock(_sfc_main$34, {
           key: 1,
-          id: _ctx.id,
-          active: unref(componentEditMode) && unref(componentEditMode)?.id === _ctx.id,
+          id: unref(id),
+          active: unref(componentEditMode) && unref(componentEditMode)?.id === unref(id),
           class: normalizeClass({ "mt-12": sectionListName.value }),
           edit: isEditable.value,
           "exclude-stylables": [unref(ThemeComponentOptionEnum).COLOR_PICKER],
           remove: isRemovable.value,
-          selected: unref(componentSelectedMode) && unref(componentSelectedMode)?.id === _ctx.id,
+          selected: unref(componentSelectedMode) && unref(componentSelectedMode)?.id === unref(id),
           settings: "",
           stylable: "",
           style: normalizeStyle(unref(omit$1)(_ctx.style, "paddingBottom", "paddingLeft", "paddingTop", "paddingRight")),
           onEdit: handleEdit,
-          onRemove: _cache[0] || (_cache[0] = ($event) => unref(removeComponentById)(_ctx.id)),
-          onSelect: _cache[1] || (_cache[1] = ($event) => unref(setComponentSelectedMode)(_ctx.id)),
-          onSettings: _cache[2] || (_cache[2] = ($event) => unref(setComponentSettingsMode)(_ctx.id)),
+          onRemove: _cache[0] || (_cache[0] = ($event) => unref(removeComponentById)(unref(id))),
+          onSelect: _cache[1] || (_cache[1] = ($event) => unref(setComponentSelectedMode)(unref(id))),
+          onSettings: _cache[2] || (_cache[2] = ($event) => unref(setComponentSettingsMode)(unref(id))),
           onStyle: _cache[3] || (_cache[3] = ($event) => emit("style", $event))
         }, {
           default: withCtx(() => [
             createVNode(RawSectionList, mergeProps({
-              id: _ctx.id,
+              id: unref(id),
               ref_key: "sectionListRef",
               ref: sectionListRef,
               class: "pa-2",
@@ -157097,7 +157202,7 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
           _: 1
         }, 8, ["id", "active", "class", "edit", "exclude-stylables", "remove", "selected", "style"])) : (openBlock(), createBlock(RawSectionList, mergeProps({
           key: 2,
-          id: _ctx.id,
+          id: unref(id),
           data: _ctx.data
         }, unref(attrs), {
           "has-section-selector-app": !!sectionSelectorAppSrc.value,
@@ -159625,7 +159730,8 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
     autofill: {},
     linkable: {},
     autofill_content_types: {},
-    when_used_in_section: {}
+    when_used_in_section: {},
+    usedInSectionId: { default: "" }
   },
   emits: ["style"],
   setup(__props, { emit: __emit }) {
@@ -159640,12 +159746,42 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
       computed(() => ({}))
     );
     const { isCompletionWizardEnabled, retriggerWizard } = useCanvasCompletionWizard();
-    const isEditable = computed(
-      () => isImpact.value ? !props.data.selection_strategy || props.data.selection_strategy === "free" || isCompletionWizardEnabled.value && wizardStepSectionListIds.value.includes(props.id) : true
-    );
-    const isRemovable = computed(
-      () => isImpact.value ? !props.data.selection_strategy || props.data.selection_strategy === "free" : true
-    );
+    const {
+      isImpact,
+      mode,
+      isEditMode,
+      componentSelectedMode,
+      isViewOnlyMode,
+      componentEditMode,
+      componentNodesById,
+      activeCanvas,
+      saveCanvasContentWithContext,
+      removeComponentById,
+      setComponentSelectedMode,
+      setComponentSettingsMode,
+      updateNodeDataById,
+      canvasContent
+    } = useCanvas$1();
+    const { id, usedInSectionId, when_used_in_section } = toRefs(props);
+    const componentPermissions = useComponentPermissions({
+      id,
+      usedInSectionId,
+      when_used_in_section
+    });
+    const isEditable = computed(() => {
+      if (!componentPermissions.value.canEdit) return false;
+      if (isImpact.value) {
+        return !props.data.selection_strategy || props.data.selection_strategy === "free" || isCompletionWizardEnabled.value && wizardStepSectionListIds.value.includes(props.id);
+      }
+      return true;
+    });
+    const isRemovable = computed(() => {
+      if (!componentPermissions.value.canRemove) return false;
+      if (isImpact.value) {
+        return !props.data.selection_strategy || props.data.selection_strategy === "free";
+      }
+      return true;
+    });
     const sectionSelectorAppSrc = computed(() => {
       if (!sectionSelectorApps.value?.length || !props.data.selection_app_name) return null;
       const relatedApp = sectionSelectorApps.value.find((app) => app.app_metadata?.name === props.data.selection_app_name);
@@ -159712,7 +159848,7 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
           async (selectedData) => {
             console.info(`[SectionList]: Received done callback for ${props.id} with data`, selectedData);
             if (!selectedData) return;
-            const sections = (selectedData?.section_ids || []).map((id) => ({ id: typeof id === "string" ? id : id.id }));
+            const sections = (selectedData?.section_ids || []).map((id2) => ({ id: typeof id2 === "string" ? id2 : id2.id }));
             const updatedData = { ...props.data, sections };
             updateNodeDataById(props.id, updatedData);
             const currentContext = cloneDeep(activeCanvas.value?.context || {});
@@ -159738,22 +159874,6 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
         contentListRef.value?.toggleSectionSelector();
       }
     }
-    const {
-      isImpact,
-      mode,
-      isEditMode,
-      componentSelectedMode,
-      isViewOnlyMode,
-      componentEditMode,
-      componentNodesById,
-      activeCanvas,
-      saveCanvasContentWithContext,
-      removeComponentById,
-      setComponentSelectedMode,
-      setComponentSettingsMode,
-      updateNodeDataById,
-      canvasContent
-    } = useCanvas$1();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         unref(shouldDisplayPlaceholderComponent)(unref(isEditMode), unref(mode), _ctx.visible) ? (openBlock(), createBlock(PlaceholderComponent, {
@@ -159761,25 +159881,25 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
           name: _ctx.tracking_id
         }, null, 8, ["name"])) : unref(isEditMode) && !unref(isViewOnlyMode) ? (openBlock(), createBlock(_sfc_main$34, {
           key: 1,
-          id: _ctx.id,
-          active: unref(componentEditMode) && unref(componentEditMode)?.id === _ctx.id,
+          id: unref(id),
+          active: unref(componentEditMode) && unref(componentEditMode)?.id === unref(id),
           class: normalizeClass({ "mt-12": componentName.value }),
           edit: isEditable.value,
           "exclude-stylables": [unref(ThemeComponentOptionEnum).COLOR_PICKER],
           remove: isRemovable.value,
-          selected: unref(componentSelectedMode) && unref(componentSelectedMode)?.id === _ctx.id,
+          selected: unref(componentSelectedMode) && unref(componentSelectedMode)?.id === unref(id),
           settings: "",
           stylable: "",
           style: normalizeStyle(unref(omit$1)(_ctx.style, "paddingBottom", "paddingLeft", "paddingTop", "paddingRight")),
           onEdit: handleEdit,
-          onRemove: _cache[0] || (_cache[0] = ($event) => unref(removeComponentById)(_ctx.id)),
-          onSelect: _cache[1] || (_cache[1] = ($event) => unref(setComponentSelectedMode)(_ctx.id)),
-          onSettings: _cache[2] || (_cache[2] = ($event) => unref(setComponentSettingsMode)(_ctx.id)),
+          onRemove: _cache[0] || (_cache[0] = ($event) => unref(removeComponentById)(unref(id))),
+          onSelect: _cache[1] || (_cache[1] = ($event) => unref(setComponentSelectedMode)(unref(id))),
+          onSettings: _cache[2] || (_cache[2] = ($event) => unref(setComponentSettingsMode)(unref(id))),
           onStyle: _cache[3] || (_cache[3] = ($event) => emit("style", $event))
         }, {
           default: withCtx(() => [
             createVNode(ContentListRaw, mergeProps({
-              id: _ctx.id,
+              id: unref(id),
               ref_key: "contentListRef",
               ref: contentListRef,
               class: ["pa-2", props.class],
@@ -159797,7 +159917,7 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
           _: 1
         }, 8, ["id", "active", "class", "edit", "exclude-stylables", "remove", "selected", "style"])) : (openBlock(), createBlock(ContentListRaw, mergeProps({
           key: 2,
-          id: _ctx.id,
+          id: unref(id),
           data: _ctx.data
         }, unref(attrs), {
           "has-section-selector-app": !!sectionSelectorAppSrc.value,
@@ -161055,7 +161175,7 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
         showCustomSize.value ? (openBlock(), createElementBlock("div", _hoisted_3$N, [
           createElementVNode("div", _hoisted_4$F, [
             createElementVNode("label", _hoisted_5$y, toDisplayString(unref(t)("canvasUI.components.CPdfDimensionsSelector.width")), 1),
-            createVNode(_sfc_main$6B, {
+            createVNode(_sfc_main$6A, {
               value: localWidthValue.value,
               "onUpdate:value": [
                 _cache[0] || (_cache[0] = ($event) => localWidthValue.value = $event),
@@ -161068,7 +161188,7 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
           ]),
           createElementVNode("div", _hoisted_6$u, [
             createElementVNode("label", _hoisted_7$j, toDisplayString(unref(t)("canvasUI.components.CPdfDimensionsSelector.height")), 1),
-            createVNode(_sfc_main$6B, {
+            createVNode(_sfc_main$6A, {
               value: localHeightValue.value,
               "onUpdate:value": [
                 _cache[1] || (_cache[1] = ($event) => localHeightValue.value = $event),
@@ -161756,7 +161876,7 @@ const _sfc_main$1A = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                createVNode(_sfc_main$6B, {
+                createVNode(_sfc_main$6A, {
                   value: unref(backgroundVideoUrl),
                   "onUpdate:value": _cache[6] || (_cache[6] = ($event) => isRef(backgroundVideoUrl) ? backgroundVideoUrl.value = $event : null),
                   placeholder: unref(t)("canvasUI.canvasBuilder.canvasDrawerTheme.backgroundVideoLabel"),
@@ -161964,7 +162084,7 @@ const _sfc_main$1A = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                createVNode(_sfc_main$6B, {
+                createVNode(_sfc_main$6A, {
                   value: unref(backgroundVideoUrl),
                   "onUpdate:value": _cache[18] || (_cache[18] = ($event) => isRef(backgroundVideoUrl) ? backgroundVideoUrl.value = $event : null),
                   placeholder: unref(t)("canvasUI.canvasBuilder.canvasDrawerTheme.backgroundVideoLabel"),
@@ -162709,7 +162829,7 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
     );
     const areSectionsSystemControlled = computed(() => launchDarkly.value?.are_sections_system_controlled);
     const allowEditOrRemove = computed(
-      () => (selectedComponentType.value === ComponentTypes.Text || selectedComponentType.value === ComponentTypes.Carousel || selectedComponentType.value === ComponentTypes.Multimedia) && isAdmin.value && isSection.value
+      () => isAdmin.value && ((selectedComponentType.value === ComponentTypes.Text || selectedComponentType.value === ComponentTypes.Carousel || selectedComponentType.value === ComponentTypes.Multimedia) && isSection.value || launchDarkly.value.enable_template_component_permissions && isCanvasTemplate.value)
     );
     const canSelectSectionListStrategy = computed(
       () => isAdmin.value && isCanvasTemplate.value && isSectionOrContentList.value
@@ -162771,7 +162891,8 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
       formValues.contentGridDataAccessor = value || "";
     }
     function getEditOrRemoveOption() {
-      const map = activeSettingsNode.value?.when_used_in_section ?? cloneDeep(defaultWhenUsedInSection);
+      const defaultPermissions = isCanvasTemplate.value && launchDarkly.value.enable_template_component_permissions ? { is_editable: true, is_removable: true } : cloneDeep(defaultWhenUsedInSection);
+      const map = activeSettingsNode.value?.when_used_in_section ?? defaultPermissions;
       let value = "";
       value += map.is_editable ? "1" : "0";
       value += map.is_removable ? "1" : "0";
@@ -163272,7 +163393,7 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
   }
 });
 
-const ComponentDrawerSettings = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["__scopeId", "data-v-dce6a881"]]);
+const ComponentDrawerSettings = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["__scopeId", "data-v-1ab19780"]]);
 
 function useConnectUpload() {
   async function uploadToConnect(formData) {
@@ -164506,7 +164627,7 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
                                     createElementVNode("div", _hoisted_23$1, [
                                       createElementVNode("div", _hoisted_24$1, toDisplayString(prop.key), 1),
                                       createElementVNode("div", _hoisted_25$1, [
-                                        createVNode(_sfc_main$6B, {
+                                        createVNode(_sfc_main$6A, {
                                           value: prop.display_name,
                                           "onUpdate:value": ($event) => prop.display_name = $event,
                                           class: "bg-primary6 border-primary6 flex-1 max-w-[400px]",
@@ -165208,7 +165329,7 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
                                 createElementVNode("div", _hoisted_9$a, [
                                   createElementVNode("div", _hoisted_10$6, [
                                     createElementVNode("div", _hoisted_11$6, toDisplayString(unref(t)("canvasUI.canvasBuilder.customDataTable.path")), 1),
-                                    createVNode(_sfc_main$6B, {
+                                    createVNode(_sfc_main$6A, {
                                       value: level.path,
                                       "onUpdate:value": ($event) => level.path = $event,
                                       placeholder: unref(t)("canvasUI.canvasBuilder.customDataTable.pathPlaceholder")
@@ -165216,7 +165337,7 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
                                   ]),
                                   level.type === "group" ? (openBlock(), createElementBlock("div", _hoisted_12$3, [
                                     createElementVNode("div", _hoisted_13$3, toDisplayString(unref(t)("canvasUI.canvasBuilder.customDataTable.groupByKey")), 1),
-                                    createVNode(_sfc_main$6B, {
+                                    createVNode(_sfc_main$6A, {
                                       value: level.group_by_key,
                                       "onUpdate:value": ($event) => level.group_by_key = $event,
                                       placeholder: unref(t)("canvasUI.canvasBuilder.customDataTable.groupByKeyPlaceholder")
@@ -165291,7 +165412,7 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
                                     createElementVNode("div", _hoisted_18$1, [
                                       createElementVNode("div", _hoisted_19$1, toDisplayString(col.key), 1),
                                       createElementVNode("div", _hoisted_20$1, [
-                                        createVNode(_sfc_main$6B, {
+                                        createVNode(_sfc_main$6A, {
                                           value: col.display_name,
                                           "onUpdate:value": ($event) => col.display_name = $event,
                                           class: "bg-primary6 border-primary6 flex-1 max-w-[400px]",
@@ -165472,7 +165593,7 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
                               _: 1
                             }),
                             createElementVNode("div", _hoisted_28, toDisplayString(unref(t)("canvasUI.canvasBuilder.customDataTable.addColumn")), 1),
-                            createVNode(_sfc_main$6B, {
+                            createVNode(_sfc_main$6A, {
                               value: newColumnKey.value,
                               "onUpdate:value": _cache[3] || (_cache[3] = ($event) => newColumnKey.value = $event),
                               placeholder: unref(t)("canvasUI.canvasBuilder.customDataTable.addColumnPlaceholder"),
@@ -165502,7 +165623,7 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
                         createElementVNode("div", _hoisted_30, [
                           createElementVNode("div", _hoisted_31, toDisplayString(unref(t)("canvasUI.canvasBuilder.customDataTable.header")), 1),
                           createElementVNode("div", _hoisted_32, toDisplayString(unref(t)("canvasUI.canvasBuilder.customDataTable.headerHelp")), 1),
-                          createVNode(_sfc_main$6B, {
+                          createVNode(_sfc_main$6A, {
                             value: headerPath.value,
                             "onUpdate:value": _cache[4] || (_cache[4] = ($event) => headerPath.value = $event),
                             placeholder: unref(t)("canvasUI.canvasBuilder.customDataTable.headerPathPlaceholder"),
@@ -165512,7 +165633,7 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
                         createElementVNode("div", null, [
                           createElementVNode("div", _hoisted_33, toDisplayString(unref(t)("canvasUI.canvasBuilder.customDataTable.footer")), 1),
                           createElementVNode("div", _hoisted_34, toDisplayString(unref(t)("canvasUI.canvasBuilder.customDataTable.footerHelp")), 1),
-                          createVNode(_sfc_main$6B, {
+                          createVNode(_sfc_main$6A, {
                             value: footerPath.value,
                             "onUpdate:value": _cache[5] || (_cache[5] = ($event) => footerPath.value = $event),
                             placeholder: unref(t)("canvasUI.canvasBuilder.customDataTable.footerPathPlaceholder"),
@@ -166963,7 +167084,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
                   label: labels.name
                 }, unref(bindValidation)("name"), { required: "" }), {
                   default: withCtx(() => [
-                    createVNode(_sfc_main$6B, {
+                    createVNode(_sfc_main$6A, {
                       value: form.name,
                       "onUpdate:value": _cache[0] || (_cache[0] = ($event) => form.name = $event),
                       disabled: isCanvasLocked.value,
@@ -167030,7 +167151,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
                   label: labels.thumbnailUrl
                 }, {
                   default: withCtx(() => [
-                    createVNode(_sfc_main$6B, {
+                    createVNode(_sfc_main$6A, {
                       value: form.thumbnailUrl,
                       "onUpdate:value": _cache[6] || (_cache[6] = ($event) => form.thumbnailUrl = $event),
                       disabled: isCanvasLocked.value,
@@ -167365,7 +167486,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$6A, {
+      return openBlock(), createBlock(_sfc_main$6z, {
         class: "min-w-[720px] bg-base rounded-2",
         show: "",
         "z-index": 1200
@@ -167376,7 +167497,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
               createElementVNode("div", _hoisted_3$D, toDisplayString(unref(t)("canvasUI.canvasBuilder.components.aiPrompt.title")) + " (PIA) ", 1)
             ]),
             createElementVNode("div", _hoisted_4$x, [
-              createVNode(_sfc_main$6B, {
+              createVNode(_sfc_main$6A, {
                 value: prompt.value,
                 "onUpdate:value": _cache[0] || (_cache[0] = ($event) => prompt.value = $event),
                 class: "w-full rounded-lg min-h-[250px] text-base z-5",
@@ -167813,7 +167934,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
             [unref(vTooltip), app.app_metadata?.display_name || app.name]
           ]);
         }), 128)),
-        shouldShowPopover.value ? (openBlock(), createBlock(_sfc_main$6z, {
+        shouldShowPopover.value ? (openBlock(), createBlock(_sfc_main$6y, {
           key: 0,
           placement: _ctx.placement,
           showArrow: true,
@@ -169689,7 +169810,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
             ])
           ])
         ]),
-        createVNode(_sfc_main$6A, {
+        createVNode(_sfc_main$6z, {
           show: showCancelConfirmation.value,
           "onUpdate:show": [
             _cache[1] || (_cache[1] = ($event) => showCancelConfirmation.value = $event),
@@ -172043,7 +172164,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$6A, {
+      return openBlock(), createBlock(_sfc_main$6z, {
         "on-esc": close,
         show: "",
         "z-index": _ctx.zIndex
@@ -172169,7 +172290,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_sfc_main$6A, {
+        createVNode(_sfc_main$6z, {
           "auto-focus": false,
           show: "",
           to: _ctx.attachTo,
@@ -172214,7 +172335,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
                     _: 1
                   }, 16, ["model-value", "onUpdate:modelValue"]),
                   unref(isLoadingFiles) || !unref(areRequiredFilesLoaded) ? (openBlock(), createElementBlock("div", _hoisted_3$t, [
-                    createVNode(_sfc_main$6q, {
+                    createVNode(_sfc_main$6p, {
                       color: unref(themeVars).primary,
                       size: "large"
                     }, null, 8, ["color"])
@@ -173308,7 +173429,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$6A, {
+      return openBlock(), createBlock(_sfc_main$6z, {
         "on-esc": close,
         show: "",
         "z-index": _ctx.zIndex
@@ -173397,7 +173518,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_sfc_main$6A, {
+        createVNode(_sfc_main$6z, {
           "auto-focus": false,
           show: "",
           to: _ctx.attachTo,
@@ -174554,7 +174675,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$6A, {
+      return openBlock(), createBlock(_sfc_main$6z, {
         "on-esc": close,
         show: "",
         "z-index": _ctx.zIndex
@@ -174656,7 +174777,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     initialize();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_sfc_main$6A, {
+        createVNode(_sfc_main$6z, {
           "auto-focus": false,
           show: "",
           to: _ctx.attachTo,
@@ -174690,7 +174811,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
                     _: 1
                   }, 16, ["disabled", "model-value", "onUpdate:modelValue"])
                 ], 64)) : (openBlock(), createElementBlock("div", _hoisted_3$l, [
-                  createVNode(_sfc_main$6q, {
+                  createVNode(_sfc_main$6p, {
                     color: unref(themeVars).primary,
                     size: "large"
                   }, null, 8, ["color"])
@@ -175139,7 +175260,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               createElementVNode("div", _hoisted_1$v, [
                 createElementVNode("div", _hoisted_2$m, toDisplayString(unref(t)("canvasUI.browserApp.panel.title")), 1),
-                unref(apiGetters).isLoading ? (openBlock(), createBlock(_sfc_main$6q, {
+                unref(apiGetters).isLoading ? (openBlock(), createBlock(_sfc_main$6p, {
                   key: 0,
                   class: "m-a"
                 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
@@ -175200,7 +175321,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
           })
         ]),
         createElementVNode("div", _hoisted_3$h, [
-          _ctx.isLoading ? (openBlock(), createBlock(_sfc_main$6q, {
+          _ctx.isLoading ? (openBlock(), createBlock(_sfc_main$6p, {
             key: 0,
             class: "m-a"
           })) : renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true)
@@ -176990,7 +177111,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     const { selectedItemIds, isContentPanelOpen, displayedFavorites } = useAppStore$4();
     const getTypedItem = (item) => item;
     return (_ctx, _cache) => {
-      return unref(apiState).isFetchingFavorites ? (openBlock(), createBlock(_sfc_main$6q, {
+      return unref(apiState).isFetchingFavorites ? (openBlock(), createBlock(_sfc_main$6p, {
         key: 0,
         class: "flex h-full"
       })) : (openBlock(), createElementBlock("div", {
@@ -177046,7 +177167,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
       await fetchTemplate();
     });
     return (_ctx, _cache) => {
-      return unref(apiState).isFetchingRecentFiles ? (openBlock(), createBlock(_sfc_main$6q, {
+      return unref(apiState).isFetchingRecentFiles ? (openBlock(), createBlock(_sfc_main$6p, {
         key: 0,
         class: "flex h-full"
       })) : (openBlock(), createElementBlock("div", {
@@ -178202,7 +178323,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     const { appName } = useAppStore$4();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$f, [
-        createVNode(_sfc_main$6C, {
+        createVNode(_sfc_main$6B, {
           modelValue: form.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.value = $event),
           "app-name": unref(appName)
@@ -178420,7 +178541,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_sfc_main$6A, {
+        createVNode(_sfc_main$6z, {
           class: "max-h-[calc(100vh-48px)]",
           show: true
         }, {
@@ -178710,7 +178831,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                     ]),
                     createElementVNode("div", _hoisted_11, [
                       upload.uploadStatus === "transferring" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                        createVNode(_sfc_main$6q, {
+                        createVNode(_sfc_main$6p, {
                           class: "mr-1",
                           size: "small"
                         }),
@@ -184444,5 +184565,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, 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 };
+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$6r 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$6q 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$6o as CEmpty, _sfc_main$4m as CEntitySelector, _sfc_main$6L as CErrorFullScreen, _sfc_main$6n as CFeedback, _sfc_main$3o as CFileAccessManagement, _sfc_main$6B 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$6A 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$6z as CModal, CMonacoEditor, CMovableWidget, CMultiSelect, NNotificationProvider as CNotificationProvider, NPagination as CPagination, _sfc_main$6l as CPillSelect, _sfc_main$6y as CPopover, _sfc_main$6J as CProcessingOverlay, NProgress as CProgress, _sfc_main$5s as CRichTextEditor, _sfc_main$4q as CSavedCanvasesManagement, CSearch, _sfc_main$6w 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$6p as CSpin, _sfc_main$6F as CSwitch, CTable, _sfc_main$5c as CTableInput, CTableMore, CTableSelect, CTableTag, _sfc_main$6E as CTag, CTags, CTemplateAccessInfo, _sfc_main$3_ as CTemplateAccessManage, _sfc_main$4G as CTemplateManagement, text as CText, _sfc_main$6u as CThemeEditor, _sfc_main$4B as CThemeManagement, _sfc_main$5l as CToastProvider, CToolbar, _sfc_main$6s 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