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

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: []
 });

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

@@ -1,9 +1,17 @@
 [
+  {
+    "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/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/publish/Dialog/Violations.d.vue.ts

@@ -0,0 +1,12 @@
+import type { Validation } from '#blokkli/editor/types/state';
+type __VLS_Props = {
+    violations: Validation[];
+    errors: string[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/features/publish/Dialog/Violations.vue

@@ -0,0 +1,117 @@
+<template>
+  <PanelSection
+    :title="
+  $t('publishValidationErrorsTitle', 'Cannot publish: validation errors')
+"
+    padded
+  >
+    <InfoBox
+      :text="
+  $t(
+    'publishValidationErrorsDescription',
+    'Fix the following issues and try publishing again.'
+  )
+"
+      icon="bk_mdi_error-fill"
+      color="red"
+    />
+
+    <ul
+      v-if="resolvedViolations.length"
+      class="bk-publish-violations bk-control _bk_mt-15"
+    >
+      <li
+        v-for="(item, i) in resolvedViolations"
+        :key="item.violation.message + i"
+      >
+        <button
+          type="button"
+          class="bk-validation-item"
+          @click.prevent="onClick(item)"
+        >
+          <div v-if="item.block" class="bk-validation-item-header">
+            <ItemIcon :bundle="item.block.bundle" />
+            <div>{{ item.bundleLabel }}</div>
+          </div>
+          <div
+            v-if="item.fieldLabel"
+            class="_bk_text-xs _bk_text-mono-600 _bk_font-medium _bk_mb-3"
+          >
+            {{ item.fieldLabel }}
+          </div>
+          <div v-html="item.violation.message" />
+        </button>
+      </li>
+    </ul>
+
+    <ul
+      v-if="errors.length"
+      class="bk-publish-errors _bk_list-disc _bk_pl-20 _bk_mt-15 _bk_text-base"
+    >
+      <li
+        v-for="(error, i) in errors"
+        :key="'err' + i"
+        class="_bk_text-red-dark"
+      >
+        {{ error }}
+      </li>
+    </ul>
+  </PanelSection>
+</template>
+
+<script setup>
+import { computed, useBlokkli } from "#imports";
+import { InfoBox, ItemIcon } from "#blokkli/editor/components";
+import PanelSection from "#blokkli/editor/components/Panel/Section/index.vue";
+import { itemEntityType } from "#blokkli-build/config";
+const props = defineProps({
+  violations: { type: Array, required: true },
+  errors: { type: Array, required: true }
+});
+const emit = defineEmits(["close"]);
+const { types, blocks, context, eventBus, $t } = useBlokkli();
+function firstFieldSegment(propertyPath) {
+  for (const segment of propertyPath.split(".")) {
+    if (segment && !/^\d+$/.test(segment)) {
+      return segment;
+    }
+  }
+  return void 0;
+}
+function resolveBundle(violation, block) {
+  if (block) return block.bundle;
+  if (!violation.entityType || violation.entityType === context.value.entityType) {
+    return context.value.entityBundle;
+  }
+  return void 0;
+}
+function resolveFieldLabel(violation, block) {
+  if (!violation.propertyPath) return void 0;
+  const fieldName = firstFieldSegment(violation.propertyPath);
+  if (!fieldName) return void 0;
+  const entityType = violation.entityType ?? context.value.entityType;
+  const bundle = resolveBundle(violation, block);
+  if (!entityType || !bundle) return void 0;
+  return types.getFieldConfig(entityType, bundle, fieldName)?.label;
+}
+const resolvedViolations = computed(
+  () => props.violations.map((violation) => {
+    const block = violation.entityUuid ? blocks.getBlock(violation.entityUuid) ?? null : null;
+    const bundleLabel = block ? types.getBlockBundleDefinition(block.bundle)?.label : void 0;
+    return {
+      violation,
+      block,
+      bundleLabel,
+      fieldLabel: resolveFieldLabel(violation, block)
+    };
+  })
+);
+function onClick(item) {
+  if (item.violation.entityType !== itemEntityType || !item.violation.entityUuid) {
+    return;
+  }
+  eventBus.emit("select", item.violation.entityUuid);
+  eventBus.emit("scrollIntoView", { uuid: item.violation.entityUuid });
+  emit("close");
+}
+</script>

package/dist/runtime/editor/features/publish/Dialog/Violations.vue.d.ts

@@ -0,0 +1,12 @@
+import type { Validation } from '#blokkli/editor/types/state';
+type __VLS_Props = {
+    violations: Validation[];
+    errors: string[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -116,6 +116,12 @@
           </InfoBox>
         </FormItem>
       </PanelSection>
+      <Violations
+        v-if="hasFailures"
+        :violations="failedViolations"
+        :errors="failedErrors"
+        @close="$emit('close')"
+      />
       <div>
         <FormItem v-if="successItems.length && showTable">
           <h2 class="bk-heading-2">
@@ -200,6 +206,7 @@ import { emitMessage } from "#blokkli/editor/events";
 import Item from "./Item.vue";
 import PublishOption, {} from "./PublishOption.vue";
 import Summary from "./Summary.vue";
+import Violations from "./Violations.vue";
 import PanelSection from "#blokkli/editor/components/Panel/Section/index.vue";
 const showTable = false;
 const { adapter, $t, state, context, ui } = useBlokkli();
@@ -393,6 +400,17 @@ const selectedToPublishItems = computed(
   )
 );
 const isLoading = computed(() => status.value === "pending" || isMutating.value);
+const failedStatuses = computed(
+  () => Object.values(mutationStatusItems.value).filter((s) => !s.success)
+);
+const failedViolations = computed(
+  () => failedStatuses.value.flatMap((s) => s.violations ?? [])
+);
+const failedErrors = computed(() => {
+  const messages = failedStatuses.value.flatMap((s) => s.errors ?? []);
+  return Array.from(new Set(messages));
+});
+const hasFailures = computed(() => failedStatuses.value.length > 0);
 const scheduleDateError = computed(() => {
   if (publishMode.value !== "scheduled" || !scheduleDate.value) {
     return "";
@@ -499,12 +517,19 @@ async function removeScheduledDate() {
   }
   isMutating.value = true;
   const previousScheduleDate = scheduleDate.value;
-  const success = await state.mutateWithLoadingState(
-    () => adapter.unscheduleEditState({
+  let success = false;
+  try {
+    const response = await adapter.unscheduleEditState({
       hostEntityType: context.value.entityType,
       hostEntityUuid: context.value.entityUuid
-    })
-  );
+    });
+    success = !!response?.success;
+    if (response?.state) {
+      state.applyMutationState(response.state);
+    }
+  } catch {
+    success = false;
+  }
   if (success) {
     await refresh();
     scheduleDate.value = previousScheduleDate;
@@ -518,8 +543,7 @@ async function onSubmit() {
   }
   isMutating.value = true;
   const items = stateItems.value;
-  const hasAnyError = false;
-  let mutationResult = false;
+  const selectedItems = [];
   for (const item of items) {
     const isSelected = states.value.includes(item.id) || item.hostEntityType === context.value.entityType && item.hostEntityUuid === context.value.entityUuid;
     if (!isSelected) {
@@ -528,29 +552,41 @@ async function onSubmit() {
     if (publishedIds.value.includes(item.id)) {
       continue;
     }
+    selectedItems.push(item);
     try {
+      let response;
       if (publishMode.value === "scheduled") {
         if (!adapter.scheduleEditState) {
           throw new Error("scheduleEditState method not available");
         }
-        mutationResult = await state.mutateWithLoadingState(
-          () => adapter.scheduleEditState({
-            hostEntityType: item.hostEntityType,
-            hostEntityUuid: item.hostEntityUuid,
-            revisionLogMessage: revisionMessage.value,
-            date: scheduleDate.value
-          })
-        );
+        response = await adapter.scheduleEditState({
+          hostEntityType: item.hostEntityType,
+          hostEntityUuid: item.hostEntityUuid,
+          revisionLogMessage: revisionMessage.value,
+          date: scheduleDate.value
+        });
       } else {
-        mutationResult = await state.mutateWithLoadingState(
-          () => adapter.publish({
-            hostEntityType: item.hostEntityType,
-            hostEntityUuid: item.hostEntityUuid,
-            closeAfterPublish: true,
-            revisionLogMessage: revisionMessage.value,
-            publishIfUnpublished: shouldPublish.value
-          })
-        );
+        response = await adapter.publish({
+          hostEntityType: item.hostEntityType,
+          hostEntityUuid: item.hostEntityUuid,
+          closeAfterPublish: true,
+          revisionLogMessage: revisionMessage.value,
+          publishIfUnpublished: shouldPublish.value
+        });
+      }
+      if (response?.success) {
+        mutationStatusItems.value[item.id] = { id: item.id, success: true };
+        publishedIds.value.push(item.id);
+      } else {
+        mutationStatusItems.value[item.id] = {
+          id: item.id,
+          success: false,
+          errors: response?.errors,
+          violations: response?.violations
+        };
+      }
+      if (response?.state && item.id === currentId.value) {
+        state.applyMutationState(response.state);
       }
     } catch {
       mutationStatusItems.value[item.id] = {
@@ -563,7 +599,8 @@ async function onSubmit() {
     }
   }
   isMutating.value = false;
-  if (hasAnyError || !mutationResult) {
+  const allSucceeded = selectedItems.length > 0 && selectedItems.every((item) => mutationStatusItems.value[item.id]?.success);
+  if (!allSucceeded) {
     return;
   }
   if (publishMode.value === "scheduled") {

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

@@ -93,10 +93,8 @@ async function publishCurrent() {
     $t("publishSuccess", "Changes published successfully.")
   );
   if (!success) {
-    const validations = state.violations.value;
-    if (validations.length) {
-      eventBus.emit("publish:failed");
-      eventBus.emit("sidebar:open", "violations");
+    if (state.violations.value.length) {
+      eventBus.emit("sidebar:open", "analyze");
     }
     return;
   }

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

@@ -101,10 +101,6 @@ declare module '#blokkli/editor/adapter' {
 }
 declare module '#blokkli/editor/events' {
     interface EventbusEvents {
-        /**
-         * Emitted when publishing failed.
-         */
-        'publish:failed': undefined;
         /**
          * Show the publish dialog.
          */

package/dist/runtime/editor/helpers/color/index.d.ts

@@ -3,4 +3,11 @@ export declare function toShaderColor(rgba: RGB): RGB;
 export declare const rgbaToString: (color: RGB, alpha?: number) => string;
 export declare function getContrastRatio(color1: RGB, color2: RGB): number;
 export declare function findHighestContrastColor(colors: RGB[], backgroundColor?: RGB): RGB;
+export declare const hexToRgb: (hex: string) => RGB | undefined;
+/**
+ * Whether the given hex color is "light" — i.e. dark text on top of it would
+ * be more readable than light text. Use this to decide between black/white
+ * foreground content on a colored background. Unparseable hex → `false`.
+ */
+export declare const isLightHex: (hex: string) => boolean;
 export declare const parseColorString: (color: string) => RGB | undefined;

package/dist/runtime/editor/helpers/color/index.js

@@ -28,6 +28,20 @@ export function findHighestContrastColor(colors, backgroundColor = [255, 255, 25
   }
   return maxContrastColor;
 }
+export const hexToRgb = (hex) => {
+  const match = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  if (!match) return;
+  return [
+    Number.parseInt(match[1], 16),
+    Number.parseInt(match[2], 16),
+    Number.parseInt(match[3], 16)
+  ];
+};
+export const isLightHex = (hex) => {
+  const rgb = hexToRgb(hex);
+  if (!rgb) return false;
+  return getContrastRatio(rgb, [0, 0, 0]) > getContrastRatio(rgb, [255, 255, 255]);
+};
 export const parseColorString = (color) => {
   const rgbaRegex = /^rgba?\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})(?:,\s*(0|1|0?\.\d+))?\)$/;
   const match = color.match(rgbaRegex);