@blokkli/editor 2.0.0-alpha.58 → 2.0.0-alpha.59

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

@@ -1,54 +1,62 @@
 <template>
   <Teleport v-if="ui.mainLayoutElement.value" :to="ui.mainLayoutElement.value">
-    <div v-show="!ui.isApproving.value" class="bk bk-breadcrumbs">
-      <ul>
-        <li>
+    <div
+      v-show="!ui.isApproving.value"
+      class="bk bk-breadcrumbs _bk_bg-mono-900 _bk_pointer-events-auto _bk_h-50 _bk_border-r _bk_border-r-mono-700 _bk_overflow-hidden"
+    >
+      <ul class="_bk_flex _bk_items-center _bk_gap-1 _bk_h-full _bk_min-w-0">
+        <!-- Artboard root. -->
+        <Crumb is-first test-id="root" :is-last="rootIsLast">
           <button
             type="button"
-            class="bk-breadcrumb-inner"
+            class="_bk_group _bk_flex _bk_items-center _bk_h-full _bk_px-10 _bk_relative _bk_hover:text-white"
+            :class="
+  rootIsLast ? '_bk_font-bold _bk_text-white' : '_bk_font-medium _bk_text-mono-300'
+"
             @click.prevent="onClickRoot"
           >
-            <Icon name="artboard" />
+            <Icon name="artboard" class="_bk_size-20 _bk_shrink-0" />
           </button>
-        </li>
-        <li v-if="selection.hasHostSelected.value || crumbs.length">
+        </Crumb>
+
+        <!-- Host entity. -->
+        <Crumb v-if="showHost" shrinkable test-id="host" :is-last="hostIsLast">
           <button
             type="button"
-            class="bk-breadcrumb-inner bk-is-host bk-is-text"
+            class="_bk_group _bk_flex _bk_items-center _bk_h-full _bk_px-10 _bk_relative _bk_hover:text-white _bk_min-w-0"
+            :class="
+  hostIsLast ? '_bk_font-bold _bk_text-white' : '_bk_font-medium _bk_text-mono-300'
+"
             @click.prevent="onClickHost"
           >
-            <span>{{ hostLabel }}</span>
-          </button>
-        </li>
-        <li v-for="(crumb, index) in crumbs" :key="crumb.type + index">
-          <button
-            v-if="crumb.type === 'block'"
-            type="button"
-            class="bk-breadcrumb-inner bk-is-text"
-            @click.prevent="onClickCrumb(crumb)"
-          >
-            <span>{{ crumb.label }}</span>
+            <span
+              class="_bk_truncate _bk_leading-[24px] _bk_group-hover:underline _bk_group-hover:underline-offset-4"
+            >
+              {{ hostLabel }}
+            </span>
           </button>
-          <span
-            v-else-if="crumb.type === 'multiple'"
-            class="bk-breadcrumb-inner"
-          >
-            {{ crumb.count }} {{ $t("multipleItemsLabel", "Items") }}
-          </span>
-          <button
-            v-else-if="crumb.type === 'field'"
-            type="button"
-            class="bk-breadcrumb-inner bk-is-field"
-            @click.prevent="onClickField(crumb)"
+        </Crumb>
+
+        <!-- Block / field / multiple chain. -->
+        <Crumb
+          v-for="(crumb, index) in crumbs"
+          :key="crumb.type + index"
+          :crumb
+          :is-last="index === crumbs.length - 1 && !hasEditable"
+        />
+
+        <!-- Active editable field (always the last crumb). -->
+        <Crumb v-if="hasEditable" is-last test-id="editable">
+          <div
+            class="_bk_flex _bk_items-center _bk_h-full _bk_px-10 _bk_relative _bk_uppercase _bk_text-xs _bk_tracking-wide _bk_min-w-0 _bk_font-bold _bk_text-white"
           >
-            <span>{{ crumb.label }}</span>
-          </button>
-        </li>
-        <li v-if="selection.activeFieldLabel.value">
-          <div class="bk-breadcrumb-inner bk-is-editable">
-            <span>{{ selection.activeFieldLabel.value }}</span>
+            <span
+              class="_bk_truncate _bk_px-[8px] _bk_pt-[4px] _bk_pb-2 _bk_border _bk_bg-teal-normal _bk_text-teal-dark _bk_border-teal-normal"
+            >
+              {{ selection.activeFieldLabel.value }}
+            </span>
           </div>
