@blokkli/editor 2.0.0-alpha.55 → 2.0.0-alpha.57

package/dist/runtime/editor/events/index.d.ts

@@ -138,8 +138,9 @@ export type AddNewBlocksEvent = {
     host: BlokkliItemHost;
     afterUuid: string | null;
 };
-export type UpdateMutatedFieldsEvent = {
+export type UpdatePreviewStateEvent = {
     fields: MutatedField[];
+    mutatedEntity: Record<any, any>;
 };
 type MultiSelectStartEvent = {
     x: number;
@@ -197,7 +198,7 @@ export interface EventbusEvents {
     'dragging:move': Coord;
     'dragging:end': undefined;
     'add:block:new': AddNewBlockEvent;
-    updateMutatedFields: UpdateMutatedFieldsEvent;
+    updatePreviewState: UpdatePreviewStateEvent;
     animationFrame: AnimationFrameEvent;
     message: Message;
     keyPressed: KeyPressedEvent;
@@ -286,7 +287,7 @@ export type BlokkliEventBus = Emitter<EventbusEventsType>;
 export declare const emitMessage: (message: string, type?: "success" | "error" | "warning", additional?: string | Error | unknown, replace?: boolean) => void;
 type FrameEventBusEvents = {
     selectItems: string[];
-    mutatedFields: MutatedField[];
+    updatePreviewState: UpdatePreviewStateEvent;
     focus: string;
     updateOption: UpdateBlockOptionEvent;
 };

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

@@ -86,7 +86,8 @@ const { settings } = defineBlokkliFeature({
       default: false
     }
   },
-  screenshot: "feature-add-list.jpg"
+  screenshot: "feature-add-list.jpg",
+  viewports: ["desktop"]
 });
 const {
   $t,

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

@@ -1,4 +1,12 @@
 [
+  {
+    "version": "2.0.0-alpha.57",
+    "date": "2026-04-29",
+    "body": {
+      "en": "<h3>Fixes</h3>\n<ul>\n<li>Added and removed text is highlighted again in the diff view on the page.</li>\n<li>The translation banner is no longer shown while the AI assistant is waiting\nfor changes to be approved.</li>\n<li>The AI assistant no longer gets stuck in the &quot;Thinking&quot; state when the\nconnection to the server is lost.</li>\n<li>In the responsive preview, changes to page content are once again updated\nautomatically.</li>\n</ul>\n",
+      "de": "<h3>Fehlerbehebungen</h3>\n<ul>\n<li>Hinzugefügte und entfernte Texte werden im Vergleichsmodus auf der Seite\nwieder farblich hervorgehoben.</li>\n<li>Das Sprachbanner wird nicht mehr angezeigt, während der KI-Assistent auf die\nBestätigung von Änderungen wartet.</li>\n<li>Der KI-Assistent bleibt nicht mehr im «Überlegen»-Zustand hängen, wenn die\nVerbindung zum Server unterbrochen wird.</li>\n<li>In der responsiven Vorschau werden Änderungen an Seiteninhalten wieder\nautomatisch aktualisiert</li>\n</ul>\n"
+    }
+  },
   {
     "version": "2.0.0-alpha.55",
     "date": "2026-04-20",

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

@@ -43,13 +43,7 @@
 </template>
 
 <script setup>
-import {
-  useBlokkli,
-  defineBlokkliFeature,
-  ref,
-  computed,
-  onMounted
-} from "#imports";
+import { useBlokkli, defineBlokkliFeature, ref, computed } from "#imports";
 import { PluginViewOption } from "#blokkli/editor/plugins";
 import { Banner, BannerInner } from "#blokkli/editor/components";
 import { addElementClasses } from "#blokkli/editor/composables";
@@ -108,9 +102,6 @@ addElementClasses(
   "bk-hide-interaction-layers",
   isEnabled
 );
-onMounted(() => {
-  console.log(fieldMappingValidations.value);
-});
 </script>
 
 <script>

package/dist/runtime/editor/features/responsive-preview/Frame/index.vue

@@ -46,8 +46,8 @@ const src = computed(
   () => route.fullPath.replace("blokkliEditing", "blokkliPreview")
 );
 onBlokkliEvent(
-  "updateMutatedFields",
-  (e) => frameEventBus.emit("mutatedFields", e.fields)
+  "updatePreviewState",
+  (e) => frameEventBus.emit("updatePreviewState", e)
 );
 onBlokkliEvent("select", (uuids) => {
   const uuid = Array.isArray(uuids) ? uuids[0] : uuids;

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

@@ -52,6 +52,7 @@
   <Teleport to="#bk-banner-list">
     <Banner
       v-if="isTranslating"
+      v-show="!ui.isApproving.value"
       :active-language
       :show-csv="
   !!adapter.loadTextFieldValuesForLanguage && !!adapter.importTranslationsBatched

package/dist/runtime/editor/plugins/Sidebar/index.vue

@@ -306,7 +306,7 @@ export default {
 
 <style>
 .bk-html-root {
-  --bk-sidebar-width-right: 100vw;
+  --bk-sidebar-width-right: 280px;
   --bk-toolbar-left-width: 50px;
   --bk-add-item-icon-padding: 6px;
   --bk-item-icon-radius-base-toolbar: 4px;
@@ -471,10 +471,17 @@ export default {
   flex-direction: column;
   --bk-tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--bk-tw-bg-opacity, 1));
-  grid-area: sidebar-right;
+  grid-area: viewport;
   width: var(--bk-sidebar-width-right);
 }
 
+@media (min-width: 768px) {
+
+.bk.bk-sidebar-right-wrapper {
+    grid-area: sidebar-right
+}
+  }
+
 .bk.bk-sidebar-right-wrapper > * {
   pointer-events: auto;
 }

package/dist/runtime/editor/providers/state.js

@@ -216,7 +216,10 @@ export default async function(eventBus, adapter, context, $t, providerKey, permi
     mutatedItemPropsUuids.forEach((uuid) => {
       mutatedItemProps[uuid] = void 0;
     });
-    eventBus.emit("updateMutatedFields", { fields: newMutatedFields });
+    eventBus.emit("updatePreviewState", {
+      fields: newMutatedFields,
+      mutatedEntity: mutatedEntity.value
+    });
     nextTick(() => {
       refreshKey.value = Date.now().toString();
       eventBus.emit("state:reloaded");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blokkli/editor",
-  "version": "2.0.0-alpha.55",
+  "version": "2.0.0-alpha.57",
   "description": "Interactive page building experience for Nuxt",
   "keywords": [
     "cms",

package/dist/modules/agent/runtime/app/composables/agentProvider.d.ts

@@ -1,62 +0,0 @@
-import { type Ref } from '#imports';
-import { type Attachment, type ConversationItem, type ActiveItem, type MutationAction, type PreSeededToolResult, type AutoExecuteTool } from '#blokkli/agent/app/types';
-import type { ClientPlanState, UsageTurn, PageContext, Transcript } from '#blokkli/agent/shared/types';
-import type { AgentConversationSummary } from '#blokkli/agent/app/features/agent/types';
-import type { AgentToolName, AgentToolMap } from '#blokkli-build/agent-client';
-import type { BlokkliApp } from '#blokkli/editor/types/app';
-import type { FullBlokkliAdapter } from '#blokkli/editor/adapter';
-export type PendingMutationState = {
-    action: MutationAction;
-    resolve: (approved: boolean) => void;
-};
-export type PendingToolCall = {
-    toolName: string;
-    params: Record<string, unknown>;
-};
-export type AgentProviderOptions = {
-    app: BlokkliApp;
-    adapter: FullBlokkliAdapter<any>;
-    itemEntityType: string;
-};
-export type AgentProvider = {
-    isConnected: Readonly<Ref<boolean>>;
-    isReady: Readonly<Ref<boolean>>;
-    hasBeenReady: Readonly<Ref<boolean>>;
-    connect: () => void;
-    disconnect: () => void;
-    conversation: Ref<ConversationItem[]>;
-    activeItem: Ref<ActiveItem | null>;
-    isProcessing: Ref<boolean>;
-    isThinking: Ref<boolean>;
-    autoApprove: Ref<boolean>;
-    pendingMutation: Ref<PendingMutationState | null>;
-    pendingToolCall: Ref<PendingToolCall | null>;
-    plan: Ref<ClientPlanState | null>;
-    approvePlan: () => void;
-    rejectPlan: () => void;
-    usageTurns: Ref<UsageTurn[]>;
-    sendPrompt: (text: string, displayPrompt?: string, selectedUuids?: string[], attachments?: Attachment[], autoLoadTools?: string[], autoLoadSkills?: string[], preSeededResults?: PreSeededToolResult[], autoExecuteTools?: AutoExecuteTool[]) => void;
-    runToolForPrompt: <T extends AgentToolName>(toolName: T, params: AgentToolMap[T]['params']) => Promise<PreSeededToolResult & {
-        result: AgentToolMap[T]['result'];
-    }>;
-    retry: () => void;
-    approve: () => void;
-    reject: () => void;
-    setAutoApprove: (value: boolean) => void;
-    cancel: () => void;
-    newConversation: () => void;
-    getTranscript: () => void;
-    onToolComponentDone: (result: unknown) => void;
-    toolDetails: Map<string, unknown>;
-    transcriptContent: Ref<Transcript | null>;
-    showTranscript: Ref<boolean>;
-    conversationList: Ref<AgentConversationSummary[]>;
-    showConversationList: Ref<boolean>;
-    activeConversationId: Readonly<Ref<string | null>>;
-    switchConversation: (id: string) => void;
-    deleteConversation: (id: string) => void;
-    refreshConversationList: () => Promise<void>;
-    feedbackItemIds: Ref<Set<string>>;
-    pageContext: Ref<PageContext | null>;
-};
-export default function (app: BlokkliApp, adapter: FullBlokkliAdapter<any>, agentName: string): AgentProvider;