npm - @pitcher/canvas-ui - Versions diffs - 2025.12.8-114937 → 2025.12.8-120823-beta - Mend

@pitcher/canvas-ui 2025.12.8-114937 → 2025.12.8-120823-beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (20) hide show

package/canvas-ui.css +4 -4
package/canvas-ui.js +680 -481
package/canvas-ui.js.map +1 -1
package/lib/apps/canvas-builder/components/ui/SectionList/SectionSelectorToolbar.vue.d.ts +12 -0
package/lib/types/launchDarkly.types.d.ts +1 -1
package/locale/de.json +4 -1
package/locale/el.json +4 -1
package/locale/en.json +4 -1
package/locale/es.json +4 -1
package/locale/fr.json +4 -1
package/locale/it.json +4 -1
package/locale/ja.json +4 -1
package/locale/nl.json +4 -1
package/locale/pl.json +4 -1
package/locale/pt-br.json +4 -1
package/locale/pt.json +4 -1
package/locale/th.json +4 -1
package/locale/tr.json +4 -1
package/locale/zh.json +4 -1
package/package.json +1 -1

package/canvas-ui.js CHANGED Viewed

@@ -79026,7 +79026,7 @@ const _hoisted_1$55 = {
   class: "flex flex-col gap-4"
 };
 const _hoisted_2$3I = { key: 0 };
