@pitcher/canvas-ui 2025.12.8-121801 → 2025.12.8-123506-beta

package/canvas-ui.js

@@ -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"
@@ -94509,7 +94509,7 @@ const _hoisted_6$1w = { class: "flex space-x-0 items-center" };
 const _hoisted_7$18 = { class: "uppercase" };
 const _hoisted_8$Z = {
   key: 1,
-  class: "h-16px w-1px bg-gray-300 mx-2"
+  class: "h-16px w-1px bg-primary4"
 };
 const _hoisted_9$O = {
   key: 0,
@@ -94579,7 +94579,7 @@ const _hoisted_42$4 = {
   class: "px-0 py-0"
 };
 const _hoisted_43$4 = { key: 1 };
-const _hoisted_44$4 = { class: "flex items-center px-0 pt-4 pb-1" };
+const _hoisted_44$4 = { class: "flex items-center px-0 pt-2 pb-1" };
 const _hoisted_45$4 = { class: "text-m font-semibold text-gray-900" };
 const _hoisted_46$4 = { class: "ml-2 text-sm text-gray-500" };
 const _hoisted_47$4 = ["data-result-selected", "onClick"];
@@ -95127,18 +95127,18 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
       }
     };
     const formatCanvasType = (contentType) => {
-      if (!contentType) return "Canvas";
+      if (!contentType) return t("canvasUI.CAlgoliaSearch.canvasFilters.saved");
       switch (contentType) {
         case "saved_canvas":
-          return "Saved Canvas";
+          return t("canvasUI.CAlgoliaSearch.canvasFilters.saved");
         case "template":
-          return "Template";
+          return t("canvasUI.CAlgoliaSearch.canvasFilters.templates");
         case "section":
-          return "Product";
+          return t("canvasUI.CAlgoliaSearch.canvasFilters.products");
         case "block":
-          return "Block";
+          return t("canvasUI.CAlgoliaSearch.canvasFilters.blocks");
         default:
-          return "Canvas";
+          return t("canvasUI.CAlgoliaSearch.canvasFilters.saved");
       }
     };
     const toggleCanvasFilter = (filterType) => {
@@ -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)
               ]),