-        </li>
+        </Crumb>
       </ul>
     </div>
   </Teleport>
@@ -62,6 +70,7 @@ import {
   fragmentBlockBundle,
   fromLibraryBlockBundle
 } from "#blokkli-build/config";
+import Crumb from "./Crumb/index.vue";
 defineBlokkliFeature({
   id: "breadcrumbs",
   label: "Breadcrumbs",
@@ -69,7 +78,7 @@ defineBlokkliFeature({
   description: "Provides a breadcrumb of the selection.",
   viewports: ["desktop"]
 });
-const { $t, ui, selection, state, types, definitions, eventBus, context } = useBlokkli();
+const { ui, selection, state, types, definitions, eventBus, context } = useBlokkli();
 const getChainCache = useStateBasedCache(
   () => /* @__PURE__ */ new Map()
 );
@@ -180,18 +189,14 @@ const crumbs = computed(
     getCommonFieldKey(selection.items.value)
   )
 );
-function onClickCrumb(crumb) {
-  eventBus.emit("select", crumb.uuid);
-  eventBus.emit("scrollIntoView", { uuid: crumb.uuid });
-}
-function onClickField(crumb) {
-  const field = state.getMutatedField(crumb.entityUuid, crumb.fieldName);
-  if (!field || !field.list.length) {
-    return;
-  }
-  const uuids = field.list.map((item) => item.uuid);
-  eventBus.emit("select", uuids);
-}
+const hasEditable = computed(() => !!selection.activeFieldLabel.value);
+const showHost = computed(
+  () => selection.hasHostSelected.value || crumbs.value.length > 0
+);
+const rootIsLast = computed(() => !showHost.value && !hasEditable.value);
+const hostIsLast = computed(
+  () => crumbs.value.length === 0 && !hasEditable.value
+);
 function onClickHost() {
   eventBus.emit("select:unselect");
   eventBus.emit("select:host");
@@ -208,152 +213,8 @@ export default {
 };
 </script>
 
-<style>
+<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
 .bk.bk-breadcrumbs {
-  pointer-events: auto;
-  height: 50px;
-  --bk-tw-bg-opacity: 1;
-  background-color: rgb(var(--bk-theme-mono-900) / var(--bk-tw-bg-opacity, 1));
-  border-right-width: 1px;
-  --bk-tw-border-opacity: 1;
-  border-right-color: rgb(var(--bk-theme-mono-700) / var(--bk-tw-border-opacity, 1));
-  overflow: hidden;
   grid-area: breadcrumbs;
-}
-  .bk.bk-breadcrumbs ul {
-  display: flex;
-  height: 100%;
-  align-items: center;
-  gap: 1px;
-  min-width: 0px;
-}
-  .bk.bk-breadcrumbs ul li {
-  display: flex;
-  height: 100%;
-  align-items: center;
-  font-size: 16px;
-  line-height: 24px;
-  line-height: 1;
-  flex-shrink: 0;
-}
-  .bk.bk-breadcrumbs ul li:before {
-        content: '»';
-        flex-shrink: 0;
-        --bk-tw-text-opacity: 1;
-        color: rgb(var(--bk-theme-mono-400) / var(--bk-tw-text-opacity, 1));
-      }
-  .bk.bk-breadcrumbs ul li:first-child:before {
-        content: none;
-      }
-  .bk.bk-breadcrumbs ul li {
-  position: relative;
-}
-  .bk.bk-breadcrumbs ul li:last-child {
-  pointer-events: none;
-  --bk-tw-text-opacity: 1;
-  color: rgb(var(--bk-theme-mono-50) / var(--bk-tw-text-opacity, 1));
-}
-  .bk.bk-breadcrumbs ul li:last-child .bk-breadcrumb-inner {
-  font-weight: 700;
-  --bk-tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--bk-tw-text-opacity, 1));
-}
-  .bk.bk-breadcrumbs ul li:last-child .bk-breadcrumb-inner.bk-is-field span {
-  --bk-tw-border-opacity: 1;
-  border-color: rgb(var(--bk-theme-mono-200) / var(--bk-tw-border-opacity, 1));
-  --bk-tw-bg-opacity: 1;
-  background-color: rgb(var(--bk-theme-mono-600) / var(--bk-tw-bg-opacity, 1));
-  --bk-tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--bk-tw-text-opacity, 1));
-}
-  /* Items that can shrink with ellipsis. */
-  .bk.bk-breadcrumbs ul li:has(.bk-is-field),
-      .bk.bk-breadcrumbs ul li:has(.bk-is-host) {
-  min-width: 0px;
-  flex-shrink: 1;
-}
-  /* Don't shrink the last item. */
-  .bk.bk-breadcrumbs ul li:has(.bk-is-field):last-child, .bk.bk-breadcrumbs ul li:has(.bk-is-host):last-child {
-  flex-shrink: 0;
-}
-  .bk.bk-breadcrumbs ul li .bk-breadcrumb-inner {
-  position: relative;
-  display: flex;
-  height: 100%;
-  align-items: center;
-  padding-left: 10px;
-  padding-right: 10px;
-  --bk-tw-text-opacity: 1;
-  color: rgb(var(--bk-theme-mono-300) / var(--bk-tw-text-opacity, 1));
-}
-  .bk.bk-breadcrumbs ul li .bk-breadcrumb-inner span {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-  .bk.bk-breadcrumbs ul li .bk-breadcrumb-inner.bk-is-field,
-        .bk.bk-breadcrumbs ul li .bk-breadcrumb-inner.bk-is-editable {
-  min-width: 0px;
-  font-size: 12px;
-  line-height: 16px;
-  text-transform: uppercase;
-  letter-spacing: 0.025em;
-}
-  .bk.bk-breadcrumbs ul li .bk-breadcrumb-inner.bk-is-field span, .bk.bk-breadcrumbs ul li .bk-breadcrumb-inner.bk-is-editable span {
-  border-radius: 6px;
-  padding-left: 8px;
-  padding-right: 8px;
-  padding-top: 4px;
-  padding-bottom: 2px;
-  border-width: 1px;
-}
-  .bk.bk-breadcrumbs ul li .bk-breadcrumb-inner.bk-is-field span {
-  --bk-tw-bg-opacity: 1;
-  background-color: rgb(var(--bk-theme-mono-800) / var(--bk-tw-bg-opacity, 1));
-  --bk-tw-text-opacity: 1;
-  color: rgb(var(--bk-theme-mono-300) / var(--bk-tw-text-opacity, 1));
-  --bk-tw-border-opacity: 1;
-  border-color: rgb(var(--bk-theme-mono-600) / var(--bk-tw-border-opacity, 1));
-}
-  .bk.bk-breadcrumbs ul li .bk-breadcrumb-inner.bk-is-field:hover span {
-  --bk-tw-border-opacity: 1;
-  border-color: rgb(var(--bk-theme-mono-500) / var(--bk-tw-border-opacity, 1));
-  --bk-tw-bg-opacity: 1;
-  background-color: rgb(var(--bk-theme-mono-700) / var(--bk-tw-bg-opacity, 1));
-  --bk-tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--bk-tw-text-opacity, 1));
-}
-  .bk.bk-breadcrumbs ul li .bk-breadcrumb-inner.bk-is-editable span {
-  --bk-tw-bg-opacity: 1;
-  background-color: rgb(var(--bk-theme-teal-normal) / var(--bk-tw-bg-opacity, 1));
-  --bk-tw-text-opacity: 1;
-  color: rgb(var(--bk-theme-teal-dark) / var(--bk-tw-text-opacity, 1));
-  --bk-tw-border-opacity: 1;
-  border-color: rgb(var(--bk-theme-teal-normal) / var(--bk-tw-border-opacity, 1));
-}
-  .bk.bk-breadcrumbs ul li .bk-breadcrumb-inner.bk-is-host {
-  min-width: 0px;
-}
-  .bk.bk-breadcrumbs ul li .bk-breadcrumb-inner.bk-is-text span {
-  line-height: 24px;
-}
-  .bk.bk-breadcrumbs ul li .bk-breadcrumb-inner.bk-is-text:hover span {
-  text-decoration-line: underline;
-  text-underline-offset: 4px;
-}
-  .bk.bk-breadcrumbs ul li .bk-breadcrumb-inner .bk-icon {
-  width: 20px;
-  height: 20px;
-  flex-shrink: 0;
-}
-  .bk.bk-breadcrumbs ul li .bk-breadcrumb-inner .bk-icon svg {
-  fill: currentColor;
-}
-  .bk.bk-breadcrumbs ul li button.bk-breadcrumb-inner:hover {
-  --bk-tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--bk-tw-text-opacity, 1));
-}
-  .bk.bk-breadcrumbs ul li button.bk-breadcrumb-inner {
-  font-weight: 500;
 }
 </style>

