@pitcher/canvas-ui 2025.12.4-164350-beta → 2025.12.5-123108-beta

package/canvas-ui.js

@@ -92229,18 +92229,19 @@ const navigateToHome = (skipSetPreviousLocation) => navigateToHome$1({
 const updateHomePageSettings = (homePage) => {
   canvasHomePage.value = homePage;
 };
+const mergeWithArrayReplacement = (...sources) => mergeWith({}, ...sources, (_objValue, srcValue) => {
+  if (Array.isArray(srcValue)) {
+    return srcValue;
+  }
+  return void 0;
+});
 const mergeIntoActiveContext = (contextUpdate) => {
   if (!activeCanvas.value) {
     console.warn("[mergeIntoActiveContext] No active canvas to update context");
     return;
   }
   const currentContext = activeCanvas.value.context ?? {};
-  const mergedContext = mergeWith({}, currentContext, contextUpdate, (_objValue, srcValue) => {
-    if (Array.isArray(srcValue)) {
-      return srcValue;
-    }
-    return void 0;
-  });
+  const mergedContext = mergeWithArrayReplacement(currentContext, contextUpdate);
   activeCanvas.value = {
     ...activeCanvas.value,
     context: mergedContext
@@ -92409,7 +92410,8 @@ function useCanvas$1() {
     onWizardExit,
     contentAnnotation,
     getSafeContext,
-    watchCanvas
+    watchCanvas,
+    mergeWithArrayReplacement
   };
 }
 
@@ -94472,115 +94474,119 @@ const _hoisted_5$1M = {
   key: 1,
   class: "flex items-center mt-4"
 };
-const _hoisted_6$1w = { class: "flex space-x-0" };
+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"
+};
+const _hoisted_9$O = {
   key: 0,
   class: "flex items-center space-x-1 ml-2"
 };
-const _hoisted_9$O = { class: "flex items-center" };
-const _hoisted_10$C = { key: 0 };
-const _hoisted_11$x = { class: "c-select-filter__popover w-[350px] rounded flex flex-col bg-base" };
-const _hoisted_12$p = { class: "pa-2 max-h-[300px] overflow-y-auto" };
-const _hoisted_13$k = {
+const _hoisted_10$C = { class: "flex items-center" };
+const _hoisted_11$x = { key: 0 };
+const _hoisted_12$p = { class: "c-select-filter__popover w-[350px] rounded flex flex-col bg-base" };
+const _hoisted_13$k = { class: "pa-2 max-h-[300px] overflow-y-auto" };
+const _hoisted_14$h = {
   key: 0,
   class: "flex items-center ml-2"
 };
-const _hoisted_14$h = {
+const _hoisted_15$f = {
   key: 0,
   class: "flex items-center ml-2"
 };
-const _hoisted_15$f = { class: "flex flex-col w-full flex-1 min-h-0" };
-const _hoisted_16$e = {
+const _hoisted_16$e = { class: "flex flex-col w-full flex-1 min-h-0" };
+const _hoisted_17$c = {
   key: 0,
   class: "flex-1 overflow-y-auto bg-white w-full pl-1 pr-6 py-0"
 };
-const _hoisted_17$c = { class: "space-y-1 mt-4" };
-const _hoisted_18$a = ["onClick"];
-const _hoisted_19$a = { class: "text-sm text-gray-700" };
-const _hoisted_20$9 = { class: "flex items-center mb-0" };
-const _hoisted_21$7 = { class: "text-sm font-bold text-gray-700" };
-const _hoisted_22$5 = ["onClick"];
-const _hoisted_23$5 = {
+const _hoisted_18$a = { class: "space-y-1 mt-4" };
+const _hoisted_19$a = ["onClick"];
+const _hoisted_20$9 = { class: "text-sm text-gray-700" };
+const _hoisted_21$7 = { class: "flex items-center mb-0" };
+const _hoisted_22$5 = { class: "text-sm font-bold text-gray-700" };
+const _hoisted_23$5 = ["onClick"];
+const _hoisted_24$5 = {
   key: 0,
   class: "relative mr-4"
 };
-const _hoisted_24$5 = {
+const _hoisted_25$5 = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center bg-gray-200 bg-opacity-75 border-rounded-1"
 };
-const _hoisted_25$5 = {
+const _hoisted_26$5 = {
   key: 1,
   class: "w-18 h-14 border-rounded-1 mr-4 flex-shrink-0 bg-gray-200 flex items-center justify-center"
 };
-const _hoisted_26$5 = { class: "flex-1 min-w-0" };
-const _hoisted_27$5 = { class: "text-sm font-bold text-gray-900 truncate mb-1" };
-const _hoisted_28$5 = { class: "text-xs text-gray-500" };
-const _hoisted_29$5 = {
+const _hoisted_27$5 = { class: "flex-1 min-w-0" };
+const _hoisted_28$5 = { class: "text-sm font-bold text-gray-900 truncate mb-1" };
+const _hoisted_29$5 = { class: "text-xs text-gray-500" };
+const _hoisted_30$4 = {
   key: 1,
   class: "flex-1 overflow-y-auto bg-white w-full"
 };
-const _hoisted_30$4 = { class: "w-full px-0" };
-const _hoisted_31$4 = {
+const _hoisted_31$4 = { class: "w-full px-0" };
+const _hoisted_32$4 = {
   key: 0,
   class: "mb-0"
 };
-const _hoisted_32$4 = { class: "flex items-center px-0 pt-2 pb-1" };
-const _hoisted_33$4 = { class: "text-m font-semibold text-gray-900" };
-const _hoisted_34$4 = { class: "ml-2 text-sm text-gray-500" };
-const _hoisted_35$4 = ["data-result-selected", "onClick"];
-const _hoisted_36$4 = {
+const _hoisted_33$4 = { class: "flex items-center px-0 pt-2 pb-1" };
+const _hoisted_34$4 = { class: "text-m font-semibold text-gray-900" };
+const _hoisted_35$4 = { class: "ml-2 text-sm text-gray-500" };
+const _hoisted_36$4 = ["data-result-selected", "onClick"];
+const _hoisted_37$4 = {
   key: 1,
   class: "w-18 h-14 border-rounded-1 mr-4 flex-shrink-0 bg-gray-200 flex items-center justify-center"
 };
-const _hoisted_37$4 = { class: "flex-1 min-w-0" };
-const _hoisted_38$4 = { class: "text-sm font-bold text-gray-900 truncate mb-1" };
-const _hoisted_39$4 = { class: "text-xs text-gray-500" };
-const _hoisted_40$4 = { class: "text-xs text-gray-400" };
-const _hoisted_41$4 = {
+const _hoisted_38$4 = { class: "flex-1 min-w-0" };
+const _hoisted_39$4 = { class: "text-sm font-bold text-gray-900 truncate mb-1" };
+const _hoisted_40$4 = { class: "text-xs text-gray-500" };
+const _hoisted_41$4 = { class: "text-xs text-gray-400" };
+const _hoisted_42$4 = {
   key: 0,
   class: "px-0 py-0"
 };
-const _hoisted_42$4 = { key: 1 };
-const _hoisted_43$4 = { class: "flex items-center px-0 pt-4 pb-1" };
-const _hoisted_44$4 = { class: "text-m font-semibold text-gray-900" };
-const _hoisted_45$4 = { class: "ml-2 text-sm text-gray-500" };
-const _hoisted_46$4 = ["data-result-selected", "onClick"];
-const _hoisted_47$4 = { class: "w-18 h-14 border-rounded-1 mr-4 flex-shrink-0 bg-gray-200 flex items-center justify-center" };
-const _hoisted_48$4 = { class: "flex-1 min-w-0" };
-const _hoisted_49$4 = { class: "text-sm font-bold text-gray-900 truncate mb-1" };
-const _hoisted_50$4 = { class: "text-xs text-gray-500" };
-const _hoisted_51$2 = { class: "text-xs text-gray-400" };
-const _hoisted_52$2 = {
+const _hoisted_43$4 = { key: 1 };
+const _hoisted_44$4 = { class: "flex items-center px-0 pt-4 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"];
+const _hoisted_48$4 = { class: "w-18 h-14 border-rounded-1 mr-4 flex-shrink-0 bg-gray-200 flex items-center justify-center" };
+const _hoisted_49$4 = { class: "flex-1 min-w-0" };
+const _hoisted_50$4 = { class: "text-sm font-bold text-gray-900 truncate mb-1" };
+const _hoisted_51$2 = { class: "text-xs text-gray-500" };
+const _hoisted_52$2 = { class: "text-xs text-gray-400" };
+const _hoisted_53$2 = {
   key: 0,
   class: "px-0 py-0"
 };
-const _hoisted_53$2 = {
+const _hoisted_54$1 = {
   key: 0,
   class: "flex flex-col items-center justify-center text-center p-8 gap-4"
 };
-const _hoisted_54$1 = {
+const _hoisted_55$1 = {
   key: 2,
   class: "flex-1 overflow-y-auto bg-white w-full"
 };
-const _hoisted_55$1 = { class: "w-full px-0" };
-const _hoisted_56$1 = { class: "flex items-center px-0 pt-2 pb-1" };
-const _hoisted_57$1 = { class: "text-m font-semibold text-gray-900" };
-const _hoisted_58$1 = { class: "ml-2 text-sm text-gray-500" };
-const _hoisted_59$1 = ["data-result-selected", "onClick"];
-const _hoisted_60$1 = {
+const _hoisted_56$1 = { class: "w-full px-0" };
+const _hoisted_57$1 = { class: "flex items-center px-0 pt-2 pb-1" };
+const _hoisted_58$1 = { class: "text-m font-semibold text-gray-900" };
+const _hoisted_59$1 = { class: "ml-2 text-sm text-gray-500" };
+const _hoisted_60$1 = ["data-result-selected", "onClick"];
+const _hoisted_61$1 = {
   key: 1,
   class: "w-18 h-14 border-rounded-1 mr-4 flex-shrink-0 bg-gray-200 flex items-center justify-center"
 };
-const _hoisted_61$1 = { class: "flex-1 min-w-0" };
-const _hoisted_62$1 = { class: "text-sm font-bold text-gray-900 truncate mb-1" };
-const _hoisted_63$1 = { class: "text-xs text-gray-500" };
-const _hoisted_64$1 = { class: "text-xs text-gray-400" };
-const _hoisted_65$1 = {
+const _hoisted_62$1 = { class: "flex-1 min-w-0" };
+const _hoisted_63$1 = { class: "text-sm font-bold text-gray-900 truncate mb-1" };
+const _hoisted_64$1 = { class: "text-xs text-gray-500" };
+const _hoisted_65$1 = { class: "text-xs text-gray-400" };
+const _hoisted_66$1 = {
   key: 0,
   class: "flex flex-col items-center justify-center text-center p-8 gap-4"
 };
-const _hoisted_66$1 = {
+const _hoisted_67$1 = {
   key: 0,
   class: "flex flex-wrap line-height-6 pt-4 pb-2 px-6 border-t border-gray-200 gap-y-4 gap-x-4"
 };
@@ -95375,8 +95381,8 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                 createElementVNode("div", _hoisted_6$1w, [
                   createElementVNode("button", {
                     class: normalizeClass([
-                      "h-32px text-14px font-500 border rounded-4px transition-colors duration-200 flex items-center",
-                      searchType.value === null ? "bg-primary border-primary text-white px-12px" : "bg-primary6 border-transparent text-primary hover:bg-primary5 px-16px"
+                      "h-28px text-14px font-500 transition-colors duration-200 flex items-center shadow-none outline-none focus:outline-none border-0",
+                      searchType.value === null ? "bg-primary5 text-primary px-12px rounded-4px" : "bg-primary6 text-primary hover:bg-primary5 px-16px"
                     ]),
                     onClick: handleEverywhereClick
                   }, [
@@ -95385,25 +95391,26 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                   searchType.value !== "canvases" ? (openBlock(), createElementBlock("button", {
                     key: 0,
                     class: normalizeClass([
-                      "h-32px text-14px font-500 border rounded-4px transition-colors duration-200 flex items-center",
-                      searchType.value === "content" ? "bg-primary border-primary text-white px-16px" : "bg-primary6 border-transparent text-primary hover:bg-primary5 px-16px"
+                      "h-28px text-14px font-500 transition-colors duration-200 flex items-center shadow-none outline-none focus:outline-none border-0",
+                      searchType.value === "content" ? "bg-primary5 text-primary px-16px rounded-4px" : "bg-primary6 text-primary hover:bg-primary5 px-16px"
                     ]),
                     onClick: _cache[4] || (_cache[4] = ($event) => searchType.value === "content" ? handleEverywhereClick() : searchType.value = "content")
                   }, [
                     createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.tabs.content")), 1)
                   ], 2)) : createCommentVNode("", true),
+                  searchType.value !== "content" && searchType.value !== "canvases" ? (openBlock(), createElementBlock("div", _hoisted_8$Z)) : createCommentVNode("", true),
                   searchType.value !== "content" ? (openBlock(), createElementBlock("button", {
-                    key: 1,
+                    key: 2,
                     class: normalizeClass([
-                      "h-32px text-14px font-500 border rounded-4px transition-colors duration-200 flex items-center",
-                      searchType.value === "canvases" ? "bg-primary border-primary text-white px-16px" : "bg-primary6 border-transparent text-primary hover:bg-primary5 px-16px"
+                      "h-28px text-14px font-500 transition-colors duration-200 flex items-center shadow-none outline-none focus:outline-none border-0",
+                      searchType.value === "canvases" ? "bg-primary5 text-primary px-16px rounded-4px" : "bg-primary6 text-primary hover:bg-primary5 px-16px"
                     ]),
                     onClick: _cache[5] || (_cache[5] = ($event) => searchType.value === "canvases" ? handleEverywhereClick() : searchType.value = "canvases")
                   }, [
                     createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.tabs.pitchDecks")), 1)
                   ], 2)) : createCommentVNode("", true)
                 ]),
-                searchType.value ? (openBlock(), createElementBlock("div", _hoisted_8$Z, [
+                searchType.value ? (openBlock(), createElementBlock("div", _hoisted_9$O, [
                   searchType.value === "content" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                     createVNode(unref(NPopover), {
                       class: "c-select-filter",
@@ -95420,7 +95427,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                           style: normalizeStyle({
                             "--n-color": selectedFileTypes.value.length ? "var(--p-primary5)" : "var(--p-primary6)",
                             "--n-border": "1px solid var(--p-primary5)",
-                            "--n-height": "32px"
+                            "--n-height": "28px"
                           }),
                           themeOverrides: {
                             borderRadius: "4px"
@@ -95428,11 +95435,9 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                           onClick: _cache[7] || (_cache[7] = ($event) => showFileTypeDropdown.value = !showFileTypeDropdown.value)
                         }, {
                           default: withCtx(() => [
-                            createElementVNode("div", _hoisted_9$O, [
-                              createElementVNode("span", {
-                                class: normalizeClass({ "font-bold": selectedFileTypes.value.length })
-                              }, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.filters.type")), 3),
-                              selectedFileTypes.value.length ? (openBlock(), createElementBlock("span", _hoisted_10$C, ": " + toDisplayString(selectedFileTypes.value.length), 1)) : createCommentVNode("", true),
+                            createElementVNode("div", _hoisted_10$C, [
+                              createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.filters.type")), 1),
+                              selectedFileTypes.value.length ? (openBlock(), createElementBlock("span", _hoisted_11$x, ": " + toDisplayString(selectedFileTypes.value.length), 1)) : createCommentVNode("", true),
                               selectedFileTypes.value.length ? (openBlock(), createBlock(CIcon, {
                                 key: 1,
                                 class: "ml-1",
@@ -95447,8 +95452,8 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                         }, 8, ["style"])
                       ]),
                       default: withCtx(() => [
-                        createElementVNode("div", _hoisted_11$x, [
-                          createElementVNode("div", _hoisted_12$p, [
+                        createElementVNode("div", _hoisted_12$p, [
+                          createElementVNode("div", _hoisted_13$k, [
                             (openBlock(), createElementBlock(Fragment, null, renderList(fileTypeOptions, (option) => {
                               return createElementVNode("div", {
                                 key: option.value,
@@ -95488,7 +95493,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     }, 8, ["show"]),
-                    hasActiveFilters.value ? (openBlock(), createElementBlock("div", _hoisted_13$k, [
+                    hasActiveFilters.value ? (openBlock(), createElementBlock("div", _hoisted_14$h, [
                       _cache[17] || (_cache[17] = createElementVNode("div", { class: "h-6 w-px bg-gray-300 mx-2" }, null, -1)),
                       createElementVNode("span", {
                         class: "text-sm text-gray-600 hover:text-gray-800 font-normal cursor-pointer",
@@ -95501,7 +95506,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                       style: normalizeStyle({
                         "--n-color": selectedCanvasFilters.value.includes("saved_canvas") ? "var(--p-primary5)" : "var(--p-primary6)",
                         "--n-border": "1px solid var(--p-primary5)",
-                        "--n-height": "32px"
+                        "--n-height": "28px"
                       }),
                       themeOverrides: {
                         borderRadius: "4px"
@@ -95509,9 +95514,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                       onClick: _cache[9] || (_cache[9] = ($event) => toggleCanvasFilter("saved_canvas"))
                     }, {
                       default: withCtx(() => [
-                        createElementVNode("span", {
-                          class: normalizeClass({ "font-bold": selectedCanvasFilters.value.includes("saved_canvas") })
-                        }, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.saved")), 3)
+                        createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.saved")), 1)
                       ]),
                       _: 1
                     }, 8, ["style"]),
@@ -95520,7 +95523,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                       style: normalizeStyle({
                         "--n-color": selectedCanvasFilters.value.includes("template") ? "var(--p-primary5)" : "var(--p-primary6)",
                         "--n-border": "1px solid var(--p-primary5)",
-                        "--n-height": "32px"
+                        "--n-height": "28px"
                       }),
                       themeOverrides: {
                         borderRadius: "4px"
@@ -95528,9 +95531,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                       onClick: _cache[10] || (_cache[10] = ($event) => toggleCanvasFilter("template"))
                     }, {
                       default: withCtx(() => [
-                        createElementVNode("span", {
-                          class: normalizeClass({ "font-bold": selectedCanvasFilters.value.includes("template") })
-                        }, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.templates")), 3)
+                        createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.templates")), 1)
                       ]),
                       _: 1
                     }, 8, ["style"]),
@@ -95539,7 +95540,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                       style: normalizeStyle({
                         "--n-color": selectedCanvasFilters.value.includes("section") ? "var(--p-primary5)" : "var(--p-primary6)",
                         "--n-border": "1px solid var(--p-primary5)",
-                        "--n-height": "32px"
+                        "--n-height": "28px"
                       }),
                       themeOverrides: {
                         borderRadius: "4px"
@@ -95547,9 +95548,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                       onClick: _cache[11] || (_cache[11] = ($event) => toggleCanvasFilter("section"))
                     }, {
                       default: withCtx(() => [
-                        createElementVNode("span", {
-                          class: normalizeClass({ "font-bold": selectedCanvasFilters.value.includes("section") })
-                        }, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.products")), 3)
+                        createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.products")), 1)
                       ]),
                       _: 1
                     }, 8, ["style"]),
@@ -95558,7 +95557,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                       style: normalizeStyle({
                         "--n-color": selectedCanvasFilters.value.includes("block") ? "var(--p-primary5)" : "var(--p-primary6)",
                         "--n-border": "1px solid var(--p-primary5)",
-                        "--n-height": "32px"
+                        "--n-height": "28px"
                       }),
                       themeOverrides: {
                         borderRadius: "4px"
@@ -95566,13 +95565,11 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                       onClick: _cache[12] || (_cache[12] = ($event) => toggleCanvasFilter("block"))
                     }, {
                       default: withCtx(() => [
-                        createElementVNode("span", {
-                          class: normalizeClass({ "font-bold": selectedCanvasFilters.value.includes("block") })
-                        }, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.blocks")), 3)
+                        createElementVNode("span", null, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.canvasFilters.blocks")), 1)
                       ]),
                       _: 1
                     }, 8, ["style"]),
-                    selectedCanvasFilters.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_14$h, [
+                    selectedCanvasFilters.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_15$f, [
                       _cache[18] || (_cache[18] = createElementVNode("div", { class: "h-6 w-px bg-gray-300 mx-2" }, null, -1)),
                       createElementVNode("span", {
                         class: "text-sm text-gray-600 hover:text-gray-800 font-normal cursor-pointer",
@@ -95583,9 +95580,9 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                 ])) : createCommentVNode("", true)
               ])) : createCommentVNode("", true)
             ]),
-            createElementVNode("div", _hoisted_15$f, [
-              showRecentView.value ? (openBlock(), createElementBlock("div", _hoisted_16$e, [
-                createElementVNode("div", _hoisted_17$c, [
+            createElementVNode("div", _hoisted_16$e, [
+              showRecentView.value ? (openBlock(), createElementBlock("div", _hoisted_17$c, [
+                createElementVNode("div", _hoisted_18$a, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(recentSearches.value, (search) => {
                     return openBlock(), createElementBlock("div", {
                       key: search,
@@ -95598,14 +95595,14 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                         icon: "clock-rotate-left",
                         size: "16"
                       }),
-                      createElementVNode("span", _hoisted_19$a, toDisplayString(search), 1)
-                    ], 8, _hoisted_18$a);
+                      createElementVNode("span", _hoisted_20$9, toDisplayString(search), 1)
+                    ], 8, _hoisted_19$a);
                   }), 128))
                 ]),
                 recentlyOpenedDocs.value.length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                   _cache[19] || (_cache[19] = createElementVNode("hr", { class: "border-0 h-px bg-gray-200 mt-2 mb-3 w-full" }, null, -1)),
-                  createElementVNode("div", _hoisted_20$9, [
-                    createElementVNode("span", _hoisted_21$7, toDisplayString(unref(t)("canvasUI.components.fileViewer.recentlyOpened")), 1)
+                  createElementVNode("div", _hoisted_21$7, [
+                    createElementVNode("span", _hoisted_22$5, toDisplayString(unref(t)("canvasUI.components.fileViewer.recentlyOpened")), 1)
                   ]),
                   createElementVNode("div", {
                     class: normalizeClass(_ctx.isAdmin ? "space-y-2" : "space-y-0")
@@ -95619,7 +95616,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                         ]),
                         onClick: ($event) => handleRecentDocClick(doc, doc.type)
                       }, [
-                        doc.type === "file" ? (openBlock(), createElementBlock("div", _hoisted_23$5, [
+                        doc.type === "file" ? (openBlock(), createElementBlock("div", _hoisted_24$5, [
                           createVNode(_sfc_main$6I, {
                             class: "h-14 border-rounded-1 overflow-hidden flex-0",
                             cover: "",
@@ -95628,7 +95625,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                             src: recentThumbnails.value[doc.id] || "",
                             width: "72"
                           }, null, 8, ["file-data", "src"]),
-                          isLoadingThumbnails.value && !recentThumbnails.value[doc.id] ? (openBlock(), createElementBlock("div", _hoisted_24$5, [
+                          isLoadingThumbnails.value && !recentThumbnails.value[doc.id] ? (openBlock(), createElementBlock("div", _hoisted_25$5, [
                             createVNode(CIcon, {
                               class: "animate-spin",
                               color: "var(--p-primary)",
@@ -95636,7 +95633,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                               size: "20"
                             })
                           ])) : createCommentVNode("", true)
-                        ])) : (openBlock(), createElementBlock("div", _hoisted_25$5, [
+                        ])) : (openBlock(), createElementBlock("div", _hoisted_26$5, [
                           doc.type === "canvas" ? (openBlock(), createBlock(CIcon, {
                             key: 0,
                             color: "var(--p-text2)",
@@ -95649,26 +95646,26 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                             size: "32"
                           }))
                         ])),
-                        createElementVNode("div", _hoisted_26$5, [
-                          createElementVNode("h3", _hoisted_27$5, toDisplayString(doc.name), 1),
-                          createElementVNode("p", _hoisted_28$5, toDisplayString(doc.type === "canvas" ? formatCanvasType(doc.content_type) : doc.type === "folder" ? "Folder" : doc.file_category || "File"), 1)
+                        createElementVNode("div", _hoisted_27$5, [
+                          createElementVNode("h3", _hoisted_28$5, toDisplayString(doc.name), 1),
+                          createElementVNode("p", _hoisted_29$5, toDisplayString(doc.type === "canvas" ? formatCanvasType(doc.content_type) : doc.type === "folder" ? "Folder" : doc.file_category || "File"), 1)
                         ])
-                      ], 10, _hoisted_22$5);
+                      ], 10, _hoisted_23$5);
                     }), 128))
                   ], 2)
                 ], 64)) : createCommentVNode("", true)
-              ])) : !searchType.value ? (openBlock(), createElementBlock("div", _hoisted_29$5, [
-                createElementVNode("div", _hoisted_30$4, [
-                  filteredContentFiles.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_31$4, [
-                    createElementVNode("div", _hoisted_32$4, [
+              ])) : !searchType.value ? (openBlock(), createElementBlock("div", _hoisted_30$4, [
+                createElementVNode("div", _hoisted_31$4, [
+                  filteredContentFiles.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_32$4, [
+                    createElementVNode("div", _hoisted_33$4, [
                       createVNode(CIcon, {
                         class: "mr-2",
                         color: "var(--p-text2)",
                         icon: "folder",
                         size: "16"
                       }),
-                      createElementVNode("span", _hoisted_33$4, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.sections.content")), 1),
-                      createElementVNode("span", _hoisted_34$4, "(" + toDisplayString(filteredContentFiles.value.length) + ")", 1)
+                      createElementVNode("span", _hoisted_34$4, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.sections.content")), 1),
+                      createElementVNode("span", _hoisted_35$4, "(" + toDisplayString(filteredContentFiles.value.length) + ")", 1)
                     ]),
                     createElementVNode("div", null, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(filteredContentFiles.value.slice(0, 5), (item) => {
@@ -95690,22 +95687,22 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                             "object-fit": "cover",
                             src: item.picture_url || "",
                             width: "72"
-                          }, null, 8, ["file-data", "src"])) : (openBlock(), createElementBlock("div", _hoisted_36$4, [
+                          }, null, 8, ["file-data", "src"])) : (openBlock(), createElementBlock("div", _hoisted_37$4, [
                             createVNode(CIcon, {
                               color: "var(--p-text2)",
                               icon: "folder",
                               size: "32"
                             })
                           ])),
-                          createElementVNode("div", _hoisted_37$4, [
-                            createElementVNode("h3", _hoisted_38$4, toDisplayString(item.name), 1),
-                            createElementVNode("p", _hoisted_39$4, toDisplayString(item.type === "folder" ? "Folder" : item.content_type || "PDF"), 1)
+                          createElementVNode("div", _hoisted_38$4, [
+                            createElementVNode("h3", _hoisted_39$4, toDisplayString(item.name), 1),
+                            createElementVNode("p", _hoisted_40$4, toDisplayString(item.type === "folder" ? "Folder" : item.content_type || "PDF"), 1)
                           ]),
-                          createElementVNode("div", _hoisted_40$4, toDisplayString(item.type === "folder" ? item.parent_folder?.name || "" : item.folder?.name || ""), 1)
-                        ], 10, _hoisted_35$4);
+                          createElementVNode("div", _hoisted_41$4, toDisplayString(item.type === "folder" ? item.parent_folder?.name || "" : item.folder?.name || ""), 1)
+                        ], 10, _hoisted_36$4);
                       }), 128))
                     ]),
-                    filteredContentFiles.value.length > 5 ? (openBlock(), createElementBlock("div", _hoisted_41$4, [
+                    filteredContentFiles.value.length > 5 ? (openBlock(), createElementBlock("div", _hoisted_42$4, [
                       createElementVNode("span", {
                         class: "text-sm text-gray-600 hover:text-gray-800 font-bold flex items-center cursor-pointer",
                         onClick: _cache[13] || (_cache[13] = ($event) => searchType.value = "content")
@@ -95719,16 +95716,16 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                       ])
                     ])) : createCommentVNode("", true)
                   ])) : createCommentVNode("", true),
-                  filteredCanvasFiles.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_42$4, [
-                    createElementVNode("div", _hoisted_43$4, [
+                  filteredCanvasFiles.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_43$4, [
+                    createElementVNode("div", _hoisted_44$4, [
                       createVNode(CIcon, {
                         class: "mr-2",
                         color: "var(--p-text2)",
                         icon: "presentation",
                         size: "16"
                       }),
-                      createElementVNode("span", _hoisted_44$4, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.sections.pitchDecks")), 1),
-                      createElementVNode("span", _hoisted_45$4, "(" + toDisplayString(filteredCanvasFiles.value.length) + ")", 1)
+                      createElementVNode("span", _hoisted_45$4, toDisplayString(unref(t)("canvasUI.CAlgoliaSearch.sections.pitchDecks")), 1),
+                      createElementVNode("span", _hoisted_46$4, "(" + toDisplayString(filteredCanvasFiles.value.length) + ")", 1)
                     ]),
                     createElementVNode("div", null, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(filteredCanvasFiles.value.slice(0, 5), (item) => {
@@ -95742,22 +95739,22 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                           "data-result-selected": isResultSelected(item),
                           onClick: ($event) => handleResultClick(item, "canvas")
                         }, [
-                          createElementVNode("div", _hoisted_47$4, [
+                          createElementVNode("div", _hoisted_48$4, [
                             createVNode(CIcon, {
                               color: "var(--p-text2)",
                               icon: "presentation",
                               size: "32"
                             })
                           ]),
-                          createElementVNode("div", _hoisted_48$4, [
-                            createElementVNode("h3", _hoisted_49$4, toDisplayString(item.name), 1),
-                            createElementVNode("p", _hoisted_50$4, toDisplayString(formatCanvasType(item.content_type)), 1)
+                          createElementVNode("div", _hoisted_49$4, [
+                            createElementVNode("h3", _hoisted_50$4, toDisplayString(item.name), 1),
+                            createElementVNode("p", _hoisted_51$2, toDisplayString(formatCanvasType(item.content_type)), 1)
                           ]),
-                          createElementVNode("div", _hoisted_51$2, toDisplayString(item.folder?.name || ""), 1)
-                        ], 10, _hoisted_46$4);
+                          createElementVNode("div", _hoisted_52$2, toDisplayString(item.folder?.name || ""), 1)
+                        ], 10, _hoisted_47$4);
                       }), 128))
                     ]),
-                    filteredCanvasFiles.value.length > 5 ? (openBlock(), createElementBlock("div", _hoisted_52$2, [
+                    filteredCanvasFiles.value.length > 5 ? (openBlock(), createElementBlock("div", _hoisted_53$2, [
                       createElementVNode("span", {
                         class: "text-sm text-gray-600 hover:text-gray-800 font-bold flex items-center cursor-pointer",
                         onClick: _cache[14] || (_cache[14] = ($event) => searchType.value = "canvases")
@@ -95772,7 +95769,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                     ])) : createCommentVNode("", true)
                   ])) : createCommentVNode("", true)
                 ]),
-                searchError.value || shouldShowNoResults.value ? (openBlock(), createElementBlock("div", _hoisted_53$2, [
+                searchError.value || shouldShowNoResults.value ? (openBlock(), createElementBlock("div", _hoisted_54$1, [
                   createVNode(CIcon, {
                     class: "text-6xl",
                     color: searchError.value ? "var(--p-error)" : "var(--p-text3)",
@@ -95783,9 +95780,9 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                     class: normalizeClass(searchError.value ? "text-error font-semibold" : "text-text2")
                   }, toDisplayString(searchError.value || unref(t)("canvasUI.CGlobalSearch.noResults")), 3)
                 ])) : createCommentVNode("", true)
-              ])) : (openBlock(), createElementBlock("div", _hoisted_54$1, [
-                createElementVNode("div", _hoisted_55$1, [
-                  createElementVNode("div", _hoisted_56$1, [
+              ])) : (openBlock(), createElementBlock("div", _hoisted_55$1, [
+                createElementVNode("div", _hoisted_56$1, [
+                  createElementVNode("div", _hoisted_57$1, [
                     searchType.value === "content" ? (openBlock(), createBlock(CIcon, {
                       key: 0,
                       class: "mr-2",
@@ -95799,8 +95796,8 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                       icon: "presentation",
                       size: "16"
                     })),
-                    createElementVNode("span", _hoisted_57$1, toDisplayString(searchType.value === "content" ? unref(t)("canvasUI.CAlgoliaSearch.sections.content") : unref(t)("canvasUI.CAlgoliaSearch.sections.pitchDecks")), 1),
-                    createElementVNode("span", _hoisted_58$1, " (" + toDisplayString(searchType.value === "content" ? filteredContentFiles.value.length : filteredCanvasFiles.value.length) + ") ", 1)
+                    createElementVNode("span", _hoisted_58$1, toDisplayString(searchType.value === "content" ? unref(t)("canvasUI.CAlgoliaSearch.sections.content") : unref(t)("canvasUI.CAlgoliaSearch.sections.pitchDecks")), 1),
+                    createElementVNode("span", _hoisted_59$1, " (" + toDisplayString(searchType.value === "content" ? filteredContentFiles.value.length : filteredCanvasFiles.value.length) + ") ", 1)
                   ]),
                   createElementVNode("div", null, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(searchType.value === "content" ? filteredContentFiles.value : filteredCanvasFiles.value, (item) => {
@@ -95825,7 +95822,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                           "object-fit": "cover",
                           src: item.picture_url || "",
                           width: "72"
-                        }, null, 8, ["file-data", "src"])) : (openBlock(), createElementBlock("div", _hoisted_60$1, [
+                        }, null, 8, ["file-data", "src"])) : (openBlock(), createElementBlock("div", _hoisted_61$1, [
                           searchType.value === "content" ? (openBlock(), createBlock(CIcon, {
                             key: 0,
                             color: "var(--p-text2)",
@@ -95838,15 +95835,15 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                             size: "32"
                           }))
                         ])),
-                        createElementVNode("div", _hoisted_61$1, [
-                          createElementVNode("h3", _hoisted_62$1, toDisplayString(item.name), 1),
-                          createElementVNode("p", _hoisted_63$1, toDisplayString(searchType.value === "content" ? item.type === "folder" ? "Folder" : item.content_type || "PDF" : formatCanvasType(item.content_type)), 1)
+                        createElementVNode("div", _hoisted_62$1, [
+                          createElementVNode("h3", _hoisted_63$1, toDisplayString(item.name), 1),
+                          createElementVNode("p", _hoisted_64$1, toDisplayString(searchType.value === "content" ? item.type === "folder" ? "Folder" : item.content_type || "PDF" : formatCanvasType(item.content_type)), 1)
                         ]),
-                        createElementVNode("div", _hoisted_64$1, toDisplayString(searchType.value === "content" && item.type === "folder" ? item.parent_folder?.name || "" : item.folder?.name || ""), 1)
-                      ], 10, _hoisted_59$1);
+                        createElementVNode("div", _hoisted_65$1, toDisplayString(searchType.value === "content" && item.type === "folder" ? item.parent_folder?.name || "" : item.folder?.name || ""), 1)
+                      ], 10, _hoisted_60$1);
                     }), 128))
                   ]),
-                  searchError.value || shouldShowNoResults.value ? (openBlock(), createElementBlock("div", _hoisted_65$1, [
+                  searchError.value || shouldShowNoResults.value ? (openBlock(), createElementBlock("div", _hoisted_66$1, [
                     createVNode(CIcon, {
                       class: "text-6xl",
                       color: searchError.value ? "var(--p-error)" : "var(--p-text3)",
@@ -95860,7 +95857,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
                 ])
               ]))
             ]),
-            !showRecentView.value ? (openBlock(), createElementBlock("div", _hoisted_66$1, [
+            !showRecentView.value ? (openBlock(), createElementBlock("div", _hoisted_67$1, [
               createVNode(CShortcut, null, {
                 default: withCtx(() => [
                   createVNode(CShortcutIcon, { icon: "arrow-up" }),
@@ -95902,7 +95899,7 @@ const _sfc_main$5I = /* @__PURE__ */ defineComponent({
   }
 });
 
-const CAlgoliaSearch = /* @__PURE__ */ _export_sfc(_sfc_main$5I, [["__scopeId", "data-v-14d06208"]]);
+const CAlgoliaSearch = /* @__PURE__ */ _export_sfc(_sfc_main$5I, [["__scopeId", "data-v-2614a281"]]);
 
 const BulletListExtended = BulletList.extend({
   addOptions() {
@@ -167746,7 +167743,9 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
       setTemporaryContextKeys,
       getSafeContext,
       watchCanvas,
-      mergeIntoActiveContext
+      mergeIntoActiveContext,
+      saveCanvasContext,
+      mergeWithArrayReplacement
     } = useCanvas$1();
     const { updateComponentsWithThemeAssets } = useCanvasNodes();
     const {
@@ -168153,6 +168152,17 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
       props.onEnter?.();
       broadcastCanvasOpenedEvent();
       window.retriggerWizard = retriggerWizard;
+      window.getCanvasContext = () => {
+        if (!activeCanvas.value) return null;
+        return cloneDeep(activeCanvas.value?.context ?? {});
+      };
+      window.updateCanvasContext = async (context, options) => {
+        if (!activeCanvas.value) {
+          throw new Error("No active canvas");
+        }
+        const mergedContext = mergeWithArrayReplacement(activeCanvas.value?.context ?? {}, context);
+        await saveCanvasContext(mergedContext, options);
+      };
     });
     onBeforeUnmount(() => {
       const canvasId = activeCanvas.value?.id;
@@ -168182,6 +168192,8 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
         window.__scribblePendingRequests.clear();
       }
       window.retriggerWizard = void 0;
+      window.getCanvasContext = void 0;
+      window.updateCanvasContext = void 0;
     }
     __expose({
       deleteAsset,