@@ -95617,7 +95617,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                   (openBlock(true), createElementBlock(Fragment, null, renderList(recentSearches.value, (search) => {
                     return openBlock(), createElementBlock("div", {
                       key: search,
-                      class: "flex items-center py-2 px-0 hover:bg-primary5 cursor-pointer rounded",
+                      class: "flex items-center py-2 px-0 pl-1 hover:bg-primary5 cursor-pointer rounded",
                       onClick: ($event) => handleRecentSearchClick(search)
                     }, [
                       createVNode(CIcon, {
@@ -95930,7 +95930,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
   }
 });
 
-const CAlgoliaSearch = /* @__PURE__ */ _export_sfc(_sfc_main$5I, [["__scopeId", "data-v-2614a281"]]);
+const CAlgoliaSearch = /* @__PURE__ */ _export_sfc(_sfc_main$5I, [["__scopeId", "data-v-b3a9f0d5"]]);
 
 const BulletListExtended = BulletList.extend({
   addOptions() {
@@ -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,13 +113612,6 @@ 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;
     }
@@ -113777,7 +113770,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 || hasSystemOrExcludedTag(cellCtx.row.original.tags),
+        hideCreateFromTemplate: isAdmin.value || !!cellCtx.row.original.is_draft,
         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,
@@ -114356,7 +114349,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)) || hasSystemOrExcludedTag(item.tags),
+            "hide-create-from-template": isAdmin.value || !!item.is_draft || isFolder(toListItem(item)),
             "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),
@@ -114434,7 +114427,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: {
@@ -114465,7 +114458,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,
@@ -115248,8 +115241,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"
@@ -115293,7 +115286,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,
@@ -115301,7 +115294,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)
               ]),
@@ -115986,11 +115979,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: {
@@ -116041,7 +116034,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,
@@ -116056,7 +116049,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: "",
@@ -116613,7 +116606,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: {
@@ -116697,7 +116690,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",
@@ -116849,11 +116842,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" };
@@ -116945,8 +116938,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,
@@ -117039,8 +117032,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",
@@ -117122,8 +117115,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": "",
@@ -117198,8 +117191,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: {
@@ -117261,7 +117254,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: "",
@@ -117278,7 +117271,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
@@ -117533,13 +117526,6 @@ 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({
@@ -117633,12 +117619,9 @@ 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;
-        // Check if the canvas has system tags (like "sharebox" from share template)
-        const hasSystemCanvasTag = hasSystemTag(canvasTags);
-        const hideCreate = props.isCanvasCreationDisabled || !hasAccess || hasSystemCanvasTag;
+        const hideCreate = props.isCanvasCreationDisabled || !hasAccess;
         const disableOpen = props.noTabs || !hasAccess;
         return createVNode(_sfc_main$4u, {
           "name": cellCtx.row.original?.template?.name,
@@ -118403,7 +118386,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: {
@@ -118449,7 +118432,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,
@@ -118920,8 +118903,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: {
@@ -119049,14 +119032,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",
@@ -119098,8 +119081,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,
@@ -119238,7 +119221,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,
@@ -119319,7 +119302,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, {
@@ -119518,8 +119501,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,
@@ -119804,7 +119787,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",
@@ -119816,7 +119799,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,
@@ -119909,11 +119892,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"
 };
@@ -120104,7 +120087,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), {
@@ -120201,11 +120184,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,
@@ -120364,7 +120347,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,
@@ -120390,7 +120373,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",
@@ -120514,8 +120497,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,
@@ -120600,12 +120583,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))
@@ -120726,11 +120709,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"
@@ -120848,13 +120831,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",
@@ -121257,11 +121240,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 = {
@@ -121439,7 +121422,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),
@@ -121484,7 +121467,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"
@@ -121909,8 +121892,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"
 };
@@ -122180,7 +122163,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))
@@ -122193,7 +122176,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,
@@ -122331,7 +122314,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: {
@@ -122406,7 +122389,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", {
@@ -122550,8 +122533,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"
 };
@@ -122754,8 +122737,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,
@@ -122833,8 +122816,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"
 };
@@ -123041,8 +123024,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,
@@ -123145,11 +123128,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"
 };
@@ -123233,14 +123216,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,
@@ -123941,8 +123924,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" };
@@ -123998,7 +123981,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",
@@ -124042,7 +124025,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)
                 ]),
@@ -124088,8 +124071,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,
@@ -124130,9 +124113,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
@@ -124156,8 +124139,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"
@@ -124185,9 +124168,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,
@@ -124210,8 +124193,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,
@@ -124238,9 +124221,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
@@ -124435,8 +124418,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]"
 };
@@ -124650,8 +124633,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: "",
@@ -124813,8 +124796,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({
@@ -125029,10 +125012,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, {
@@ -125175,8 +125158,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]"
 };
@@ -125231,8 +125214,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, [
@@ -125325,8 +125308,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"
@@ -125573,10 +125556,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
@@ -125712,8 +125695,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",
@@ -125827,7 +125810,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),
@@ -125838,7 +125821,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"
@@ -125914,8 +125897,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"
 };
@@ -126159,7 +126142,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]
@@ -126272,7 +126255,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"
@@ -126448,8 +126431,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: {
@@ -126500,7 +126483,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)
             ]),
@@ -126514,7 +126497,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))
               ]);
@@ -127606,11 +127589,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,
@@ -128140,7 +128123,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"
@@ -128150,7 +128133,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"),
@@ -128319,13 +128302,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)"
 };
@@ -128437,8 +128420,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",
@@ -128481,8 +128464,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"
 };
@@ -128499,9 +128482,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),
@@ -128519,8 +128502,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"];
@@ -128552,9 +128535,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,
@@ -128658,8 +128641,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: {
@@ -128799,10 +128782,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",
@@ -128824,7 +128807,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",
@@ -129102,7 +129085,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,
@@ -129125,8 +129108,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",
@@ -129329,7 +129312,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,
@@ -129344,7 +129327,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)
       ]);
     };
   }
@@ -129555,8 +129538,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"];
@@ -129615,8 +129598,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,
@@ -130363,8 +130346,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"
 };