package/dist/runtime/editor/features/breadcrumbs/types.d.ts

@@ -0,0 +1,17 @@
+export type CrumbField = {
+    type: 'field';
+    label: string;
+    entityUuid: string;
+    fieldName: string;
+};
+export type CrumbBlock = {
+    type: 'block';
+    label: string;
+    uuid: string;
+};
+export type CrumbMultiple = {
+    type: 'multiple';
+    count: number;
+};
+/** A crumb produced by walking the selected block's parent chain. */
+export type Crumb = CrumbField | CrumbBlock | CrumbMultiple;

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

@@ -1,36 +1,33 @@
 <template>
   <DialogModal
     id="changelog"
-    :title="$t('changelogDialogTitle', 'What\'s New')"
-    :width="876"
+    :title="$t('whatsNew', 'What\'s New')"
     hide-buttons
     icon="bk_mdi_campaign"
+    mono
     @cancel="$emit('cancel')"
   >
-    <div class="bk-changelog _bk_grid _bk_gap-30 _bk_select-text">
-      <div
-        v-for="(entry, index) in entries"
+    <div class="_bk_select-text">
+      <PanelSection
+        v-for="entry in entries"
         :key="entry.version"
-        :class="{ '_bk_pt-30 _bk_border-t _bk_border-mono-400 _bk_border-dashed': index > 0 }"
+        :title="entry.date"
+        padded
       >
