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

package/dist/runtime/editor/features/add-list/Help/index.vue

@@ -131,7 +131,7 @@ useAnimationFrame(() => {
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-add-list-help {
   position: absolute;
   top: 0px;

package/dist/runtime/editor/features/add-list/index.vue

@@ -305,7 +305,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-add-list {
   pointer-events: auto;
   z-index: calc(var(--bk-z-index-base) + 190000) /* "add-list" */;

package/dist/runtime/editor/features/analyze/Main.vue

@@ -22,7 +22,7 @@
         </p>
       </FormItem>
 
-      <FormItem class="_bk_relative">
+      <FormItem class="_bk_relative _bk_z-50">
         <FormToggle
           v-model="keepVisible"
           :label="$t('analyzeKeepVisible', 'Keep results visible')"
@@ -122,6 +122,18 @@ const { getCategoryLabel } = useAnalyzeHelper();
 const refreshKey = computed(() => {
   return `dom:${dom.settleKey.value}_directive:${directive.settleKey.value}_state:${state.refreshKey.value}`;
 });
+watch(
+  () => props.isShown,
+  (isShown) => {
+    if (isShown) return;
+    const activeId2 = ui.activeHighlightId.value;
+    if (!activeId2) return;
+    const resultId = activeId2.split("_____")[0];
+    if (allResults.value.some((r) => r.id === resultId)) {
+      ui.activeHighlightId.value = "";
+    }
+  }
+);
 const isRunning = defineModel({ type: Boolean, ...{ default: false } });
 const issueCount = defineModel("issueCount", { type: Number, ...{ default: 0 } });
 const hasViolation = defineModel("hasViolation", { type: Boolean, ...{ default: false } });
@@ -272,7 +284,8 @@ function filterResultsByIgnored(items, wantIgnored) {
   const filtered = [];
   for (const result of items) {
     const nodes = result.nodes.filter((n) => n.ignored === wantIgnored);
-    if (nodes.length) {
+    const isStatusOnly = result.nodes.length === 0;
+    if (nodes.length || isStatusOnly && !wantIgnored) {
       filtered.push({ ...result, nodes });
     }
   }

package/dist/runtime/editor/features/analyze/Results/ResultsItemNodes.vue

@@ -95,6 +95,9 @@ watch(
       shouldRender.value = true;
       isOpen.value = true;
     }
-  }
+  },
+  // Immediate so a panel mounting AFTER a highlight click (e.g. cold-load
+  // sidebar open) still sees the already-set `activeHighlightId` and expands.
+  { immediate: true }
 );
 </script>

package/dist/runtime/editor/features/analyze/Results/ResultsItemNodesTarget.vue

@@ -49,7 +49,13 @@
 </template>
 
 <script setup>
-import { computed, useBlokkli, useTemplateRef, watch } from "#imports";
+import {
+  computed,
+  onMounted,
+  useBlokkli,
+  useTemplateRef,
+  watch
+} from "#imports";
 import { renderCycle } from "#blokkli/editor/helpers/vue";
 import { Icon, Tooltip, Pill } from "#blokkli/editor/components";
 const props = defineProps({
@@ -143,19 +149,22 @@ async function onClick() {
   });
   ui.activeHighlightId.value = props.resultId + "_____" + props.target.globalIndex;
 }
-watch(
-  isFocused,
-  (isFocused2) => {
-    if (!isFocused2) {
-      return;
-    }
-    if (elButton.value) {
-      elButton.value.scrollIntoView({
-        behavior: "smooth",
-        block: "nearest"
-      });
-    }
-  },
-  { immediate: true }
-);
+function scrollFocusedIntoView() {
+  if (elButton.value) {
+    elButton.value.scrollIntoView({
+      behavior: "smooth",
+      block: "nearest"
+    });
+  }
+}
+watch(isFocused, (isFocused2) => {
+  if (isFocused2) {
+    scrollFocusedIntoView();
+  }
+});
+onMounted(() => {
+  if (isFocused.value) {
+    scrollFocusedIntoView();
+  }
+});
 </script>

package/dist/runtime/editor/features/analyze/analyzers/defaults/validations.d.ts

@@ -0,0 +1,10 @@
+import type { Analyzer } from '../types.js';
+/**
+ * Built-in analyzer that surfaces backend-reported validation violations
+ * (`state.violations`) inside the analyze sidebar. Always registered by the
+ * analyze provider — adapters do not need to opt in.
+ *
+ * Violations intentionally carry no `identifier` so they cannot be ignored:
+ * a validation error must be resolved, not silenced.
+ */
+export declare const validationsAnalyzer: Analyzer;

package/dist/runtime/editor/features/analyze/analyzers/defaults/validations.js

@@ -0,0 +1,39 @@
+export const validationsAnalyzer = {
+  id: "blokkli:validations",
+  type: "generic",
+  label: (_langcode, $t) => $t("analyzerValidationsLabel", "Validations"),
+  continuous: true,
+  run(context) {
+    const { violations, $t } = context;
+    const title = $t("analyzerValidationsLabel", "Validations");
+    if (!violations.length) {
+      return {
+        id: "blokkli:validations:pass",
+        title,
+        category: "content",
+        description: $t(
+          "analyzerValidationsPassDescription",
+          "No validation errors for the current state."
+        ),
+        status: "pass",
+        nodes: []
+      };
+    }
+    const nodes = violations.map((violation) => ({
+      description: violation.message,
+      uuid: violation.entityUuid,
+      targets: violation.entityUuid ? [{ uuid: violation.entityUuid }] : []
+    }));
+    return {
+      id: "blokkli:validations:failed",
+      title,
+      category: "content",
+      description: $t(
+        "analyzerValidationsDescription",
+        "Validation errors reported for the current state."
+      ),
+      status: "violation",
+      nodes
+    };
+  }
+};

package/dist/runtime/editor/features/analyze/analyzers/helpers/Context.d.ts

@@ -2,7 +2,7 @@ import type { FieldListItemTyped } from '#blokkli-build/generated-types';
 import type { StateProvider } from '#blokkli/editor/providers/state';
 import type { ReadabilityProvider } from '#blokkli/editor/providers/readability';
 import type { TextProvider } from '#blokkli/editor/providers/texts';
-import type { MutatedField } from '#blokkli/editor/types/state';
+import type { MutatedField, Validation } from '#blokkli/editor/types/state';
 import type { AnalyzeCategory, AnalyzeNode, AnalyzeResult, AnalyzeStatus } from '../types.js';
 import { type TextElement } from './collectTextElements.js';
 export declare class AnalyzerContext {
@@ -13,6 +13,10 @@ export declare class AnalyzerContext {
     readonly $t: TextProvider;
     readonly signal: AbortSignal | undefined;
     readonly mutatedFields: Readonly<MutatedField[]>;
+    /**
+     * Backend-reported validation violations for the current state.
+     */
+    readonly violations: Readonly<Validation[]>;
     /**
      * The readability provider.
      */

package/dist/runtime/editor/features/analyze/analyzers/helpers/Context.js

@@ -9,8 +9,13 @@ export class AnalyzerContext {
     this.signal = signal;
     this.readability = readability;
     this.mutatedFields = JSON.parse(JSON.stringify(state.mutatedFields.value));
+    this.violations = JSON.parse(JSON.stringify(state.violations.value));
   }
   mutatedFields;
+  /**
+   * Backend-reported validation violations for the current state.
+   */
+  violations;
   /**
    * The readability provider.
    */

package/dist/runtime/editor/features/analyze/index.vue

@@ -56,7 +56,6 @@ defineBlokkliFeature({
   id: "analyze",
   label: "Analyze",
   icon: "bk_mdi_speed",
-  requiredAdapterMethods: ["getAnalyzers"],
   description: "Analyze blocks and page for SEO, accessibility, etc.",
   viewports: []
 });
@@ -72,7 +71,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-is-analyzing .bk,.bk-is-analyzing .bk-sidebar {
   display: none !important;
 }

package/dist/runtime/editor/features/anchors/Overlay/index.vue

@@ -6,6 +6,7 @@
     :uuid="item.uuid"
     :label="'#' + item.id"
     icon="bk_mdi_anchor"
+    sticky
     @click="onClick(item)"
   />
 </template>
@@ -14,6 +15,7 @@
 import { useBlokkli, useRoute, ref, onMounted } from "#imports";
 import { PluginBlockIndicator } from "#blokkli/editor/plugins";
 import { onBlokkliEvent } from "#blokkli/editor/composables";
+import { renderCycle } from "#blokkli/editor/helpers/vue";
 const route = useRoute();
 const { adapter, ui } = useBlokkli();
 function getAnchorItems() {
@@ -27,6 +29,9 @@ function getAnchorItems() {
     if (!(block instanceof HTMLElement)) {
       continue;
     }
+    if (element.closest("form")) {
+      continue;
+    }
     const uuid = block.dataset.bkUuid;
     if (!uuid) {
       continue;
@@ -54,10 +59,11 @@ function onClick(item) {
   const link = getLinkForClipboard(item);
   ui.copyTextToClipboard(link);
 }
-onBlokkliEvent("state:reloaded", () => {
+async function updateAnchorItems() {
+  await renderCycle();
   items.value = getAnchorItems();
-});
-onMounted(() => {
-  items.value = getAnchorItems();
-});
+}
+onBlokkliEvent("state:reloaded", updateAnchorItems);
+onBlokkliEvent("option:update", updateAnchorItems);
+onMounted(updateAnchorItems);
 </script>

package/dist/runtime/editor/features/anchors/index.vue

@@ -25,7 +25,8 @@ const { isVisible } = defineViewOption({
     "viewOptionAnchorsDescription",
     "Highlights blocks that have an anchor ID."
   ),
-  icon: "bk_mdi_anchor"
+  icon: "bk_mdi_anchor",
+  default: true
 });
 </script>
 

package/dist/runtime/editor/features/artboard/Overview/index.vue

@@ -129,7 +129,7 @@ defineOptions({
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-artboard-overview {
   position: absolute;
   top: 0px;

package/dist/runtime/editor/features/artboard/Renderer.vue

@@ -417,7 +417,7 @@ onBlokkliEvent("scrollSelectionIntoView", (e) => {
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 :is(.bk-html-root.bk-is-artboard .bk-body) .bk-main-canvas {
   pointer-events: none;
   position: fixed;

package/dist/runtime/editor/features/artboard/Scrollbar/index.vue

@@ -50,7 +50,7 @@ defineOptions({
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-html-root {
   --bk-artboard-scrollbar-size: 4px;
 }

package/dist/runtime/editor/features/block-scheduler/Dialog/index.vue

@@ -239,7 +239,7 @@ async function onSubmit() {
 }
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-block-scheduler-dialog {
   min-height: calc(100vh - 350px);
 }

package/dist/runtime/editor/features/block-transfer/index.vue

@@ -212,7 +212,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-block-transfer-drag-preview {
   display: flex;
   align-items: center;

package/dist/runtime/editor/features/breadcrumbs/index.vue

@@ -213,7 +213,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-breadcrumbs {
   grid-area: breadcrumbs;
 }

package/dist/runtime/editor/features/changelog/changelog.json

@@ -1,9 +1,25 @@
 [
+  {
+    "version": "2.0.0-alpha.64",
+    "date": "2026-07-08",
+    "body": {
+      "en": "<h3>Improvements</h3>\n<ul>\n<li>The anchor links view option is now enabled by default.</li>\n<li>The anchor link icon now stays visible at the left edge at all times.</li>\n<li>The page title now shows when the page was last changed.</li>\n</ul>\n<h3>Fixes</h3>\n<ul>\n<li>In some cases, changes from the AI assistant could not be accepted because the\ncontrol for doing so was not shown.</li>\n<li>Colors in the chart editor were reset in some cases.</li>\n</ul>\n",
+      "de": "<h3>Verbesserungen</h3>\n<ul>\n<li>Die Ansichtsoption «Ankerlinks» ist neu standardmässig aktiviert.</li>\n<li>Das Symbol für Ankerlinks ist nun immer am linken Rand sichtbar.</li>\n<li>Im Seitentitel wird neu angezeigt, wann die Seite zuletzt geändert wurde.</li>\n</ul>\n<h3>Fehlerbehebungen</h3>\n<ul>\n<li>In gewissen Fällen konnten Änderungen vom KI-Assistenten nicht akzeptiert\nwerden, weil das entsprechende Bedienelement nicht angezeigt wurde.</li>\n<li>Farben im Diagramm-Editor wurden in gewissen Fällen zurückgesetzt.</li>\n</ul>\n"
+    }
+  },
+  {
+    "version": "2.0.0-alpha.63",
+    "date": "2026-06-11",
+    "body": {
+      "en": "<h3>New Features</h3>\n<h4>Accept AI text changes paragraph by paragraph</h4>\n<p>When the AI assistant proposes changes to a longer text, you no longer have to\naccept or reject the entire text: individual paragraphs or list items can now be\naccepted or discarded selectively – by click or with the keyboard.</p>\n<h4>Validations in the page analysis</h4>\n<p>Validation errors are now shown directly in the page analysis – alongside the\nother analysis results such as readability or accessibility. The separate\nvalidations view is gone; in return, the page analysis is always available.</p>\n<h4>Validation errors when saving/publishing</h4>\n<p>If publishing fails because of validation errors, the dialog now shows the\nspecific problems so you can fix them right away.</p>\n<h4>Blocks linked in AI assistant answers</h4>\n<p>When the AI assistant refers to a block in its answers, its label now appears as\na clickable link that jumps directly to the block on the page. Previously, a\ncryptic ID was sometimes shown instead.</p>\n<h3>Improvements</h3>\n<ul>\n<li>The color picker in the chart editor has been reworked: all colors and their\nshades are now presented as a clear palette.</li>\n</ul>\n<h3>Fixes</h3>\n<ul>\n<li>Clicking a page analysis highlight now reliably jumps to the affected spot,\neven when the sidebar is closed. Highlights are correctly reset when closing\nthe page analysis.</li>\n<li>The AI assistant&#39;s text search now attributes text to the correct block when\nblocks are nested inside each other.</li>\n</ul>\n",
+      "de": "<h3>Neue Funktionen</h3>\n<h4>Textänderungen des KI-Assistenten absatzweise übernehmen</h4>\n<p>Schlägt der KI-Assistent Änderungen an einem längeren Text vor, müssen Sie nicht\nmehr den gesamten Text übernehmen oder ablehnen: Einzelne Absätze oder\nAufzählungspunkte lassen sich jetzt gezielt übernehmen oder verwerfen – per\nKlick oder mit der Tastatur.</p>\n<h4>Validierungen in der Seitenanalyse</h4>\n<p>Validierungsfehler werden neu direkt in der Seitenanalyse angezeigt – zusammen\nmit den anderen Analyse-Ergebnissen wie Lesbarkeit oder Barrierefreiheit. Die\nseparate Ansicht für Validierungen entfällt, die Seitenanalyse ist dafür immer\nverfügbar.</p>\n<h4>Validierungsfehler beim Speichern/Publizieren</h4>\n<p>Schlägt die Publikation wegen Validierungsfehlern fehl, zeigt der Dialog neu die\nkonkreten Probleme an, damit Sie sie direkt beheben können.</p>\n<h4>Blöcke in Antworten des KI-Assistenten verlinkt</h4>\n<p>Wenn der KI-Assistent in seinen Antworten auf einen Block verweist, erscheint\nneu dessen Bezeichnung als klickbarer Link, der direkt zum Block auf der Seite\nspringt. Bisher wurde an dieser Stelle teilweise eine kryptische ID angezeigt.</p>\n<h3>Verbesserungen</h3>\n<ul>\n<li>Die Farbauswahl im Diagramm-Editor wurde überarbeitet: Alle Farben und ihre\nAbstufungen sind neu übersichtlich als Palette dargestellt.</li>\n</ul>\n<h3>Fehlerbehebungen</h3>\n<ul>\n<li>Ein Klick auf eine Hervorhebung der Seitenanalyse springt jetzt zuverlässig\nzur betroffenen Stelle, auch wenn die Sidebar geschlossen ist. Beim Schliessen\nder Seitenanalyse werden Hervorhebungen korrekt zurückgesetzt.</li>\n<li>Die Textsuche des KI-Assistenten ordnet Texte jetzt dem richtigen Block zu,\nwenn Blöcke ineinander verschachtelt sind.</li>\n</ul>\n"
+    }
+  },
   {
     "version": "2.0.0-alpha.61",
     "date": "2026-06-03",
     "body": {
-      "en": "<h3>Improvements</h3>\n<h4>The AI assistant sees your selection from the very first message</h4>\n<p>When you select a block and immediately ask the AI assistant something like\n&quot;Convert this into an accordion&quot;, it now knows right away what you mean.\nPreviously it often had to ask back or look up the selection in a separate\nstep.</p>\n<h4>The AI assistant handles nested blocks correctly</h4>\n<p>When the AI assistant creates a structure made of several blocks, it now\nreliably understands which blocks sit inside which. Previously it sometimes\nmisread its own additions and partially deleted what it had just created.</p>\n<h4>Other improvements</h4>\n<ul>\n<li>The list of changes that the AI assistant proposes for confirmation can now\nbe navigated entirely with the keyboard.</li>\n</ul>\n",
+      "en": "<h3>Improvements</h3>\n<h4>The AI assistant sees your selection from the very first message</h4>\n<p>When you select a block and immediately ask the AI assistant something like\n&quot;Convert this into an accordion&quot;, it now knows right away what you mean.\nPreviously it often had to ask back or look up the selection in a separate step.</p>\n<h4>The AI assistant handles nested blocks correctly</h4>\n<p>When the AI assistant creates a structure made of several blocks, it now\nreliably understands which blocks sit inside which. Previously it sometimes\nmisread its own additions and partially deleted what it had just created.</p>\n<h4>Other improvements</h4>\n<ul>\n<li>The list of changes that the AI assistant proposes for confirmation can now be\nnavigated entirely with the keyboard.</li>\n</ul>\n",
       "de": "<h3>Verbesserungen</h3>\n<h4>KI-Assistent erkennt markierte Blöcke ab der ersten Nachricht</h4>\n<p>Wenn Sie einen Block markieren und dem KI-Assistenten direkt eine Anweisung wie\n«Wandle das in ein Akkordeon um» geben, weiss er sofort, was gemeint ist. Bisher\nmusste er häufig nachfragen oder die Auswahl in einem separaten Schritt\nnachlesen.</p>\n<h4>KI-Assistent ordnet verschachtelte Blöcke korrekt ein</h4>\n<p>Erstellt der KI-Assistent eine Struktur mit mehreren Blöcken, erkennt er nun\nzuverlässig, welche Blöcke ineinander liegen. Vorher kam es vor, dass er die\ngerade erstellte Struktur falsch interpretierte und teilweise wieder löschte.</p>\n<h4>Weitere Verbesserungen</h4>\n<ul>\n<li>Die Liste der Änderungen, die der KI-Assistent zur Bestätigung vorschlägt,\nlässt sich jetzt vollständig mit der Tastatur durchgehen.</li>\n</ul>\n"
     }
   },

package/dist/runtime/editor/features/clipboard/DropElement/index.vue

@@ -96,7 +96,7 @@ const label = computed(() => {
 const icon = computed(() => getItemIcon(itemType.value));
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk .bk-clipboard-drop-element {
   pointer-events: none;
   display: flex;

package/dist/runtime/editor/features/comments/AddForm/index.vue

@@ -43,7 +43,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-add-comment {
   --bk-bg: white;
   --bk-header-bg: rgb(var(--bk-theme-yellow-normal) / 1);

package/dist/runtime/editor/features/comments/Comment/Meta/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="_bk_flex _bk_items-baseline _bk_gap-3 _bk_flex-wrap _bk_min-w-0 _bk_text-sm _bk_-mt-2">
     <span class="_bk_font-semibold _bk_text-mono-900 _bk_truncate">
-      {{ user?.name || $t("userDeleted", "[deleted]") }}
+      {{ user?.name || `[${$t("deleted", "deleted")}]` }}
     </span>
     <RelativeTime v-slot="{ formatted }" :timestamp="created">
       <span class="_bk_text-xs _bk_text-mono-500">{{ formatted }}</span>

package/dist/runtime/editor/features/comments/Comment/index.vue

@@ -26,7 +26,7 @@
   >
     <Avatar
       :deleted="!comment.user"
-      :name="comment.user?.name || $t('userDeleted', '[deleted]')"
+      :name="comment.user?.name || `[${$t('deleted', 'deleted')}]`"
       :seed="comment.user?.id"
       :image-url="comment.user?.imageUrl"
     />

package/dist/runtime/editor/features/comments/Thread/index.vue

@@ -109,7 +109,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-comment-thread {
   --bk-comment-pad-x: 8px;
   --bk-comment-pad-y: 10px;

package/dist/runtime/editor/features/complex-options/index.vue

@@ -1,6 +1,7 @@
 <template>
   <NestedEditorOverlay
     v-if="uuid"
+    :id="'complex-option-' + dataType"
     :uuid
     :title="
   getText(config.editTitle.key, config.editTitle.defaultTranslation)

package/dist/runtime/editor/features/debug/Main.vue

@@ -79,7 +79,7 @@ defineItemDropdownAction(() => {
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 :is(.bk .bk-debug) .bk-debug-section {
   border-bottom-style: var(--bk-tw-border-style);
   border-bottom-width: 1px;

package/dist/runtime/editor/features/dev-mode/index.vue

@@ -112,7 +112,7 @@ export default {
 };
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 html.bk-hide-interaction-layers #bk-canvas-overlay {
   visibility: hidden !important;
 }

package/dist/runtime/editor/features/dragging-overlay/DragItems/index.vue

@@ -394,7 +394,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-dragging-overlay-label {
   position: fixed;
   top: 0px;

package/dist/runtime/editor/features/dragging-overlay/index.vue

@@ -356,7 +356,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-vars.bk-dragging-overlay {
   pointer-events: none;
   position: fixed;

package/dist/runtime/editor/features/droppable-field-edit/Overlay/index.vue

@@ -524,7 +524,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-droppable-field-edit {
   --bk-bg: white;
   --bk-header-bg: rgb(var(--bk-theme-teal-normal) / 1);

package/dist/runtime/editor/features/editable-field/Overlay/Frame/index.vue

@@ -140,7 +140,7 @@ onBeforeUnmount(() => {
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 :is(.bk .bk-editable-field-frame):not(.bk-is-fullscreen) iframe {
   max-height: calc(100vh - 500px);
 }

package/dist/runtime/editor/features/editable-field/Overlay/Plaintext/index.d.vue.ts

@@ -8,13 +8,9 @@ type __VLS_ModelProps = {
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    save: (...args: any[]) => void;
-    discard: (...args: any[]) => void;
-    "update:modelValue": (value: string) => void;
+    "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onSave?: ((...args: any[]) => any) | undefined;
-    onDiscard?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/editor/features/editable-field/Overlay/Plaintext/index.vue.d.ts

@@ -8,13 +8,9 @@ type __VLS_ModelProps = {
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    save: (...args: any[]) => void;
-    discard: (...args: any[]) => void;
-    "update:modelValue": (value: string) => void;
+    "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onSave?: ((...args: any[]) => any) | undefined;
-    onDiscard?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/editor/features/editable-field/Overlay/ReadabilityIndicator/ChunkOverlay.vue

@@ -134,7 +134,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-readability-chunk-overlay {
   pointer-events: none;
   position: absolute;

package/dist/runtime/editor/features/editable-field/Overlay/index.vue

@@ -366,7 +366,7 @@ onBeforeUnmount(async () => {
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-editable-field {
   --bk-bg: white;
   --bk-header-bg: rgb(var(--bk-theme-teal-normal) / 1);

package/dist/runtime/editor/features/editable-mask/index.vue

@@ -39,7 +39,7 @@ export default {
 };
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 :is(html.bk-hide-non-editable .bk-main-canvas)  > * {
   visibility: hidden;
 }

package/dist/runtime/editor/features/entity-title/index.vue

@@ -21,14 +21,19 @@
       :disabled="!state.canEdit.value"
       @click="onEditEntity"
     >
-      <div class="bk-toolbar-title _bk_relative _bk_size-full">
-        <div
-          class="_bk_min-w-0 _bk_truncate _bk_absolute _bk_top-1/2 _bk_left-0 _bk_w-full _bk_-translate-y-1/2 _bk_text-left _bk_flex _bk_items-center"
-        >
-          <StatusIndicator :status="statusIndicatorStatus" />
+      <div class="_bk_flex _bk_items-center _bk_relative _bk_size-full">
+        <div class="_bk_flex _bk_items-center">
+          <StatusIndicator :status="statusIndicatorStatus" class="_bk_mr-10" />
           <strong class="_bk_text-mono-100">{{ entity.label }}</strong>
           <span>&nbsp;{{ entity.bundleLabel }}</span>
         </div>
+        <div
+          v-if="lastChanged"
+          class="_bk_text-[11px] _bk_text-mono-300 _bk_border _bk_border-mono-500 _bk_px-5 _bk_py-1 _bk_rounded-full _bk_ml-10 _bk_font-medium"
+        >
+          {{ $t("entityTitleLastChanged", "Last changed") }}
+          <RelativeTime :timestamp="lastChanged" />
+        </div>
       </div>
       <Tooltip :label="tooltipLabel" />
     </button>
@@ -42,7 +47,12 @@ import {
   computed,
   useTemplateRef
 } from "#imports";
-import { Icon, StatusIndicator, Tooltip } from "#blokkli/editor/components";
+import {
+  Icon,
+  RelativeTime,
+  StatusIndicator,
+  Tooltip
+} from "#blokkli/editor/components";
 import { defineCommands, defineTourItem } from "#blokkli/editor/composables";
 defineBlokkliFeature({
   id: "entity-title",
@@ -51,7 +61,7 @@ defineBlokkliFeature({
   description: "Renders the title and status of the page entity."
 });
 const { state, eventBus, $t, ui } = useBlokkli();
-const { entity, mutations } = state;
+const { entity, mutations, lastChanged } = state;
 const buttonEl = useTemplateRef("buttonEl");
 async function onEditEntity() {
   await ui.flushPendingChanges();

package/dist/runtime/editor/features/help/Dialog/index.vue

@@ -40,7 +40,7 @@ function onStartTour() {
 }
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-help {
   padding: 20px;
   container-type: inline-size;

package/dist/runtime/editor/features/help/Shortcuts/index.vue

@@ -59,7 +59,7 @@ const groups = computed(() => {
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 :is(.bk .bk-help-shortcuts) table {
   width: 100%;
   font-size: var(--text-sm, 14px);