@@ -130382,9 +130365,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",
@@ -130430,8 +130413,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" };
@@ -130479,8 +130462,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,
@@ -130593,8 +130576,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" };
@@ -130717,8 +130700,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)
@@ -130785,8 +130768,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) {
@@ -130845,13 +130828,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))
@@ -130868,8 +130851,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"
 };
@@ -130904,7 +130887,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,
@@ -130917,7 +130900,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),
@@ -130957,11 +130940,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"
 };
@@ -131132,9 +131115,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,
@@ -131252,8 +131235,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",
@@ -131742,8 +131725,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",
@@ -132037,8 +132020,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,
@@ -132595,13 +132578,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",
@@ -132692,8 +132675,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";
@@ -132725,8 +132708,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(() => [
@@ -132992,8 +132975,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"
@@ -133076,7 +133059,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,
@@ -133085,7 +133068,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]
@@ -133458,11 +133441,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
@@ -133544,7 +133527,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: "",
@@ -133668,7 +133651,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",
@@ -133874,11 +133857,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"
 };
@@ -133985,7 +133968,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 })
@@ -133998,7 +133981,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 })
@@ -134168,8 +134151,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" };
@@ -134222,8 +134205,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,
@@ -134301,7 +134284,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: {
@@ -134355,7 +134338,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,
@@ -134385,8 +134368,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" };
@@ -134439,8 +134422,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,
@@ -134521,11 +134504,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"
 };
@@ -134634,7 +134617,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,
@@ -134652,7 +134635,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`,
@@ -137506,11 +137489,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: {
@@ -137591,12 +137574,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);
     };
   }
@@ -137607,7 +137590,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) {
@@ -137713,7 +137696,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);
@@ -137791,7 +137774,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) {
@@ -137856,7 +137839,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))
             ])
           ]);
@@ -137872,11 +137855,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';
@@ -138079,7 +138062,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"
@@ -138097,7 +138080,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),
@@ -138184,7 +138167,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) {
@@ -138211,7 +138194,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]
@@ -138928,8 +138911,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,
@@ -139344,7 +139327,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
@@ -139353,7 +139336,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
@@ -139443,11 +139426,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"
@@ -139594,7 +139577,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",
@@ -139602,7 +139585,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",
@@ -139708,7 +139691,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"],
@@ -139732,7 +139715,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)
         ])
       ]);
     };
@@ -139746,8 +139729,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"
@@ -139844,8 +139827,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,
@@ -139875,7 +139858,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"
 };
@@ -139970,7 +139953,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,
@@ -139986,11 +139969,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"
@@ -140172,13 +140155,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,
@@ -140947,8 +140930,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" };
@@ -141447,8 +141430,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), {
@@ -142234,7 +142217,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: {
@@ -142324,7 +142307,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);
     };
@@ -142435,11 +142418,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"
 };
@@ -142619,8 +142602,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, {
@@ -144570,11 +144553,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"
 };
@@ -144751,7 +144734,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,
@@ -144786,7 +144769,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,
@@ -146533,8 +146516,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"];
@@ -146857,7 +146840,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, {
@@ -146870,7 +146853,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,
@@ -147899,8 +147882,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;
@@ -148864,7 +148847,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))
@@ -148887,7 +148870,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,
@@ -148990,7 +148973,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: {
@@ -149043,7 +149026,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,
@@ -149146,11 +149129,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: {
@@ -149300,7 +149283,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,
@@ -149311,7 +149294,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),
@@ -149577,8 +149560,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" };
@@ -149770,7 +149753,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,
@@ -149812,7 +149795,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) })
@@ -150004,7 +149987,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"
 };
@@ -150064,7 +150047,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
@@ -150078,8 +150061,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",
@@ -150155,8 +150138,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,
@@ -150286,8 +150269,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: {
@@ -150301,16 +150286,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, [
@@ -150346,26 +150408,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"])
+        ])
       ]);
     };
   }
@@ -150787,10 +150880,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,
@@ -150989,6 +151113,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);
@@ -151075,6 +151202,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,
@@ -151085,8 +151213,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,
@@ -151176,7 +151305,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" };
@@ -151287,10 +151416,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,
@@ -151505,6 +151665,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(
@@ -151799,6 +151962,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,
@@ -151813,8 +151977,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, {
@@ -151956,7 +152121,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({