-        <div class="_bk_flex _bk_items-center _bk_gap-10 _bk_mb-15 _bk_justify-between">
-          <h2
-            class="_bk_text-sm _bk_font-bold _bk_font-mono _bk_bg-accent-100 _bk_text-accent-800 _bk_rounded-full _bk_px-10 _bk_py-2"
-          >
-            {{ entry.date }}
-          </h2>
-          <span class="_bk_text-mono-500">{{ entry.version }}</span>
-        </div>
-        <div class="bk-changelog-content" v-html="entry.html" />
-      </div>
+        <template #post-title>
+          <Pill :text="entry.version" />
+        </template>
+        <div class="bk-rich-content" v-html="entry.html" />
+      </PanelSection>
     </div>
   </DialogModal>
 </template>
 
 <script setup>
 import { useBlokkli, computed } from "#imports";
-import { DialogModal } from "#blokkli/editor/components";
+import { DialogModal, Pill } from "#blokkli/editor/components";
 import data from "../changelog.json";
+import PanelSection from "#blokkli/editor/components/Panel/Section/index.vue";
 const { $t, ui } = useBlokkli();
 defineEmits(["cancel"]);
 const entries = computed(
@@ -45,54 +42,3 @@ const entries = computed(
   })
 );
 </script>
-
-<style>
-.bk .bk-changelog-content h3 {
-        margin-top: 25px;
-        margin-bottom: 15px;
-        font-size: 14px;
-        line-height: 20px;
-        font-weight: 600;
-        text-transform: uppercase;
-        letter-spacing: 0.025em;
-        --bk-tw-text-opacity: 1;
-        color: rgb(var(--bk-theme-accent-700) / var(--bk-tw-text-opacity, 1));
-}
-    .bk .bk-changelog-content h4 {
-        margin-top: 25px;
-        font-size: 16px;
-        line-height: 24px;
-        font-weight: 700;
-}
-    .bk .bk-changelog-content h3 + h4 {
-        margin-top: 0px;
-}
-    .bk .bk-changelog-content > div:last-child > h3:first-child {
-        margin-top: 0px;
-}
-    .bk .bk-changelog-content ul {
-        margin-bottom: 0px;
-        display: grid;
-        gap: 5px;
-}
-    .bk .bk-changelog-content li {
-        position: relative;
-        padding-left: 15px;
-}
-    .bk .bk-changelog-content li::before {
-        content: '';
-        position: absolute;
-        left: 0px;
-        top: 9px;
-        width: 5px;
-        height: 5px;
-        border-radius: 9999px;
-        --bk-tw-bg-opacity: 1;
-        background-color: rgb(var(--bk-theme-mono-400) / var(--bk-tw-bg-opacity, 1));
-      }
-    .bk .bk-changelog-content li strong {
-        font-weight: 600;
-        --bk-tw-text-opacity: 1;
-        color: rgb(var(--bk-theme-mono-900) / var(--bk-tw-text-opacity, 1));
-}
-</style>

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