-const _hoisted_3$2Y = { class: "flex flex-wrap gap-1" };
+const _hoisted_3$2Z = { class: "flex flex-wrap gap-1" };
 const _sfc_main$6C = /* @__PURE__ */ defineComponent({
   __name: "CTags",
   props: {
@@ -79212,7 +79212,7 @@ const _sfc_main$6C = /* @__PURE__ */ defineComponent({
         }, 8, ["disabled", "max", "value"]),
         _ctx.showSuggestedTags ? (openBlock(), createElementBlock("div", _hoisted_1$55, [
           _ctx.suggestedTagsTitle ? (openBlock(), createElementBlock("div", _hoisted_2$3I, toDisplayString(_ctx.suggestedTagsTitle), 1)) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_3$2Y, [
+          createElementVNode("div", _hoisted_3$2Z, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (option) => {
               return openBlock(), createBlock(_sfc_main$6D, {
                 key: option.value,
@@ -81113,8 +81113,8 @@ const TRACKING_EVENTS_STORAGE_KEY = "tracking_events";
 const _hoisted_1$51 = { class: "flex flex-col gap-4" };
 const _hoisted_2$3G = { class: "font-500 font-size-5" };
-const _hoisted_3$2X = { class: "flex flex-col" };
-const _hoisted_4$2l = { class: "font-size-[18px]" };
+const _hoisted_3$2Y = { class: "flex flex-col" };
+const _hoisted_4$2m = { class: "font-size-[18px]" };
 const _hoisted_5$1Y = { class: "font-size-[14px]" };
 const _hoisted_6$1E = { class: "flex flex-col" };
 const _hoisted_7$1f = { class: "font-size-[18px]" };
@@ -81309,8 +81309,8 @@ const _sfc_main$6l = /* @__PURE__ */ defineComponent({
                   icon: "bug",
                   size: "24px"
                 }),
-                createElementVNode("div", _hoisted_3$2X, [
-                  createElementVNode("div", _hoisted_4$2l, toDisplayString(unref(t)("canvasUI.components.CFeedback.bug.title")), 1),
+                createElementVNode("div", _hoisted_3$2Y, [
+                  createElementVNode("div", _hoisted_4$2m, toDisplayString(unref(t)("canvasUI.components.CFeedback.bug.title")), 1),
                   createElementVNode("div", _hoisted_5$1Y, toDisplayString(unref(t)("canvasUI.components.CFeedback.bug.subtitle")), 1)
                 ])
               ]),
@@ -81406,8 +81406,8 @@ const _sfc_main$6j = /* @__PURE__ */ defineComponent({
 const _hoisted_1$4_ = { class: "c-confirmation-modal__header" };
 const _hoisted_2$3D = { class: "font-normal c-confirmation-modal__title" };
-const _hoisted_3$2W = { class: "mt-9 c-confirmation-modal__footer" };
-const _hoisted_4$2k = { class: "flex flex-grow flex-wrap justify-between" };
+const _hoisted_3$2X = { class: "mt-9 c-confirmation-modal__footer" };
+const _hoisted_4$2l = { class: "flex flex-grow flex-wrap justify-between" };
 const _sfc_main$6i = /* @__PURE__ */ defineComponent({
   __name: "CConfirmationModal",
   props: {
@@ -81446,9 +81446,9 @@ const _sfc_main$6i = /* @__PURE__ */ defineComponent({
                 ], true)
               ]),
               renderSlot(_ctx.$slots, "default", {}, void 0, true),
-              createElementVNode("div", _hoisted_3$2W, [
+              createElementVNode("div", _hoisted_3$2X, [
                 renderSlot(_ctx.$slots, "footer", {}, () => [
-                  createElementVNode("div", _hoisted_4$2k, [
+                  createElementVNode("div", _hoisted_4$2l, [
                     _ctx.isCancel ? (openBlock(), createBlock(CButton, {
                       key: 0,
                       bordered: false,
@@ -81587,7 +81587,7 @@ const _sfc_main$6f = /* @__PURE__ */ defineComponent({
 const _hoisted_1$4W = { class: "c-secondary-nav" };
 const _hoisted_2$3B = { class: "c-secondary-nav__nav-items" };
-const _hoisted_3$2V = { class: "c-secondary-nav__slot" };
+const _hoisted_3$2W = { class: "c-secondary-nav__slot" };
 const _sfc_main$6e = /* @__PURE__ */ defineComponent({
   __name: "CSecondaryNav",
   props: {
@@ -81625,7 +81625,7 @@ const _sfc_main$6e = /* @__PURE__ */ defineComponent({
             }, 1032, ["style", "onClick"]);
           }), 128))
         ]),
-        createElementVNode("div", _hoisted_3$2V, [
+        createElementVNode("div", _hoisted_3$2W, [
           renderSlot(_ctx.$slots, "right", {}, void 0, true)
         ])
       ]);
@@ -81640,11 +81640,11 @@ const _hoisted_2$3A = {
   key: 0,
   class: "canvas-list-item__subtitle my-1"
 };
-const _hoisted_3$2U = {
+const _hoisted_3$2V = {
   key: 1,
   class: "canvas-list-item__description mt-1"
 };
-const _hoisted_4$2j = { class: "flex items-center pr-3" };
+const _hoisted_4$2k = { class: "flex items-center pr-3" };
 const _sfc_main$6d = /* @__PURE__ */ defineComponent({
   __name: "CCanvasSelectorListItem",
   props: {
@@ -81678,9 +81678,9 @@ const _sfc_main$6d = /* @__PURE__ */ defineComponent({
             class: normalizeClass(["canvas-list-item__title", { "canvas-list-item__title--selected": isSelected.value }])
           }, toDisplayString(_ctx.canvas.name || "-"), 3),
           _ctx.canvas.subtitle ? (openBlock(), createElementBlock("div", _hoisted_2$3A, toDisplayString(_ctx.canvas.subtitle), 1)) : createCommentVNode("", true),
-          lastUsed.value && !_ctx.canvas.subtitle ? (openBlock(), createElementBlock("div", _hoisted_3$2U, toDisplayString(unref(t)("canvasUI.CCanvasSelector.edited")) + " " + toDisplayString(lastUsed.value), 1)) : createCommentVNode("", true)
+          lastUsed.value && !_ctx.canvas.subtitle ? (openBlock(), createElementBlock("div", _hoisted_3$2V, toDisplayString(unref(t)("canvasUI.CCanvasSelector.edited")) + " " + toDisplayString(lastUsed.value), 1)) : createCommentVNode("", true)
         ]),
-        createElementVNode("div", _hoisted_4$2j, [
+        createElementVNode("div", _hoisted_4$2k, [
           isSelected.value ? (openBlock(), createBlock(CIcon, {
             key: 0,
             "fa-type": "fas",
@@ -81708,8 +81708,8 @@ var CanvasStatus = /* @__PURE__ */ ((CanvasStatus2) => {
 const _hoisted_1$4U = { class: "c-canvas-selector flex flex-col w-full" };
 const _hoisted_2$3z = { class: "my-4" };
-const _hoisted_3$2T = { class: "flex flex-col h-full overflow-auto" };
-const _hoisted_4$2i = {
+const _hoisted_3$2U = { class: "flex flex-col h-full overflow-auto" };
+const _hoisted_4$2j = {
   key: 0,
   class: "c-canvas-selector__list-title mb-1"
 };
@@ -81777,8 +81777,8 @@ const _sfc_main$6c = /* @__PURE__ */ defineComponent({
           class: "mb-3",
           onSelectCanvas: onCanvasSelect
         }, null, 8, ["active-canvas-id", "canvas"])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3$2T, [
-          _ctx.canvases?.length ? (openBlock(), createElementBlock("div", _hoisted_4$2i, toDisplayString(unref(t)("canvasUI.CCanvasSelector.lastUsed")), 1)) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_3$2U, [
+          _ctx.canvases?.length ? (openBlock(), createElementBlock("div", _hoisted_4$2j, toDisplayString(unref(t)("canvasUI.CCanvasSelector.lastUsed")), 1)) : createCommentVNode("", true),
           createVNode(_sfc_main$6o, {
             class: "h-full",
             show: _ctx.isLoading
@@ -81815,11 +81815,11 @@ const CCanvasSelector = /* @__PURE__ */ _export_sfc(_sfc_main$6c, [["__scopeId",
 const _hoisted_1$4T = { class: "h-full b-rounded-1 contact-selector__selected px-4 py-2 flex flex-col" };
 const _hoisted_2$3y = { class: "flex items-center mb-1 contact-selector__selected-header" };
-const _hoisted_3$2S = {
+const _hoisted_3$2T = {
   key: 0,
   class: "ml-a"
 };
-const _hoisted_4$2h = {
+const _hoisted_4$2i = {
   key: 0,
   class: "flex items-center cursor-grab contact-selector__drag-grip"
 };
@@ -81923,7 +81923,7 @@ const _sfc_main$6b = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["class"]),
-          selectedItems.value && _ctx.simpleView && _ctx.allowAccountChange ? (openBlock(), createElementBlock("div", _hoisted_3$2S, [
+          selectedItems.value && _ctx.simpleView && _ctx.allowAccountChange ? (openBlock(), createElementBlock("div", _hoisted_3$2T, [
             createVNode(CButton, {
               disabled: _ctx.loading,
               quaternary: "",
@@ -81945,7 +81945,7 @@ const _sfc_main$6b = /* @__PURE__ */ defineComponent({
         createElementVNode("div", {
           class: normalizeClass(["flex contact-selector__list-items", { "calendar-drag-list": _ctx.isDraggable }])
         }, [
-          selectedItems.value && _ctx.isDraggable ? (openBlock(), createElementBlock("div", _hoisted_4$2h, [
+          selectedItems.value && _ctx.isDraggable ? (openBlock(), createElementBlock("div", _hoisted_4$2i, [
             createVNode(CIcon, {
               class: "pl-1 pr-3",
               color: unref(themeVars).primary4,
@@ -82172,8 +82172,8 @@ const _hoisted_1$4S = {
   class: "account-list-item w-full pb-3"
 };
 const _hoisted_2$3x = { class: "account-list-item__content b-rounded-1 overflow-hidden" };
-const _hoisted_3$2R = ["aria-label"];
-const _hoisted_4$2g = { class: "account-header__left" };
+const _hoisted_3$2S = ["aria-label"];
+const _hoisted_4$2h = { class: "account-header__left" };
 const _hoisted_5$1V = { class: "account-header__content truncate" };
 const _hoisted_6$1B = ["innerHTML"];
 const _hoisted_7$1c = {
@@ -82283,7 +82283,7 @@ const _sfc_main$6a = /* @__PURE__ */ defineComponent({
             class: normalizeClass(["account-header select-none flex items-center", { "cursor-pointer": !!_ctx.contacts?.length }]),
             onClick: onCollapse
           }, [
-            createElementVNode("div", _hoisted_4$2g, [
+            createElementVNode("div", _hoisted_4$2h, [
               _ctx.contacts?.length ? (openBlock(), createBlock(CIcon, {
                 key: 0,
                 class: "mx-3",
@@ -82333,7 +82333,7 @@ const _sfc_main$6a = /* @__PURE__ */ defineComponent({
                 }, 8, ["aria-label", "class", "disabled"])
               ])
             ])
-          ], 10, _hoisted_3$2R),
+          ], 10, _hoisted_3$2S),
           !collapsed.value ? (openBlock(), createElementBlock("div", _hoisted_12$r, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.contacts, (contact) => {
               return openBlock(), createElementBlock("div", {
@@ -82641,8 +82641,8 @@ const CContactSelectorAccountsWithContacts = /* @__PURE__ */ _export_sfc(__defau
 const _hoisted_1$4Q = { class: "pb-3" };
 const _hoisted_2$3w = { class: "c-contact-selector__colleague-item flex items-center b-rounded-1" };
-const _hoisted_3$2Q = { class: "c-contact-selector__colleague-item__left" };
-const _hoisted_4$2f = { class: "c-contact-selector__colleague-item__content" };
+const _hoisted_3$2R = { class: "c-contact-selector__colleague-item__left" };
+const _hoisted_4$2g = { class: "c-contact-selector__colleague-item__content" };
 const _hoisted_5$1U = ["innerHTML"];
 const _hoisted_6$1A = {
   key: 0,
@@ -82710,7 +82710,7 @@ const _sfc_main$69 = /* @__PURE__ */ defineComponent({
                 default: withCtx(({ item: colleague }) => [
                   createElementVNode("div", _hoisted_1$4Q, [
                     createElementVNode("div", _hoisted_2$3w, [
-                      createElementVNode("div", _hoisted_3$2Q, [
+                      createElementVNode("div", _hoisted_3$2R, [
                         createVNode(CIcon, {
                           class: "mx-4",
                           color: unref(themeVars).primary4,
@@ -82718,7 +82718,7 @@ const _sfc_main$69 = /* @__PURE__ */ defineComponent({
                           size: 16
                         }, null, 8, ["color"])
                       ]),
-                      createElementVNode("div", _hoisted_4$2f, [
+                      createElementVNode("div", _hoisted_4$2g, [
                         createElementVNode("div", {
                           class: "font-600 underline truncate",
                           innerHTML: unref(highlight)(colleague.FirstName + " " + colleague.LastName, _ctx.search)
@@ -83224,8 +83224,8 @@ const _hoisted_2$3t = {
   class: "flex flex-col w-full max-w-[calc(100%-18px)] py-1",
   style: { letterSpacing: "0px" }
 };
-const _hoisted_3$2P = { class: "font-bold" };
-const _hoisted_4$2e = { class: "font-bold" };
+const _hoisted_3$2Q = { class: "font-bold" };
+const _hoisted_4$2f = { class: "font-bold" };
 const _hoisted_5$1T = { key: 0 };
 const _hoisted_6$1z = { class: "underline underline-solid cursor-pointer select-none c-create-canvas-model-templates-select-option__more-tags" };
 const _hoisted_7$1a = {
@@ -83261,7 +83261,7 @@ const _sfc_main$64 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$4N, [
         createElementVNode("div", _hoisted_2$3t, [
-          createElementVNode("div", _hoisted_3$2P, toDisplayString(_ctx.option.label), 1),
+          createElementVNode("div", _hoisted_3$2Q, toDisplayString(_ctx.option.label), 1),
           createElementVNode("div", null, [
             !_ctx.isBlank ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
               tags.value.length ? (openBlock(), createElementBlock("div", {
@@ -83269,7 +83269,7 @@ const _sfc_main$64 = /* @__PURE__ */ defineComponent({
                 class: "flex flex-wrap items-center gap-1 font-size-3",
                 style: normalizeStyle({ color: unref(themeVars).text2 })
               }, [
-                createElementVNode("div", _hoisted_4$2e, toDisplayString(unref(t)("canvasUI.CCreateCanvasModal.tags")), 1),
+                createElementVNode("div", _hoisted_4$2f, toDisplayString(unref(t)("canvasUI.CCreateCanvasModal.tags")), 1),
                 (openBlock(true), createElementBlock(Fragment, null, renderList(tags.value, (tag, index) => {
                   return openBlock(), createElementBlock("div", {
                     key: index,
@@ -84078,7 +84078,7 @@ const _hoisted_2$3s = {
   key: 1,
   class: "mt-2 text-xs font-normal leading-5"
 };
-const _hoisted_3$2O = { key: 0 };
+const _hoisted_3$2P = { key: 0 };
 const _sfc_main$61 = /* @__PURE__ */ defineComponent({
   __name: "CSlider",
   props: {
@@ -84121,7 +84121,7 @@ const _sfc_main$61 = /* @__PURE__ */ defineComponent({
           value: _ctx.value
         }, null, 8, ["disabled", "format-tooltip", "max", "min", "on-update:value", "placement", "step", "style", "value"]),
         _ctx.helpText || unref(slots).helpText ? (openBlock(), createElementBlock("div", _hoisted_2$3s, [
-          _ctx.helpText ? (openBlock(), createElementBlock("span", _hoisted_3$2O, toDisplayString(_ctx.helpText), 1)) : unref(slots).helpText ? renderSlot(_ctx.$slots, "helpText", { key: 1 }) : createCommentVNode("", true)
+          _ctx.helpText ? (openBlock(), createElementBlock("span", _hoisted_3$2P, toDisplayString(_ctx.helpText), 1)) : unref(slots).helpText ? renderSlot(_ctx.$slots, "helpText", { key: 1 }) : createCommentVNode("", true)
         ])) : createCommentVNode("", true)
       ]);
     };
@@ -85247,8 +85247,8 @@ function getExcessItemsIndexes(arrA, arrB) {
 const _hoisted_1$4L = { class: "flex items-center gap-2 w-full" };
 const _hoisted_2$3r = { class: "flex flex-col items-center gap-2 w-full" };
-const _hoisted_3$2N = { class: "mt-3" };
-const _hoisted_4$2d = { key: 1 };
+const _hoisted_3$2O = { class: "mt-3" };
+const _hoisted_4$2e = { key: 1 };
 const _hoisted_5$1S = {
   key: 1,
   class: "text-sm color-error"
@@ -85485,7 +85485,7 @@ const _sfc_main$5$ = /* @__PURE__ */ defineComponent({
                                     size: "26px"
                                   })
                                 ]),
-                                createElementVNode("div", _hoisted_3$2N, toDisplayString(unref(t)("canvasUI.CThemeSettingsStep.uploadHint")), 1)
+                                createElementVNode("div", _hoisted_3$2O, toDisplayString(unref(t)("canvasUI.CThemeSettingsStep.uploadHint")), 1)
                               ]),
                               _: 1
                             })
@@ -85500,7 +85500,7 @@ const _sfc_main$5$ = /* @__PURE__ */ defineComponent({
                             isSaving.value ? (openBlock(), createBlock(unref(NSpin), {
                               key: 0,
                               size: "small"
-                            })) : (openBlock(), createElementBlock("span", _hoisted_4$2d, toDisplayString(unref(t)("canvasUI.CThemeSettingsStep.uploadFont")), 1))
+                            })) : (openBlock(), createElementBlock("span", _hoisted_4$2e, toDisplayString(unref(t)("canvasUI.CThemeSettingsStep.uploadFont")), 1))
                           ]),
                           _: 1
                         })) : createCommentVNode("", true),
@@ -85825,8 +85825,8 @@ function useSharedTranslations() {
 const _hoisted_1$4I = { class: "c-typography-configurator-item flex flex-col gap-2" };
 const _hoisted_2$3q = { class: "font-bold" };
-const _hoisted_3$2M = { class: "flex gap-2" };
-const _hoisted_4$2c = { class: "flex flex-col gap-2" };
+const _hoisted_3$2N = { class: "flex gap-2" };
+const _hoisted_4$2d = { class: "flex flex-col gap-2" };
 const _hoisted_5$1R = { class: "flex gap-2" };
 const _sfc_main$5X = /* @__PURE__ */ defineComponent({
   __name: "CTypographyConfiguratorItem",
@@ -85880,7 +85880,7 @@ const _sfc_main$5X = /* @__PURE__ */ defineComponent({
           value: _ctx.item.font_family,
           "onUpdate:value": _cache[0] || (_cache[0] = ($event) => updateItem("font_family", $event))
         }, null, 8, ["options", "placeholder", "value"]),
-        createElementVNode("div", _hoisted_3$2M, [
+        createElementVNode("div", _hoisted_3$2N, [
           createVNode(CSelect, {
             bordered: "",
             class: "w-1/2",
@@ -85913,7 +85913,7 @@ const _sfc_main$5X = /* @__PURE__ */ defineComponent({
               title: unref(t)("canvasUI.CTypographyConfiguratorItem.advancedSettings")
             }, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_4$2c, [
+                createElementVNode("div", _hoisted_4$2d, [
                   createElementVNode("div", _hoisted_5$1R, [
                     createElementVNode("div", null, [
                       createVNode(_sfc_main$5Y, {
@@ -86047,8 +86047,8 @@ const _hoisted_2$3p = {
   key: 0,
   class: "flex items-center gap-2 border rounded overflow-hidden shadow-sm p-2"
 };
-const _hoisted_3$2L = { class: "w-[60px] h-[60px] bg-gray-50 flex items-center justify-center flex-shrink-0" };
-const _hoisted_4$2b = ["src"];
+const _hoisted_3$2M = { class: "w-[60px] h-[60px] bg-gray-50 flex items-center justify-center flex-shrink-0" };
+const _hoisted_4$2c = ["src"];
 const _hoisted_5$1Q = { class: "flex-1 min-w-0 flex items-center" };
 const _hoisted_6$1y = { class: "text-sm color-text truncate max-w-[calc(100%-70px)]" };
 const _hoisted_7$19 = { class: "flex gap-1 ml-auto flex-shrink-0" };
@@ -86201,12 +86201,12 @@ const _sfc_main$5U = /* @__PURE__ */ defineComponent({
                     default: withCtx(() => [
                       createElementVNode("div", _hoisted_1$4G, [
                         _ctx.modelValue.logo ? (openBlock(), createElementBlock("div", _hoisted_2$3p, [
-                          createElementVNode("div", _hoisted_3$2L, [
+                          createElementVNode("div", _hoisted_3$2M, [
                             createElementVNode("img", {
                               alt: "Logo",
                               class: "max-h-[50px] max-w-[50px] object-contain",
                               src: _ctx.modelValue.logo.url
-                            }, null, 8, _hoisted_4$2b)
+                            }, null, 8, _hoisted_4$2c)
                           ]),
                           createElementVNode("div", _hoisted_5$1Q, [
                             createElementVNode("span", _hoisted_6$1y, toDisplayString(_ctx.modelValue.logo.name), 1),
@@ -86329,7 +86329,7 @@ const _sfc_main$5U = /* @__PURE__ */ defineComponent({
 const _hoisted_1$4F = { key: 0 };
 const _hoisted_2$3o = { class: "flex justify-between gap-2 w-full" };
-const _hoisted_3$2K = { class: "flex gap-2" };
+const _hoisted_3$2L = { class: "flex gap-2" };
 const _sfc_main$5T = /* @__PURE__ */ defineComponent({
   __name: "CCreateThemeModal",
   props: {
@@ -86419,7 +86419,7 @@ const _sfc_main$5T = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }),
-            createElementVNode("div", _hoisted_3$2K, [
+            createElementVNode("div", _hoisted_3$2L, [
               currentStep.value > 1 ? (openBlock(), createBlock(CButton, {
                 key: 0,
                 loading: _ctx.isLoading,
@@ -86727,8 +86727,8 @@ function useFolderNameDescription() {
 const _hoisted_1$4B = { class: "flex flex-col p-2 gap-2 justify-center overflow-hidden" };
 const _hoisted_2$3n = { class: "overflow-hidden flex items-center gap-2" };
-const _hoisted_3$2J = { class: "c-result__title font-bold truncate" };
-const _hoisted_4$2a = {
+const _hoisted_3$2K = { class: "c-result__title font-bold truncate" };
+const _hoisted_4$2b = {
   key: 1,
   class: "truncate color-text2 font-size-[14px]"
 };
@@ -86803,7 +86803,7 @@ const _sfc_main$5P = /* @__PURE__ */ defineComponent({
               size: 12
             }, null, 8, ["icon"])) : createCommentVNode("", true),
             createElementVNode("div", null, [
-              createElementVNode("div", _hoisted_3$2J, toDisplayString(_ctx.item.name), 1),
+              createElementVNode("div", _hoisted_3$2K, toDisplayString(_ctx.item.name), 1),
               _ctx.item.folder && _ctx.item.folder.id !== _ctx.rootFolderId ? (openBlock(), createElementBlock("div", {
                 key: 0,
                 class: "inline-flex items-center gap-1 color-text2 font-size-[14px] leading-trim-both text-edge-cap font-normal leading-normal tracking-[0.4px]",
@@ -86811,7 +86811,7 @@ const _sfc_main$5P = /* @__PURE__ */ defineComponent({
               }, [
                 createVNode(CIcon, { icon: "folder" }),
                 createTextVNode(" " + toDisplayString(folderDisplayName.value), 1)
-              ])) : appItem.value?.description ? (openBlock(), createElementBlock("div", _hoisted_4$2a, toDisplayString(appItem.value.description), 1)) : createCommentVNode("", true)
+              ])) : appItem.value?.description ? (openBlock(), createElementBlock("div", _hoisted_4$2b, toDisplayString(appItem.value.description), 1)) : createCommentVNode("", true)
             ])
           ]),
           _ctx.item.headline ? (openBlock(), createElementBlock("div", {
@@ -86837,8 +86837,8 @@ const CResult = /* @__PURE__ */ _export_sfc(_sfc_main$5P, [["__scopeId", "data-v
 const _hoisted_1$4A = { class: "c-result-section flex flex-col gap-2" };
 const _hoisted_2$3m = { class: "c-result-section__header flex items-center gap-4 justify-between" };
-const _hoisted_3$2I = { class: "flex items-center gap-2 truncate" };
-const _hoisted_4$29 = { class: "title__text truncate" };
+const _hoisted_3$2J = { class: "flex items-center gap-2 truncate" };
+const _hoisted_4$2a = { class: "title__text truncate" };
 const _hoisted_5$1O = { class: "align-right truncate" };
 const _hoisted_6$1x = { class: "flex flex-col gap-2" };
 const _sfc_main$5O = /* @__PURE__ */ defineComponent({
@@ -86859,12 +86859,12 @@ const _sfc_main$5O = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("section", _hoisted_1$4A, [
         createElementVNode("header", _hoisted_2$3m, [
-          createElementVNode("div", _hoisted_3$2I, [
+          createElementVNode("div", _hoisted_3$2J, [
             createVNode(CIcon, {
               icon: _ctx.icon,
               size: 12
             }, null, 8, ["icon"]),
-            createElementVNode("strong", _hoisted_4$29, toDisplayString(_ctx.title) + " (" + toDisplayString(_ctx.quantity) + ")", 1)
+            createElementVNode("strong", _hoisted_4$2a, toDisplayString(_ctx.title) + " (" + toDisplayString(_ctx.quantity) + ")", 1)
           ]),
           createElementVNode("span", _hoisted_5$1O, [
             createTextVNode(toDisplayString(unref(t)("canvasUI.CGlobalSearch.foundIn")) + " ", 1),
@@ -86889,7 +86889,7 @@ const _hoisted_2$3l = {
   key: 0,
   class: "c-global-search-results__no-results text-center items-center p-4 flex flex-col gap-2 border-rounded-1"
 };
-const _hoisted_3$2H = {
+const _hoisted_3$2I = {
   key: 1,
   class: "flex flex-col gap-4"
 };
@@ -87006,7 +87006,7 @@ const _sfc_main$5N = /* @__PURE__ */ defineComponent({
             icon: "radar"
           }),
           createTextVNode(" " + toDisplayString(unref(t)("canvasUI.CGlobalSearch.noResults")), 1)
-        ])) : (openBlock(), createElementBlock("div", _hoisted_3$2H, [
+        ])) : (openBlock(), createElementBlock("div", _hoisted_3$2I, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(sections.value, (section) => {
             return openBlock(), createBlock(CResultSection, {
               key: section.icon,
@@ -87110,7 +87110,7 @@ const _sfc_main$5M = /* @__PURE__ */ defineComponent({
 const _hoisted_1$4x = { class: "mb-2" };
 const _hoisted_2$3k = { class: "text-body-2 font-400 mb-1" };
-const _hoisted_3$2G = { class: "flex justify-between items-center" };
+const _hoisted_3$2H = { class: "flex justify-between items-center" };
 const _sfc_main$5L = /* @__PURE__ */ defineComponent({
   __name: "CRenameModal",
   props: {
@@ -87186,7 +87186,7 @@ const _sfc_main$5L = /* @__PURE__ */ defineComponent({
                 class: "text-sm mb-6",
                 style: normalizeStyle({ color: unref(themeVars).text3 })
               }, toDisplayString(description.value), 5)) : createCommentVNode("", true),
-              createElementVNode("div", _hoisted_3$2G, [
+              createElementVNode("div", _hoisted_3$2H, [
                 createVNode(CButton, { onClick: onCancel }, {
                   default: withCtx(() => [
                     createTextVNode(toDisplayString(cancelText.value), 1)
@@ -94132,8 +94132,8 @@ function isEmbeddableWithZeroHeight(component) {
 const _hoisted_1$4w = { class: "flex items-center gap-2 c-component-list-item relative" };
 const _hoisted_2$3j = { class: "flex flex-col min-h-8" };
-const _hoisted_3$2F = { class: "overflow-hidden" };
-const _hoisted_4$28 = {
+const _hoisted_3$2G = { class: "overflow-hidden" };
+const _hoisted_4$29 = {
   key: 0,
   class: "description"
 };
@@ -94275,7 +94275,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
                   icon: unref(icon).name,
                   size: _ctx.description ? 24 : 16
                 }, null, 8, ["color", "fa-type", "icon", "size"])),
-                createElementVNode("div", _hoisted_3$2F, [
+                createElementVNode("div", _hoisted_3$2G, [
                   withDirectives((openBlock(), createElementBlock("div", {
                     class: "title font-500 text-truncate",
                     style: normalizeStyle({ fontSize: _ctx.description ? "18px" : "14px" })
@@ -94284,7 +94284,7 @@ const _sfc_main$5K = /* @__PURE__ */ defineComponent({
                   ], 4)), [
                     [_directive_tooltip, displayTitle.value]
                   ]),
-                  _ctx.description ? (openBlock(), createElementBlock("div", _hoisted_4$28, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true)
+                  _ctx.description ? (openBlock(), createElementBlock("div", _hoisted_4$29, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true)
                 ]),
                 hasChildren.value ? (openBlock(), createBlock(CButton, {
                   key: 2,
@@ -94367,7 +94367,7 @@ const _hoisted_1$4v = {
   class: "c-metadata-badge inline-block"
 };
 const _hoisted_2$3i = ["innerHTML"];
-const _hoisted_3$2E = { key: 1 };
+const _hoisted_3$2F = { key: 1 };
 const _sfc_main$5J = /* @__PURE__ */ defineComponent({
   __name: "CMetaDataBadge",
   props: {
@@ -94393,7 +94393,7 @@ const _sfc_main$5J = /* @__PURE__ */ defineComponent({
               _ctx.highlightText ? (openBlock(), createElementBlock("span", {
                 key: 0,
                 innerHTML: unref(highlight)(String(_ctx.value), _ctx.highlightText)
-              }, null, 8, _hoisted_2$3i)) : (openBlock(), createElementBlock("span", _hoisted_3$2E, toDisplayString(_ctx.value), 1))
+              }, null, 8, _hoisted_2$3i)) : (openBlock(), createElementBlock("span", _hoisted_3$2F, toDisplayString(_ctx.value), 1))
             ], 64)) : createCommentVNode("", true)
           ]),
           _: 1
@@ -94499,8 +94499,8 @@ function useCoreApi() {
 const _hoisted_1$4u = { class: "px-0 pt-2 pb-0 border-b border-gray-200" };
 const _hoisted_2$3h = { class: "relative" };
-const _hoisted_3$2D = ["placeholder"];
-const _hoisted_4$27 = ["onClick"];
+const _hoisted_3$2E = ["placeholder"];
+const _hoisted_4$28 = ["onClick"];
 const _hoisted_5$1M = {
   key: 1,
   class: "flex items-center mt-4"
@@ -95363,7 +95363,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                   onFocus: _cache[2] || (_cache[2] = ($event) => isInputFocused.value = true),
                   onInput: _cache[3] || (_cache[3] = ($event) => handleSearchInput(searchQuery.value)),
                   onKeydown: handleSuggestionKeydown
-                }, null, 42, _hoisted_3$2D), [
+                }, null, 42, _hoisted_3$2E), [
                   [vModelText, searchQuery.value]
                 ]),
                 searchQuery.value.trim() ? (openBlock(), createElementBlock("button", {
@@ -95400,7 +95400,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                         size: "14"
                       }),
                       createTextVNode(" " + toDisplayString(suggestion), 1)
-                    ], 10, _hoisted_4$27);
+                    ], 10, _hoisted_4$28);
                   }), 128))
                 ], 512)) : createCommentVNode("", true)
               ]),
@@ -98844,7 +98844,7 @@ const _hoisted_2$3e = {
   key: 1,
   class: "py-2 px-3"
 };
-const _hoisted_3$2C = { class: "flex items-center justify-between mb-2" };
+const _hoisted_3$2D = { class: "flex items-center justify-between mb-2" };
 const _sfc_main$5s = /* @__PURE__ */ defineComponent({
   __name: "CFormatterWithFieldSelect",
   props: {
@@ -99228,7 +99228,7 @@ const _sfc_main$5s = /* @__PURE__ */ defineComponent({
               placeholder: unref(t)("canvasUI.CHandlebarsHelperTreeSelect.searchPlaceholder")
             }, null, 8, ["options", "placeholder"])
           ])) : step.value === "field" ? (openBlock(), createElementBlock("div", _hoisted_2$3e, [
-            createElementVNode("div", _hoisted_3$2C, [
+            createElementVNode("div", _hoisted_3$2D, [
               _cache[3] || (_cache[3] = createElementVNode("span", { class: "text-sm font-bold" }, "Now Select CRM Field", -1)),
               createVNode(CButton, {
                 class: "text-xs",
@@ -99267,11 +99267,11 @@ const CFormatterWithFieldSelect = /* @__PURE__ */ _export_sfc(_sfc_main$5s, [["_
 const _hoisted_1$4o = { class: "c-editor-menu__content px-3 py-1 gap-1 flex items-center" };
 const _hoisted_2$3d = { class: "flex flex-wrap" };
-const _hoisted_3$2B = {
+const _hoisted_3$2C = {
   key: 0,
   class: "flex items-center justify-between gap-1"
 };
-const _hoisted_4$26 = {
+const _hoisted_4$27 = {
   key: 0,
   class: "flex items-center"
 };
@@ -99411,8 +99411,8 @@ const _sfc_main$5r = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("div", _hoisted_1$4o, [
           createElementVNode("div", _hoisted_2$3d, [
-            isTextSelected.value || !isAddingTable.value && !_ctx.editor.isActive("table") ? (openBlock(), createElementBlock("div", _hoisted_3$2B, [
-              _ctx.allowEdit ? (openBlock(), createElementBlock("div", _hoisted_4$26, [
+            isTextSelected.value || !isAddingTable.value && !_ctx.editor.isActive("table") ? (openBlock(), createElementBlock("div", _hoisted_3$2C, [
+              _ctx.allowEdit ? (openBlock(), createElementBlock("div", _hoisted_4$27, [
                 createVNode(_sfc_main$5H, { editor: _ctx.editor }, null, 8, ["editor"]),
                 showFontControls.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                   !editorFeatures.value.canvasTokens ? (openBlock(), createBlock(_sfc_main$5G, {
@@ -100258,7 +100258,7 @@ const CMonacoEditor = /* @__PURE__ */ _export_sfc(_sfc_main$5p, [["__scopeId", "
 const _hoisted_1$4l = { class: "c-single-select flex flex-col gap-2 pa-2" };
 const _hoisted_2$3a = ["onClick"];
-const _hoisted_3$2A = { class: "ml-2" };
+const _hoisted_3$2B = { class: "ml-2" };
 const _sfc_main$5o = /* @__PURE__ */ defineComponent({
   __name: "CSingleSelect",
   props: {
@@ -100290,7 +100290,7 @@ const _sfc_main$5o = /* @__PURE__ */ defineComponent({
               class: "ml-2",
               icon: option.icon
             }, null, 8, ["icon"])) : createCommentVNode("", true),
-            createElementVNode("span", _hoisted_3$2A, toDisplayString(option.title), 1)
+            createElementVNode("span", _hoisted_3$2B, toDisplayString(option.title), 1)
           ], 10, _hoisted_2$3a);
         }), 128))
       ]);
@@ -100390,8 +100390,8 @@ const _sfc_main$5n = /* @__PURE__ */ defineComponent({
 const _hoisted_1$4k = ["onClick"];
 const _hoisted_2$39 = { class: "ml-2" };
-const _hoisted_3$2z = { class: "flex flex-1 justify-end" };
-const _hoisted_4$25 = { class: "mr-2 rounded-5 px-2 py-1 c-multi-select__item__counter font-500 text-3 line-height-none" };
+const _hoisted_3$2A = { class: "flex flex-1 justify-end" };
+const _hoisted_4$26 = { class: "mr-2 rounded-5 px-2 py-1 c-multi-select__item__counter font-500 text-3 line-height-none" };
 const _sfc_main$5m = /* @__PURE__ */ defineComponent({
   __name: "CMultiSelect",
   props: {
@@ -100454,8 +100454,8 @@ const _sfc_main$5m = /* @__PURE__ */ defineComponent({
                     "onUpdate:value": () => toggleItem(item)
                   }, null, 8, ["checked", "value", "onUpdate:value"]),
                   createElementVNode("span", _hoisted_2$39, toDisplayString(item.title), 1),
-                  createElementVNode("div", _hoisted_3$2z, [
-                    createElementVNode("span", _hoisted_4$25, toDisplayString(item.count), 1)
+                  createElementVNode("div", _hoisted_3$2A, [
+                    createElementVNode("span", _hoisted_4$26, toDisplayString(item.count), 1)
                   ])
                 ], 10, _hoisted_1$4k);
               }), 128))
@@ -100566,8 +100566,8 @@ const CVirtualTableRow = /* @__PURE__ */ _export_sfc(_sfc_main$5l, [["__scopeId"
 const _hoisted_1$4i = { class: "c-virtual-table w-full h-full flex flex-col" };
 const _hoisted_2$38 = { class: "w-full flex c-virtual-table__header" };
-const _hoisted_3$2y = { class: "overflow-hidden c-virtual-table__content" };
-const _hoisted_4$24 = {
+const _hoisted_3$2z = { class: "overflow-hidden c-virtual-table__content" };
+const _hoisted_4$25 = {
   key: 0,
   class: "flex py-8 justify-center h-full"
 };
@@ -100664,8 +100664,8 @@ const _sfc_main$5k = /* @__PURE__ */ defineComponent({
             ], 2);
           }), 128))
         ]),
-        createElementVNode("div", _hoisted_3$2y, [
-          tableDataWithIndexes.value?.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_4$24, [
+        createElementVNode("div", _hoisted_3$2z, [
+          tableDataWithIndexes.value?.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_4$25, [
             createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.common.noData")), 1)
           ])) : (openBlock(), createElementBlock("div", {
             key: 1,
@@ -100905,8 +100905,8 @@ function useFilterSuggestions(options = {}) {
 const _hoisted_1$4g = ["v-bind"];
 const _hoisted_2$37 = { class: "flex items-center px-6 font-size-4" };
-const _hoisted_3$2x = { class: "mb-2 py-2 px-6" };
-const _hoisted_4$23 = { class: "flex items-center" };
+const _hoisted_3$2y = { class: "mb-2 py-2 px-6" };
+const _hoisted_4$24 = { class: "flex items-center" };
 const _hoisted_5$1J = { key: 0 };
 const _hoisted_6$1u = {
   key: 1,
@@ -101144,7 +101144,7 @@ const _sfc_main$5h = /* @__PURE__ */ defineComponent({
             onClick: onClearSearch
           }, toDisplayString(unref(t)("canvasUI.components.filters.clear")), 1)) : createCommentVNode("", true)
         ]),
-        createElementVNode("div", _hoisted_3$2x, [
+        createElementVNode("div", _hoisted_3$2y, [
           !_ctx.isCustom && !!unref(pitcherSettings).enable_search_filter_with_suggestions ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             !hasMoreData.value && distinctValues.value.length > 0 ? (openBlock(), createBlock(unref(NSelect), {
               key: 0,
@@ -101203,7 +101203,7 @@ const _sfc_main$5h = /* @__PURE__ */ defineComponent({
             onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
           }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_4$23, [
+              createElementVNode("div", _hoisted_4$24, [
                 !_ctx.modelValue ? (openBlock(), createElementBlock("div", _hoisted_5$1J, toDisplayString(filterName.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_6$1u, toDisplayString(`${filterName.value}:`), 1)),
                 _ctx.modelValue ? (openBlock(), createElementBlock("div", _hoisted_7$17, toDisplayString(_ctx.modelValue), 1)) : createCommentVNode("", true)
               ])
@@ -101280,8 +101280,8 @@ const CSearchFilter = /* @__PURE__ */ _export_sfc(_sfc_main$5h, [["__scopeId", "
 const _hoisted_1$4f = ["v-bind"];
 const _hoisted_2$36 = { class: "flex items-center gap-2 px-6 font-size-4" };
-const _hoisted_3$2w = { class: "mb-2 py-2 px-6" };
-const _hoisted_4$22 = { class: "flex items-center" };
+const _hoisted_3$2x = { class: "mb-2 py-2 px-6" };
+const _hoisted_4$23 = { class: "flex items-center" };
 const _hoisted_5$1I = { key: 0 };
 const _hoisted_6$1t = {
   key: 1,
@@ -101385,7 +101385,7 @@ const _sfc_main$5g = /* @__PURE__ */ defineComponent({
             onClick: onClearSelection
           }, toDisplayString(unref(t)("canvasUI.components.filters.clear")), 1)) : createCommentVNode("", true)
         ]),
-        createElementVNode("div", _hoisted_3$2w, [
+        createElementVNode("div", _hoisted_3$2x, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option) => {
             return openBlock(), createElementBlock("div", {
               key: option.value,
@@ -101430,7 +101430,7 @@ const _sfc_main$5g = /* @__PURE__ */ defineComponent({
             onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
           }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_4$22, [
+              createElementVNode("div", _hoisted_4$23, [
                 !activeFilterValues.value.length ? (openBlock(), createElementBlock("div", _hoisted_5$1I, toDisplayString(filterName.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_6$1t, toDisplayString(`${filterName.value}:`), 1)),
                 activeFilterValues.value.length ? (openBlock(), createElementBlock("div", _hoisted_7$16, toDisplayString(activeFilterValues.value[0]?.label), 1)) : createCommentVNode("", true),
                 activeFilterValues.value.length > 1 ? (openBlock(), createElementBlock("div", {
@@ -101505,8 +101505,8 @@ const CSelectFilter = /* @__PURE__ */ _export_sfc(_sfc_main$5g, [["__scopeId", "
 const _hoisted_1$4e = ["v-bind"];
 const _hoisted_2$35 = { class: "flex items-center px-6 font-size-4" };
-const _hoisted_3$2v = { class: "mb-2 py-2 px-6" };
-const _hoisted_4$21 = { key: 0 };
+const _hoisted_3$2w = { class: "mb-2 py-2 px-6" };
+const _hoisted_4$22 = { key: 0 };
 const _hoisted_5$1H = {
   key: 1,
   class: "font-bold"
@@ -101597,7 +101597,7 @@ const _sfc_main$5f = /* @__PURE__ */ defineComponent({
             onClick: onClearSelection
           }, toDisplayString(unref(t)("canvasUI.components.filters.clear")), 1)) : createCommentVNode("", true)
         ]),
-        createElementVNode("div", _hoisted_3$2v, [
+        createElementVNode("div", _hoisted_3$2w, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option) => {
             return openBlock(), createElementBlock("div", {
               key: option.value,
@@ -101650,7 +101650,7 @@ const _sfc_main$5f = /* @__PURE__ */ defineComponent({
             onClick: togglePopover
           }, {
             default: withCtx(() => [
-              !activeFilter.value && !_ctx.modelValue ? (openBlock(), createElementBlock("span", _hoisted_4$21, toDisplayString(filterName.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_5$1H, toDisplayString(`${filterName.value}:`), 1)),
+              !activeFilter.value && !_ctx.modelValue ? (openBlock(), createElementBlock("span", _hoisted_4$22, toDisplayString(filterName.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_5$1H, toDisplayString(`${filterName.value}:`), 1)),
               activeFilter.value || _ctx.modelValue ? (openBlock(), createElementBlock("span", _hoisted_6$1s, toDisplayString(activeFilter.value ? activeFilter.value.label : `${_ctx.modelValue?.[0]} - ${_ctx.modelValue?.[1]}`), 1)) : createCommentVNode("", true)
             ]),
             _: 1
@@ -101934,7 +101934,7 @@ const _sfc_main$5e = /* @__PURE__ */ defineComponent({
 const _hoisted_1$4c = { class: "flex flex-col gap-1" };
 const _hoisted_2$33 = { class: "flex flex-wrap gap-1" };
-const _hoisted_3$2u = { class: "font-bold" };
+const _hoisted_3$2v = { class: "font-bold" };
 const _sfc_main$5d = /* @__PURE__ */ defineComponent({
   __name: "CCanvasDeleteDialogContent",
   props: {
@@ -101946,7 +101946,7 @@ const _sfc_main$5d = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$4c, [
         createElementVNode("div", _hoisted_2$33, [
           createElementVNode("div", null, toDisplayString(_ctx.texts.name), 1),
-          createElementVNode("div", _hoisted_3$2u, toDisplayString(_ctx.name), 1)
+          createElementVNode("div", _hoisted_3$2v, toDisplayString(_ctx.name), 1)
         ]),
         createElementVNode("div", null, toDisplayString(_ctx.texts.info), 1)
       ]);
@@ -101961,11 +101961,11 @@ const DEFAULT_PAGE_SIZE_OPTIONS = [20, 30, 50, 100];
 const _hoisted_1$4b = { class: "c-table rounded-2 pa-2 bg-base" };
 const _hoisted_2$32 = { key: 0 };
-const _hoisted_3$2t = {
+const _hoisted_3$2u = {
   key: 0,
   class: "sticky top-0 z-2 overflow-hidden w-[26px]"
 };
-const _hoisted_4$20 = ["onClick"];
+const _hoisted_4$21 = ["onClick"];
 const _hoisted_5$1G = ["onMousedown", "onTouchstart"];
 const _hoisted_6$1r = { key: 1 };
 const _hoisted_7$14 = {
@@ -102323,7 +102323,7 @@ const _sfc_main$5c = /* @__PURE__ */ defineComponent({
           }, [
             !!unref(table).getRowModel().rows.length ? (openBlock(), createElementBlock("thead", _hoisted_2$32, [
               createElementVNode("tr", null, [
-                _ctx.selectedRows && _ctx.selectable ? (openBlock(), createElementBlock("th", _hoisted_3$2t, [
+                _ctx.selectedRows && _ctx.selectable ? (openBlock(), createElementBlock("th", _hoisted_3$2u, [
                   createElementVNode("div", {
                     class: "py-2 h-[40px] flex pl-3 items-center select-none bg-base",
                     style: normalizeStyle({ borderBottom: `1px solid ${unref(themeVars).primary5}` })
@@ -102398,7 +102398,7 @@ const _sfc_main$5c = /* @__PURE__ */ defineComponent({
                       onMousedown: withModifiers(($event) => handleResizeStart($event, header), ["stop"]),
                       onTouchstart: withModifiers(($event) => handleResizeStart($event, header), ["stop"])
                     }, null, 46, _hoisted_5$1G)) : createCommentVNode("", true)
-                  ], 14, _hoisted_4$20);
+                  ], 14, _hoisted_4$21);
                 }), 128))
               ])
             ])) : createCommentVNode("", true),
@@ -102576,8 +102576,8 @@ const _hoisted_1$4a = {
   class: "flex items-center relative c-table-input--view flex-auto"
 };
 const _hoisted_2$31 = { class: "h-full flex gap-1 items-center relative min-w-0 flex-1 c-table-input--view__value" };
-const _hoisted_3$2s = ["innerHTML"];
-const _hoisted_4$1$ = { class: "flex-shrink-0" };
+const _hoisted_3$2t = ["innerHTML"];
+const _hoisted_4$20 = { class: "flex-shrink-0" };
 const _hoisted_5$1F = {
   key: 1,
   class: "flex items-center gap-[2px] c-table-input--edit flex-auto"
@@ -102653,7 +102653,7 @@ const _sfc_main$5a = /* @__PURE__ */ defineComponent({
               ref: textRef,
               class: normalizeClass(["overflow-hidden text-ellipsis whitespace-nowrap min-w-0", _ctx.valueClass]),
               innerHTML: unref(highlight)(_ctx.modelValue, _ctx.search)
-            }, null, 10, _hoisted_3$2s), [
+            }, null, 10, _hoisted_3$2t), [
               [_directive_tooltip, showTooltip.value ? _ctx.modelValue : null]
             ]),
             !_ctx.readonly && (!unref(isPitcherOrIosDevice) || _ctx.alwaysDisplayEditIcon) ? withDirectives((openBlock(), createElementBlock("div", {
@@ -102669,7 +102669,7 @@ const _sfc_main$5a = /* @__PURE__ */ defineComponent({
               [_directive_tooltip, unref(t)("canvasUI.common.edit")]
             ]) : createCommentVNode("", true)
           ]),
-          createElementVNode("div", _hoisted_4$1$, [
+          createElementVNode("div", _hoisted_4$20, [
             renderSlot(_ctx.$slots, "suffix")
           ])
         ])) : _ctx.state === "edit" ? (openBlock(), createElementBlock("div", _hoisted_5$1F, [
@@ -102704,11 +102704,11 @@ const _hoisted_2$30 = {
   key: 0,
   class: "flex items-center c-table-tag--view"
 };
-const _hoisted_3$2r = {
+const _hoisted_3$2s = {
   key: 0,
   class: "c-table-tag--view__tags flex flex-wrap items-center truncate gap-1"
 };
-const _hoisted_4$1_ = {
+const _hoisted_4$1$ = {
   key: 0,
   class: "font-size-[14px] tracking-[0.4px] leading-normal color-text2 whitespace-pre-wrap"
 };
@@ -102813,8 +102813,8 @@ const _sfc_main$59 = /* @__PURE__ */ defineComponent({
       const _directive_tooltip = resolveDirective("tooltip");
       return openBlock(), createElementBlock("div", _hoisted_1$49, [
         _ctx.state === "view" ? (openBlock(), createElementBlock("div", _hoisted_2$30, [
-          tags.value.length ? (openBlock(), createElementBlock("div", _hoisted_3$2r, [
-            _ctx.displayAsText ? (openBlock(), createElementBlock("div", _hoisted_4$1_, [
+          tags.value.length ? (openBlock(), createElementBlock("div", _hoisted_3$2s, [
+            _ctx.displayAsText ? (openBlock(), createElementBlock("div", _hoisted_4$1$, [
               createElementVNode("span", {
                 innerHTML: unref(highlight)(tags.value.join(", "), _ctx.search)
               }, null, 8, _hoisted_5$1E)
@@ -102917,8 +102917,8 @@ const CTableTag = /* @__PURE__ */ _export_sfc(_sfc_main$59, [["__scopeId", "data
 const _hoisted_1$48 = { class: "flex flex-col w-full px-2" };
 const _hoisted_2$2$ = { class: "font-bold" };
-const _hoisted_3$2q = { class: "flex flex-col gap-2 mt-2 mb-4" };
-const _hoisted_4$1Z = ["onDragstart", "onDrop"];
+const _hoisted_3$2r = { class: "flex flex-col gap-2 mt-2 mb-4" };
+const _hoisted_4$1_ = ["onDragstart", "onDrop"];
 const _sfc_main$58 = /* @__PURE__ */ defineComponent({
   __name: "CTableColumnsSettings",
   props: {
@@ -102985,7 +102985,7 @@ const _sfc_main$58 = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1$48, [
             createElementVNode("div", _hoisted_2$2$, toDisplayString(unref(t)("canvasUI.components.CTableColumnsSettings.show")), 1),
-            createElementVNode("div", _hoisted_3$2q, [
+            createElementVNode("div", _hoisted_3$2r, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tableColumnsSettings, (item, index) => {
                 return openBlock(), createElementBlock("div", {
                   key: item.id,
@@ -103006,7 +103006,7 @@ const _sfc_main$58 = /* @__PURE__ */ defineComponent({
                     value: item.id,
                     "onUpdate:checked": ($event) => handleItemClick(item, $event)
                   }, null, 8, ["checked", "label", "value", "onUpdate:checked"])
-                ], 42, _hoisted_4$1Z);
+                ], 42, _hoisted_4$1_);
               }), 128))
             ]),
             createVNode(CButton, {
@@ -103030,7 +103030,7 @@ const CTableColumnsSettings = /* @__PURE__ */ _export_sfc(_sfc_main$58, [["__sco
 const _hoisted_1$47 = { class: "c-search-filters flex flex-wrap items-center gap-2 w-full" };
 const _hoisted_2$2_ = { class: "flex flex-col ma-2" };
-const _hoisted_3$2p = {
+const _hoisted_3$2q = {
   key: 0,
   class: "flex flex-wrap gap-2"
 };
@@ -103557,7 +103557,7 @@ const _sfc_main$57 = /* @__PURE__ */ defineComponent({
               createVNode(unref(NCollapse), { "default-expanded-names": expandedNames.value }, {
                 default: withCtx(() => [
                   createElementVNode("div", _hoisted_2$2_, [
-                    hasAnySystemFilter.value ? (openBlock(), createElementBlock("div", _hoisted_3$2p, [
+                    hasAnySystemFilter.value ? (openBlock(), createElementBlock("div", _hoisted_3$2q, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(systemFilters.value, (f) => {
                         return openBlock(), createBlock(_sfc_main$5i, {
                           key: f.name,
@@ -104325,7 +104325,7 @@ function useSectionSmartFolderStore() {
 const _hoisted_1$46 = { class: "c-section-management-toolbar flex flex-wrap justify-between items-start gap-4 pa-4 rounded-2 bg-base" };
 const _hoisted_2$2Z = { class: "flex flex-wrap items-center gap-2 flex-1" };
-const _hoisted_3$2o = { class: "flex gap-2" };
+const _hoisted_3$2p = { class: "flex gap-2" };
 const _sfc_main$56 = /* @__PURE__ */ defineComponent({
   __name: "CSectionManagementToolbar",
   props: {
@@ -104386,7 +104386,7 @@ const _sfc_main$56 = /* @__PURE__ */ defineComponent({
             "onUpdate:search": _cache[1] || (_cache[1] = ($event) => emit("search", $event))
           }), null, 16, ["customFilterComponents", "disabled", "filters", "include-draft-values", "initial-search-value", "placeholder"])
         ]),
-        createElementVNode("div", _hoisted_3$2o, [
+        createElementVNode("div", _hoisted_3$2p, [
           showSmartFolderToggle.value ? withDirectives((openBlock(), createBlock(CButton, {
             key: 0,
             circle: "",
@@ -104594,7 +104594,7 @@ const _hoisted_1$44 = {
 const _hoisted_2$2Y = {
   class: "flex items-center gap-4"
 };
-const _hoisted_3$2n = {
+const _hoisted_3$2o = {
   class: "flex items-center gap-2"
 };
 const ACTIONS_FONT_SIZE_CLASS = 'font-size-4';
@@ -104798,7 +104798,7 @@ const _sfc_main$54 = /*@__PURE__*/defineComponent({
           size: "12px"
         })]),
         _: 1
-      }, 8, ["disabled"])), [[unref(vTooltip), props.shareboxTooltip || unref(t)('canvasUI.browserApp.contextMenu.addToSharebox')]]) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_3$2n, [renderSlot(_ctx.$slots, "start"), _ctx.showFavorite ? withDirectives((openBlock(), createBlock(CButton, {
+      }, 8, ["disabled"])), [[unref(vTooltip), props.shareboxTooltip || unref(t)('canvasUI.browserApp.contextMenu.addToSharebox')]]) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_3$2o, [renderSlot(_ctx.$slots, "start"), _ctx.showFavorite ? withDirectives((openBlock(), createBlock(CButton, {
         key: 0,
         circle: "",
         color: _ctx.areAllSelectedFavorites ? unref(themeVars).accent : unref(themeVars).primary,
@@ -104887,7 +104887,7 @@ const _sfc_main$53 = /* @__PURE__ */ defineComponent({
 const _hoisted_1$43 = { class: "c-popularity-and-engagement-icons" };
 const _hoisted_2$2X = { key: 0 };
-const _hoisted_3$2m = { key: 1 };
+const _hoisted_3$2n = { key: 1 };
 const _sfc_main$52 = /* @__PURE__ */ defineComponent({
   __name: "CPopularityAndEngagementIcons",
   props: {
@@ -105051,7 +105051,7 @@ const _sfc_main$52 = /* @__PURE__ */ defineComponent({
           ]),
           default: withCtx(() => [
             _ctx.popularity?.value ? (openBlock(), createElementBlock("span", _hoisted_2$2X, toDisplayString(_ctx.popularity?.value) + "% " + toDisplayString(unref(t)("canvasUI.CPopularityAndEngagementIcons.popularityScore")) + ", ", 1)) : createCommentVNode("", true),
-            _ctx.views ? (openBlock(), createElementBlock("span", _hoisted_3$2m, toDisplayString(unref(t)("canvasUI.CPopularityAndEngagementIcons.views")) + ": " + toDisplayString(_ctx.views), 1)) : createCommentVNode("", true)
+            _ctx.views ? (openBlock(), createElementBlock("span", _hoisted_3$2n, toDisplayString(unref(t)("canvasUI.CPopularityAndEngagementIcons.views")) + ": " + toDisplayString(_ctx.views), 1)) : createCommentVNode("", true)
           ]),
           _: 1
         }, 8, ["style", "trigger"])) : createCommentVNode("", true),
@@ -105255,8 +105255,8 @@ function usePopularity() {
 const _hoisted_1$42 = { class: "mb-2" };
 const _hoisted_2$2W = { class: "w-full" };
-const _hoisted_3$2l = { class: "text-left px-2 py-1 font-bold bg-primary5" };
-const _hoisted_4$1Y = { class: "text-left px-2 py-1 font-bold bg-primary5" };
+const _hoisted_3$2m = { class: "text-left px-2 py-1 font-bold bg-primary5" };
+const _hoisted_4$1Z = { class: "text-left px-2 py-1 font-bold bg-primary5" };
 const _hoisted_5$1D = { class: "text-left px-2 py-1 font-bold bg-primary5" };
 const _hoisted_6$1p = { class: "px-2 py-1" };
 const _hoisted_7$12 = { class: "px-2 py-1" };
@@ -105281,8 +105281,8 @@ const _sfc_main$51 = /* @__PURE__ */ defineComponent({
         createElementVNode("table", _hoisted_2$2W, [
           createElementVNode("thead", null, [
             createElementVNode("tr", null, [
-              createElementVNode("th", _hoisted_3$2l, toDisplayString(_ctx.nameText ?? unref(t)("canvasUI.components.templates.CBulkDeleteErrors.name")), 1),
-              createElementVNode("th", _hoisted_4$1Y, toDisplayString(_ctx.idText ?? unref(t)("canvasUI.components.templates.CBulkDeleteErrors.id")), 1),
+              createElementVNode("th", _hoisted_3$2m, toDisplayString(_ctx.nameText ?? unref(t)("canvasUI.components.templates.CBulkDeleteErrors.name")), 1),
+              createElementVNode("th", _hoisted_4$1Z, toDisplayString(_ctx.idText ?? unref(t)("canvasUI.components.templates.CBulkDeleteErrors.id")), 1),
               createElementVNode("th", _hoisted_5$1D, toDisplayString(_ctx.msgText ?? unref(t)("canvasUI.components.templates.CBulkDeleteErrors.errorMessage")), 1)
             ])
           ]),
@@ -107160,7 +107160,7 @@ const _hoisted_1$40 = {
   class: "flex items-center gap-2"
 };
 const _hoisted_2$2U = { key: 0 };
-const _hoisted_3$2k = {
+const _hoisted_3$2l = {
   key: 0,
   class: "flex gap-2"
 };
@@ -107231,7 +107231,7 @@ const _sfc_main$4Z = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            unref(launchDarkly).selectors_dnd_batch_add_style && ["buttons"].includes(unref(launchDarkly).selectors_dnd_batch_add_style) ? (openBlock(), createElementBlock("div", _hoisted_3$2k, [
+            unref(launchDarkly).selectors_dnd_batch_add_style && ["buttons"].includes(unref(launchDarkly).selectors_dnd_batch_add_style) ? (openBlock(), createElementBlock("div", _hoisted_3$2l, [
               createVNode(CButton, {
                 size: "small",
                 onClick: _cache[2] || (_cache[2] = ($event) => emit("items-added", _ctx.selectedItemIds, "top"))
@@ -107314,10 +107314,10 @@ const _hoisted_1$3$ = {
 const _hoisted_2$2T = {
   class: "actions-toolbar__nav bg-base rounded-2 pa-4 pb-4 flex flex-col gap-3"
 };
-const _hoisted_3$2j = {
+const _hoisted_3$2k = {
   class: "flex justify-between items-center flex-wrap"
 };
-const _hoisted_4$1X = {
+const _hoisted_4$1Y = {
   class: "breadcrumb-area flex justify-between gap-2 items-center truncate"
 };
 const _hoisted_5$1C = {
@@ -107537,7 +107537,7 @@ const _sfc_main$4Y = /*@__PURE__*/defineComponent({
     }
     return (_ctx, _cache) => {
       const _directive_tooltip = resolveDirective("tooltip");
-      return openBlock(), createElementBlock("div", _hoisted_1$3$, [createElementVNode("div", _hoisted_2$2T, [createElementVNode("div", _hoisted_3$2j, [createElementVNode("div", _hoisted_4$1X, [createVNode(unref(NBreadcrumb), {
+      return openBlock(), createElementBlock("div", _hoisted_1$3$, [createElementVNode("div", _hoisted_2$2T, [createElementVNode("div", _hoisted_3$2k, [createElementVNode("div", _hoisted_4$1Y, [createVNode(unref(NBreadcrumb), {
         class: "overflow-x-auto",
         separator: ">"
       }, {
@@ -107789,11 +107789,11 @@ const _sfc_main$4W = /* @__PURE__ */ defineComponent({
 const _hoisted_1$3Z = { class: "c-list w-full flex flex-col" };
 const _hoisted_2$2S = { class: "overflow-hidden c-list__content" };
-const _hoisted_3$2i = {
+const _hoisted_3$2j = {
   key: 0,
   class: "flex py-8 justify-center h-full"
 };
-const _hoisted_4$1W = ["data-index"];
+const _hoisted_4$1X = ["data-index"];
 const _sfc_main$4V = /* @__PURE__ */ defineComponent({
   __name: "CList",
   props: {
@@ -107881,7 +107881,7 @@ const _sfc_main$4V = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$3Z, [
         createElementVNode("div", _hoisted_2$2S, [
-          listDataWithIndices.value?.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_3$2i, [
+          listDataWithIndices.value?.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_3$2j, [
             createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.common.noData")), 1)
           ])) : (openBlock(), createElementBlock("div", {
             key: 1,
@@ -107934,7 +107934,7 @@ const _sfc_main$4V = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 2
                   }, 1032, ["context-menu-x", "context-menu-y", "index", "is-context-menu-open", "item", "movable", "selected-ids"])
-                ], 12, _hoisted_4$1W);
+                ], 12, _hoisted_4$1X);
               }), 128))
             ], 4)) : createCommentVNode("", true)
           ], 4))
@@ -108061,8 +108061,8 @@ const _hoisted_1$3X = {
   class: "c-popularity-and-engagement-icons flex flex-wrap"
 };
 const _hoisted_2$2R = { key: 0 };
-const _hoisted_3$2h = { key: 1 };
-const _hoisted_4$1V = { key: 0 };
+const _hoisted_3$2i = { key: 1 };
+const _hoisted_4$1W = { key: 0 };
 const _hoisted_5$1B = { key: 1 };
 const _hoisted_6$1n = { key: 0 };
 const _hoisted_7$10 = { key: 0 };
@@ -108212,7 +108212,7 @@ const _sfc_main$4S = /* @__PURE__ */ defineComponent({
                   _ctx.variation === "extended" ? (openBlock(), createElementBlock("div", _hoisted_2$2R, [
                     createElementVNode("span", null, toDisplayString(_ctx.popularity?.value) + "% ", 1),
                     createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CPopularityAndEngagementIcons.popularityScore")), 1)
-                  ])) : _ctx.variation === "compact" ? (openBlock(), createElementBlock("div", _hoisted_3$2h, [
+                  ])) : _ctx.variation === "compact" ? (openBlock(), createElementBlock("div", _hoisted_3$2i, [
                     createElementVNode("span", null, toDisplayString(_ctx.popularity?.value) + "% ", 1)
                   ])) : createCommentVNode("", true)
                 ]),
@@ -108225,7 +108225,7 @@ const _sfc_main$4S = /* @__PURE__ */ defineComponent({
             ], 2)
           ]),
           default: withCtx(() => [
-            _ctx.popularity?.value ? (openBlock(), createElementBlock("span", _hoisted_4$1V, toDisplayString(_ctx.popularity?.value) + "% " + toDisplayString(unref(t)("canvasUI.CPopularityAndEngagementIcons.popularityScore")) + ", ", 1)) : createCommentVNode("", true),
+            _ctx.popularity?.value ? (openBlock(), createElementBlock("span", _hoisted_4$1W, toDisplayString(_ctx.popularity?.value) + "% " + toDisplayString(unref(t)("canvasUI.CPopularityAndEngagementIcons.popularityScore")) + ", ", 1)) : createCommentVNode("", true),
             _ctx.views ? (openBlock(), createElementBlock("span", _hoisted_5$1B, toDisplayString(unref(t)("canvasUI.CPopularityAndEngagementIcons.views")) + ": " + toDisplayString(_ctx.views), 1)) : createCommentVNode("", true)
           ]),
           _: 1
@@ -109533,8 +109533,8 @@ function openFolder(folderId) {
 const _hoisted_1$3W = { class: "flex items-center" };
 const _hoisted_2$2Q = { class: "my-3" };
-const _hoisted_3$2g = { class: "flex flex-col justify-center gap-1 pa-3 truncate w-full" };
-const _hoisted_4$1U = { key: 0 };
+const _hoisted_3$2h = { class: "flex flex-col justify-center gap-1 pa-3 truncate w-full" };
+const _hoisted_4$1V = { key: 0 };
 const _hoisted_5$1A = { key: 0 };
 const _hoisted_6$1m = { key: 1 };
 const _hoisted_7$$ = {
@@ -109651,7 +109651,7 @@ const _sfc_main$4R = /* @__PURE__ */ defineComponent({
             }, null, 8, ["item"])
           ])
         ]),
-        createElementVNode("div", _hoisted_3$2g, [
+        createElementVNode("div", _hoisted_3$2h, [
           createVNode(_sfc_main$5a, {
             modelValue: _ctx.name ?? _ctx.item.name,
             readonly: isReadonly(),
@@ -109666,7 +109666,7 @@ const _sfc_main$4R = /* @__PURE__ */ defineComponent({
             class: "truncate font-size-[12px]",
             style: normalizeStyle({ color: _ctx.isContextMenuOpen || _ctx.isDraggedOver ? unref(themeVars).text2 : unref(themeVars).text3 })
           }, [
-            _ctx.item.type === "smart_folder" ? (openBlock(), createElementBlock("span", _hoisted_4$1U, [
+            _ctx.item.type === "smart_folder" ? (openBlock(), createElementBlock("span", _hoisted_4$1V, [
               createVNode(CIcon, {
                 class: "mr-1",
                 icon: "folder-bookmark"
@@ -109768,8 +109768,8 @@ const _hoisted_2$2P = {
   key: 0,
   class: "flex flex-col items-center justify-center h-full"
 };
-const _hoisted_3$2f = { key: 2 };
-const _hoisted_4$1T = { class: "text-primary ml-1" };
+const _hoisted_3$2g = { key: 2 };
+const _hoisted_4$1U = { class: "text-primary ml-1" };
 const _sfc_main$4Q = /* @__PURE__ */ defineComponent({
   __name: "CSectionSmartFolders",
   props: {
@@ -110117,7 +110117,7 @@ const _sfc_main$4Q = /* @__PURE__ */ defineComponent({
                     ])) : !unref(store).state.hierarchyLevels?.length ? (openBlock(), createBlock(_sfc_main$4X, {
                       key: 1,
                       "hide-configuration-button": ""
-                    })) : (openBlock(), createElementBlock("div", _hoisted_3$2f, [
+                    })) : (openBlock(), createElementBlock("div", _hoisted_3$2g, [
                       createVNode(_sfc_main$4V, {
                         ref_key: "listRef",
                         ref: listRef,
@@ -110145,7 +110145,7 @@ const _sfc_main$4Q = /* @__PURE__ */ defineComponent({
                             unref(store).state.viewMode === "folders" && item.items_count ? {
                               name: "folder-name-suffix",
                               fn: withCtx(() => [
-                                createElementVNode("span", _hoisted_4$1T, "(" + toDisplayString(item.items_count) + ")", 1)
+                                createElementVNode("span", _hoisted_4$1U, "(" + toDisplayString(item.items_count) + ")", 1)
                               ]),
                               key: "0"
                             } : void 0,
@@ -110891,7 +110891,7 @@ const _sfc_main$4P = /*@__PURE__*/defineComponent({
 const _hoisted_1$3T = { class: "c-block-management-toolbar flex flex-wrap justify-between items-start gap-4 pa-4 rounded-2 mb-3 bg-base" };
 const _hoisted_2$2O = { class: "flex flex-wrap items-center gap-2 flex-1" };
-const _hoisted_3$2e = { class: "flex gap-4" };
+const _hoisted_3$2f = { class: "flex gap-4" };
 const _sfc_main$4O = /* @__PURE__ */ defineComponent({
   __name: "CBlockManagementToolbar",
   props: {
@@ -110923,7 +110923,7 @@ const _sfc_main$4O = /* @__PURE__ */ defineComponent({
             "onUpdate:search": _cache[1] || (_cache[1] = ($event) => emit("search", $event))
           }, null, 8, ["customFilterComponents", "disabled", "filters", "initial-search-value", "placeholder"])
         ]),
-        createElementVNode("div", _hoisted_3$2e, [
+        createElementVNode("div", _hoisted_3$2f, [
           !_ctx.hideView ? (openBlock(), createBlock(CTableColumnsSettings, {
             key: 0,
             "table-columns-settings": _ctx.tableColumnsSettings,
@@ -111578,8 +111578,8 @@ const _hoisted_2$2N = {
   key: 1,
   class: "w-full flex items-center justify-center h-[250px] mb-4 mt-3"
 };
-const _hoisted_3$2d = { class: "flex flex-col items-center justify-center" };
-const _hoisted_4$1S = ["onClick"];
+const _hoisted_3$2e = { class: "flex flex-col items-center justify-center" };
+const _hoisted_4$1T = ["onClick"];
 const _hoisted_5$1z = { class: "inline-flex items-center truncate" };
 const _hoisted_6$1l = { class: "truncate" };
 const _hoisted_7$_ = {
@@ -111668,7 +111668,7 @@ const _sfc_main$4L = /* @__PURE__ */ defineComponent({
                 _: 1
               })) : createCommentVNode("", true),
               _ctx.isMoving ? (openBlock(), createElementBlock("div", _hoisted_2$2N, [
-                createElementVNode("div", _hoisted_3$2d, [
+                createElementVNode("div", _hoisted_3$2e, [
                   createVNode(CIcon, {
                     class: "mb-2",
                     color: unref(themeVars).primary3,
@@ -111706,7 +111706,7 @@ const _sfc_main$4L = /* @__PURE__ */ defineComponent({
                       icon: "angle-right",
                       size: "14px"
                     })
-                  ], 12, _hoisted_4$1S)
+                  ], 12, _hoisted_4$1T)
                 ]),
                 _: 1
               }, 8, ["items"])) : (openBlock(), createElementBlock("div", _hoisted_7$_, [
@@ -111765,10 +111765,10 @@ const _hoisted_1$3P = {
 const _hoisted_2$2M = {
   class: "flex gap-4"
 };
-const _hoisted_3$2c = {
+const _hoisted_3$2d = {
   class: "flex gap-2"
 };
-const _hoisted_4$1R = {
+const _hoisted_4$1S = {
   key: 1,
   class: "w-full flex justify-between items-start"
 };
@@ -112016,7 +112016,7 @@ const _sfc_main$4K = /*@__PURE__*/defineComponent({
           }, 1032, ["class", "clickable", "onClick"]);
         }), 128))]),
         _: 1
-      }), createElementVNode("div", _hoisted_2$2M, [createElementVNode("div", _hoisted_3$2c, [_ctx.canvasType !== 'section-template' ? withDirectives((openBlock(), createBlock(CButton, {
+      }), createElementVNode("div", _hoisted_2$2M, [createElementVNode("div", _hoisted_3$2d, [_ctx.canvasType !== 'section-template' ? withDirectives((openBlock(), createBlock(CButton, {
         key: 0,
         circle: "",
         onClick: _cache[0] || (_cache[0] = $event => _ctx.$emit('toggle-view-mode'))
@@ -112067,7 +112067,7 @@ const _sfc_main$4K = /*@__PURE__*/defineComponent({
           _: 1
         })]),
         _: 1
-      }, 8, ["options"])) : createCommentVNode("", true)])])) : createCommentVNode("", true), !_ctx.isTemplateFolderEnabled ? (openBlock(), createElementBlock("div", _hoisted_4$1R, [createElementVNode("div", _hoisted_5$1y, [createVNode(_sfc_main$57, mergeProps({
+      }, 8, ["options"])) : createCommentVNode("", true)])])) : createCommentVNode("", true), !_ctx.isTemplateFolderEnabled ? (openBlock(), createElementBlock("div", _hoisted_4$1S, [createElementVNode("div", _hoisted_5$1y, [createVNode(_sfc_main$57, mergeProps({
         ref_key: "searchFiltersRef",
         ref: searchFiltersRef,
         customFilterComponents: _ctx.customFilterComponents,
@@ -112631,11 +112631,11 @@ const _hoisted_2$2L = {
   key: 0,
   class: "canvas-thumbnail mr-2"
 };
-const _hoisted_3$2b = {
+const _hoisted_3$2c = {
   key: 1,
   class: "mx-3 my-3"
 };
-const _hoisted_4$1Q = { class: "flex flex-col justify-center gap-1 pa-3 truncate w-full" };
+const _hoisted_4$1R = { class: "flex flex-col justify-center gap-1 pa-3 truncate w-full" };
 const _hoisted_5$1x = { class: "flex items-center" };
 const _hoisted_6$1j = { key: 0 };
 const _hoisted_7$Y = { key: 0 };
@@ -112779,11 +112779,11 @@ const _sfc_main$4H = /* @__PURE__ */ defineComponent({
               themeVars: unref(themeVars),
               thumbnailUrl: unref(item).thumbnail_url ?? unref(item).metadata?.thumbnail
             }, null, 8, ["isFolder", "item", "themeVars", "thumbnailUrl"])
-          ])) : (openBlock(), createElementBlock("div", _hoisted_3$2b, [
+          ])) : (openBlock(), createElementBlock("div", _hoisted_3$2c, [
             createVNode(CIcon, mergeProps({ class: "mr-2" }, getIconBindings(unref(item))), null, 16)
           ]))
         ]),
-        createElementVNode("div", _hoisted_4$1Q, [
+        createElementVNode("div", _hoisted_4$1R, [
           createElementVNode("div", _hoisted_5$1x, [
             !!unref(launchDarkly).enable_canvas_locks && !isFolder(unref(item)) && unref(isCanvasLocked)(String(unref(item).id)) ? withDirectives((openBlock(), createBlock(CIcon, {
               key: 0,
@@ -113612,6 +113612,13 @@ const _sfc_main$4E = /*@__PURE__*/defineComponent({
         return lowerTag === 'home' || lowerTag === 'share';
       }) ?? false;
     }
+    function hasSystemOrExcludedTag(tags) {
+      const systemTags = ['home', 'share', 'sharebox'];
+      return tags?.some(tag => {
+        const lowerTag = tag.toLowerCase();
+        return systemTags.includes(lowerTag) || (props.excludedTags?.map(t => t.toLowerCase()) ?? []).includes(lowerTag);
+      }) ?? false;
+    }
     function isEditingCurrentItem(id, prop) {
       return editingItem.value?.id === id && editingItem.value?.prop === prop;
     }
@@ -113770,7 +113777,7 @@ const _sfc_main$4E = /*@__PURE__*/defineComponent({
         hideEdit: isReadonly(cellCtx.row.original),
         hideDelete: isReadonly(cellCtx.row.original),
         hideLock: !launchDarkly.value.enable_canvas_locks || (isOrgAdmin.value ? isImpact.value : isLockedBySomeoneElse(cellCtx.row.original) || isImpact.value),
-        hideCreateFromTemplate: isAdmin.value || !!cellCtx.row.original.is_draft,
+        hideCreateFromTemplate: isAdmin.value || !!cellCtx.row.original.is_draft || hasSystemOrExcludedTag(cellCtx.row.original.tags),
         hideToggleDefault: props.canvasType === 'section-template' || !!cellCtx.row.original.is_draft || isImpact.value || hasHomeOrShareTag(cellCtx.row.original.tags) && !cellCtx.row.original.is_default,
         hideToggleStatus: isReadonly(cellCtx.row.original) || isFolder(cellCtx.row.original),
         hideViewNewTab: isPitcherWkWebView,
@@ -114349,7 +114356,7 @@ const _sfc_main$4E = /*@__PURE__*/defineComponent({
             "hide-convert": isImpact.value || _ctx.hideConvert,
             "hide-copy": isImpact.value || isFolder(toListItem(item)),
             "hide-create": isImpact.value,
-            "hide-create-from-template": isAdmin.value || !!item.is_draft || isFolder(toListItem(item)),
+            "hide-create-from-template": isAdmin.value || !!item.is_draft || isFolder(toListItem(item)) || hasSystemOrExcludedTag(item.tags),
             "hide-delete": isReadonly(toListItem(item)),
             "hide-edit": isReadonly(toListItem(item)) || isFolder(toListItem(item)),
             "hide-lock": isFolder(toListItem(item)) || !unref(launchDarkly).enable_canvas_locks || (unref(isOrgAdmin) ? isImpact.value : isLockedBySomeoneElse(toListItem(item)) || isImpact.value),
@@ -114427,7 +114434,7 @@ const _sfc_main$4E = /*@__PURE__*/defineComponent({
 const _hoisted_1$3K = { class: "c-block-management-toolbar flex flex-wrap justify-between items-start gap-4 pa-4 rounded-2 mb-3 bg-base" };
 const _hoisted_2$2I = { class: "flex flex-wrap items-center gap-2 flex-1" };
-const _hoisted_3$2a = { class: "flex gap-4" };
+const _hoisted_3$2b = { class: "flex gap-4" };
 const _sfc_main$4D = /* @__PURE__ */ defineComponent({
   __name: "CThemeManagementToolbar",
   props: {
@@ -114458,7 +114465,7 @@ const _sfc_main$4D = /* @__PURE__ */ defineComponent({
             "onUpdate:search": _cache[1] || (_cache[1] = ($event) => emit("search", $event))
           }, null, 8, ["customFilterComponents", "disabled", "filters", "initial-search-value", "placeholder"])
         ]),
-        createElementVNode("div", _hoisted_3$2a, [
+        createElementVNode("div", _hoisted_3$2b, [
           !_ctx.hideView ? (openBlock(), createBlock(CTableColumnsSettings, {
             key: 0,
             "table-columns-settings": _ctx.tableColumnsSettings,
@@ -115241,8 +115248,8 @@ const _hoisted_2$2H = {
   key: 0,
   class: "h-full flex items-center min-w-0"
 };
-const _hoisted_3$29 = ["onClick"];
-const _hoisted_4$1P = { class: "underline underline-solid cursor-pointer select-none ml-1 c-table-more__more-items-trigger" };
+const _hoisted_3$2a = ["onClick"];
+const _hoisted_4$1Q = { class: "underline underline-solid cursor-pointer select-none ml-1 c-table-more__more-items-trigger" };
 const _hoisted_5$1w = {
   key: 1,
   class: "c-table-more__empty"
@@ -115286,7 +115293,7 @@ const _sfc_main$4y = /* @__PURE__ */ defineComponent({
                 class: "c-table-more__items",
                 size: "small",
                 onClick: ($event) => emit("click", item.key)
-              }, toDisplayString(item.label), 9, _hoisted_3$29);
+              }, toDisplayString(item.label), 9, _hoisted_3$2a);
             }), 128)),
             remainingItems.value.length ? (openBlock(), createBlock(_sfc_main$6x, {
               key: 0,
@@ -115294,7 +115301,7 @@ const _sfc_main$4y = /* @__PURE__ */ defineComponent({
               trigger: "click"
             }, {
               trigger: withCtx(() => [
-                createElementVNode("span", _hoisted_4$1P, toDisplayString(unref(t)("canvasUI.components.tables.andCountMore", {
+                createElementVNode("span", _hoisted_4$1Q, toDisplayString(unref(t)("canvasUI.components.tables.andCountMore", {
                   count: remainingItems.value.length
                 })), 1)
               ]),
@@ -115979,11 +115986,11 @@ const _hoisted_2$2G = {
   key: 0,
   class: "flex items-center gap-2 flex-1"
 };
-const _hoisted_3$28 = {
+const _hoisted_3$29 = {
   key: 1,
   class: "flex flex-wrap items-center gap-2 flex-1"
 };
-const _hoisted_4$1O = { class: "flex gap-4" };
+const _hoisted_4$1P = { class: "flex gap-4" };
 const _sfc_main$4w = /* @__PURE__ */ defineComponent({
   __name: "CSavedCanvasesManagementToolbar",
   props: {
@@ -116034,7 +116041,7 @@ const _sfc_main$4w = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           })
-        ])) : (openBlock(), createElementBlock("div", _hoisted_3$28, [
+        ])) : (openBlock(), createElementBlock("div", _hoisted_3$29, [
           createVNode(_sfc_main$57, {
             customFilterComponents: !!unref(launchDarkly).enable_saved_canvases_filters ? _ctx.customFilterComponents : void 0,
             disabled: !!_ctx.isLoadingItems,
@@ -116049,7 +116056,7 @@ const _sfc_main$4w = /* @__PURE__ */ defineComponent({
             "onUpdate:search": _cache[2] || (_cache[2] = ($event) => emit("search", $event))
           }, null, 8, ["customFilterComponents", "disabled", "filters", "initial-search-value", "owner-id", "placeholder"])
         ])),
-        createElementVNode("div", _hoisted_4$1O, [
+        createElementVNode("div", _hoisted_4$1P, [
           unref(launchDarkly).enable_smart_folders ? withDirectives((openBlock(), createBlock(CButton, {
             key: 0,
             circle: "",
@@ -116606,7 +116613,7 @@ const _hoisted_2$2F = {
   key: 0,
   class: "flex items-center"
 };
-const _hoisted_3$27 = { class: "overflow-hidden text-ellipsis whitespace-nowrap min-w-0" };
+const _hoisted_3$28 = { class: "overflow-hidden text-ellipsis whitespace-nowrap min-w-0" };
 const _sfc_main$4t = /* @__PURE__ */ defineComponent({
   __name: "CSavedCanvasesManagementOwnerCell",
   props: {
@@ -116690,7 +116697,7 @@ const _sfc_main$4t = /* @__PURE__ */ defineComponent({
           "onUpdate:value": onUserSelect
         }, null, 8, ["filter", "loading", "options", "placeholder", "value"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
           !_ctx.isEditing && !_ctx.isUpdating ? (openBlock(), createElementBlock("div", _hoisted_2$2F, [
-            createElementVNode("div", _hoisted_3$27, toDisplayString(_ctx.owner?.name), 1),
+            createElementVNode("div", _hoisted_3$28, toDisplayString(_ctx.owner?.name), 1),
             _ctx.editable && isCellHovered.value ? withDirectives((openBlock(), createBlock(CIcon, {
               key: 0,
               class: "cursor-pointer ml-2 flex-shrink-0",
@@ -116842,11 +116849,11 @@ const useShareCanvas = (sharingHandler, options = {
 const _hoisted_1$3z = { class: "text-lg font-bold" };
 const _hoisted_2$2E = { class: "flex flex-col h-[60vh]" };
-const _hoisted_3$26 = {
+const _hoisted_3$27 = {
   key: 1,
   class: "flex flex-col h-full"
 };
-const _hoisted_4$1N = { class: "flex-grow overflow-auto" };
+const _hoisted_4$1O = { class: "flex-grow overflow-auto" };
 const _hoisted_5$1v = { class: "font-500 tracking-[1.25px] my-4" };
 const _hoisted_6$1i = { class: "flex items-center" };
 const _hoisted_7$X = { class: "flex-grow border border-solid border-primary4 border-rounded-md pa-2 bg-base" };
@@ -116938,8 +116945,8 @@ const _sfc_main$4r = /* @__PURE__ */ defineComponent({
                 unref(isLoadingConfig) ? (openBlock(), createBlock(unref(NSpin), {
                   key: 0,
                   class: "flex-grow flex items-center justify-center"
-                })) : (openBlock(), createElementBlock("div", _hoisted_3$26, [
-                  createElementVNode("div", _hoisted_4$1N, [
+                })) : (openBlock(), createElementBlock("div", _hoisted_3$27, [
+                  createElementVNode("div", _hoisted_4$1O, [
                     createElementVNode("div", _hoisted_5$1v, toDisplayString(unref(t)("canvasUI.smartFolders.smartFoldersConfigurationModal.categorizeBasedOn")), 1),
                     createVNode(unref(VueDraggable), {
                       modelValue: enabledPropertyNames.value,
@@ -117032,8 +117039,8 @@ const _sfc_main$4r = /* @__PURE__ */ defineComponent({
 const _hoisted_1$3y = { class: "smart-folders mt-3" };
 const _hoisted_2$2D = { key: 2 };
-const _hoisted_3$25 = { class: "flex justify-between items-center mb-3" };
-const _hoisted_4$1M = { class: "flex items-center gap-2" };
+const _hoisted_3$26 = { class: "flex justify-between items-center mb-3" };
+const _hoisted_4$1N = { class: "flex items-center gap-2" };
 const _hoisted_5$1u = { key: 1 };
 const _sfc_main$4q = /* @__PURE__ */ defineComponent({
   __name: "SmartFolders",
@@ -117115,8 +117122,8 @@ const _sfc_main$4q = /* @__PURE__ */ defineComponent({
           key: 1,
           onConfigure: onSmartFoldersConfigure
         })) : (openBlock(), createElementBlock("div", _hoisted_2$2D, [
-          createElementVNode("div", _hoisted_3$25, [
-            createElementVNode("div", _hoisted_4$1M, [
+          createElementVNode("div", _hoisted_3$26, [
+            createElementVNode("div", _hoisted_4$1N, [
               _ctx.isAnyTypeOfAdmin ? (openBlock(), createBlock(_sfc_main$4t, {
                 key: 0,
                 "dropdown-mode": "",
@@ -117191,8 +117198,8 @@ const _sfc_main$4q = /* @__PURE__ */ defineComponent({
 const _hoisted_1$3x = { class: "flex flex-col gap-3" };
 const _hoisted_2$2C = { class: "font-700 font-size-[18px]" };
-const _hoisted_3$24 = { class: "mb-2" };
-const _hoisted_4$1L = { class: "mt-3 flex justify-between" };
+const _hoisted_3$25 = { class: "mb-2" };
+const _hoisted_4$1M = { class: "mt-3 flex justify-between" };
 const _sfc_main$4p = /* @__PURE__ */ defineComponent({
   __name: "CCanvasAccountModal",
   props: {
@@ -117254,7 +117261,7 @@ const _sfc_main$4p = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               createElementVNode("div", _hoisted_1$3x, [
                 createElementVNode("div", _hoisted_2$2C, toDisplayString(unref(t)("canvasUI.components.savedCanvases.CSavedCanvasesManagement.accountModal.title")), 1),
-                createElementVNode("div", _hoisted_3$24, [
+                createElementVNode("div", _hoisted_3$25, [
                   createVNode(CSelect, {
                     bordered: "",
                     clearable: "",
@@ -117271,7 +117278,7 @@ const _sfc_main$4p = /* @__PURE__ */ defineComponent({
                     "onUpdate:value": setAccount
                   }, null, 8, ["loading", "options", "placeholder", "value"])
                 ]),
-                createElementVNode("div", _hoisted_4$1L, [
+                createElementVNode("div", _hoisted_4$1M, [
                   createVNode(CButton, {
                     type: "secondary",
                     onClick: handleClose
@@ -117526,6 +117533,13 @@ const _sfc_main$4o = /*@__PURE__*/defineComponent({
         console.error('Error during async download polling:', error);
       }
     }
+    function hasSystemTag(tags) {
+      const systemTags = ['home', 'share', 'sharebox'];
+      return tags?.some(tag => {
+        const lowerTag = tag.toLowerCase();
+        return systemTags.includes(lowerTag);
+      }) ?? false;
+    }
     const {
       filterComponents: dataFilterComponents
     } = useCanvasStandardFilters({
@@ -117619,9 +117633,12 @@ const _sfc_main$4o = /*@__PURE__*/defineComponent({
       id: 'template',
       cell: cellCtx => {
         const templateId = cellCtx.row.original?.template?.id;
+        const canvasTags = cellCtx.row.original?.tags;
         // If distributed canvas feature is disabled, assume all templates are accessible
         const hasAccess = launchDarkly.value.enable_canvas_core_distributions ? templateId ? accessibleTemplateIds.value.has(templateId) : true : true;
-        const hideCreate = props.isCanvasCreationDisabled || !hasAccess;
+        // Check if the canvas has system tags (like "sharebox" from share template)
+        const hasSystemCanvasTag = hasSystemTag(canvasTags);
+        const hideCreate = props.isCanvasCreationDisabled || !hasAccess || hasSystemCanvasTag;
         const disableOpen = props.noTabs || !hasAccess;
         return createVNode(_sfc_main$4u, {
           "name": cellCtx.row.original?.template?.name,
@@ -118386,7 +118403,7 @@ const _sfc_main$4o = /*@__PURE__*/defineComponent({
 const _hoisted_1$3v = { class: "c-assigned-canvas-management-toolbar flex flex-wrap justify-between items-start gap-4 pa-4 rounded-2 bg-base" };
 const _hoisted_2$2B = { class: "flex flex-wrap items-center gap-2 flex-1" };
-const _hoisted_3$23 = { class: "flex gap-4" };
+const _hoisted_3$24 = { class: "flex gap-4" };
 const _sfc_main$4n = /* @__PURE__ */ defineComponent({
   __name: "CAssignedCanvasesManagementToolbar",
   props: {
@@ -118432,7 +118449,7 @@ const _sfc_main$4n = /* @__PURE__ */ defineComponent({
             "onUpdate:search": _cache[1] || (_cache[1] = ($event) => emit("search", $event))
           }, null, 8, ["customFilterComponents", "disabled", "filters", "initial-search-value", "owner-id", "placeholder"])
         ]),
-        createElementVNode("div", _hoisted_3$23, [
+        createElementVNode("div", _hoisted_3$24, [
           !_ctx.hideView ? (openBlock(), createBlock(CTableColumnsSettings, {
             key: 0,
             "table-columns-settings": _ctx.tableColumnsSettings,
@@ -118903,8 +118920,8 @@ const CTableSelect = /* @__PURE__ */ _export_sfc(_sfc_main$4l, [["__scopeId", "d
 const _hoisted_1$3s = { class: "flex flex-col gap-1" };
 const _hoisted_2$2A = ["disabled", "onClick", "onMouseover"];
-const _hoisted_3$22 = { class: "flex items-center gap-2" };
-const _hoisted_4$1K = { class: "block truncate" };
+const _hoisted_3$23 = { class: "flex items-center gap-2" };
+const _hoisted_4$1L = { class: "block truncate" };
 const _sfc_main$4k = /* @__PURE__ */ defineComponent({
   __name: "CEntitySelector",
   props: {
@@ -119032,14 +119049,14 @@ const _sfc_main$4k = /* @__PURE__ */ defineComponent({
                       onMouseleave: _cache[1] || (_cache[1] = ($event) => isListItemHoveredId.value = null),
                       onMouseover: ($event) => isListItemHoveredId.value = item.id
                     }, [
-                      createElementVNode("div", _hoisted_3$22, [
+                      createElementVNode("div", _hoisted_3$23, [
                         _ctx.multiple ? (openBlock(), createBlock(_sfc_main$6S, {
                           key: 0,
                           checked: _ctx.selectedItemIds?.includes(item.id),
                           "onUpdate:checked": (val) => handleCheckboxChange(val, item)
                         }, null, 8, ["checked", "onUpdate:checked"])) : createCommentVNode("", true),
                         createElementVNode("div", null, [
-                          createElementVNode("div", _hoisted_4$1K, toDisplayString(renderProp("title", item)), 1),
+                          createElementVNode("div", _hoisted_4$1L, toDisplayString(renderProp("title", item)), 1),
                           _ctx.subtitle ? (openBlock(), createElementBlock("div", {
                             key: 0,
                             class: "block truncate c-entity-selector__recycle-list-item--subtitle",
@@ -119081,8 +119098,8 @@ const splitUserName = (name = "") => {
 const _hoisted_1$3r = { class: "flex items-center justify-between gap-1" };
 const _hoisted_2$2z = { class: "flex gap-4 items-center" };
-const _hoisted_3$21 = { class: "flex font-bold" };
-const _hoisted_4$1J = { class: "flex items-center justify-between gap-1" };
+const _hoisted_3$22 = { class: "flex font-bold" };
+const _hoisted_4$1K = { class: "flex items-center justify-between gap-1" };
 const _hoisted_5$1t = { class: "flex items-center gap-1" };
 const _hoisted_6$1h = {
   key: 0,
@@ -119221,7 +119238,7 @@ const _sfc_main$4j = /* @__PURE__ */ defineComponent({
                   icon: _ctx.itemType === "user" ? "user" : "users",
                   size: "14"
                 }, null, 8, ["icon"]),
-                createElementVNode("div", _hoisted_3$21, toDisplayString(displayTitle.value), 1)
+                createElementVNode("div", _hoisted_3$22, toDisplayString(displayTitle.value), 1)
               ]),
               _ctx.itemType === "group" ? (openBlock(), createBlock(_sfc_main$4k, {
                 key: 0,
@@ -119302,7 +119319,7 @@ const _sfc_main$4j = /* @__PURE__ */ defineComponent({
             )
           }, {
             default: withCtx(({ item }) => [
-              createElementVNode("div", _hoisted_4$1J, [
+              createElementVNode("div", _hoisted_4$1K, [
                 createElementVNode("div", _hoisted_5$1t, [
                   _ctx.itemType === "user" && "user" in item ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                     createVNode(_sfc_main$5n, {
@@ -119501,8 +119518,8 @@ function useCanvasContext() {
 const _hoisted_1$3p = { class: "flex justify-between items-center mb-4 sticky top-0 base z-1" };
 const _hoisted_2$2y = { class: "panel-title font-600 font-size-[15px] line-height-[28px]" };
-const _hoisted_3$20 = ["onClick"];
-const _hoisted_4$1I = ["alt", "src", "onError"];
+const _hoisted_3$21 = ["onClick"];
+const _hoisted_4$1J = ["alt", "src", "onError"];
 const _hoisted_5$1s = ["alt", "src"];
 const _hoisted_6$1g = {
   key: 2,
@@ -119787,7 +119804,7 @@ const _sfc_main$4h = /* @__PURE__ */ defineComponent({
                       class: "w-full h-full object-cover",
                       src: item.thumbnail_url,
                       onError: ($event) => handleThumbnailError($event, item)
-                    }, null, 40, _hoisted_4$1I)) : unref(getDefaultThumbnailUrl)(item) ? (openBlock(), createElementBlock("img", {
+                    }, null, 40, _hoisted_4$1J)) : unref(getDefaultThumbnailUrl)(item) ? (openBlock(), createElementBlock("img", {
                       key: 1,
                       alt: item.name ? item.name : "File thumbnail",
                       class: "w-full h-full object-cover",
@@ -119799,7 +119816,7 @@ const _sfc_main$4h = /* @__PURE__ */ defineComponent({
                         size: "24px"
                       }, null, 8, ["color"])
                     ]))
-                  ], 8, _hoisted_3$20)) : (openBlock(), createBlock(_sfc_main$6G, {
+                  ], 8, _hoisted_3$21)) : (openBlock(), createBlock(_sfc_main$6G, {
                     key: 1,
                     class: "w-16 h-10 flex flex-shrink-0 items-center justify-center cursor-pointer",
                     height: 40,
@@ -119892,11 +119909,11 @@ const _hoisted_2$2x = {
   key: 2,
   class: "text-lg tracking-[.25px]"
 };
-const _hoisted_3$1$ = {
+const _hoisted_3$20 = {
   key: 1,
   class: "p-1 content-selector__section-title"
 };
-const _hoisted_4$1H = {
+const _hoisted_4$1I = {
   key: 2,
   class: "p-1 content-selector__section-title"
 };
@@ -120087,7 +120104,7 @@ const _sfc_main$4g = /* @__PURE__ */ defineComponent({
                 }), 128))
               ]),
               _: 1
-            })) : unref(selectedSection) === "favorites" ? (openBlock(), createElementBlock("div", _hoisted_3$1$, toDisplayString(unref(t)("canvasUI.contentSelectorApp.content.favorites")), 1)) : unref(selectedSection) === "recent" ? (openBlock(), createElementBlock("div", _hoisted_4$1H, toDisplayString(unref(t)("canvasUI.contentSelectorApp.content.recent")), 1)) : unref(selectedSection) === "trash" ? (openBlock(), createElementBlock("div", _hoisted_5$1r, toDisplayString(unref(t)("canvasUI.contentSelectorApp.content.trash")), 1)) : createCommentVNode("", true)
+            })) : unref(selectedSection) === "favorites" ? (openBlock(), createElementBlock("div", _hoisted_3$20, toDisplayString(unref(t)("canvasUI.contentSelectorApp.content.favorites")), 1)) : unref(selectedSection) === "recent" ? (openBlock(), createElementBlock("div", _hoisted_4$1I, toDisplayString(unref(t)("canvasUI.contentSelectorApp.content.recent")), 1)) : unref(selectedSection) === "trash" ? (openBlock(), createElementBlock("div", _hoisted_5$1r, toDisplayString(unref(t)("canvasUI.contentSelectorApp.content.trash")), 1)) : createCommentVNode("", true)
           ], 64)),
           createElementVNode("div", _hoisted_6$1f, [
             unref(selectedSection) === "all" ? (openBlock(), createBlock(unref(NDropdown), {
@@ -120184,11 +120201,11 @@ const _sfc_main$4f = /* @__PURE__ */ defineComponent({
 const _hoisted_1$3n = ["draggable"];
 const _hoisted_2$2w = { class: "absolute top-2 left-2 w-9 h-9 flex items-center justify-center rounded-5" };
-const _hoisted_3$1_ = {
+const _hoisted_3$1$ = {
   key: 0,
   class: "absolute top-2 right-2 w-9 h-9 flex items-center justify-center rounded-5"
 };
-const _hoisted_4$1G = { class: "text-truncate max-w-[240px] font-700 text-center" };
+const _hoisted_4$1H = { class: "text-truncate max-w-[240px] font-700 text-center" };
 const _hoisted_5$1q = { class: "flex items-center justify-between w-full" };
 const _hoisted_6$1e = {
   key: 1,
@@ -120347,7 +120364,7 @@ const _sfc_main$4e = /* @__PURE__ */ defineComponent({
               _: 1
             }, 8, ["color", "disabled", "text-color"])
           ]),
-          _ctx.item.type === "file" ? (openBlock(), createElementBlock("div", _hoisted_3$1_, [
+          _ctx.item.type === "file" ? (openBlock(), createElementBlock("div", _hoisted_3$1$, [
             createVNode(CButton, {
               circle: "",
               color: unref(themeVars).primary6,
@@ -120373,7 +120390,7 @@ const _sfc_main$4e = /* @__PURE__ */ defineComponent({
             src: _ctx.item.thumbnail_url,
             width: "240"
           }, null, 8, ["src"]),
-          createElementVNode("div", _hoisted_4$1G, toDisplayString(_ctx.item.name), 1),
+          createElementVNode("div", _hoisted_4$1H, toDisplayString(_ctx.item.name), 1),
           createElementVNode("div", _hoisted_5$1q, [
             createElementVNode("div", {
               class: "text-truncate text-center",
@@ -120497,8 +120514,8 @@ const _hoisted_2$2v = {
   key: 0,
   class: "h-full"
 };
-const _hoisted_3$1Z = { class: "flex flex-col gap-3 items-center justify-center max-w-[400px] text-center" };
-const _hoisted_4$1F = { class: "font-size-[20px]" };
+const _hoisted_3$1_ = { class: "flex flex-col gap-3 items-center justify-center max-w-[400px] text-center" };
+const _hoisted_4$1G = { class: "font-size-[20px]" };
 const _hoisted_5$1p = { class: "font-size-[14px]" };
 const _hoisted_6$1d = {
   key: 0,
@@ -120583,12 +120600,12 @@ const _sfc_main$4d = /* @__PURE__ */ defineComponent({
             class: "h-full w-full flex items-center justify-center",
             style: normalizeStyle({ color: unref(themeVars).primary3 })
           }, [
-            createElementVNode("div", _hoisted_3$1Z, [
+            createElementVNode("div", _hoisted_3$1_, [
               createVNode(CIcon, {
                 icon: "circle-exclamation",
                 size: "36px"
               }),
-              createElementVNode("div", _hoisted_4$1F, toDisplayString(unref(t)("canvasUI.contentSelectorApp.foldersFiles.thumbnailsAreMissing")), 1),
+              createElementVNode("div", _hoisted_4$1G, toDisplayString(unref(t)("canvasUI.contentSelectorApp.foldersFiles.thumbnailsAreMissing")), 1),
               createElementVNode("div", _hoisted_5$1p, toDisplayString(unref(t)("canvasUI.contentSelectorApp.foldersFiles.pdfReuploadHint")), 1)
             ])
           ], 4))
@@ -120709,11 +120726,11 @@ function useImageAccessibility({ thumbnailUrl, hasAIEnabled, hasFile }) {
 const _hoisted_1$3l = { class: "flex items-center" };
 const _hoisted_2$2u = { class: "my-3" };
-const _hoisted_3$1Y = {
+const _hoisted_3$1Z = {
   key: 1,
   class: "w-[152px] h-[100px] rounded-2 overflow-hidden"
 };
-const _hoisted_4$1E = ["alt", "src"];
+const _hoisted_4$1F = ["alt", "src"];
 const _hoisted_5$1o = {
   key: 1,
   class: "bg-primary6 w-full h-full flex items-center justify-center"
@@ -120831,13 +120848,13 @@ const _sfc_main$4c = /* @__PURE__ */ defineComponent({
             _ctx.item.type === "file" && unref(hasValidThumbnail) ? (openBlock(), createBlock(_sfc_main$6G, {
               key: 0,
               item: _ctx.item
-            }, null, 8, ["item"])) : _ctx.item.type === "file" ? (openBlock(), createElementBlock("div", _hoisted_3$1Y, [
+            }, null, 8, ["item"])) : _ctx.item.type === "file" ? (openBlock(), createElementBlock("div", _hoisted_3$1Z, [
               defaultThumbnailUrl.value ? (openBlock(), createElementBlock("img", {
                 key: 0,
                 alt: _ctx.item.name || "File thumbnail",
                 class: "w-full h-full object-cover",
                 src: defaultThumbnailUrl.value
-              }, null, 8, _hoisted_4$1E)) : (openBlock(), createElementBlock("div", _hoisted_5$1o, [
+              }, null, 8, _hoisted_4$1F)) : (openBlock(), createElementBlock("div", _hoisted_5$1o, [
                 createVNode(CIcon, {
                   color: unref(themeVars).primary3,
                   icon: "file",
@@ -121240,11 +121257,11 @@ const _hoisted_2$2s = {
   key: 0,
   class: "bg-base overflow-auto flex flex-col flex-auto"
 };
-const _hoisted_3$1X = {
+const _hoisted_3$1Y = {
   key: 0,
   class: "flex justify-end items-center color-primary bg-base pa-2 min-h-11"
 };
-const _hoisted_4$1D = { class: "flex flex-col gap-3 items-center justify-center max-w-[400px] text-center" };
+const _hoisted_4$1E = { class: "flex flex-col gap-3 items-center justify-center max-w-[400px] text-center" };
 const _hoisted_5$1n = { class: "font-size-[20px]" };
 const _hoisted_6$1b = { class: "font-size-[14px]" };
 const _hoisted_7$R = {
@@ -121422,7 +121439,7 @@ const _sfc_main$4a = /* @__PURE__ */ defineComponent({
       }, [
         !!unref(activeFile) ? (openBlock(), createElementBlock("div", _hoisted_1$3j, [
           unref(activeFile).content_thumbnails?.length ? (openBlock(), createElementBlock("div", _hoisted_2$2s, [
-            unref(isDragNDropEnabled) ? (openBlock(), createElementBlock("div", _hoisted_3$1X, [
+            unref(isDragNDropEnabled) ? (openBlock(), createElementBlock("div", _hoisted_3$1Y, [
               createVNode(_sfc_main$4Z, {
                 "added-item-ids": unref(addedItems).map((item) => item.id),
                 "selected-item-ids": unref(selectedItems).map((item) => item.id),
@@ -121467,7 +121484,7 @@ const _sfc_main$4a = /* @__PURE__ */ defineComponent({
             class: "h-full w-full flex items-center justify-center",
             style: normalizeStyle({ color: unref(themeVars).primary3 })
           }, [
-            createElementVNode("div", _hoisted_4$1D, [
+            createElementVNode("div", _hoisted_4$1E, [
               createVNode(CIcon, {
                 icon: "circle-exclamation",
                 size: "36px"
@@ -121892,8 +121909,8 @@ const _sfc_main$46 = /* @__PURE__ */ defineComponent({
 const _hoisted_1$3e = { class: "content-selector-assets flex flex-col h-full" };
 const _hoisted_2$2n = { class: "sticky top-0 z-1 bg-primary6 pb-2" };
-const _hoisted_3$1W = { class: "flex flex-col items-center justify-center" };
-const _hoisted_4$1C = {
+const _hoisted_3$1X = { class: "flex flex-col items-center justify-center" };
+const _hoisted_4$1D = {
   key: 0,
   class: "my-2"
 };
@@ -122163,7 +122180,7 @@ const _sfc_main$45 = /* @__PURE__ */ defineComponent({
                       title: unref(t)("canvasUI.contentSelector.syncIosWarning"),
                       visible: unref(isPitcherOrIosDevice)
                     }, null, 8, ["title", "visible"]),
-                    createElementVNode("div", _hoisted_3$1W, [
+                    createElementVNode("div", _hoisted_3$1X, [
                       !unref(launchDarkly).hide_asset_uploader ? (openBlock(), createBlock(_sfc_main$47, {
                         key: 0,
                         onUploadsComplete: _cache[0] || (_cache[0] = () => fetchAssets(true))
@@ -122176,7 +122193,7 @@ const _sfc_main$45 = /* @__PURE__ */ defineComponent({
                         "page-size": pageSize$1
                       }, null, 8, ["page", "page-count"])) : createCommentVNode("", true)
                     ]),
-                    !!unref(launchDarkly).enable_search_and_filters_in_multimedia_component ? (openBlock(), createElementBlock("div", _hoisted_4$1C, [
+                    !!unref(launchDarkly).enable_search_and_filters_in_multimedia_component ? (openBlock(), createElementBlock("div", _hoisted_4$1D, [
                       createElementVNode("div", _hoisted_5$1m, [
                         createVNode(CSearch, {
                           modelValue: search.value,
@@ -122314,7 +122331,7 @@ async function getMediaType(url) {
 const _hoisted_1$3d = { class: "cs-media-preview" };
 const _hoisted_2$2m = ["src"];
-const _hoisted_3$1V = ["src"];
+const _hoisted_3$1W = ["src"];
 const _sfc_main$44 = /* @__PURE__ */ defineComponent({
   __name: "MediaPreview",
   props: {
@@ -122389,7 +122406,7 @@ const _sfc_main$44 = /* @__PURE__ */ defineComponent({
           src: _ctx.url,
           onError: onLoadError,
           onLoadeddata: onLoad
-        }, toDisplayString(unref(t)("canvasUI.contentSelector.mediaPreview.noVideoBrowser")), 41, _hoisted_3$1V), [
+        }, toDisplayString(unref(t)("canvasUI.contentSelector.mediaPreview.noVideoBrowser")), 41, _hoisted_3$1W), [
           [vShow, !isLoading.value && isVideo.value && _ctx.url]
         ]),
         withDirectives(createElementVNode("div", {
@@ -122533,8 +122550,8 @@ const ExternalLinks = /* @__PURE__ */ _export_sfc(_sfc_main$43, [["__scopeId", "
 const _hoisted_1$3b = { class: "mr-3 h-full" };
 const _hoisted_2$2k = { class: "flex flex-col gap-3 mb-3" };
-const _hoisted_3$1U = { class: "flex justify-between w-full mb-3" };
-const _hoisted_4$1B = {
+const _hoisted_3$1V = { class: "flex justify-between w-full mb-3" };
+const _hoisted_4$1C = {
   key: 0,
   class: "text-error text-sm"
 };
@@ -122737,8 +122754,8 @@ const _sfc_main$42 = /* @__PURE__ */ defineComponent({
                         _: 1
                       }, 8, ["label"])
                     ]),
-                    createElementVNode("div", _hoisted_3$1U, [
-                      error.value ? (openBlock(), createElementBlock("div", _hoisted_4$1B, toDisplayString(error.value), 1)) : createCommentVNode("", true),
+                    createElementVNode("div", _hoisted_3$1V, [
+                      error.value ? (openBlock(), createElementBlock("div", _hoisted_4$1C, toDisplayString(error.value), 1)) : createCommentVNode("", true),
                       _cache[2] || (_cache[2] = createElementVNode("div", { class: "flex-grow" }, null, -1)),
                       createVNode(CButton, {
                         disabled: isGenerating.value || !prompt.value,
@@ -122816,8 +122833,8 @@ const AiImages = /* @__PURE__ */ _export_sfc(_sfc_main$42, [["__scopeId", "data-
 const _hoisted_1$3a = { class: "mr-3 h-full" };
 const _hoisted_2$2j = { class: "flex flex-col gap-3 mb-3" };
-const _hoisted_3$1T = { class: "flex justify-between w-full mb-3" };
-const _hoisted_4$1A = {
+const _hoisted_3$1U = { class: "flex justify-between w-full mb-3" };
+const _hoisted_4$1B = {
   key: 0,
   class: "text-error text-sm"
 };
@@ -123024,8 +123041,8 @@ const _sfc_main$41 = /* @__PURE__ */ defineComponent({
                         _: 1
                       }, 8, ["label"])
                     ]),
-                    createElementVNode("div", _hoisted_3$1T, [
-                      error.value ? (openBlock(), createElementBlock("div", _hoisted_4$1A, toDisplayString(error.value), 1)) : createCommentVNode("", true),
+                    createElementVNode("div", _hoisted_3$1U, [
+                      error.value ? (openBlock(), createElementBlock("div", _hoisted_4$1B, toDisplayString(error.value), 1)) : createCommentVNode("", true),
                       _cache[2] || (_cache[2] = createElementVNode("div", { class: "flex-grow" }, null, -1)),
                       createVNode(CButton, {
                         disabled: isLoading.value || !searchQuery.value,
@@ -123128,11 +123145,11 @@ const PexelsImages = /* @__PURE__ */ _export_sfc(_sfc_main$41, [["__scopeId", "d
 const _hoisted_1$39 = { class: "theme-images h-full flex flex-col" };
 const _hoisted_2$2i = { class: "mr-3 h-full" };
-const _hoisted_3$1S = {
+const _hoisted_3$1T = {
   key: 0,
   class: "text-center py-10"
 };
-const _hoisted_4$1z = {
+const _hoisted_4$1A = {
   key: 1,
   class: "mb-8"
 };
@@ -123216,14 +123233,14 @@ const _sfc_main$40 = /* @__PURE__ */ defineComponent({
             }, {
               default: withCtx(() => [
                 createElementVNode("div", _hoisted_2$2i, [
-                  !unref(activeTheme) ? (openBlock(), createElementBlock("div", _hoisted_3$1S, [
+                  !unref(activeTheme) ? (openBlock(), createElementBlock("div", _hoisted_3$1T, [
                     createVNode(CIcon, {
                       class: "mb-4 color-primary3",
                       icon: "image",
                       size: "48"
                     }),
                     createElementVNode("p", null, toDisplayString(unref(t)("canvasUI.contentSelector.themeImages.noActiveTheme")), 1)
-                  ])) : unref(activeTheme) ? (openBlock(), createElementBlock("div", _hoisted_4$1z, [
+                  ])) : unref(activeTheme) ? (openBlock(), createElementBlock("div", _hoisted_4$1A, [
                     createElementVNode("h3", _hoisted_5$1j, toDisplayString(unref(t)("canvasUI.contentSelector.themeImages.logo")), 1),
                     unref(activeTheme).logo ? (openBlock(), createBlock(unref(NSpace), {
                       key: 0,
@@ -123924,8 +123941,8 @@ const ContentSelector = /* @__PURE__ */ _export_sfc(_sfc_main$3_, [["__scopeId",
 const _hoisted_1$36 = { class: "flex items-center justify-between gap-1" };
 const _hoisted_2$2g = { class: "flex gap-4 items-center" };
-const _hoisted_3$1R = { class: "flex font-bold" };
-const _hoisted_4$1y = { class: "flex items-center justify-between gap-1" };
+const _hoisted_3$1S = { class: "flex font-bold" };
+const _hoisted_4$1z = { class: "flex items-center justify-between gap-1" };
 const _hoisted_5$1i = { class: "flex items-center gap-1" };
 const _hoisted_6$16 = { class: "font-bold" };
 const _hoisted_7$N = { class: "flex items-center gap-4 mr-2" };
@@ -123981,7 +123998,7 @@ const _sfc_main$3Z = /* @__PURE__ */ defineComponent({
                   icon: "folder",
                   size: "14"
                 }),
-                createElementVNode("div", _hoisted_3$1R, toDisplayString(displayTitle.value), 1)
+                createElementVNode("div", _hoisted_3$1S, toDisplayString(displayTitle.value), 1)
               ]),
               createVNode(CButton, {
                 iconPlacement: "left",
@@ -124025,7 +124042,7 @@ const _sfc_main$3Z = /* @__PURE__ */ defineComponent({
             style: normalizeStyle(_ctx.items.length > _ctx.maxItemsToRender ? { maxHeight: `${SCROLLER_ITEM_SIZE * _ctx.maxItemsToRender}px` } : void 0)
           }, {
             default: withCtx(({ item }) => [
-              createElementVNode("div", _hoisted_4$1y, [
+              createElementVNode("div", _hoisted_4$1z, [
                 createElementVNode("div", _hoisted_5$1i, [
                   createElementVNode("div", _hoisted_6$16, toDisplayString(item.file.name), 1)
                 ]),
@@ -124071,8 +124088,8 @@ const _sfc_main$3Z = /* @__PURE__ */ defineComponent({
 const _hoisted_1$35 = { class: "flex flex-col gap-6" };
 const _hoisted_2$2f = { class: "flex items-center gap-4" };
-const _hoisted_3$1Q = { class: "font-bold" };
-const _hoisted_4$1x = { class: "flex flex-wrap" };
+const _hoisted_3$1R = { class: "font-bold" };
+const _hoisted_4$1y = { class: "flex flex-wrap" };
 const _hoisted_5$1h = { key: 0 };
 const _hoisted_6$15 = {
   key: 0,
@@ -124113,9 +124130,9 @@ const _sfc_main$3Y = /* @__PURE__ */ defineComponent({
           createElementVNode("div", _hoisted_1$35, [
             createElementVNode("div", _hoisted_2$2f, [
               createVNode(CIcon, { icon: "users" }),
-              createElementVNode("div", _hoisted_3$1Q, toDisplayString(_ctx.title ?? unref(t)("canvasUI.components.CGroupsAccessInfo.title", _ctx.items.length)), 1)
+              createElementVNode("div", _hoisted_3$1R, toDisplayString(_ctx.title ?? unref(t)("canvasUI.components.CGroupsAccessInfo.title", _ctx.items.length)), 1)
             ]),
-            createElementVNode("div", _hoisted_4$1x, [
+            createElementVNode("div", _hoisted_4$1y, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(roleItemsWithGroup.value, ({ group }, index) => {
                 return openBlock(), createElementBlock("div", {
                   key: group.id
@@ -124139,8 +124156,8 @@ const CGroupsAccessInfo = /* @__PURE__ */ _export_sfc(_sfc_main$3Y, [["__scopeId
 const _hoisted_1$34 = { class: "flex flex-col gap-6" };
 const _hoisted_2$2e = { class: "flex items-center gap-4" };
-const _hoisted_3$1P = { class: "font-bold" };
-const _hoisted_4$1w = { class: "flex flex-wrap items-center" };
+const _hoisted_3$1Q = { class: "font-bold" };
+const _hoisted_4$1x = { class: "flex flex-wrap items-center" };
 const _hoisted_5$1g = {
   key: 0,
   class: "ml-4 truncate c-users-access-info__more"
@@ -124168,9 +124185,9 @@ const _sfc_main$3X = /* @__PURE__ */ defineComponent({
           createElementVNode("div", _hoisted_1$34, [
             createElementVNode("div", _hoisted_2$2e, [
               createVNode(CIcon, { icon: "user" }),
-              createElementVNode("div", _hoisted_3$1P, toDisplayString(_ctx.title ?? unref(t)("canvasUI.components.CUsersAccessInfo.individualUsers", _ctx.items.length)), 1)
+              createElementVNode("div", _hoisted_3$1Q, toDisplayString(_ctx.title ?? unref(t)("canvasUI.components.CUsersAccessInfo.individualUsers", _ctx.items.length)), 1)
             ]),
-            createElementVNode("div", _hoisted_4$1w, [
+            createElementVNode("div", _hoisted_4$1x, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items.slice(0, _ctx.maxItemsToShow), ({ user }) => {
                 return openBlock(), createBlock(_sfc_main$5n, {
                   key: user?.id,
@@ -124193,8 +124210,8 @@ const CUsersAccessInfo = /* @__PURE__ */ _export_sfc(_sfc_main$3X, [["__scopeId"
 const _hoisted_1$33 = { class: "flex flex-col gap-6" };
 const _hoisted_2$2d = { class: "flex items-center gap-4" };
-const _hoisted_3$1O = { class: "font-bold" };
-const _hoisted_4$1v = { class: "flex flex-wrap" };
+const _hoisted_3$1P = { class: "font-bold" };
+const _hoisted_4$1w = { class: "flex flex-wrap" };
 const _hoisted_5$1f = { key: 0 };
 const _hoisted_6$14 = {
   key: 0,
@@ -124221,9 +124238,9 @@ const _sfc_main$3W = /* @__PURE__ */ defineComponent({
           createElementVNode("div", _hoisted_1$33, [
             createElementVNode("div", _hoisted_2$2d, [
               createVNode(CIcon, { icon: "folder" }),
-              createElementVNode("div", _hoisted_3$1O, toDisplayString(_ctx.title ?? unref(t)("canvasUI.components.CFilesAccessInfo.title", _ctx.items.length)), 1)
+              createElementVNode("div", _hoisted_3$1P, toDisplayString(_ctx.title ?? unref(t)("canvasUI.components.CFilesAccessInfo.title", _ctx.items.length)), 1)
             ]),
-            createElementVNode("div", _hoisted_4$1v, [
+            createElementVNode("div", _hoisted_4$1w, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(itemsToShow.value.slice(0, _ctx.maxItemsToShow), ({ file }, index) => {
                 return openBlock(), createElementBlock("div", {
                   key: file.id
@@ -124418,8 +124435,8 @@ const RECENT_FILES_STORAGE_KEY_IMPACT = "ciq_recent_files";
 const _hoisted_1$32 = { class: "flex justify-between items-center gap-2" };
 const _hoisted_2$2c = { class: "flex items-center gap-2" };
-const _hoisted_3$1N = { class: "c-file-viewer-top__file-name grid font-normal text-[20px] leading-8 tracking-wide" };
-const _hoisted_4$1u = {
+const _hoisted_3$1O = { class: "c-file-viewer-top__file-name grid font-normal text-[20px] leading-8 tracking-wide" };
+const _hoisted_4$1v = {
   key: 0,
   class: "overflow-hidden max-h-[342px]"
 };
@@ -124633,8 +124650,8 @@ const _sfc_main$3U = /* @__PURE__ */ defineComponent({
                 ]
               ]) : createCommentVNode("", true)
             ]),
-            createElementVNode("div", _hoisted_3$1N, [
-              recentFilesToShow.value.length > 1 && _ctx.file ? withDirectives((openBlock(), createElementBlock("div", _hoisted_4$1u, [
+            createElementVNode("div", _hoisted_3$1O, [
+              recentFilesToShow.value.length > 1 && _ctx.file ? withDirectives((openBlock(), createElementBlock("div", _hoisted_4$1v, [
                 createVNode(CSelect, {
                   class: "flex-grow-1 select-none",
                   hideDetails: "",
@@ -124796,8 +124813,8 @@ const CFileViewerTop = /* @__PURE__ */ _export_sfc(_sfc_main$3U, [["__scopeId",
 const _hoisted_1$31 = { class: "flex justify-between" };
 const _hoisted_2$2b = { class: "flex items-center gap-2" };
-const _hoisted_3$1M = { class: "hotspot-toggle__text hotspot-toggle__text--checked tracking-wider uppercase overflow-hidden text-ellipsis whitespace-nowrap" };
-const _hoisted_4$1t = { class: "hotspot-toggle__text hotspot-toggle__text--unchecked tracking-wider uppercase overflow-hidden text-ellipsis whitespace-nowrap" };
+const _hoisted_3$1N = { class: "hotspot-toggle__text hotspot-toggle__text--checked tracking-wider uppercase overflow-hidden text-ellipsis whitespace-nowrap" };
+const _hoisted_4$1u = { class: "hotspot-toggle__text hotspot-toggle__text--unchecked tracking-wider uppercase overflow-hidden text-ellipsis whitespace-nowrap" };
 const _hoisted_5$1d = { class: "absolute left-[50%] top-[50%] translate-[-50%]" };
 const _hoisted_6$12 = { class: "flex items-center gap-2" };
 const _sfc_main$3T = /* @__PURE__ */ defineComponent({
@@ -125012,10 +125029,10 @@ const _sfc_main$3T = /* @__PURE__ */ defineComponent({
                 "onUpdate:value": _cache[8] || (_cache[8] = ($event) => emit("toggleAnnotationVisibility"))
               }, {
                 checked: withCtx(() => [
-                  createElementVNode("span", _hoisted_3$1M, toDisplayString(unref(t)("canvasUI.components.fileViewer.annotations.visibility.show")), 1)
+                  createElementVNode("span", _hoisted_3$1N, toDisplayString(unref(t)("canvasUI.components.fileViewer.annotations.visibility.show")), 1)
                 ]),
                 unchecked: withCtx(() => [
-                  createElementVNode("span", _hoisted_4$1t, toDisplayString(unref(t)("canvasUI.components.fileViewer.annotations.visibility.hide")), 1)
+                  createElementVNode("span", _hoisted_4$1u, toDisplayString(unref(t)("canvasUI.components.fileViewer.annotations.visibility.hide")), 1)
                 ]),
                 "checked-icon": withCtx(() => [
                   createVNode(CIcon, {
@@ -125158,8 +125175,8 @@ const _hoisted_2$2a = {
   key: 0,
   class: "flex-grow flex flex-col gap-1 mx-2 min-w-0 w-full leading-none"
 };
-const _hoisted_3$1L = { class: "title text-ellipsis whitespace-nowrap font-700 overflow-hidden" };
-const _hoisted_4$1s = {
+const _hoisted_3$1M = { class: "title text-ellipsis whitespace-nowrap font-700 overflow-hidden" };
+const _hoisted_4$1t = {
   key: 0,
   class: "text-ellipsis whitespace-nowrap color-text2 truncate font-size-[12px]"
 };
@@ -125214,8 +125231,8 @@ const _sfc_main$3R = /* @__PURE__ */ defineComponent({
                 width: 60
               }, null, 8, ["item"]),
               !_ctx.selectedPageIndex ? (openBlock(), createElementBlock("div", _hoisted_2$2a, [
-                createElementVNode("div", _hoisted_3$1L, toDisplayString(_ctx.file.name), 1),
-                !_ctx.hideContentType ? (openBlock(), createElementBlock("div", _hoisted_4$1s, [
+                createElementVNode("div", _hoisted_3$1M, toDisplayString(_ctx.file.name), 1),
+                !_ctx.hideContentType ? (openBlock(), createElementBlock("div", _hoisted_4$1t, [
                   (openBlock(), createBlock(resolveDynamicComponent(unref(renderContentType)(_ctx.file.content_type)), { class: "color-primary3" }))
                 ])) : createCommentVNode("", true)
               ])) : (openBlock(), createElementBlock("div", _hoisted_5$1c, [
@@ -125308,8 +125325,8 @@ function enforceHttps(url) {
 const _hoisted_1$2_ = { key: 0 };
 const _hoisted_2$29 = { class: "flex flex-col gap-4 mb-2" };
-const _hoisted_3$1K = { class: "font-bold font-size-[20px]" };
-const _hoisted_4$1r = { class: "flex flex-col gap-2" };
+const _hoisted_3$1L = { class: "font-bold font-size-[20px]" };
+const _hoisted_4$1s = { class: "flex flex-col gap-2" };
 const _hoisted_5$1b = {
   key: 0,
   class: "flex flex-col gap-2"
@@ -125556,10 +125573,10 @@ const _sfc_main$3Q = /* @__PURE__ */ defineComponent({
                 createVNode(_sfc_main$60, { "max-height": 500 }, {
                   default: withCtx(() => [
                     createElementVNode("div", _hoisted_2$29, [
-                      createElementVNode("div", _hoisted_3$1K, toDisplayString(unref(t)("canvasUI.components.fileViewer.linkAnnotation.title")), 1),
+                      createElementVNode("div", _hoisted_3$1L, toDisplayString(unref(t)("canvasUI.components.fileViewer.linkAnnotation.title")), 1),
                       createElementVNode("div", null, toDisplayString(unref(t)("canvasUI.components.fileViewer.linkAnnotation.subtitle")), 1)
                     ]),
-                    createElementVNode("div", _hoisted_4$1r, [
+                    createElementVNode("div", _hoisted_4$1s, [
                       createVNode(unref(NFormItem), {
                         "show-feedback": false,
                         "show-label": false
@@ -125695,8 +125712,8 @@ const _sfc_main$3Q = /* @__PURE__ */ defineComponent({
 const _hoisted_1$2Z = { class: "flex flex-col gap-2" };
 const _hoisted_2$28 = { class: "flex flex-col gap-1 mt-1" };
-const _hoisted_3$1J = { class: "flex gap-2" };
-const _hoisted_4$1q = { class: "flex items-center gap-2 color-text3" };
+const _hoisted_3$1K = { class: "flex gap-2" };
+const _hoisted_4$1r = { class: "flex items-center gap-2 color-text3" };
 const _hoisted_5$1a = { class: "flex items-center gap-2 color-text3" };
 const _sfc_main$3P = /* @__PURE__ */ defineComponent({
   __name: "CFileViewerCopyPagesMetadata.pdf",
@@ -125810,7 +125827,7 @@ const _sfc_main$3P = /* @__PURE__ */ defineComponent({
                       range: "",
                       step: 1
                     }, null, 8, ["value", "disabled", "max"]),
-                    createElementVNode("div", _hoisted_3$1J, [
+                    createElementVNode("div", _hoisted_3$1K, [
                       createVNode(unref(NInputNumber), {
                         value: range.value[0],
                         "onUpdate:value": _cache[4] || (_cache[4] = ($event) => range.value[0] = $event),
@@ -125821,7 +125838,7 @@ const _sfc_main$3P = /* @__PURE__ */ defineComponent({
                         precision: 0
                       }, {
                         prefix: withCtx(() => [
-                          createElementVNode("div", _hoisted_4$1q, [
+                          createElementVNode("div", _hoisted_4$1r, [
                             createVNode(CIcon, {
                               icon: "page",
                               size: "16px"
@@ -125897,8 +125914,8 @@ const _sfc_main$3O = /* @__PURE__ */ defineComponent({
 const _hoisted_1$2X = { class: "flex flex-col gap-1" };
 const _hoisted_2$27 = { class: "flex gap-2" };
-const _hoisted_3$1I = { class: "font-size-3 color-text2" };
-const _hoisted_4$1p = {
+const _hoisted_3$1J = { class: "font-size-3 color-text2" };
+const _hoisted_4$1q = {
   key: 1,
   class: "flex flex-col gap-4 h-full"
 };
@@ -126142,7 +126159,7 @@ const _sfc_main$3N = /* @__PURE__ */ defineComponent({
                 key: 0,
                 class: "flex h-full"
               })) : createCommentVNode("", true),
-              !_ctx.isLoadingInstanceMetadataTemplate ? (openBlock(), createElementBlock("div", _hoisted_4$1p, [
+              !_ctx.isLoadingInstanceMetadataTemplate ? (openBlock(), createElementBlock("div", _hoisted_4$1q, [
                 createElementVNode("div", _hoisted_5$19, toDisplayString(unref(t)("canvasUI.components.fileViewer.pageMetadata.form.pageSettings")), 1),
                 createVNode(unref(NForm), {
                   model: flatPagesInfoModel[currentPageIndex.value]
@@ -126255,7 +126272,7 @@ const _sfc_main$3N = /* @__PURE__ */ defineComponent({
                       _: 1
                     }, 8, ["disabled"])
                   ]),
-                  createElementVNode("div", _hoisted_3$1I, toDisplayString(unref(t)("canvasUI.components.fileViewer.pageMetadata.form.currentPageHelpText")), 1)
+                  createElementVNode("div", _hoisted_3$1J, toDisplayString(unref(t)("canvasUI.components.fileViewer.pageMetadata.form.currentPageHelpText")), 1)
                 ])
               ]),
               key: "0"
@@ -126431,8 +126448,8 @@ const _hoisted_2$26 = {
   key: 0,
   class: "c-file-viewer-search-results-sidebar-header"
 };
-const _hoisted_3$1H = { class: "c-file-viewer-search-results-sidebar__page" };
-const _hoisted_4$1o = ["onClick"];
+const _hoisted_3$1I = { class: "c-file-viewer-search-results-sidebar__page" };
+const _hoisted_4$1p = ["onClick"];
 const _sfc_main$3M = /* @__PURE__ */ defineComponent({
   __name: "CFileViewerSearchResultsSidebar.pdf",
   props: {
@@ -126483,7 +126500,7 @@ const _sfc_main$3M = /* @__PURE__ */ defineComponent({
         ])) : createCommentVNode("", true),
         searchState.value && searchState.value.results ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(resultsGroupsByPage.value, (results, focusedResultIndex) => {
           return openBlock(), createElementBlock("div", { key: focusedResultIndex }, [
-            createElementVNode("div", _hoisted_3$1H, [
+            createElementVNode("div", _hoisted_3$1I, [
               createElementVNode("div", null, toDisplayString(unref(t)("canvasUI.components.fileViewer.sidebars.searchResults.page")), 1),
               createElementVNode("div", null, toDisplayString(results[0].pageIndex + 1), 1)
             ]),
@@ -126497,7 +126514,7 @@ const _sfc_main$3M = /* @__PURE__ */ defineComponent({
                   key: 1,
                   style: { cursor: "pointer" },
                   onClick: ($event) => jumpToHighlightedText(result, result.totalResultIndex)
-                }, toDisplayString(result.previewText.substring(result.locationInPreview, result.locationInPreview + searchState.value.term.length)), 9, _hoisted_4$1o)),
+                }, toDisplayString(result.previewText.substring(result.locationInPreview, result.locationInPreview + searchState.value.term.length)), 9, _hoisted_4$1p)),
                 createElementVNode("span", null, toDisplayString(result.previewText.substring(result.locationInPreview + searchState.value.term.length)), 1),
                 _cache[0] || (_cache[0] = createElementVNode("hr", { class: "c-file-viewer-search-results-sidebar__page-results-divider" }, null, -1))
               ]);
@@ -127589,11 +127606,11 @@ const _hoisted_2$25 = {
   key: 2,
   class: "c-file-viewer__content-status-container"
 };
-const _hoisted_3$1G = {
+const _hoisted_3$1H = {
   key: 2,
   class: "w-full h-full flex justify-center items-center"
 };
-const _hoisted_4$1n = ["href"];
+const _hoisted_4$1o = ["href"];
 const _hoisted_5$18 = { class: "block w-full min-h-[125px] max-w-lg hover:opacity-75 focus:opacity-75 transition-opacity" };
 const _hoisted_6$_ = {
   key: 4,
@@ -128123,7 +128140,7 @@ const _sfc_main$3L = /* @__PURE__ */ defineComponent({
                 "fit-parent": "",
                 icon: "face-worried",
                 title: unref(t)("canvasUI.components.fileViewer.missingFileUrl.title")
-              }, null, 8, ["description", "title"])) : fileType.value === "ar" && unref(supportsAr) ? (openBlock(), createElementBlock("div", _hoisted_3$1G, [
+              }, null, 8, ["description", "title"])) : fileType.value === "ar" && unref(supportsAr) ? (openBlock(), createElementBlock("div", _hoisted_3$1H, [
                 createElementVNode("a", {
                   href: _ctx.file.content_url,
                   rel: "ar"
@@ -128133,7 +128150,7 @@ const _sfc_main$3L = /* @__PURE__ */ defineComponent({
                     "object-fit": "cover",
                     src: _ctx.file.thumbnail_url
                   }, null, 8, ["src"])
-                ], 8, _hoisted_4$1n)
+                ], 8, _hoisted_4$1o)
               ])) : fileType.value === "ar" ? (openBlock(), createBlock(_sfc_main$6J, {
                 key: 3,
                 description: unref(t)("canvasUI.components.fileViewer.arContentNotAvailable.description"),
@@ -128302,13 +128319,13 @@ const CDetailPageSectionButtons = /* @__PURE__ */ _export_sfc(_sfc_main$3K, [["_
 const _hoisted_1$2T = { class: "c-global-loader" };
 const _hoisted_2$24 = { class: "c-global-loader__container" };
-const _hoisted_3$1F = {
+const _hoisted_3$1G = {
   class: "c-global-loader__shape",
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "124 269.5 128 128",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_4$1m = {
+const _hoisted_4$1n = {
   opacity: "1",
   transform: "matrix(1,0,0,1,187.5,333.5)"
 };
@@ -128420,8 +128437,8 @@ const _sfc_main$3J = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$2T, [
         createElementVNode("div", _hoisted_2$24, [
-          (openBlock(), createElementBlock("svg", _hoisted_3$1F, [
-            createElementVNode("g", _hoisted_4$1m, [
+          (openBlock(), createElementBlock("svg", _hoisted_3$1G, [
+            createElementVNode("g", _hoisted_4$1n, [
               createElementVNode("g", _hoisted_5$17, [
                 createElementVNode("path", {
                   id: "path1",
@@ -128464,8 +128481,8 @@ const CGlobalLoader = /* @__PURE__ */ _export_sfc(_sfc_main$3J, [["__scopeId", "
 const _hoisted_1$2S = { class: "flex flex-col gap-1" };
 const _hoisted_2$23 = { class: "flex flex-wrap gap-1" };
-const _hoisted_3$1E = { class: "font-bold" };
-const _hoisted_4$1l = {
+const _hoisted_3$1F = { class: "font-bold" };
+const _hoisted_4$1m = {
   key: 0,
   class: "flex flex-wrap gap-1"
 };
@@ -128482,9 +128499,9 @@ const _sfc_main$3I = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$2S, [
         createElementVNode("div", _hoisted_2$23, [
           createElementVNode("div", null, toDisplayString(_ctx.texts.name), 1),
-          createElementVNode("div", _hoisted_3$1E, toDisplayString(_ctx.name), 1)
+          createElementVNode("div", _hoisted_3$1F, toDisplayString(_ctx.name), 1)
         ]),
-        _ctx.texts.type ? (openBlock(), createElementBlock("div", _hoisted_4$1l, [
+        _ctx.texts.type ? (openBlock(), createElementBlock("div", _hoisted_4$1m, [
           createElementVNode("div", null, toDisplayString(_ctx.texts.type), 1),
           createElementVNode("div", _hoisted_5$16, toDisplayString(_ctx.texts.file ?? _ctx.texts.folder), 1)
         ])) : createCommentVNode("", true),
@@ -128502,8 +128519,8 @@ const catalogIqSvgAdmin = "data:image/svg+xml,%3csvg%20width='36'%20height='36'%
 const _hoisted_1$2R = { class: "p-4 c-catalog-iq-switcher-content min-w-[270px]" };
 const _hoisted_2$22 = { class: "flex justify-between items-center" };
-const _hoisted_3$1D = { class: "text-center text-20px font-500 leading-32px tracking-[0.25px] ma-0" };
-const _hoisted_4$1k = { class: "flex flex-col mt-3" };
+const _hoisted_3$1E = { class: "text-center text-20px font-500 leading-32px tracking-[0.25px] ma-0" };
+const _hoisted_4$1l = { class: "flex flex-col mt-3" };
 const _hoisted_5$15 = ["href"];
 const _hoisted_6$X = { class: "flex items-center gap-2" };
 const _hoisted_7$G = ["alt", "src"];
@@ -128535,9 +128552,9 @@ const _sfc_main$3H = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$2R, [
         createElementVNode("div", _hoisted_2$22, [
-          createElementVNode("div", _hoisted_3$1D, toDisplayString(unref(t)("canvasUI.components.CCatalogIqSwitcherContent.switchTo")), 1)
+          createElementVNode("div", _hoisted_3$1E, toDisplayString(unref(t)("canvasUI.components.CCatalogIqSwitcherContent.switchTo")), 1)
         ]),
-        createElementVNode("div", _hoisted_4$1k, [
+        createElementVNode("div", _hoisted_4$1l, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item) => {
             return openBlock(), createElementBlock("a", {
               key: item.app,
@@ -128641,8 +128658,8 @@ const _hoisted_1$2Q = {
   class: "relative overflow-hidden c-carousel flex flex-col gap-4"
 };
 const _hoisted_2$21 = { class: "c-carousel__dots flex items-center" };
-const _hoisted_3$1C = ["onClick"];
-const _hoisted_4$1j = { class: "c-carousel__arrow-group flex gap-2" };
+const _hoisted_3$1D = ["onClick"];
+const _hoisted_4$1k = { class: "c-carousel__arrow-group flex gap-2" };
 const _sfc_main$3F = /* @__PURE__ */ defineComponent({
   __name: "CCarousel",
   props: {
@@ -128782,10 +128799,10 @@ const _sfc_main$3F = /* @__PURE__ */ defineComponent({
                 key: index,
                 class: normalizeClass(["h-2 w-2 c-carousel__dot", { "c-carousel__dot--active n-carousel__dot--active": currentSlideIndex.value === index }]),
                 onClick: ($event) => goToSlide(index)
-              }, null, 10, _hoisted_3$1C);
+              }, null, 10, _hoisted_3$1D);
             }), 128))
           ]),
-          createElementVNode("div", _hoisted_4$1j, [
+          createElementVNode("div", _hoisted_4$1k, [
             createVNode(CIcon, {
               class: "cursor-pointer rounded-2 pa-[6px] c-carousel__arrow",
               icon: "angle-left",
@@ -128807,7 +128824,7 @@ const CCarousel = /* @__PURE__ */ _export_sfc(_sfc_main$3F, [["__scopeId", "data
 const _hoisted_1$2P = { class: "c-slide-viewer w-full h-full relative overflow-hidden" };
 const _hoisted_2$20 = { class: "flex flex-col items-center space-y-2" };
-const _hoisted_3$1B = { class: "text-sm" };
+const _hoisted_3$1C = { class: "text-sm" };
 const PDF_CACHE_TTL_MS = 10 * 60 * 1e3;
 const _sfc_main$3E = /* @__PURE__ */ defineComponent({
   __name: "CSlideViewer.pdfjs",
@@ -129085,7 +129102,7 @@ const _sfc_main$3E = /* @__PURE__ */ defineComponent({
               icon: "file-image",
               size: "48"
             }, null, 8, ["color"]),
-            createElementVNode("span", _hoisted_3$1B, toDisplayString(unref(t)("canvasUI.CSlideViewer.noPdfAvailable")), 1)
+            createElementVNode("span", _hoisted_3$1C, toDisplayString(unref(t)("canvasUI.CSlideViewer.noPdfAvailable")), 1)
           ])
         ], 4)) : (openBlock(), createElementBlock("div", {
           key: 2,
@@ -129108,8 +129125,8 @@ const _sfc_main$3E = /* @__PURE__ */ defineComponent({
 const _hoisted_1$2O = { class: "w-full h-full overflow-hidden relative" };
 const _hoisted_2$1$ = { class: "flex flex-col items-center space-y-2" };
-const _hoisted_3$1A = { class: "text-sm" };
-const _hoisted_4$1i = ["src"];
+const _hoisted_3$1B = { class: "text-sm" };
+const _hoisted_4$1j = ["src"];
 const PITCHER_COM_PSPDFKIT_LICENSE_KEY = "rKD0Ja3L6Oc5svmubXZreNFSpA9VvLzEsEyseyTteXwtfdUpHnvvwixbr3kbdQvLIRV6M03ZI1nWuwRRQjhBnTOgsy5uvwYXAmJGzHcXDSMAxhF7kHpiEwHDnfHDA-QBpuKtOh-9EP9HBFYPX4tDLAUMypErrtKQSkW4eTiW5yxWtkrrJR4Y1-LXtUnVMaCV_LLVFSdpJUCPH6r7U1rEP_d2eKE3zLHhYg9tm4SwE2bzfMGj7jTb74e-KcQ4oULa-Jd4oHKlQdgADw_KznBaj2ONBNo97BMVsWQqLMqHV9bsZIMBn4qYPMr7Oc60msTBz5XT47-KCRXIEixl56SvniHoVj5Ni9Qqz4WyoAnBOLuQL_O-GnxrMxWGew15YFFXxFtZLg4ZDWm6viuy3KbQE7X7q04dDvz2OsBGuPCcA1lVQp_oDvWP34898gEEZuB7-PoIOiQFDgaryv7nL5BbAza5kKvTqeTkeR6QuFbdSoKqhurkdsQ03kvDU0sgJEW4-D8hZSYa7iDcCoStmpf2SpnKmL7fO_F4f0IlirwJQerm6nfK3aiiF5FqGnStJ_v2dLFnxPl65r7RjmhzeOVOi9-zn3cy1HAjWV35k1dfwYsQBuEHjW6fhCK5GtAc3QBIQONqr3XhhzaUEO_ytOxSGy5gSpK28bi3HD8CCzmRcOeJtprDPAdygmnKD9t8mM68";
 const _sfc_main$3D = /* @__PURE__ */ defineComponent({
   __name: "CSlideViewer.pspdfkit",
@@ -129312,7 +129329,7 @@ const _sfc_main$3D = /* @__PURE__ */ defineComponent({
               icon: "file-image",
               size: "48"
             }, null, 8, ["color"]),
-            createElementVNode("span", _hoisted_3$1A, toDisplayString(unref(t)("canvasUI.CSlideViewer.noPdfAvailable")), 1)
+            createElementVNode("span", _hoisted_3$1B, toDisplayString(unref(t)("canvasUI.CSlideViewer.noPdfAvailable")), 1)
           ])
         ], 4)) : error.value ? (openBlock(), createElementBlock("div", {
           key: 1,
@@ -129327,7 +129344,7 @@ const _sfc_main$3D = /* @__PURE__ */ defineComponent({
           src: iframeUrl.value,
           style: normalizeStyle(containerStyle.value),
           onLoad: onIframeLoad
-        }, null, 44, _hoisted_4$1i)) : createCommentVNode("", true)
+        }, null, 44, _hoisted_4$1j)) : createCommentVNode("", true)
       ]);
     };
   }
@@ -129538,8 +129555,8 @@ const _hoisted_2$1_ = {
   key: 0,
   class: "flex gap-3 pa-5"
 };
-const _hoisted_3$1z = { class: "flex flex-col gap-1" };
-const _hoisted_4$1h = { class: "tracking-wide leading-none text-base" };
+const _hoisted_3$1A = { class: "flex flex-col gap-1" };
+const _hoisted_4$1i = { class: "tracking-wide leading-none text-base" };
 const _hoisted_5$14 = { class: "tracking-wide leading-none text-sm" };
 const _hoisted_6$W = { class: "flex flex-col gap-2 pa-3" };
 const _hoisted_7$F = ["onClick"];
@@ -129598,8 +129615,8 @@ const _sfc_main$3z = /* @__PURE__ */ defineComponent({
                 lastName: _ctx.user.last_name,
                 picture: _ctx.user.picture
               }, null, 8, ["email", "firstName", "lastName", "picture"]),
-              createElementVNode("div", _hoisted_3$1z, [
-                createElementVNode("span", _hoisted_4$1h, toDisplayString(`${_ctx.user.first_name} ${_ctx.user.last_name}`), 1),
+              createElementVNode("div", _hoisted_3$1A, [
+                createElementVNode("span", _hoisted_4$1i, toDisplayString(`${_ctx.user.first_name} ${_ctx.user.last_name}`), 1),
                 createElementVNode("span", _hoisted_5$14, toDisplayString(_ctx.user.email), 1),
                 unref(isNonMemberRole)(_ctx.userRole) ? (openBlock(), createBlock(_sfc_main$4U, {
                   key: 0,
@@ -130346,8 +130363,8 @@ const ContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$3w, [["__scopeId", "da
 const _hoisted_1$2K = { class: "basic-info w-full" };
 const _hoisted_2$1Y = { class: "flex justify-center mb-2 text-[16px] leading-[24px] tracking-[0.5px]" };
-const _hoisted_3$1y = { class: "truncate font-500 text-center" };
-const _hoisted_4$1g = {
+const _hoisted_3$1z = { class: "truncate font-500 text-center" };
+const _hoisted_4$1h = {
   key: 0,
   class: "flex w-full h-full"
 };
@@ -130365,9 +130382,9 @@ const _sfc_main$3v = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$2K, [
         createElementVNode("div", _hoisted_2$1Y, [
-          createElementVNode("div", _hoisted_3$1y, toDisplayString(file.value?.name), 1)
+          createElementVNode("div", _hoisted_3$1z, toDisplayString(file.value?.name), 1)
         ]),
-        file.value ? (openBlock(), createElementBlock("div", _hoisted_4$1g, [
+        file.value ? (openBlock(), createElementBlock("div", _hoisted_4$1h, [
           createElementVNode("div", _hoisted_5$13, [
             createVNode(_sfc_main$6G, {
               height: "auto",
@@ -130413,8 +130430,8 @@ const _hoisted_2$1X = {
   key: 1,
   class: "c-rating-feedback flex flex-col gap-2"
 };
-const _hoisted_3$1x = { class: "rating" };
-const _hoisted_4$1f = { class: "w-full font-600 ma-0" };
+const _hoisted_3$1y = { class: "rating" };
+const _hoisted_4$1g = { class: "w-full font-600 ma-0" };
 const _hoisted_5$12 = { class: "comment" };
 const _hoisted_6$U = { class: "w-full font-600 ma-0" };
 const _hoisted_7$E = { class: "flex justify-start gap-2" };
@@ -130462,8 +130479,8 @@ const _sfc_main$3t = /* @__PURE__ */ defineComponent({
         }),
         createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.components.CRatingFeedback.feedbackMessage")), 1)
       ])) : (openBlock(), createElementBlock("div", _hoisted_2$1X, [
-        createElementVNode("div", _hoisted_3$1x, [
-          createElementVNode("p", _hoisted_4$1f, toDisplayString(unref(t)("canvasUI.components.CRatingFeedback.rating")), 1),
+        createElementVNode("div", _hoisted_3$1y, [
+          createElementVNode("p", _hoisted_4$1g, toDisplayString(unref(t)("canvasUI.components.CRatingFeedback.rating")), 1),
           createVNode(_sfc_main$3u, {
             clearable: "",
             color: unref(themeVars).warning,
@@ -130576,8 +130593,8 @@ const getNumberWithRegex = (string) => {
 const _hoisted_1$2I = { class: "details w-full" };
 const _hoisted_2$1W = { class: "flex mb-[10px] mt-[34px] font-600" };
-const _hoisted_3$1w = { class: "flex gap-8 lg:gap-16" };
-const _hoisted_4$1e = { class: "flex flex-col gap-4" };
+const _hoisted_3$1x = { class: "flex gap-8 lg:gap-16" };
+const _hoisted_4$1f = { class: "flex flex-col gap-4" };
 const _hoisted_5$11 = { class: "flex flex-col gap-2" };
 const _hoisted_6$T = { class: "title" };
 const _hoisted_7$D = { class: "flex flex-col gap-2" };
@@ -130700,8 +130717,8 @@ const _sfc_main$3s = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_2$1W, [
           createElementVNode("div", null, toDisplayString(unref(t)("canvasUI.browserApp.fileSelectionInfo.sections.details.title")), 1)
         ]),
-        createElementVNode("div", _hoisted_3$1w, [
-          createElementVNode("div", _hoisted_4$1e, [
+        createElementVNode("div", _hoisted_3$1x, [
+          createElementVNode("div", _hoisted_4$1f, [
             createElementVNode("div", _hoisted_5$11, [
               createElementVNode("div", _hoisted_6$T, toDisplayString(unref(t)("canvasUI.browserApp.fileSelectionInfo.sections.details.owner")), 1),
               createElementVNode("div", null, toDisplayString(file.value?.created_by.name), 1)
@@ -130768,8 +130785,8 @@ const _hoisted_1$2H = {
   class: "details w-full"
 };
 const _hoisted_2$1V = { class: "flex mb-[10px] mt-[34px] font-600" };
-const _hoisted_3$1v = { class: "flex flex-wrap" };
-const _hoisted_4$1d = { class: "title" };
+const _hoisted_3$1w = { class: "flex flex-wrap" };
+const _hoisted_4$1e = { class: "title" };
 const _sfc_main$3r = /* @__PURE__ */ defineComponent({
   __name: "Metadata",
   setup(__props) {
@@ -130828,13 +130845,13 @@ const _sfc_main$3r = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_2$1V, [
           createElementVNode("div", null, toDisplayString(unref(t)("canvasUI.browserApp.fileSelectionInfo.sections.details.metadata")), 1)
         ]),
-        createElementVNode("div", _hoisted_3$1v, [
+        createElementVNode("div", _hoisted_3$1w, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(fileMetadata.value, (item, index) => {
             return openBlock(), createElementBlock("div", {
               key: index,
               class: "flex flex-col gap-2 metadata-field mb-4"
             }, [
-              createElementVNode("div", _hoisted_4$1d, toDisplayString(item.label), 1),
+              createElementVNode("div", _hoisted_4$1e, toDisplayString(item.label), 1),
               createElementVNode("div", null, toDisplayString(item.value), 1)
             ]);
           }), 128))
@@ -130851,8 +130868,8 @@ const _hoisted_2$1U = {
   key: 0,
   class: "flex mb-[10px] mt-[34px] font-600"
 };
-const _hoisted_3$1u = { class: "flex flex-wrap center-items gap-1" };
-const _hoisted_4$1c = {
+const _hoisted_3$1v = { class: "flex flex-wrap center-items gap-1" };
+const _hoisted_4$1d = {
   key: 0,
   class: "ml-2"
 };
@@ -130887,7 +130904,7 @@ const _sfc_main$3q = /* @__PURE__ */ defineComponent({
         _ctx.showLabel ? (openBlock(), createElementBlock("div", _hoisted_2$1U, [
           createElementVNode("div", null, toDisplayString(unref(t)("canvasUI.browserApp.fileSelectionInfo.sections.tags.title")), 1)
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3$1u, [
+        createElementVNode("div", _hoisted_3$1v, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(tagsToRender.value, (tag, index) => {
             return openBlock(), createBlock(_sfc_main$6D, {
               key: index,
@@ -130900,7 +130917,7 @@ const _sfc_main$3q = /* @__PURE__ */ defineComponent({
               _: 2
             }, 1024);
           }), 128)),
-          (file.value?.tags?.length ?? 0) > tagsToRender.value.length ? (openBlock(), createElementBlock("div", _hoisted_4$1c, toDisplayString(unref(t)(
+          (file.value?.tags?.length ?? 0) > tagsToRender.value.length ? (openBlock(), createElementBlock("div", _hoisted_4$1d, toDisplayString(unref(t)(
             "canvasUI.browserApp.fileSelectionInfo.sections.tags.andMoreTags",
             (file.value?.tags?.length ?? 0) - _ctx.maxTagsToRender
           )), 1)) : createCommentVNode("", true),
@@ -130940,11 +130957,11 @@ const _hoisted_1$2E = {
   class: "file-access-management w-full"
 };
 const _hoisted_2$1T = { class: "flex justify-between items-center mb-[10px] mt-[34px] font-600" };
-const _hoisted_3$1t = {
+const _hoisted_3$1u = {
   key: 0,
   class: "flex justify-center py-4"
 };
-const _hoisted_4$1b = {
+const _hoisted_4$1c = {
   key: 1,
   class: "flex flex-col gap-4"
 };
@@ -131115,9 +131132,9 @@ const _sfc_main$3o = /* @__PURE__ */ defineComponent({
             _: 1
           })) : createCommentVNode("", true)
         ]),
-        isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_3$1t, [
+        isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_3$1u, [
           createVNode(_sfc_main$6o)
-        ])) : isEditing.value ? (openBlock(), createElementBlock("div", _hoisted_4$1b, [
+        ])) : isEditing.value ? (openBlock(), createElementBlock("div", _hoisted_4$1c, [
           allowUsersInDistribution.value ? (openBlock(), createBlock(CUsersGroupsAccessManage, {
             key: 0,
             items: usersCollaborations.value,
@@ -131235,8 +131252,8 @@ const _hoisted_1$2D = {
   class: "flex gap-2 pb-4 uppercase tracking-wider"
 };
 const _hoisted_2$1S = { class: "flex items-center justify-between pa-4 gap-4" };
-const _hoisted_3$1s = { class: "text-sm" };
-const _hoisted_4$1a = { class: "flex items-center grow-0 basis-50" };
+const _hoisted_3$1t = { class: "text-sm" };
+const _hoisted_4$1b = { class: "flex items-center grow-0 basis-50" };
 const _hoisted_5$_ = { class: "text-sm whitespace-nowrap" };
 const _sfc_main$3n = /* @__PURE__ */ defineComponent({
   __name: "AddComponentModal",
@@ -131725,8 +131742,8 @@ const _sfc_main$3n = /* @__PURE__ */ defineComponent({
                 ])) : createCommentVNode("", true)
               ], 4),
               createElementVNode("div", _hoisted_2$1S, [
-                createElementVNode("span", _hoisted_3$1s, toDisplayString(unref(t)("canvasUI.canvasBuilder.components.name")) + " (" + toDisplayString(selections.value?.length) + ")", 1),
-                createElementVNode("div", _hoisted_4$1a, [
+                createElementVNode("span", _hoisted_3$1t, toDisplayString(unref(t)("canvasUI.canvasBuilder.components.name")) + " (" + toDisplayString(selections.value?.length) + ")", 1),
+                createElementVNode("div", _hoisted_4$1b, [
                   createElementVNode("span", _hoisted_5$_, toDisplayString(unref(t)("canvasUI.canvasBuilder.components.sortBy")) + ":", 1),
                   createVNode(CSelect, {
                     class: "select-none",
@@ -132020,8 +132037,8 @@ const _hoisted_2$1R = {
   key: 0,
   class: "mt-4"
 };
-const _hoisted_3$1r = { key: 0 };
-const _hoisted_4$19 = ["title"];
+const _hoisted_3$1s = { key: 0 };
+const _hoisted_4$1a = ["title"];
 const _hoisted_5$Z = ["title"];
 const _hoisted_6$R = {
   key: 3,
@@ -132578,13 +132595,13 @@ const _sfc_main$3m = /* @__PURE__ */ defineComponent({
                 item: n
               }, {
                 default: withCtx(() => [
-                  n ? (openBlock(), createElementBlock("div", _hoisted_3$1r, [
+                  n ? (openBlock(), createElementBlock("div", _hoisted_3$1s, [
                     n.renderExtra?.type === "heading" || n.renderExtra?.type === "both" ? (openBlock(), createElementBlock("div", {
                       key: 0,
                       class: "h-7 pt-3 text-xs tracking-wide uppercase relative top-2 left-1 text-truncate",
                       style: normalizeStyle({ color: unref(themeVars).primary3 }),
                       title: n.renderExtra?.name
-                    }, toDisplayString(n.renderExtra?.name), 13, _hoisted_4$19)) : createCommentVNode("", true),
+                    }, toDisplayString(n.renderExtra?.name), 13, _hoisted_4$1a)) : createCommentVNode("", true),
                     n.type === "PageBreak" ? (openBlock(), createElementBlock("div", {
                       key: 1,
                       class: "min-h-7 pt-3 text-xs tracking-wide uppercase left-1 top-2 overflow-visible",
@@ -132675,8 +132692,8 @@ const NavigatorPresentation = /* @__PURE__ */ _export_sfc(_sfc_main$3m, [["__sco
 const _hoisted_1$2B = { class: "cb-navigator h-full w-[250px]" };
 const _hoisted_2$1Q = { class: "cb-navigator__content h-full px-4 pb-4 pt-8 overflow-hidden" };
-const _hoisted_3$1q = { class: "top pr-1" };
-const _hoisted_4$18 = { class: "flex items-center justify-between" };
+const _hoisted_3$1r = { class: "top pr-1" };
+const _hoisted_4$19 = { class: "flex items-center justify-between" };
 const _hoisted_5$Y = { class: "title" };
 const _hoisted_6$Q = { class: "mt-4" };
 const TOC_MODE_STORAGE_KEY = "canvas_builder_toc_mode_preference";
@@ -132708,8 +132725,8 @@ const _sfc_main$3l = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$2B, [
         createElementVNode("div", _hoisted_2$1Q, [
-          createElementVNode("div", _hoisted_3$1q, [
-            createElementVNode("div", _hoisted_4$18, [
+          createElementVNode("div", _hoisted_3$1r, [
+            createElementVNode("div", _hoisted_4$19, [
               createElementVNode("div", _hoisted_5$Y, toDisplayString(unref(t)("canvasUI.canvasBuilder.navigator.navigation")), 1),
               createVNode(CButton, { onClick: handleModeToggle }, {
                 icon: withCtx(() => [
@@ -132975,8 +132992,8 @@ const _hoisted_1$2z = {
   class: "search-container pa-2"
 };
 const _hoisted_2$1P = ["onClick"];
-const _hoisted_3$1p = { class: "mb-3 flex items-center justify-center w-11 h-11 rounded-1 bg-primary6 hover:bg-primary5 transition-all" };
-const _hoisted_4$17 = { class: "text-xs text-center font-medium line-clamp-2" };
+const _hoisted_3$1q = { class: "mb-3 flex items-center justify-center w-11 h-11 rounded-1 bg-primary6 hover:bg-primary5 transition-all" };
+const _hoisted_4$18 = { class: "text-xs text-center font-medium line-clamp-2" };
 const _hoisted_5$X = {
   key: 1,
   class: "flex items-center justify-center h-full"
@@ -133059,7 +133076,7 @@ const _sfc_main$3j = /* @__PURE__ */ defineComponent({
                 class: "flex flex-col items-center justify-start cursor-pointer hover:bg-primary5/20 rounded-1 transition-all",
                 onClick: ($event) => emit("click", app)
               }, [
-                createElementVNode("div", _hoisted_3$1p, [
+                createElementVNode("div", _hoisted_3$1q, [
                   createVNode(CIcon, {
                     class: "max-w-full max-h-full w-auto h-auto object-contain",
                     color: unref(themeVars).primary,
@@ -133068,7 +133085,7 @@ const _sfc_main$3j = /* @__PURE__ */ defineComponent({
                     size: "20"
                   }, null, 8, ["color", "fa-type", "icon"])
                 ]),
-                withDirectives((openBlock(), createElementBlock("span", _hoisted_4$17, [
+                withDirectives((openBlock(), createElementBlock("span", _hoisted_4$18, [
                   createTextVNode(toDisplayString(app.app_metadata?.display_name || app.app_metadata?.name), 1)
                 ])), [
                   [unref(vTooltip), app.app_metadata?.display_name || app.app_metadata?.name]
@@ -133441,11 +133458,11 @@ const _hoisted_1$2y = {
   class: "fixed top-2 left-2 bottom-20 z-11"
 };
 const _hoisted_2$1O = { class: "flex-1 flex justify-start" };
-const _hoisted_3$1o = {
+const _hoisted_3$1p = {
   key: 0,
   class: "flex-1 gap-2 flex justify-center"
 };
-const _hoisted_4$16 = { class: "flex-1 flex justify-end" };
+const _hoisted_4$17 = { class: "flex-1 flex justify-end" };
 const _sfc_main$3g = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
@@ -133527,7 +133544,7 @@ const _sfc_main$3g = /* @__PURE__ */ defineComponent({
               [_directive_tooltip, unref(t)("canvasUI.canvasBuilder.components.previousPage")]
             ]) : createCommentVNode("", true)
           ]),
-          !unref(isCanvasPreviewMode) ? (openBlock(), createElementBlock("div", _hoisted_3$1o, [
+          !unref(isCanvasPreviewMode) ? (openBlock(), createElementBlock("div", _hoisted_3$1p, [
             unref(activeMode) !== unref(CanvasBuilderMode).SHARING ? withDirectives((openBlock(), createBlock(CButton, {
               key: 0,
               circle: "",
@@ -133651,7 +133668,7 @@ const _sfc_main$3g = /* @__PURE__ */ defineComponent({
               placement: "top"
             })
           ])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_4$16, [
+          createElementVNode("div", _hoisted_4$17, [
             showPageButtons.value && !unref(isLastPage) ? withDirectives((openBlock(), createBlock(CButton, {
               key: 0,
               class: "h-14 w-11",
@@ -133857,11 +133874,11 @@ const _hoisted_2$1N = {
   key: 0,
   class: "flex flex-col gap-2"
 };
-const _hoisted_3$1n = {
+const _hoisted_3$1o = {
   key: 0,
   class: "flex flex-col gap-2"
 };
-const _hoisted_4$15 = {
+const _hoisted_4$16 = {
   key: 1,
   class: "flex flex-col gap-2"
 };
@@ -133968,7 +133985,7 @@ const _sfc_main$3e = /* @__PURE__ */ defineComponent({
           }, null, 8, ["file"])
         ])) : createCommentVNode("", true),
         _ctx.backgroundImage ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          !_ctx.hideBackgroundSize ? (openBlock(), createElementBlock("div", _hoisted_3$1n, [
+          !_ctx.hideBackgroundSize ? (openBlock(), createElementBlock("div", _hoisted_3$1o, [
             createElementVNode("span", {
               class: "inline-block leading-5 text-base font-normal",
               style: normalizeStyle({ color: unref(themeVars).text })
@@ -133981,7 +133998,7 @@ const _sfc_main$3e = /* @__PURE__ */ defineComponent({
               "onUpdate:value": _cache[2] || (_cache[2] = (v) => updateBackgroundProperty("backgroundSize", v))
             }, null, 8, ["options", "value"])
           ])) : createCommentVNode("", true),
-          showBackgroundPositionX.value ? (openBlock(), createElementBlock("div", _hoisted_4$15, [
+          showBackgroundPositionX.value ? (openBlock(), createElementBlock("div", _hoisted_4$16, [
             createElementVNode("span", {
               class: "inline-block leading-5 text-base font-normal",
               style: normalizeStyle({ color: unref(themeVars).text })
@@ -134151,8 +134168,8 @@ const _hoisted_2$1L = {
   key: 0,
   class: "flex flex-col gap-2"
 };
-const _hoisted_3$1m = { class: "flex gap-1" };
-const _hoisted_4$14 = { class: "basis-1/2" };
+const _hoisted_3$1n = { class: "flex gap-1" };
+const _hoisted_4$15 = { class: "basis-1/2" };
 const _hoisted_5$V = { class: "basis-1/2" };
 const _hoisted_6$N = { class: "flex gap-1" };
 const _hoisted_7$A = { class: "basis-1/2" };
@@ -134205,8 +134222,8 @@ const _sfc_main$3c = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$2u, [
         isAdvancedMode.value ? (openBlock(), createElementBlock("div", _hoisted_2$1L, [
-          createElementVNode("div", _hoisted_3$1m, [
-            createElementVNode("div", _hoisted_4$14, [
+          createElementVNode("div", _hoisted_3$1n, [
+            createElementVNode("div", _hoisted_4$15, [
               createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.canvasBuilder.canvasDrawerTheme.padding.top")), 1),
               createVNode(unref(NInputNumber), {
                 value: values.top,
@@ -134284,7 +134301,7 @@ const _sfc_main$3c = /* @__PURE__ */ defineComponent({
 const _hoisted_1$2t = { class: "c-swatch-selector w-full" };
 const _hoisted_2$1K = { class: "flex flex-wrap gap-2 p-2" };
-const _hoisted_3$1l = ["onClick"];
+const _hoisted_3$1m = ["onClick"];
 const _sfc_main$3b = /* @__PURE__ */ defineComponent({
   __name: "CSwatchSelector",
   props: {
@@ -134338,7 +134355,7 @@ const _sfc_main$3b = /* @__PURE__ */ defineComponent({
                     class: "w-6 h-6 ma-1 rounded-1",
                     style: normalizeStyle({ backgroundColor: color })
                   }, null, 4)
-                ], 10, _hoisted_3$1l);
+                ], 10, _hoisted_3$1m);
               }), 128)),
               _ctx.includeTransparent ? (openBlock(), createElementBlock("div", {
                 key: 0,
@@ -134368,8 +134385,8 @@ const _hoisted_2$1J = {
   key: 0,
   class: "flex flex-col gap-2"
 };
-const _hoisted_3$1k = { class: "flex gap-1" };
-const _hoisted_4$13 = { class: "basis-1/2" };
+const _hoisted_3$1l = { class: "flex gap-1" };
+const _hoisted_4$14 = { class: "basis-1/2" };
 const _hoisted_5$U = { class: "basis-1/2" };
 const _hoisted_6$M = { class: "flex gap-1" };
 const _hoisted_7$z = { class: "basis-1/2" };
@@ -134422,8 +134439,8 @@ const _sfc_main$3a = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$2s, [
         isAdvancedMode.value ? (openBlock(), createElementBlock("div", _hoisted_2$1J, [
-          createElementVNode("div", _hoisted_3$1k, [
-            createElementVNode("div", _hoisted_4$13, [
+          createElementVNode("div", _hoisted_3$1l, [
+            createElementVNode("div", _hoisted_4$14, [
               createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.canvasBuilder.canvasDrawerTheme.borderRadius.topLeft")), 1),
               createVNode(unref(NInputNumber), {
                 value: values.topLeft,
@@ -134504,11 +134521,11 @@ const _hoisted_2$1I = {
   key: 0,
   class: "flex flex-col gap-2"
 };
-const _hoisted_3$1j = {
+const _hoisted_3$1k = {
   key: 2,
   class: "flex flex-col gap-2 mt-2"
 };
-const _hoisted_4$12 = {
+const _hoisted_4$13 = {
   key: 1,
   class: "flex flex-col gap-2"
 };
@@ -134617,7 +134634,7 @@ const _sfc_main$39 = /* @__PURE__ */ defineComponent({
             updateInputModelOnDrop: true,
             value: backgroundColor.value
           }, null, 8, ["on-update:value", "swatches", "value"])),
-          !!unref(launchDarkly).enable_background_image_theme_options && (_ctx.componentNode?.type === unref(ComponentTypes).Grid || _ctx.componentNode?.type === unref(ComponentTypes).GridItem || _ctx.componentNode?.type === unref(ComponentTypes).Scribble) ? (openBlock(), createElementBlock("div", _hoisted_3$1j, [
+          !!unref(launchDarkly).enable_background_image_theme_options && (_ctx.componentNode?.type === unref(ComponentTypes).Grid || _ctx.componentNode?.type === unref(ComponentTypes).GridItem || _ctx.componentNode?.type === unref(ComponentTypes).Scribble) ? (openBlock(), createElementBlock("div", _hoisted_3$1k, [
             createVNode(_sfc_main$3e, {
               "background-attachment": _ctx.modelValue.backgroundAttachment,
               "background-image": _ctx.modelValue.backgroundImage,
@@ -134635,7 +134652,7 @@ const _sfc_main$39 = /* @__PURE__ */ defineComponent({
             }, null, 8, ["background-attachment", "background-image", "background-position-x", "background-position-y", "background-repeat", "background-size", "hide-background-position-x", "hide-background-position-y", "hide-background-repeat", "hide-background-size"])
           ])) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
-        showSpacingComponent.value ? (openBlock(), createElementBlock("div", _hoisted_4$12, [
+        showSpacingComponent.value ? (openBlock(), createElementBlock("div", _hoisted_4$13, [
           createElementVNode("span", _hoisted_5$T, toDisplayString(unref(t)("canvasUI.canvasBuilder.canvasDrawerTheme.componentSpacing.title")) + ": " + toDisplayString(_ctx.modelValue.spacing) + "px ", 1),
           createVNode(_sfc_main$61, {
             "format-tooltip": (value) => `${value}px`,
@@ -137489,11 +137506,11 @@ const _sfc_main$2Z = /* @__PURE__ */ defineComponent({
 const _hoisted_1$2i = ["data-slide-id"];
 const _hoisted_2$1F = ["src", "title"];
-const _hoisted_3$1i = {
+const _hoisted_3$1j = {
   key: 3,
   class: "flex items-center justify-center h-full"
 };
-const _hoisted_4$11 = { key: 4 };
+const _hoisted_4$12 = { key: 4 };
 const _sfc_main$2Y = /* @__PURE__ */ defineComponent({
   __name: "SlideContent",
   props: {
@@ -137574,12 +137591,12 @@ const _sfc_main$2Y = /* @__PURE__ */ defineComponent({
           class: "w-full h-full max-h-full max-w-full border-0",
           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, [
+        }, null, 8, _hoisted_2$1F)) : !_ctx.item.file || !_ctx.item.file.content_type ? (openBlock(), createElementBlock("div", _hoisted_3$1j, [
           createVNode(_sfc_main$6o, {
             color: unref(themeVars).primary,
             size: "small"
           }, null, 8, ["color"])
-        ])) : (openBlock(), createElementBlock("div", _hoisted_4$11, toDisplayString(unref(t)("canvasUI.collectionPlayer.unsupportedType")), 1))
+        ])) : (openBlock(), createElementBlock("div", _hoisted_4$12, toDisplayString(unref(t)("canvasUI.collectionPlayer.unsupportedType")), 1))
       ], 42, _hoisted_1$2i);
     };
   }
@@ -137590,7 +137607,7 @@ const _hoisted_1$2h = {
   class: "flex flex-col gap-2 text-center items-center justify-center pa-4"
 };
 const _hoisted_2$1E = { class: "font-size-5 color-primary3" };
-const _hoisted_3$1h = ["activeIndex", "direction"];
+const _hoisted_3$1i = ["activeIndex", "direction"];
 const _sfc_main$2X = /* @__PURE__ */ defineComponent({
   __name: "MainContent",
   setup(__props) {
@@ -137696,7 +137713,7 @@ const _sfc_main$2X = /* @__PURE__ */ defineComponent({
               createVNode(_sfc_main$2Y, { item }, null, 8, ["item"])
             ]);
           }), 128))
-        ], 44, _hoisted_3$1h)), [
+        ], 44, _hoisted_3$1i)), [
           [unref(vElementVisibility), unref(setSwiperVisibility)]
         ])
       ], 4);
@@ -137774,7 +137791,7 @@ const useTracking = ({
 const _hoisted_1$2g = ["onClick"];
 const _hoisted_2$1D = { class: "flex flex-col gap-6" };
-const _hoisted_3$1g = ["onClick"];
+const _hoisted_3$1h = ["onClick"];
 const _sfc_main$2W = /* @__PURE__ */ defineComponent({
   __name: "TableOfContents",
   setup(__props) {
@@ -137839,7 +137856,7 @@ const _sfc_main$2W = /* @__PURE__ */ defineComponent({
                   createElementVNode("div", {
                     class: normalizeClass(["self-center rounded-[2px] font-size-[14px] tracking-[0.5px] font-500 pa-[2px] min-w-12 w-12 text-center color-white", [unref(activeSlide)?.id === slide.id ? "bg-primary" : "bg-primary3"]])
                   }, toDisplayString(index + 1), 3)
-                ], 8, _hoisted_3$1g);
+                ], 8, _hoisted_3$1h);
               }), 128))
             ])
           ]);
@@ -137855,11 +137872,11 @@ const _hoisted_1$2f = {
 const _hoisted_2$1C = {
   class: "flex justify-start items-center basis-0 flex-grow-1 gap-2"
 };
-const _hoisted_3$1f = {
+const _hoisted_3$1g = {
   key: 0,
   class: "flex justify-start self-stretch items-stretch overflow-auto"
 };
-const _hoisted_4$10 = {
+const _hoisted_4$11 = {
   class: "flex justify-end items-center basis-0 flex-grow-1 gap-2"
 };
 const FONT_SIZE_CLASS = 'font-size-4';
@@ -138062,7 +138079,7 @@ const _sfc_main$2V = /*@__PURE__*/defineComponent({
           _: 1
         }, 8, ["disabled"])), [[_directive_tooltip, unref(t)('canvasUI.collectionPlayer.annotations.menu')]])]),
         _: 1
-      }, 8, ["options", "show", "to"])) : createCommentVNode("", true)]), unref(hasManyGroups) ? (openBlock(), createElementBlock("div", _hoisted_3$1f, [createVNode(unref(NButtonGroup), {
+      }, 8, ["options", "show", "to"])) : createCommentVNode("", true)]), unref(hasManyGroups) ? (openBlock(), createElementBlock("div", _hoisted_3$1g, [createVNode(unref(NButtonGroup), {
         class: "bg-primary6 px-2 rounded-8",
         horizontal: "",
         size: "small"
@@ -138080,7 +138097,7 @@ const _sfc_main$2V = /*@__PURE__*/defineComponent({
           }, 1032, ["class", "onClick"]);
         }), 128))]),
         _: 1
-      })])) : createCommentVNode("", true), createElementVNode("div", _hoisted_4$10, [unref(fitToWidth) ? withDirectives((openBlock(), createBlock(CButton, {
+      })])) : createCommentVNode("", true), createElementVNode("div", _hoisted_4$11, [unref(fitToWidth) ? withDirectives((openBlock(), createBlock(CButton, {
         key: 0,
         class: "w-11 h-11",
         disabled: !unref(activeSlide),
@@ -138167,7 +138184,7 @@ const _sfc_main$2V = /*@__PURE__*/defineComponent({
 const _hoisted_1$2e = { class: "pa-4 bg-white border-primary5 flex items-center gap-2" };
 const _hoisted_2$1B = { class: "flex justify-start items-center basis-0 flex-grow-1" };
-const _hoisted_3$1e = { class: "block overflow-hidden font-normal text-[20px] leading-8 tracking-wide text-ellipsis whitespace-nowrap" };
+const _hoisted_3$1f = { class: "block overflow-hidden font-normal text-[20px] leading-8 tracking-wide text-ellipsis whitespace-nowrap" };
 const _sfc_main$2U = /* @__PURE__ */ defineComponent({
   __name: "AppHeader",
   setup(__props) {
@@ -138194,7 +138211,7 @@ const _sfc_main$2U = /* @__PURE__ */ defineComponent({
             [_directive_tooltip, unref(t)("canvasUI.common.close")]
           ])
         ]),
-        withDirectives((openBlock(), createElementBlock("div", _hoisted_3$1e, [
+        withDirectives((openBlock(), createElementBlock("div", _hoisted_3$1f, [
           createTextVNode(toDisplayString(unref(data).name), 1)
         ])), [
           [_directive_tooltip, unref(data).name]
@@ -138911,8 +138928,8 @@ const _hoisted_2$1A = {
   key: 0,
   class: "ma-4"
 };
-const _hoisted_3$1d = { class: "block overflow-hidden font-normal text-[20px] leading-8 tracking-wide text-ellipsis whitespace-nowrap text-left mb-4" };
-const _hoisted_4$$ = ["src"];
+const _hoisted_3$1e = { class: "block overflow-hidden font-normal text-[20px] leading-8 tracking-wide text-ellipsis whitespace-nowrap text-left mb-4" };
+const _hoisted_4$10 = ["src"];
 const _hoisted_5$S = ["src"];
 const _hoisted_6$K = {
   key: 1,
@@ -139327,7 +139344,7 @@ const _sfc_main$2R = /* @__PURE__ */ defineComponent({
                   key: group.id,
                   class: "break-after-page text-center"
                 }, [
-                  createElementVNode("div", _hoisted_3$1d, toDisplayString(group.name), 1),
+                  createElementVNode("div", _hoisted_3$1e, toDisplayString(group.name), 1),
                   (openBlock(true), createElementBlock(Fragment, null, renderList(group.slides, (item) => {
                     return openBlock(), createElementBlock(Fragment, {
                       key: item.id
@@ -139336,7 +139353,7 @@ const _sfc_main$2R = /* @__PURE__ */ defineComponent({
                         key: 0,
                         class: "mb-4",
                         src: item.slide.url
-                      }, null, 8, _hoisted_4$$)) : item.file.content_type === unref(FileContentTypeEnum).IMAGE && item.file.content_url ? (openBlock(), createElementBlock("img", {
+                      }, null, 8, _hoisted_4$10)) : item.file.content_type === unref(FileContentTypeEnum).IMAGE && item.file.content_url ? (openBlock(), createElementBlock("img", {
                         key: 1,
                         class: "mb-4",
                         src: item.file.content_url
@@ -139426,11 +139443,11 @@ const _hoisted_1$2b = {
   class: "p-2 content-grid-file-item flex flex-col items-center"
 };
 const _hoisted_2$1z = { class: "relative flex" };
-const _hoisted_3$1c = {
+const _hoisted_3$1d = {
   key: 1,
   class: "content-grid-file-item__img rounded-2 overflow-hidden w-[240px] h-[135px]"
 };
-const _hoisted_4$_ = ["alt", "src"];
+const _hoisted_4$$ = ["alt", "src"];
 const _hoisted_5$R = {
   key: 1,
   class: "bg-primary6 w-full h-full flex items-center justify-center"
@@ -139577,7 +139594,7 @@ const _sfc_main$2O = /* @__PURE__ */ defineComponent({
             onTouchend: handleSwipe,
             onTouchmove: handleTouchMove,
             onTouchstart: handleTouchStart
-          }, null, 8, ["ai-img-description", "lazy", "src", "onError"])) : (openBlock(), createElementBlock("div", _hoisted_3$1c, [
+          }, null, 8, ["ai-img-description", "lazy", "src", "onError"])) : (openBlock(), createElementBlock("div", _hoisted_3$1d, [
             defaultThumbnailUrl.value ? (openBlock(), createElementBlock("img", {
               key: 0,
               alt: item.value.file?.name || "File thumbnail",
@@ -139585,7 +139602,7 @@ const _sfc_main$2O = /* @__PURE__ */ defineComponent({
               src: defaultThumbnailUrl.value,
               onError: _cache[0] || (_cache[0] = //@ts-ignore
               (...args) => unref(onThumbnailError$1) && unref(onThumbnailError$1)(...args))
-            }, null, 40, _hoisted_4$_)) : (openBlock(), createElementBlock("div", _hoisted_5$R, [
+            }, null, 40, _hoisted_4$$)) : (openBlock(), createElementBlock("div", _hoisted_5$R, [
               createVNode(CIcon, {
                 color: unref(themeVars).primary3,
                 "fa-type": "fas",
@@ -139691,7 +139708,7 @@ const ContentGridFileItem = /* @__PURE__ */ _export_sfc(_sfc_main$2O, [["__scope
 const _hoisted_1$2a = { class: "flex items-center flex-col justify-center" };
 const _hoisted_2$1y = { class: "text-center font-400 text-truncate font-size-4 line-height-6 color-text font-normal" };
-const _hoisted_3$1b = { class: "text-center text-truncate font-size-3 line-height-5 color-text font-normal" };
+const _hoisted_3$1c = { class: "text-center text-truncate font-size-3 line-height-5 color-text font-normal" };
 const _sfc_main$2N = /* @__PURE__ */ defineComponent({
   __name: "ContentGridDeletedFileItem",
   emits: ["click"],
@@ -139715,7 +139732,7 @@ const _sfc_main$2N = /* @__PURE__ */ defineComponent({
         }, null, 8, ["color"]),
         createElementVNode("div", _hoisted_1$2a, [
           createElementVNode("div", _hoisted_2$1y, toDisplayString(unref(t)("canvasUI.canvasBuilder.deletedFile.deleteMessage")), 1),
-          createElementVNode("div", _hoisted_3$1b, toDisplayString(unref(t)("canvasUI.canvasBuilder.deletedFile.clickMessage")), 1)
+          createElementVNode("div", _hoisted_3$1c, toDisplayString(unref(t)("canvasUI.canvasBuilder.deletedFile.clickMessage")), 1)
         ])
       ]);
     };
@@ -139729,8 +139746,8 @@ const _hoisted_1$29 = {
   class: "p-2 content-grid-raw__item__slide flex flex-col items-center"
 };
 const _hoisted_2$1x = { class: "relative flex" };
-const _hoisted_3$1a = { class: "font-700 text-truncate w-full mt-2" };
-const _hoisted_4$Z = { class: "content-grid-raw__item__hint flex items-center justify-between text-center text-truncate w-full min-h-8" };
+const _hoisted_3$1b = { class: "font-700 text-truncate w-full mt-2" };
+const _hoisted_4$_ = { class: "content-grid-raw__item__hint flex items-center justify-between text-center text-truncate w-full min-h-8" };
 const _hoisted_5$Q = {
   key: 0,
   class: "pt-1 flex justify-end w-full"
@@ -139827,8 +139844,8 @@ const _sfc_main$2M = /* @__PURE__ */ defineComponent({
               width: "240"
             }, null, 8, ["lazy", "src"])
           ]),
-          createElementVNode("div", _hoisted_3$1a, toDisplayString(_ctx.item.file.name), 1),
-          createElementVNode("div", _hoisted_4$Z, [
+          createElementVNode("div", _hoisted_3$1b, toDisplayString(_ctx.item.file.name), 1),
+          createElementVNode("div", _hoisted_4$_, [
             createTextVNode(toDisplayString(unref(t)("canvasUI.canvasBuilder.contentGrid.pageNumberDescription", { pageNumber: _ctx.item.slide.index + 1 })) + " ", 1),
             !isShareable.value ? withDirectives((openBlock(), createBlock(_sfc_main$4U, {
               key: 0,
@@ -139858,7 +139875,7 @@ const ContentGridItem = /* @__PURE__ */ _export_sfc(_sfc_main$2M, [["__scopeId",
 const _hoisted_1$28 = ["onClick"];
 const _hoisted_2$1w = ["onClick"];
-const _hoisted_3$19 = {
+const _hoisted_3$1a = {
   key: 1,
   class: "flex flex-col items-center pb-2"
 };
@@ -139953,7 +139970,7 @@ const _sfc_main$2L = /* @__PURE__ */ defineComponent({
           }), 128))
         ]),
         _: 1
-      }, 8, ["style"])) : (openBlock(), createElementBlock("div", _hoisted_3$19, [
+      }, 8, ["style"])) : (openBlock(), createElementBlock("div", _hoisted_3$1a, [
         createVNode(ContentGridItem, {
           "all-items": _ctx.items,
           index: 0,
@@ -139969,11 +139986,11 @@ const ContentGridCarousel = /* @__PURE__ */ _export_sfc(_sfc_main$2L, [["__scope
 const _hoisted_1$27 = { class: "flex items-center" };
 const _hoisted_2$1v = { class: "my-3 border border-solid border-primary6 rounded" };
-const _hoisted_3$18 = {
+const _hoisted_3$19 = {
   key: 2,
   class: "w-[152px] h-[100px] rounded-2 overflow-hidden"
 };
-const _hoisted_4$Y = ["alt", "src"];
+const _hoisted_4$Z = ["alt", "src"];
 const _hoisted_5$P = {
   key: 1,
   class: "bg-primary6 w-full h-full flex items-center justify-center"
@@ -140155,13 +140172,13 @@ const _sfc_main$2K = /* @__PURE__ */ defineComponent({
               src: thumbnailUrl.value,
               width: "152",
               onError: unref(handleImageError)
-            }, null, 8, ["ai-img-description", "file-data", "lazy", "src", "onError"])) : (openBlock(), createElementBlock("div", _hoisted_3$18, [
+            }, null, 8, ["ai-img-description", "file-data", "lazy", "src", "onError"])) : (openBlock(), createElementBlock("div", _hoisted_3$19, [
               defaultThumbnailUrl.value ? (openBlock(), createElementBlock("img", {
                 key: 0,
                 alt: enrichedFile.value.name || "File thumbnail",
                 class: "w-full h-full object-cover",
                 src: defaultThumbnailUrl.value
-              }, null, 8, _hoisted_4$Y)) : (openBlock(), createElementBlock("div", _hoisted_5$P, [
+              }, null, 8, _hoisted_4$Z)) : (openBlock(), createElementBlock("div", _hoisted_5$P, [
                 createVNode(CIcon, {
                   color: unref(themeVars).primary3,
                   icon: defaultIcon.value,
@@ -140930,8 +140947,8 @@ const RawDataCharts = /* @__PURE__ */ _export_sfc(_sfc_main$2F, [["__scopeId", "
 const _hoisted_1$23 = { class: "flex gap-4 h-[calc(80vh-120px)] w-full" };
 const _hoisted_2$1t = { class: "cb-data-charts-settings__card overflow-auto flex-1" };
-const _hoisted_3$17 = { class: "flex flex-col h-full" };
-const _hoisted_4$X = { class: "flex-grow overflow-y-auto overflow-x-hidden" };
+const _hoisted_3$18 = { class: "flex flex-col h-full" };
+const _hoisted_4$Y = { class: "flex-grow overflow-y-auto overflow-x-hidden" };
 const _hoisted_5$O = { class: "mb-4" };
 const _hoisted_6$H = { class: "block mb-2" };
 const _hoisted_7$v = { class: "mb-4" };
@@ -141430,8 +141447,8 @@ const _sfc_main$2E = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               createElementVNode("div", _hoisted_1$23, [
                 createElementVNode("div", _hoisted_2$1t, [
-                  createElementVNode("div", _hoisted_3$17, [
-                    createElementVNode("div", _hoisted_4$X, [
+                  createElementVNode("div", _hoisted_3$18, [
+                    createElementVNode("div", _hoisted_4$Y, [
                       createElementVNode("div", _hoisted_5$O, [
                         createElementVNode("label", _hoisted_6$H, toDisplayString(unref(t)("canvasUI.canvasBuilder.dataCharts.chartType")), 1),
                         createVNode(unref(NSelect), {
@@ -142217,7 +142234,7 @@ function useDataTablePrint() {
 const _hoisted_1$21 = ["onClick"];
 const _hoisted_2$1s = { key: 0 };
-const _hoisted_3$16 = ["colspan"];
+const _hoisted_3$17 = ["colspan"];
 const _sfc_main$2B = /* @__PURE__ */ defineComponent({
   __name: "DynamicDataTable.raw.header",
   props: {
@@ -142307,7 +142324,7 @@ const _sfc_main$2B = /* @__PURE__ */ defineComponent({
               backgroundColor: _ctx.groupHeaderBackgroundColor,
               color: _ctx.groupHeaderForegroundColor
             })
-          }, toDisplayString(props.groupColumnHeader || _ctx.columns[0]?.header) + ": " + toDisplayString(_ctx.currentGroupHeader), 13, _hoisted_3$16)
+          }, toDisplayString(props.groupColumnHeader || _ctx.columns[0]?.header) + ": " + toDisplayString(_ctx.currentGroupHeader), 13, _hoisted_3$17)
         ])) : createCommentVNode("", true)
       ], 2);
     };
@@ -142418,11 +142435,11 @@ function formatCellValue(value, property) {
 const _hoisted_1$20 = { key: 1 };
 const _hoisted_2$1r = ["data-property-cell"];
-const _hoisted_3$15 = {
+const _hoisted_3$16 = {
   key: 0,
   class: "text-center p-4 text-primary3"
 };
-const _hoisted_4$W = {
+const _hoisted_4$X = {
   key: 1,
   class: "flex items-center justify-end px-4 pt-4 gap-2"
 };
@@ -142602,8 +142619,8 @@ const _sfc_main$2A = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true)
           ], 2)
         ], 6),
-        !_ctx.tableData.length ? (openBlock(), createElementBlock("div", _hoisted_3$15)) : createCommentVNode("", true),
-        _ctx.tableData.length && !_ctx.hidePagination && !_ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_4$W, [
+        !_ctx.tableData.length ? (openBlock(), createElementBlock("div", _hoisted_3$16)) : createCommentVNode("", true),
+        _ctx.tableData.length && !_ctx.hidePagination && !_ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_4$X, [
           !_ctx.hideTotalResults ? (openBlock(), createElementBlock("div", _hoisted_5$N, toDisplayString(unref(t)("canvasUI.components.CTable.countResults", { count: _ctx.tableData.length })), 1)) : createCommentVNode("", true),
           !_ctx.hidePageSelector && pageCount.value > 1 ? (openBlock(), createElementBlock("div", _hoisted_6$G, [
             createVNode(CButton, {
@@ -144553,11 +144570,11 @@ const _hoisted_2$1o = {
   key: 0,
   class: "relative"
 };
-const _hoisted_3$14 = {
+const _hoisted_3$15 = {
   key: 0,
   class: "absolute top-2 right-2 z-10"
 };
-const _hoisted_4$V = {
+const _hoisted_4$W = {
   key: 0,
   class: "absolute top-2 right-2 z-10"
 };
@@ -144734,7 +144751,7 @@ const _sfc_main$2r = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1$1W, [
             !unref(pitcherSettings).enable_monaco_html_editor && effectiveEditState.value === unref(HtmlLayoutTypes).EDIT && unref(componentPermissions).canEdit ? (openBlock(), createElementBlock("div", _hoisted_2$1o, [
-              unref(launchDarkly).allow_ai_prompts_in_canvas_text ? (openBlock(), createElementBlock("div", _hoisted_3$14, [
+              unref(launchDarkly).allow_ai_prompts_in_canvas_text ? (openBlock(), createElementBlock("div", _hoisted_3$15, [
                 createVNode(_sfc_main$2s, {
                   "model-value": _ctx.data?.html ?? "",
                   "theme-overrides": aiThemeOverrides.value,
@@ -144769,7 +144786,7 @@ const _sfc_main$2r = /* @__PURE__ */ defineComponent({
               class: "cb-html__monaco-container relative overflow-hidden rounded-md",
               style: normalizeStyle({ height: `${monacoHeight.value}px` })
             }, [
-              unref(launchDarkly).allow_ai_prompts_in_canvas_text ? (openBlock(), createElementBlock("div", _hoisted_4$V, [
+              unref(launchDarkly).allow_ai_prompts_in_canvas_text ? (openBlock(), createElementBlock("div", _hoisted_4$W, [
                 createVNode(_sfc_main$2s, {
                   "model-value": _ctx.data?.html ?? "",
                   "theme-overrides": aiThemeOverrides.value,
@@ -146516,8 +146533,8 @@ const Text = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["__scopeId", "data-v-b2
 const _hoisted_1$1Q = { class: "absolute top-2 right-2 flex items-center gap-1 z-10" };
 const _hoisted_2$1m = { class: "text-xs" };
-const _hoisted_3$13 = { class: "text-xs" };
-const _hoisted_4$U = { class: "text-lg font-bold mb-3" };
+const _hoisted_3$14 = { class: "text-xs" };
+const _hoisted_4$V = { class: "text-lg font-bold mb-3" };
 const _hoisted_5$L = { class: "flex flex-col h-[80vh]" };
 const _hoisted_6$E = { class: "flex-1 overflow-hidden" };
 const _hoisted_7$s = ["onClick"];
@@ -146840,7 +146857,7 @@ const _sfc_main$2g = /* @__PURE__ */ defineComponent({
               icon: "unlink",
               size: "14"
             }),
-            createElementVNode("span", _hoisted_3$13, toDisplayString(unref(t)("canvasUI.canvasBuilder.linkableComponent.unlink")), 1)
+            createElementVNode("span", _hoisted_3$14, toDisplayString(unref(t)("canvasUI.canvasBuilder.linkableComponent.unlink")), 1)
           ])) : createCommentVNode("", true)
         ]),
         showLinkModal.value ? (openBlock(), createBlock(_sfc_main$6y, {
@@ -146853,7 +146870,7 @@ const _sfc_main$2g = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             createVNode(_sfc_main$6T, { class: "pa-4" }, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_4$U, toDisplayString(unref(t)("canvasUI.canvasBuilder.linkableComponent.linkTo")), 1),
+                createElementVNode("div", _hoisted_4$V, toDisplayString(unref(t)("canvasUI.canvasBuilder.linkableComponent.linkTo")), 1),
                 createElementVNode("div", _hoisted_5$L, [
                   createVNode(CSearch, {
                     modelValue: searchTerm.value,
@@ -147882,8 +147899,8 @@ const ScribbleOriginal = /* @__PURE__ */ _export_sfc(_sfc_main$2e, [["__scopeId"
 const _hoisted_1$1N = ["href"];
 const _hoisted_2$1l = { key: 2 };
-const _hoisted_3$12 = ["id"];
-const _hoisted_4$T = { class: "w-full h-full flex items-center justify-center" };
+const _hoisted_3$13 = ["id"];
+const _hoisted_4$U = { class: "w-full h-full flex items-center justify-center" };
 const _hoisted_5$K = ["href"];
 const DRAG_THROTTLE = 2;
 const KEYBOARD_POSITION_ADJUSTMENT_STEP = 1;
@@ -148847,7 +148864,7 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
                               ]),
                               _: 2
                             }, 1032, ["id", "used-in-section-id"])
-                          ], 12, _hoisted_3$12)), [
+                          ], 12, _hoisted_3$13)), [
                             [unref(vElementVisibility), (isVisible) => onElementVisibility(isVisible, component)]
                           ]);
                         }), 128))
@@ -148870,7 +148887,7 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
             "overflow-y-hidden": !unref(isEditMode)
           })
         }, [
-          createElementVNode("div", _hoisted_4$T, [
+          createElementVNode("div", _hoisted_4$U, [
             createElementVNode("div", {
               ref_key: "containerRef",
               ref: containerRef,
@@ -148973,7 +148990,7 @@ const _hoisted_1$1M = {
   class: "flex justify-center p-8"
 };
 const _hoisted_2$1k = ["innerHTML"];
-const _hoisted_3$11 = ["innerHTML"];
+const _hoisted_3$12 = ["innerHTML"];
 const _sfc_main$2b = /* @__PURE__ */ defineComponent({
   __name: "Timeline.raw",
   props: {
@@ -149026,7 +149043,7 @@ const _sfc_main$2b = /* @__PURE__ */ defineComponent({
                   class: "text-base",
                   style: normalizeStyle(event.description_style),
                   innerHTML: event.description
-                }, null, 12, _hoisted_3$11)
+                }, null, 12, _hoisted_3$12)
               ], 4),
               index < _ctx.data.events.length - 1 ? (openBlock(), createElementBlock("div", {
                 key: 0,
@@ -149129,11 +149146,11 @@ const _hoisted_2$1j = {
   key: 1,
   class: "flex flex-col justify-center items-center p-4"
 };
-const _hoisted_3$10 = {
+const _hoisted_3$11 = {
   key: 2,
   class: "flex justify-center items-center p-4 color-error"
 };
-const _hoisted_4$S = ["data-block-component-id"];
+const _hoisted_4$T = ["data-block-component-id"];
 const _sfc_main$29 = /* @__PURE__ */ defineComponent({
   __name: "Block",
   props: {
@@ -149283,7 +149300,7 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
             }, null, 8, ["class"]);
           }), 64))
         ])) : createCommentVNode("", true),
-        !isLoading.value && error.value && !unref(isEditMode) ? (openBlock(), createElementBlock("div", _hoisted_3$10, toDisplayString(error.value), 1)) : createCommentVNode("", true),
+        !isLoading.value && error.value && !unref(isEditMode) ? (openBlock(), createElementBlock("div", _hoisted_3$11, toDisplayString(error.value), 1)) : createCommentVNode("", true),
         !isLoading.value && !error.value && blockContent.value?.length ? (openBlock(true), createElementBlock(Fragment, { key: 3 }, renderList(blockContent.value, (c) => {
           return withDirectives((openBlock(), createElementBlock("div", {
             key: c.id,
@@ -149294,7 +149311,7 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
             })
           }, [
             (openBlock(), createBlock(resolveDynamicComponent(componentMap[c.type]), mergeProps({ ref_for: true }, getComponentBindings(c)), null, 16))
-          ], 12, _hoisted_4$S)), [
+          ], 12, _hoisted_4$T)), [
             [unref(vElementVisibility), (isVisible) => onElementVisibility(isVisible, c)]
           ]);
         }), 128)) : createCommentVNode("", true),
@@ -149560,8 +149577,8 @@ const _hoisted_2$1h = {
   key: 1,
   class: "cb-custom-data-table-raw__scroll-container"
 };
-const _hoisted_3$$ = { class: "cb-custom-data-table-raw__table" };
-const _hoisted_4$R = ["onClick"];
+const _hoisted_3$10 = { class: "cb-custom-data-table-raw__table" };
+const _hoisted_4$S = ["onClick"];
 const _hoisted_5$J = ["colspan"];
 const _hoisted_6$D = { class: "flex items-center gap-2" };
 const _hoisted_7$r = { class: "font-medium" };
@@ -149753,7 +149770,7 @@ const _sfc_main$26 = /* @__PURE__ */ defineComponent({
           ])
         ])) : createCommentVNode("", true),
         flattenedRows.value.length ? (openBlock(), createElementBlock("div", _hoisted_2$1h, [
-          createElementVNode("table", _hoisted_3$$, [
+          createElementVNode("table", _hoisted_3$10, [
             createVNode(_sfc_main$27, {
               columns: columns.value,
               "current-sorting": currentSorting.value,
@@ -149795,7 +149812,7 @@ const _sfc_main$26 = /* @__PURE__ */ defineComponent({
                           ])
                         ])
                       ], 12, _hoisted_5$J)
-                    ], 12, _hoisted_4$R)) : row.type === "data" ? (openBlock(), createElementBlock("tr", {
+                    ], 12, _hoisted_4$S)) : row.type === "data" ? (openBlock(), createElementBlock("tr", {
                       key: 1,
                       class: "cb-custom-data-table-row hover:opacity-95",
                       style: normalizeStyle({ backgroundColor: getRowBackgroundColor(dataRowGlobalIndexMap.value.get(row.id) ?? 0) })
@@ -149987,7 +150004,7 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
 const _hoisted_1$1I = { class: "flex gap-2 items-center border-primary5" };
 const _hoisted_2$1g = { class: "color-primary3" };
-const _hoisted_3$_ = {
+const _hoisted_3$$ = {
   key: 0,
   class: "mt-3 color-primary4 text-center"
 };
@@ -150047,7 +150064,7 @@ const _sfc_main$24 = /* @__PURE__ */ defineComponent({
               createElementVNode("div", _hoisted_2$1g, toDisplayString(_ctx.tracking_id !== unref(ComponentTypes).PageBreak ? _ctx.tracking_id : unref(t)("canvasUI.canvasBuilder.components.titles.pageBreak")), 1),
               _cache[5] || (_cache[5] = createElementVNode("div", { class: "flex-1 h-[2px] bg-primary3" }, null, -1))
             ]),
-            showUnnecessaryPageBreakWarning.value ? (openBlock(), createElementBlock("div", _hoisted_3$_, toDisplayString(unref(t)("canvasUI.canvasBuilder.components.pageBreak.unnecessaryWarning")), 1)) : createCommentVNode("", true)
+            showUnnecessaryPageBreakWarning.value ? (openBlock(), createElementBlock("div", _hoisted_3$$, toDisplayString(unref(t)("canvasUI.canvasBuilder.components.pageBreak.unnecessaryWarning")), 1)) : createCommentVNode("", true)
           ], 16)
         ]),
         _: 1
@@ -150061,8 +150078,8 @@ const _sfc_main$24 = /* @__PURE__ */ defineComponent({
 const _hoisted_1$1H = { class: "flex items-center w-full" };
 const _hoisted_2$1f = { class: "flex items-start gap-2 py-2 pr-2 b-rounded-2 w-full" };
-const _hoisted_3$Z = { class: "flex flex-wrap flex-col gap-2" };
-const _hoisted_4$Q = { class: "flex flex-wrap font-700 font-size-[18px] overflow-hidden whitespace-normal break-words" };
+const _hoisted_3$_ = { class: "flex flex-wrap flex-col gap-2" };
+const _hoisted_4$R = { class: "flex flex-wrap font-700 font-size-[18px] overflow-hidden whitespace-normal break-words" };
 const _hoisted_5$I = { class: "flex flex-wrap gap-2" };
 const _sfc_main$23 = /* @__PURE__ */ defineComponent({
   __name: "SectionSelectorItem",
@@ -150138,8 +150155,8 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
               onClick: _cache[1] || (_cache[1] = withModifiers(() => {
               }, ["stop"]))
             }, null, 8, ["ai-img-description", "src", "style"])),
-            createElementVNode("div", _hoisted_3$Z, [
-              createElementVNode("h4", _hoisted_4$Q, toDisplayString(_ctx.item.name), 1),
+            createElementVNode("div", _hoisted_3$_, [
+              createElementVNode("h4", _hoisted_4$R, toDisplayString(_ctx.item.name), 1),
               createElementVNode("div", _hoisted_5$I, [
                 _ctx.data[_ctx.index]?.access_type === "restricted" ? (openBlock(), createBlock(_sfc_main$66, {
                   key: 0,
@@ -150269,8 +150286,10 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
   }
 });
-const _hoisted_1$1F = { class: "flex justify-between items-center color-primary bg-base mt-3 pa-2 rounded-t-lg" };
-const _hoisted_2$1e = { class: "flex items-center gap-2 flex-1 font-700" };
+const _hoisted_1$1F = { class: "flex flex-wrap justify-between items-center color-primary bg-base mt-3 pa-2 rounded-t-lg gap-2" };
+const _hoisted_2$1e = { class: "flex items-center gap-2 flex-shrink-0 min-w-0 font-700" };
+const _hoisted_3$Z = { class: "flex items-center gap-2 flex-shrink-0" };
+const _hoisted_4$Q = { class: "font-size-3 font-400 uppercase" };
 const _sfc_main$21 = /* @__PURE__ */ defineComponent({
   __name: "SectionSelectorToolbar",
   props: {
@@ -150284,16 +150303,93 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
     areAllSelected: { type: Boolean },
     areSomeSelected: { type: Boolean },
     addedItemIds: { default: () => [] },
-    selectedItemIds: { default: () => [] }
+    selectedItemIds: { default: () => [] },
+    currentSort: {}
   },
-  emits: ["page-first", "page-last", "page-next", "page-previous", "toggle-select-all", "clear-selection", "items-added", "items-removed"],
+  emits: ["page-first", "page-last", "page-next", "page-previous", "toggle-select-all", "clear-selection", "items-added", "items-removed", "sort-changed"],
   setup(__props, { emit: __emit }) {
+    const props = __props;
     const emit = __emit;
     const launchDarkly = inject(
       "launchDarkly",
       computed(() => ({}))
     );
     const { t } = useI18n();
+    const sortOptionConfig = {
+      name: {
+        asc: {
+          key: "name_asc",
+          icon: "arrow-down-a-z"
+        },
+        desc: {
+          key: "name_desc",
+          icon: "arrow-down-z-a"
+        }
+      },
+      modified_at: {
+        asc: {
+          key: "modified_at_asc",
+          icon: "calendar-arrow-up"
+        },
+        desc: {
+          key: "modified_at_desc",
+          icon: "calendar-arrow-down"
+        }
+      }
+    };
+    const sortOptions = computed(() => [
+      {
+        label: () => h("div", t("canvasUI.browserApp.content.sortOptions.nameShortAsc")),
+        key: sortOptionConfig.name.asc.key,
+        icon: () => h(CIcon, { icon: sortOptionConfig.name.asc.icon })
+      },
+      {
+        label: () => h("div", t("canvasUI.browserApp.content.sortOptions.nameShortDesc")),
+        key: sortOptionConfig.name.desc.key,
+        icon: () => h(CIcon, { icon: sortOptionConfig.name.desc.icon })
+      },
+      {
+        label: () => h("div", t("canvasUI.browserApp.content.sortOptions.modifiedAsc")),
+        key: sortOptionConfig.modified_at.asc.key,
+        icon: () => h(CIcon, { icon: sortOptionConfig.modified_at.asc.icon })
+      },
+      {
+        label: () => h("div", t("canvasUI.browserApp.content.sortOptions.modifiedDesc")),
+        key: sortOptionConfig.modified_at.desc.key,
+        icon: () => h(CIcon, { icon: sortOptionConfig.modified_at.desc.icon })
+      }
+    ]);
+    const currentSortKey = computed(() => `${props.currentSort?.field || "name"}_${props.currentSort?.order || "asc"}`);
+    const currentSortIcon = computed(() => {
+      const lastUnderscoreIndex = currentSortKey.value.lastIndexOf("_");
+      const field = currentSortKey.value.substring(0, lastUnderscoreIndex);
+      const order = currentSortKey.value.substring(lastUnderscoreIndex + 1);
+      const fieldConfig = sortOptionConfig[field];
+      if (fieldConfig && "asc" in fieldConfig && "desc" in fieldConfig) {
+        return fieldConfig[order]?.icon || "arrow-down-wide-short";
+      }
+      return "arrow-down-wide-short";
+    });
+    const currentSortLabel = computed(() => {
+      const key = currentSortKey.value;
+      switch (key) {
+        case "name_asc":
+          return t("canvasUI.browserApp.content.sortOptions.nameShortAsc");
+        case "name_desc":
+          return t("canvasUI.browserApp.content.sortOptions.nameShortDesc");
+        case "modified_at_asc":
+        case "modified_at_desc":
+          return t("canvasUI.browserApp.content.sortOptions.modifiedDate");
+        default:
+          return t("canvasUI.browserApp.content.sortOptions.nameShortAsc");
+      }
+    });
+    function onSortSelect(key) {
+      const lastUnderscoreIndex = key.lastIndexOf("_");
+      const field = key.substring(0, lastUnderscoreIndex);
+      const order = key.substring(lastUnderscoreIndex + 1);
+      emit("sort-changed", { field, order });
+    }
     return (_ctx, _cache) => {
       const _directive_tooltip = resolveDirective("tooltip");
       return openBlock(), createElementBlock("div", _hoisted_1$1F, [
@@ -150329,26 +150425,57 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
             onPagePrevious: _cache[4] || (_cache[4] = ($event) => emit("page-previous"))
           }, null, 8, ["current-page", "disable-pagination", "loading", "page-size", "total-items"])) : createCommentVNode("", true)
         ]),
-        !unref(launchDarkly).enable_selectors_dnd ? (openBlock(), createBlock(_sfc_main$22, {
-          key: 0,
-          "current-page": _ctx.currentPage,
-          "disable-pagination": _ctx.disablePagination,
-          loading: _ctx.loading,
-          "page-size": _ctx.pageSize,
-          "total-items": _ctx.totalItems,
-          onPageFirst: _cache[5] || (_cache[5] = ($event) => emit("page-first")),
-          onPageLast: _cache[6] || (_cache[6] = ($event) => emit("page-last")),
-          onPageNext: _cache[7] || (_cache[7] = ($event) => emit("page-next")),
-          onPagePrevious: _cache[8] || (_cache[8] = ($event) => emit("page-previous"))
-        }, null, 8, ["current-page", "disable-pagination", "loading", "page-size", "total-items"])) : createCommentVNode("", true),
-        createVNode(_sfc_main$4Z, {
-          "added-item-ids": _ctx.addedItemIds,
-          "selected-item-ids": _ctx.selectedItemIds,
-          "total-selected": _ctx.totalSelected,
-          onClearSelection: _cache[9] || (_cache[9] = ($event) => emit("clear-selection")),
-          onItemsAdded: _cache[10] || (_cache[10] = (itemIds, position) => emit("items-added", itemIds, position)),
-          onItemsRemoved: _cache[11] || (_cache[11] = (itemIds) => emit("items-removed", itemIds))
-        }, null, 8, ["added-item-ids", "selected-item-ids", "total-selected"])
+        createElementVNode("div", _hoisted_3$Z, [
+          !unref(launchDarkly).enable_selectors_dnd ? (openBlock(), createBlock(_sfc_main$22, {
+            key: 0,
+            "current-page": _ctx.currentPage,
+            "disable-pagination": _ctx.disablePagination,
+            loading: _ctx.loading,
+            "page-size": _ctx.pageSize,
+            "total-items": _ctx.totalItems,
+            onPageFirst: _cache[5] || (_cache[5] = ($event) => emit("page-first")),
+            onPageLast: _cache[6] || (_cache[6] = ($event) => emit("page-last")),
+            onPageNext: _cache[7] || (_cache[7] = ($event) => emit("page-next")),
+            onPagePrevious: _cache[8] || (_cache[8] = ($event) => emit("page-previous"))
+          }, null, 8, ["current-page", "disable-pagination", "loading", "page-size", "total-items"])) : createCommentVNode("", true),
+          unref(launchDarkly).enable_sorting_in_section_picker ? (openBlock(), createBlock(unref(NDropdown), {
+            key: 1,
+            options: sortOptions.value,
+            trigger: "click",
+            onSelect: onSortSelect
+          }, {
+            default: withCtx(() => [
+              createVNode(CButton, {
+                class: "flex items-center gap-1",
+                secondary: "",
+                type: "default"
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("span", _hoisted_4$Q, toDisplayString(unref(t)("canvasUI.common.sortBy")) + ": " + toDisplayString(currentSortLabel.value), 1),
+                  createVNode(CIcon, {
+                    class: "ml-1 mr-2",
+                    icon: currentSortIcon.value,
+                    size: "14px"
+                  }, null, 8, ["icon"]),
+                  createVNode(CIcon, {
+                    icon: "chevron-down",
+                    size: "12px"
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["options"])) : createCommentVNode("", true),
+          createVNode(_sfc_main$4Z, {
+            "added-item-ids": _ctx.addedItemIds,
+            "selected-item-ids": _ctx.selectedItemIds,
+            "total-selected": _ctx.totalSelected,
+            onClearSelection: _cache[9] || (_cache[9] = ($event) => emit("clear-selection")),
+            onItemsAdded: _cache[10] || (_cache[10] = (itemIds, position) => emit("items-added", itemIds, position)),
+            onItemsRemoved: _cache[11] || (_cache[11] = (itemIds) => emit("items-removed", itemIds))
+          }, null, 8, ["added-item-ids", "selected-item-ids", "total-selected"])
+        ])
       ]);
     };
   }
@@ -150770,10 +150897,41 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
       )
     );
     const isPipeSearching = computed(() => pipeSearchTerms.value.length > 1);
+    const sortByLocalStorage = useLocalStorage(
+      "section-selector-sort-preference",
+      { field: "name", order: "asc" },
+      {
+        listenToStorageChanges: true
+      }
+    );
+    const sortByRef = ref({ field: "name", order: "asc" });
+    const currentSort = computed({
+      get: () => launchDarkly.value.enable_sorting_in_section_picker ? sortByLocalStorage.value : sortByRef.value,
+      set: (value) => {
+        if (launchDarkly.value.enable_sorting_in_section_picker) {
+          sortByLocalStorage.value = value;
+        } else {
+          sortByRef.value = value;
+        }
+      }
+    });
     const orderedAvailableSections = computed(() => {
       if (enablePipeMultisearch.value && isPipeSearching.value) {
         return availableSections.value;
       }
+      if (launchDarkly.value.enable_sorting_in_section_picker && currentSort.value) {
+        const sortField = currentSort.value.field;
+        const sortOrder = currentSort.value.order;
+        if (sortField === "name") {
+          return orderBy(availableSections.value, [(item) => (item.name || "").toLowerCase()], [sortOrder]);
+        } else if (sortField === "modified_at") {
+          return orderBy(
+            availableSections.value,
+            [(item) => item.modified_at ? new Date(item.modified_at).getTime() : 0],
+            [sortOrder]
+          );
+        }
+      }
       const sorters = getOrderingConfiguration({ sortByMetadata: true });
       return orderBy(
         availableSections.value,
@@ -150972,6 +151130,9 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
         );
       else selectChunk();
     }
+    function handleSortChanged(sort) {
+      currentSort.value = sort;
+    }
     onMounted(() => {
       if (launchDarkly.value.show_popularity_icons) {
         fetchPopularityData(EntityType.SECTION);
@@ -151058,6 +151219,7 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
                             "are-all-selected": areAllSelected.value,
                             "are-some-selected": areSomeSelected.value,
                             "current-page": currentPage.value,
+                            "current-sort": currentSort.value,
                             "disable-pagination": enablePipeMultisearch.value,
                             "first-page-total-displayed-items": firstPageTotalDisplayedSections.value ?? 0,
                             loading: isFetchingSections.value,
@@ -151068,8 +151230,9 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
                             onPageLast: fetchLastChunk,
                             onPageNext: fetchNextChunk,
                             onPagePrevious: fetchPreviousChunk,
+                            onSortChanged: handleSortChanged,
                             onToggleSelectAll: toggleSelectAll
-                          }, null, 8, ["are-all-selected", "are-some-selected", "current-page", "disable-pagination", "first-page-total-displayed-items", "loading", "page-size", "total-items", "total-selected"])
+                          }, null, 8, ["are-all-selected", "are-some-selected", "current-page", "current-sort", "disable-pagination", "first-page-total-displayed-items", "loading", "page-size", "total-items", "total-selected"])
                         ], 512),
                         isFetchingSections.value ? (openBlock(), createElementBlock("div", {
                           key: 0,
@@ -151159,7 +151322,7 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
   }
 });
-const SectionSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["__scopeId", "data-v-5eb1a0b2"]]);
+const SectionSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["__scopeId", "data-v-4891bfa0"]]);
 const _hoisted_1$1C = { class: "flex items-start gap-2" };
 const _hoisted_2$1c = { class: "flex gap-2 justify-end mt-2 relative top-1" };
@@ -151270,10 +151433,41 @@ const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
       )
     );
     const isPipeSearching = computed(() => pipeSearchTerms.value.length > 1);
+    const sortByLocalStorage = useLocalStorage(
+      "section-selector-sort-preference",
+      { field: "name", order: "asc" },
+      {
+        listenToStorageChanges: true
+      }
+    );
+    const sortByRef = ref({ field: "name", order: "asc" });
+    const currentSort = computed({
+      get: () => launchDarkly.value.enable_sorting_in_section_picker ? sortByLocalStorage.value : sortByRef.value,
+      set: (value) => {
+        if (launchDarkly.value.enable_sorting_in_section_picker) {
+          sortByLocalStorage.value = value;
+        } else {
+          sortByRef.value = value;
+        }
+      }
+    });
     const orderedAvailableSections = computed(() => {
       if (enablePipeMultisearch.value && isPipeSearching.value) {
         return availableSections.value;
       }
+      if (launchDarkly.value.enable_sorting_in_section_picker && currentSort.value) {
+        const sortField = currentSort.value.field;
+        const sortOrder = currentSort.value.order;
+        if (sortField === "name") {
+          return orderBy(availableSections.value, [(item) => (item.name || "").toLowerCase()], [sortOrder]);
+        } else if (sortField === "modified_at") {
+          return orderBy(
+            availableSections.value,
+            [(item) => item.modified_at ? new Date(item.modified_at).getTime() : 0],
+            [sortOrder]
+          );
+        }
+      }
       const sorters = getOrderingConfiguration({ sortByMetadata: true });
       return orderBy(
         availableSections.value,
@@ -151488,6 +151682,9 @@ const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
         );
       else selectChunk();
     }
+    function handleSortChanged(sort) {
+      currentSort.value = sort;
+    }
     function addItems(itemIds, position, targetIndex) {
       const itemsToMove = addedSections.value.filter((section) => itemIds.includes(section.id));
       let newItemsToAdd = availableSections.value.filter(
@@ -151782,6 +151979,7 @@ const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
                               "are-all-selected": areAllSelected.value,
                               "are-some-selected": areSomeSelected.value,
                               "current-page": currentPage.value,
+                              "current-sort": currentSort.value,
                               "disable-pagination": enablePipeMultisearch.value,
                               "first-page-total-displayed-items": firstPageTotalDisplayedSections.value ?? 0,
                               loading: isFetchingSections.value,
@@ -151796,8 +151994,9 @@ const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
                               onPageLast: fetchLastChunk,
                               onPageNext: fetchNextChunk,
                               onPagePrevious: fetchPreviousChunk,
+                              onSortChanged: handleSortChanged,
                               onToggleSelectAll: toggleSelectAll
-                            }, null, 8, ["added-item-ids", "are-all-selected", "are-some-selected", "current-page", "disable-pagination", "first-page-total-displayed-items", "loading", "page-size", "selected-item-ids", "total-items", "total-selected"])
+                            }, null, 8, ["added-item-ids", "are-all-selected", "are-some-selected", "current-page", "current-sort", "disable-pagination", "first-page-total-displayed-items", "loading", "page-size", "selected-item-ids", "total-items", "total-selected"])
                           ], 64)) : createCommentVNode("", true)
                         ], 512),
                         shouldShowSmartFolderView.value ? (openBlock(), createBlock(_sfc_main$4Q, {
@@ -151939,7 +152138,7 @@ const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
   }
 });
-const SectionSelectorWithDragAndDrop = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["__scopeId", "data-v-1297a269"]]);
+const SectionSelectorWithDragAndDrop = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["__scopeId", "data-v-6c0997dd"]]);
 const _hoisted_1$1B = { class: "text-truncate font-bold font-size-4" };
 const _sfc_main$1Z = /* @__PURE__ */ defineComponent({