@blokkli/editor 2.0.0-alpha.63 → 2.0.0-alpha.64

package/dist/modules/drupal/runtime/adapter/index.js

@@ -216,6 +216,8 @@ export default defineBlokkliEditAdapter(
       const mutations = (state?.mutations || []).filter(falsy);
       const currentUserIsOwner = !!state?.currentUserIsOwner;
       const ownerName = state?.ownerName || "";
+      const lastChangedRaw = state?.changedRawField?.first?.value;
+      const lastChanged = lastChangedRaw ? parseInt(lastChangedRaw) : void 0;
       const fields = state?.mutatedState?.fields || [];
       const violations = state.mutatedState?.violations || [];
       const entity = state.entity;
@@ -255,6 +257,7 @@ export default defineBlokkliEditAdapter(
         mutations,
         currentUserIsOwner,
         ownerName,
+        lastChanged,
         ownerId: state.user?.id,
         mutatedState: {
           fields,

package/dist/modules/iframes/index.d.mts

@@ -1,4 +1,4 @@
-import { B as BlokkliModule } from '../../shared/editor.D28NbXr3.mjs';
+import { B as BlokkliModule } from '../../shared/editor.BDyiQvbV.mjs';
 import 'nuxt/schema';
 import 'consola';
 import '../../../dist/global/types/definitions.js';

package/dist/modules/index.d.mts

@@ -1,4 +1,4 @@
-export { b as Blokkli, B as BlokkliModule, d as defineBlokkliModule } from '../shared/editor.D28NbXr3.mjs';
+export { b as Blokkli, B as BlokkliModule, d as defineBlokkliModule } from '../shared/editor.BDyiQvbV.mjs';
 import 'nuxt/schema';
 import 'consola';
 import '../../dist/global/types/definitions.js';

package/dist/modules/readability/index.d.mts

@@ -1,4 +1,4 @@
-import { B as BlokkliModule } from '../../shared/editor.D28NbXr3.mjs';
+import { B as BlokkliModule } from '../../shared/editor.BDyiQvbV.mjs';
 import 'nuxt/schema';
 import 'consola';
 import '../../../dist/global/types/definitions.js';

package/dist/modules/readability/index.mjs

@@ -6,7 +6,8 @@ const resolve = createResolver(
   fileURLToPath(new URL("./", import.meta.url))
 ).resolve;
 const index = defineBlokkliModule({
-  setup({ context }) {
+  setup({ context, helper }) {
+    helper.addPackageDependency("syllable");
     context.registerAdapterExtension(
       "@blokkli/readability",
       resolve("./runtime/adapter-extension")

package/dist/modules/table-of-contents/index.d.mts

@@ -1,4 +1,4 @@
-import { B as BlokkliModule } from '../../shared/editor.D28NbXr3.mjs';
+import { B as BlokkliModule } from '../../shared/editor.BDyiQvbV.mjs';
 import 'nuxt/schema';
 import 'consola';
 import '../../../dist/global/types/definitions.js';

package/dist/runtime/components/Blocks/NotImplemented/index.vue

@@ -23,7 +23,7 @@ const text = computed(() => {
 useBlockRegistration(dom, props.uuid);
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-block-not-implemented {
   background-color: rgb(var(--bk-theme-red-light) / 1);
   padding-block: 15px;

package/dist/runtime/editor/components/Actions/Title/index.vue

@@ -50,7 +50,7 @@
         />
         <div
           v-if="itemBundle?.id === fromLibraryBlockBundle"
-          class="_bk_absolute _bk_z-50 _bk_-top-[7px] _bk_-right-[7px] _bk_bg-lime-dark _bk_size-20 _bk_flex _bk_items-center _bk_justify-center _bk_rounded-full _bk_border _bk_border-lime-normal _bk_shadow-lg"
+          class="_bk_absolute _bk_z-50 _bk_top-[-7px] _bk_right-[-7px] _bk_bg-lime-dark _bk_size-20 _bk_flex _bk_items-center _bk_justify-center _bk_rounded-full _bk_border _bk_border-lime-normal _bk_shadow-lg"
         >
           <Icon name="reusable" class="_bk_size-[12px] _bk_fill-lime-light" />
         </div>

package/dist/runtime/editor/components/Actions/index.vue

@@ -111,7 +111,7 @@ export default {
 };
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-blokkli-item-actions-inner {
   backface-visibility: hidden;
   bottom: var(--bk-root-offset-bottom);

package/dist/runtime/editor/components/ArtboardTooltip/index.d.vue.ts

@@ -25,6 +25,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onClose?: (() => any) | undefined;
 }>, {
     anchorEl: HTMLElement | null;
+    buttonLabel: string;
     anchorCoordinates: Coord | null;
     placementY: PlacementVertical;
     placementX: PlacementHorizontal;

package/dist/runtime/editor/components/ArtboardTooltip/index.vue

@@ -46,7 +46,7 @@ const props = defineProps({
   id: { type: String, required: true },
   title: { type: String, required: true },
   anchorEl: { type: null, required: false, default: null },
-  buttonLabel: { type: String, required: false },
+  buttonLabel: { type: String, required: false, default: void 0 },
   anchorCoordinates: { type: [Object, null], required: false, default: null },
   placementY: { type: String, required: false, default: "auto" },
   placementX: { type: String, required: false, default: "center" },
@@ -104,7 +104,7 @@ onBeforeUnmount(() => {
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-artboard-tooltip {
   --bk-gap: 15px;
   --bk-caret-size: 10px;

package/dist/runtime/editor/components/ArtboardTooltip/index.vue.d.ts

@@ -25,6 +25,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onClose?: (() => any) | undefined;
 }>, {
     anchorEl: HTMLElement | null;
+    buttonLabel: string;
     anchorCoordinates: Coord | null;
     placementY: PlacementVertical;
     placementX: PlacementHorizontal;

package/dist/runtime/editor/components/Avatar/index.vue

@@ -98,7 +98,7 @@ export default {
 };
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-avatar-image:before {
   content: '';
   position: absolute;

package/dist/runtime/editor/components/BlockPreviewItem/index.vue

@@ -88,7 +88,7 @@ provide(INJECT_PROVIDER_BLOCKS, blocks);
 provide(INJECT_FIELD_LIST_TYPE, fieldListType);
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-vars.bk-block-preview-item {
   display: flex;
   height: 100%;

package/dist/runtime/editor/components/BlockPreviewRenderer/index.vue

@@ -32,7 +32,7 @@ function onBackgroundColor(color) {
 }
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-vars.bk-block-preview-renderer {
   min-height: 200px;
   overflow: hidden;

package/dist/runtime/editor/components/BlockProxy/index.vue

@@ -87,7 +87,7 @@ const fieldLayout = computed(() => {
 useBlockRegistration(dom, props.uuid);
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-vars.bk-block-proxy {
   flex: 1;
   color: rgb(var(--bk-theme-mono-900) / 1);

package/dist/runtime/editor/components/BlokkliRootErrorBoundary.vue

@@ -101,7 +101,7 @@ function downloadLogs() {
 }
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-fatal-error-overlay {
   position: fixed;
   top: 0px;

package/dist/runtime/editor/components/BundleSelector/index.vue

@@ -273,7 +273,7 @@ onMounted(() => {
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-bundle-selector {
   --bk-bg: rgb(var(--bk-theme-mono-900) / 1);
   --bk-header-bg: rgb(var(--bk-theme-mono-800) / 1);

package/dist/runtime/editor/components/ColorDropdown/index.vue

@@ -36,7 +36,7 @@
             class="_bk_rounded-full _bk_block _bk_relative _bk_outline-2 _bk_outline-offset-2 _bk_outline-transparent _bk_size-30"
             :class="[
   item.isMain && [
-    '_bk_before:content-empty _bk_before:absolute _bk_before:size-8 _bk_before:rounded-full _bk_before:left-1/2 _bk_before:top-1/2 _bk_before:-translate-x-1/2 _bk_before:-translate-y-1/2',
+    '_bk_before:bk-content-empty _bk_before:absolute _bk_before:size-8 _bk_before:rounded-full _bk_before:left-1/2 _bk_before:top-1/2 _bk_before:-translate-x-1/2 _bk_before:-translate-y-1/2',
     item.isLightBg ? '_bk_before:bg-black' : '_bk_before:bg-white'
   ],
   isSelected(item.colorId) ? '_bk_outline-mono-900!' : '_bk_group-hover:outline-mono-300'

package/dist/runtime/editor/components/Dialog/index.vue

@@ -151,7 +151,7 @@ export default {
 };
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-dialog {
   pointer-events: none;
   position: fixed;

package/dist/runtime/editor/components/DiffApproval/Toolbar/index.vue

@@ -172,7 +172,7 @@ function onReasonInput(event) {
 }
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-diff-approval-toolbar-hint {
   grid-area: mode;
 }

package/dist/runtime/editor/components/DiffApproval/types.js

@@ -3,9 +3,7 @@ export function unitsFromItems(items) {
   const units = [];
   for (const item of items) {
     if (item.segments) {
-      const atoms = flattenSegments(item.segments).filter(
-        (s) => s.status !== "matched" || s.beforeHtml !== s.afterHtml
-      );
+      const atoms = flattenSegments(item.segments).filter((s) => s.changed);
       for (const segment of atoms) {
         units.push({
           kind: "segment",

package/dist/runtime/editor/components/DiffViewer/State.vue

@@ -248,7 +248,7 @@ function scrollToBlock(uuid) {
 }
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-diff-sidebar-pane {
   position: absolute;
   top: 0px;

package/dist/runtime/editor/components/DraggableList.vue

@@ -148,7 +148,7 @@ if (import.meta.hot) {
 }
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-vars.bk-draggable-list-container .bk-list-item {
   border-radius: 0 !important;
   background-color: white;

package/dist/runtime/editor/components/Dropdown/index.d.vue.ts

@@ -18,6 +18,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     disabled: boolean;
     position: DropdownPosition;
+    buttonClass: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/editor/components/Dropdown/index.vue

@@ -49,7 +49,7 @@ import { INJECT_POPUP_HOST } from "#blokkli/editor/helpers/injections";
 const props = defineProps({
   position: { type: String, required: false, default: "bottom-left" },
   disabled: { type: Boolean, required: false, default: false },
-  buttonClass: { type: String, required: false }
+  buttonClass: { type: String, required: false, default: void 0 }
 });
 const popupHostRef = inject(INJECT_POPUP_HOST, null);
 const teleport = computed(() => popupHostRef?.value ?? null);
@@ -169,7 +169,7 @@ onBeforeUnmount(() => {
 defineExpose({ close });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk .bk-dropdown-menu-trigger {
   appearance: none;
 }

package/dist/runtime/editor/components/Dropdown/index.vue.d.ts

@@ -18,6 +18,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     disabled: boolean;
     position: DropdownPosition;
+    buttonClass: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/editor/components/DropdownItem/index.vue

@@ -17,7 +17,7 @@ defineProps({
 defineEmits(["click"]);
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk .bk-dropdown-menu-item {
   display: flex;
   width: 100%;

package/dist/runtime/editor/components/EditIndicator.vue

@@ -176,7 +176,7 @@ onBeforeUnmount(() => {
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 :root {
   --bk-edit-indicator-color: 5 80 230;
   --bk-edit-indicator-z-index: 1000000;

package/dist/runtime/editor/components/EditProvider.vue

@@ -186,7 +186,6 @@ const route = useRoute();
 const toolbarLoaded = ref(false);
 const featuresLoaded = ref(false);
 const isInitializing = ref(true);
-const definitions = definitionProvider(props.providerType);
 const $t = await textProvider(context.value.language);
 const state = await editStateProvider(
   eventBus,
@@ -218,6 +217,7 @@ const ui = uiProvider(
   viewportElement,
   $t
 );
+const definitions = definitionProvider(props.providerType, ui.interfaceLanguage);
 const dom = domProvider(ui, debug, state, element);
 const theme = themeProvider(element);
 const blocks = blocksProvider(state, dom, context);
@@ -458,7 +458,7 @@ onUnmounted(() => {
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-viewport {
   position: relative;
   grid-area: viewport;

package/dist/runtime/editor/components/FileDropHandler/index.vue

@@ -83,7 +83,7 @@ function onDrop(e) {
 }
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 :is(.bk-file-drop-enter-active,.bk-file-drop-leave-active) .bk-file-drop-content {
   transition-property: all;
   transition-timing-function: var(--bk-tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));

package/dist/runtime/editor/components/Form/RadioTabs/index.vue

@@ -36,7 +36,7 @@ defineProps({
 const value = defineModel({ type: String });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk .bk-radio-tabs {
   display: flex;
   overflow: hidden;

package/dist/runtime/editor/components/Form/Search/index.d.vue.ts

@@ -69,6 +69,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     onClear?: (() => any) | undefined;
     "onUpdate:query"?: ((value: string) => any) | undefined;
 }>, {
+    label: string;
     description: string;
     icon: BlokkliIcon;
     mode: "fzf" | "async";

package/dist/runtime/editor/components/Form/Search/index.vue

@@ -146,7 +146,7 @@ import { loadFzf } from "#blokkli/editor/libraries/fzf";
 import { modulo } from "#blokkli/editor/helpers/math";
 const props = defineProps({
   id: { type: String, required: true },
-  label: { type: String, required: false },
+  label: { type: String, required: false, default: void 0 },
   description: { type: String, required: false, default: void 0 },
   required: { type: Boolean, required: false },
   disabled: { type: Boolean, required: false },
@@ -280,7 +280,7 @@ defineExpose({
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk .bk-form-search-result + .bk-form-search-result {
   border-top-style: var(--bk-tw-border-style);
   border-top-width: 1px;

package/dist/runtime/editor/components/Form/Search/index.vue.d.ts

@@ -69,6 +69,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     onClear?: (() => any) | undefined;
     "onUpdate:query"?: ((value: string) => any) | undefined;
 }>, {
+    label: string;
     description: string;
     icon: BlokkliIcon;
     mode: "fzf" | "async";

package/dist/runtime/editor/components/FormOverlay/index.vue

@@ -54,7 +54,7 @@ export default {
 };
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-form-overlay-footer {
   position: sticky;
   bottom: 0px;

package/dist/runtime/editor/components/Icon/index.vue

@@ -38,7 +38,7 @@ export default {
 };
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-icon svg {
   fill: currentcolor;
 }

package/dist/runtime/editor/components/Indicators/index.vue

@@ -1,10 +1,23 @@
 <template>
   <Teleport to="#bk-canvas-overlay">
-    <div id="bk-indicators" class="bk bk-indicators" :style>
-      <div id="bk-indicators-left" />
+    <div
+      id="bk-indicators"
+      class="bk bk-indicators _bk_absolute _bk_top-0 _bk_left-0 _bk_pointer-events-none _bk_origin-top-left _bk_z-interaction-overlay"
+      :style
+    >
+      <div
+        id="bk-indicators-left"
+        class="_bk_absolute _bk_right-full _bk_top-0 _bk_whitespace-nowrap _bk_h-full"
+      />
       <div id="bk-indicators-right" />
-      <div class="bk-indicators-hovered" :style="hoveredStyle" />
-      <div class="bk-indicators-highlighted" :style="highlightedStyle" />
+      <div
+        class="bk-indicators-hovered _bk_absolute _bk_top-0 _bk_left-0 _bk_bg-red-normal/30 _bk_rounded _bk_border-3 _bk_border-red-normal"
+        :style="hoveredStyle"
+      />
+      <div
+        class="bk-indicators-highlighted _bk_absolute _bk_top-0 _bk_left-0 _bk_rounded _bk_border-3 _bk_border-accent-500 _bk_ring-4 _bk_ring-accent-300 _bk_outline _bk_outline-white"
+        :style="highlightedStyle"
+      />
     </div>
   </Teleport>
 </template>
@@ -54,10 +67,11 @@ const highlightedStyle = computed(() => {
   };
 });
 const HEIGHT = 30;
+const STICKY_RESERVED = 35;
 function snapToAnchorGrid(y) {
   return Math.ceil(y / HEIGHT) * HEIGHT;
 }
-const prevRects = /* @__PURE__ */ new Map();
+const prevTransforms = /* @__PURE__ */ new Map();
 let lastFullUpdate = 0;
 onBlokkliEvent("animationFrame", function(ctx) {
   if (!hasIndicators.value) {
@@ -66,6 +80,10 @@ onBlokkliEvent("animationFrame", function(ctx) {
   const items = indicators.indicators.value;
   const taken = /* @__PURE__ */ new Set();
   const forceRefresh = ctx.time - lastFullUpdate > 1e3;
+  const stickyX = Math.max(
+    0,
+    (ui.visibleViewport.value.x - ui.artboardOffset.value.x) / ui.artboardScale.value + STICKY_RESERVED
+  );
   for (let i = 0; i < items.length; i++) {
     const item = items[i];
     if (!item) {
@@ -73,7 +91,7 @@ onBlokkliEvent("animationFrame", function(ctx) {
     }
     const rect = dom.getBlockRect(item.uuid, forceRefresh);
     if (!rect) {
-      prevRects.delete(item.uuid);
+      prevTransforms.delete(item.uuid);
       continue;
     }
     let y = snapToAnchorGrid(Math.round(rect.y));
@@ -81,9 +99,10 @@ onBlokkliEvent("animationFrame", function(ctx) {
       y += HEIGHT;
     }
     taken.add(y);
-    const style2 = `translateY(${y}px)`;
-    if (prevRects.get(item.uuid) !== y) {
-      prevRects.set(item.uuid, y);
+    const x = item.sticky && item.position === "left" ? stickyX : 0;
+    const style2 = `translate(${x}px, ${y}px)`;
+    if (prevTransforms.get(item.uuid) !== style2) {
+      prevTransforms.set(item.uuid, style2);
       item.element.style.transform = style2;
     }
   }
@@ -92,10 +111,10 @@ onBlokkliEvent("animationFrame", function(ctx) {
   }
 });
 onBlokkliEvent("view-option:toggle", () => {
-  prevRects.clear();
+  prevTransforms.clear();
 });
 onBlokkliEvent("state:reloaded", () => {
-  prevRects.clear();
+  prevTransforms.clear();
 });
 function highlightElement(element) {
   if (artboardElement.contains(element)) {
@@ -125,97 +144,9 @@ onBlokkliEvent("window:clickAway", function() {
   highlighted.value = null;
 });
 watch(indicators.indicators, function() {
-  prevRects.clear();
+  prevTransforms.clear();
 });
 watch(selection.uuids, function() {
   highlighted.value = null;
 });
 </script>
-
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
-.bk.bk-indicators {
-  pointer-events: none;
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  z-index: calc(var(--bk-z-index-base) + 50000) /* "interaction-overlay" */;
-  transform-origin: 0 0;
-}
-.bk.bk-indicators #bk-indicators-left {
-  position: absolute;
-  top: 0px;
-  right: 100%;
-  height: 100%;
-  white-space: nowrap;
-}
-:is(.bk.bk-indicators #bk-indicators-left) .bk-indicator-item {
-  right: 0px;
-  padding-right: 10px;
-}
-.bk.bk-indicators .bk-indicator-item {
-  pointer-events: auto;
-  position: absolute;
-  top: 0px;
-  display: flex;
-  height: 30px;
-  cursor: pointer;
-  align-items: center;
-  color: rgb(var(--bk-theme-mono-500) / 1);
-}
-:is(.bk.bk-indicators .bk-indicator-item) .bk-icon {
-  width: 20px;
-  height: 20px;
-  border-radius: calc(infinity * 1px);
-  background-color: rgb(var(--bk-theme-red-normal) / 1);
-  padding: 2px;
-  color: white;
-}
-:is(:is(.bk.bk-indicators .bk-indicator-item) .bk-icon) svg {
-  fill: white;
-}
-:is(.bk.bk-indicators .bk-indicator-item):hover {
-  color: rgb(var(--bk-theme-mono-950) / 1);
-}
-:is(.bk.bk-indicators .bk-indicator-item):hover .bk-icon {
-  background-color: rgb(var(--bk-theme-red-dark) / 1);
-}
-.bk.bk-indicators .bk-indicator-item-inner {
-  display: flex;
-  align-items: center;
-  gap: 5px;
-  font-size: var(--text-xs, 12px);
-  line-height: var(--bk-tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
-  --bk-tw-font-weight: var(--font-weight-medium, 500);
-  font-weight: var(--font-weight-medium, 500);
-}
-.bk.bk-indicators .bk-indicators-hovered {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  border-radius: 4px;
-  border-style: var(--bk-tw-border-style);
-  border-width: 3px;
-  border-color: rgb(var(--bk-theme-red-normal) / 1);
-  background-color: rgb(var(--bk-theme-red-normal) / 1);
-}
-@supports (color: color-mix(in lab, red, red)) {
-  .bk.bk-indicators .bk-indicators-hovered {
-    background-color: color-mix(in oklab, rgb(var(--bk-theme-red-normal) / 1) 30%, transparent);
-  }
-}
-.bk.bk-indicators .bk-indicators-highlighted {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  border-radius: 4px;
-  border-style: var(--bk-tw-border-style);
-  border-width: 3px;
-  border-color: rgb(var(--bk-theme-accent-500) / 1);
-  --bk-tw-ring-shadow: var(--bk-tw-ring-inset,) 0 0 0 calc(4px + var(--bk-tw-ring-offset-width)) var(--bk-tw-ring-color, currentcolor);
-  box-shadow: var(--bk-tw-inset-shadow), var(--bk-tw-inset-ring-shadow), var(--bk-tw-ring-offset-shadow), var(--bk-tw-ring-shadow), var(--bk-tw-shadow);
-  --bk-tw-ring-color: rgb(var(--bk-theme-accent-300) / 1);
-  outline-style: var(--bk-tw-outline-style);
-  outline-width: 1px;
-  outline-color: white;
-}
-</style>

package/dist/runtime/editor/components/Konami/Game/index.vue

@@ -750,7 +750,7 @@ onBlokkliEvent("canvas:draw", (e) => {
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-konami {
   --bg: #859018;
   position: fixed;

package/dist/runtime/editor/components/Messages/index.vue

@@ -43,7 +43,7 @@ export default {
 };
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 @keyframes bk-message-timer {
   from {
     transform: scaleX(1);

package/dist/runtime/editor/components/NestedEditorOverlay/index.d.vue.ts

@@ -1,6 +1,7 @@
 import type { BlokkliIcon } from '#blokkli-build/icons';
 import type { ThemeColorName } from '../../../../global/types/theme.js';
 export type NestedEditorOverlayProps = {
+    id: string;
     url?: string;
     uuid: string;
     title: string;

package/dist/runtime/editor/components/NestedEditorOverlay/index.vue

@@ -74,6 +74,7 @@ import {
 import { Icon, NotEditStateInfo, PopupHost } from "#blokkli/editor/components";
 import { onBroadcastEvent } from "#blokkli/editor/composables";
 const props = defineProps({
+  id: { type: String, required: true },
   url: { type: String, required: false },
   uuid: { type: String, required: true },
   title: { type: String, required: true },
@@ -317,7 +318,7 @@ onBroadcastEvent("closeEditor", onClosed);
 onBroadcastEvent("editorLoaded", onEditorLoaded);
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-use-animations .bk-library-edit-header-enter-active,.bk-use-animations .bk-library-edit-header-leave-active {
   transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --bk-tw-gradient-from, --bk-tw-gradient-via, --bk-tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
   transition-timing-function: var(--bk-tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));