@@ -1,4 +1,12 @@
 [
+  {
+    "version": "2.0.0-alpha.59",
+    "date": "2026-05-27",
+    "body": {
+      "en": "<h3>New Features</h3>\n<h4>Comments</h4>\n<p>Comments are now full discussions:</p>\n<ul>\n<li>Reply to a comment to start a thread.</li>\n<li>Format comment text — bold, italic, lists, links, checklists and more.</li>\n<li>Mention teammates with &quot;@&quot; to direct a comment at someone.</li>\n<li>An avatar of the author now appears next to each comment.</li>\n<li>Edit or delete your own comments.</li>\n<li>Resolved comments now respect the &quot;Show resolved&quot; setting in the on-page\noverlay as well, matching the sidebar.</li>\n<li>Comments by since-deleted users no longer cause errors and show a placeholder\ninstead.</li>\n</ul>\n<h4>Charts</h4>\n<p>Charts have been rebuilt for better quality and performance, with many new\ncapabilities:</p>\n<ul>\n<li>Import data from a CSV file — with a preview where you can transpose rows and\ncolumns, reorder them, choose which columns to import and filter out unwanted\nrows before confirming. A chart&#39;s data can also be exported back to CSV.</li>\n<li>A new &quot;Advanced&quot; chart type for fully custom charts.</li>\n<li>Number formatting: decimal places, locale, compact notation (e.g. &quot;1.2M&quot;) and\na custom prefix/suffix (e.g. &quot;%&quot; or &quot;$&quot;), with a live preview.</li>\n<li>Translate chart titles, labels, categories and footnotes per language.</li>\n<li>An optional category filter that shows a dropdown above the chart so viewers\ncan display just one category (e.g. a single year) at a time.</li>\n<li>Automatic detection and formatting of date values in categories.</li>\n<li>A &quot;Y-axis start value&quot; option to set where the value axis begins.</li>\n<li>Charts no longer zoom by accident.</li>\n</ul>\n<h4>Block transfer</h4>\n<p>You can now export selected blocks to your clipboard and paste them into another\npage – or even into another environment (e.g. from Live to Test).</p>\n<p>When pasting, a summary shows what was imported and points out anything that\ncouldn&#39;t be transferred. This includes any content – such as images – that\ndoesn&#39;t exist in the target environment.</p>\n<h4>Superblökkli</h4>\n<ul>\n<li>Edit a message you already sent and send it again; the assistant continues\nfrom your edited message.</li>\n<li>You can now rate an AI response without having to also write a comment.</li>\n<li>Administrators get a new area to browse all AI conversations and review the\nratings users have given.</li>\n</ul>\n<h3>Improvements</h3>\n<ul>\n<li>The editor has been visually refreshed, with redesigned panels, dialogs and\nbuttons.</li>\n<li>Automatic translation is now available from the block&#39;s actions menu, with a\nclearer translate icon, and the review view shows only the newly added text.</li>\n</ul>\n<h3>Fixes</h3>\n<ul>\n<li>Changed block options are now saved when an action (e.g. editing) is\nperformed.</li>\n<li>Actions and fragments in the block selector are clickable again.</li>\n</ul>\n",
+      "de": "<h3>Neue Funktionen</h3>\n<h4>Kommentare</h4>\n<p>Kommentare sind jetzt vollständige Diskussionen:</p>\n<ul>\n<li>Auf einen Kommentar antworten und so einen Thread beginnen.</li>\n<li>Kommentartext formatieren – fett, kursiv, Listen, Links, Checklisten und mehr.</li>\n<li>Teammitglieder mit «@» erwähnen, um einen Kommentar gezielt an jemanden zu\nrichten.</li>\n<li>Neben jedem Kommentar wird der Avatar der verfassenden Person angezeigt.</li>\n<li>Eigene Kommentare bearbeiten oder löschen.</li>\n<li>Erledigte Kommentare berücksichtigen jetzt die Einstellung «Erledigte\nanzeigen» auch in der Einblendung auf der Seite, passend zur Seitenleiste.</li>\n<li>Kommentare von zwischenzeitlich gelöschten Nutzern führen nicht mehr zu\nFehlern, sondern zeigen einen Platzhalter.</li>\n</ul>\n<h4>Diagramme</h4>\n<p>Die Diagramme wurden für bessere Qualität und Leistung neu aufgebaut, mit vielen\nneuen Möglichkeiten:</p>\n<ul>\n<li>Daten aus einer CSV-Datei importieren – mit einer Vorschau, in der Sie Zeilen\nund Spalten vertauschen, umsortieren, die zu importierenden Spalten auswählen\nund unerwünschte Zeilen herausfiltern können, bevor Sie bestätigen. Die Daten\neines Diagramms lassen sich auch wieder als CSV exportieren.</li>\n<li>Ein neuer Diagrammtyp «Erweitert» für vollständig individuelle Diagramme</li>\n<li>Zahlenformatierung: Nachkommastellen, Gebietsschema, kompakte Schreibweise (z.\nB. «1.2M») sowie ein eigenes Präfix/Suffix (z. B. «%» oder «$»), mit\nLive-Vorschau.</li>\n<li>Diagrammtitel, Beschriftungen, Kategorien und Fussnoten je Sprache übersetzen.</li>\n<li>Ein optionaler Kategoriefilter, der über dem Diagramm ein Auswahlmenü\neinblendet, damit Betrachter jeweils nur eine Kategorie (z.B Jahr anzeigen\nkönnen</li>\n<li>Automatische Erkennung und Formatierung von Datumswerten in Kategorien.</li>\n<li>Eine Option «Y-Achsen-Startwert», um festzulegen, wo die Werteachse beginnt.</li>\n<li>Diagramme zoomen nicht mehr versehentlich.</li>\n</ul>\n<h4>Blöcke übertragen</h4>\n<p>Sie können ausgewählte Blöcke jetzt in die Zwischenablage exportieren und in\neine andere Seite einfügen – oder sogar in einer anderen Umgebung (z.B. von Live\nauf Test).</p>\n<p>Beim Einfügen zeigt eine Zusammenfassung, was importiert wurde, und weist auf\nalles hin, was nicht übertragen werden konnte. Dies betrifft alle Inhalte wie\nz.B. Bilder, die auf der Zielumgebung nicht existieren.</p>\n<h4>Superblökkli</h4>\n<ul>\n<li>Eine bereits gesendete Nachricht bearbeiten und erneut senden; der Assistent\nfährt ab Ihrer bearbeiteten Nachricht fort.</li>\n<li>Sie können eine KI-Antwort jetzt bewerten, ohne dazu auch einen Kommentar\nschreiben zu müssen.</li>\n<li>Administratoren erhalten einen neuen Bereich, um alle KI-Konversationen zu\ndurchsuchen und die von Nutzern abgegebenen Bewertungen einzusehen.</li>\n</ul>\n<h3>Verbesserungen</h3>\n<ul>\n<li>Der Editor wurde optisch überarbeitet, mit neu gestalteten Panels, Dialogen\nund Schaltflächen.</li>\n<li>Die automatische Übersetzung ist jetzt über das Aktionsmenü des Blocks\nerreichbar, mit einem klareren Übersetzen-Symbol, und die Prüfansicht zeigt\nnur den neu hinzugefügten Text.</li>\n</ul>\n<h3>Fehlerbehebungen</h3>\n<ul>\n<li>Geänderte Block-Optionen werden jetzt gespeichert wenn eine Aktion (z.B.\nBearbeiten) ausgeführt wird.</li>\n<li>Aktionen und Fragmente in der Block-Auswahl sind wieder anklickbar.</li>\n</ul>\n"
+    }
+  },
   {
     "version": "2.0.0-alpha.57",
     "date": "2026-04-29",

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

@@ -37,7 +37,7 @@ function onClose() {
 defineMenuButton(() => {
   return {
     id: "changelog",
-    title: $t("changelogMenuTitle", "What's New"),
+    title: $t("whatsNew", "What's New"),
     description: $t(
       "changelogMenuDescription",
       "View recent changes and new features"