@blokkli/editor 2.0.0-alpha.52 → 2.0.0-alpha.53

package/dist/modules/agent/runtime/app/features/agent/Panel/DropHandler/index.vue

@@ -1,26 +1,17 @@
 <template>
-  <div
-    @dragenter.stop.prevent="onDragEnter"
-    @dragleave.stop="onDragLeave"
-    @dragover.stop.prevent="onDragOver"
-    @drop.stop.prevent="onDrop"
+  <FileDropHandler
+    icon="bk_mdi_attach_file"
+    :label="$t('aiAgentDropFiles', 'Drop files to attach')"
+    :accept="acceptTextFile"
+    @drop="onDrop"
   >
     <slot />
-    <Transition name="bk-agent-drop" :duration="200">
-      <div v-if="isDragOver" class="bk-agent-drop-overlay">
-        <div class="bk-agent-drop-overlay-backdrop" />
-        <div class="bk-agent-drop-overlay-content">
-          <Icon name="bk_mdi_attach_file" />
-          <span>{{ $t("aiAgentDropFiles", "Drop files to attach") }}</span>
-        </div>
-      </div>
-    </Transition>
-  </div>
+  </FileDropHandler>
 </template>
 
 <script setup>
-import { ref, useBlokkli } from "#imports";
-import { Icon } from "#blokkli/editor/components";
+import { useBlokkli } from "#imports";
+import { FileDropHandler } from "#blokkli/editor/components";
 import { generateUUID } from "#blokkli/editor/helpers/uuid";
 const emit = defineEmits(["drop"]);
 const { $t } = useBlokkli();
@@ -176,41 +167,15 @@ async function extractDocxText(file) {
   const cleaned = markdown.replace(/!\[[^\]]*\]\([^)]*\)/g, "").trim();
   return cleaned;
 }
-let dragCounter = 0;
-const isDragOver = ref(false);
-function hasTextItems(dt) {
-  for (const item of dt.items) {
-    if (item.kind !== "file") continue;
-    if (item.type.startsWith("text/") || TEXT_MIME_TYPES.has(item.type) || item.type === DOCX_MIME) {
-      return true;
-    }
-    if (!item.type) return true;
+function acceptTextFile(item) {
+  if (item.kind !== "file") return false;
+  if (item.type.startsWith("text/") || TEXT_MIME_TYPES.has(item.type) || item.type === DOCX_MIME) {
+    return true;
   }
+  if (!item.type) return true;
   return false;
 }
-function onDragEnter(e) {
-  dragCounter++;
-  if (e.dataTransfer?.types.includes("Files") && hasTextItems(e.dataTransfer)) {
-    isDragOver.value = true;
-  }
-}
-function onDragLeave() {
-  dragCounter--;
-  if (dragCounter <= 0) {
-    dragCounter = 0;
-    isDragOver.value = false;
-  }
-}
-function onDragOver(e) {
-  if (e.dataTransfer) {
-    e.dataTransfer.dropEffect = "copy";
-  }
-}
-async function onDrop(e) {
-  dragCounter = 0;
-  isDragOver.value = false;
-  const files = e.dataTransfer?.files;
-  if (!files?.length) return;
+async function onDrop(files) {
   const dropped = [];
   for (const file of files) {
     if (!isTextFile(file)) continue;

package/dist/modules/agent/runtime/app/features/agent/Panel/DropHandler/index.vue.d.ts

@@ -1,6 +1,6 @@
-declare var __VLS_1: {};
+declare var __VLS_10: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     drop: (attachments: Attachment[]) => any;

package/dist/modules/agent/runtime/app/features/agent/Panel/Feedback/index.d.vue.ts

@@ -0,0 +1,10 @@
+import type { AgentConversationFeedbackRating } from '../../types.js';
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    done: () => any;
+    submit: (rating: AgentConversationFeedbackRating, comment?: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    onDone?: (() => any) | undefined;
+    onSubmit?: ((rating: AgentConversationFeedbackRating, comment?: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/modules/agent/runtime/app/features/agent/Panel/Feedback/index.vue

@@ -0,0 +1,102 @@
+<template>
+  <div class="_bk_mt-10 _bk_p-10 _bk_border _bk_border-mono-300 _bk_rounded-lg">
+    <div class="_bk_flex _bk_items-center _bk_justify-between _bk_gap-8">
+      <span class="_bk_text-sm _bk_font-semibold">
+        {{
+          rating ? $t("aiAgentFeedbackThanks", "Thanks for your feedback!") : $t("aiAgentFeedbackPrompt", "How was this response?")
+        }}
+      </span>
+      <div class="_bk_flex _bk_relative _bk_-mr-3">
+        <button
+          v-for="option in options"
+          :key="option.value"
+          class="_bk_block _bk_disabled:pointer-events-none _bk_px-3 _bk_group/tooltip _bk_group"
+          :disabled="submitted && option.value !== rating"
+          @click="onRate(option.value)"
+        >
+          <div
+            class="_bk_size-30 _bk_flex _bk_items-center _bk_justify-center _bk_rounded-full _bk_text-mono-600 _bk_group-hover:bg-mono-200"
+            :class="[
+  'bk-scheme-' + option.theme,
+  {
+    '_bk_!bg-scheme-normal _bk_!text-scheme-text': rating === option.value,
+    '_bk_!text-mono-300': submitted && option.value !== rating
+  }
+]"
+          >
+            <Icon :name="option.icon" class="_bk_size-[16px]" />
+            <Tooltip
+              :label="option.label"
+              placement="above-right"
+              class="_bk_w-full"
+            />
+          </div>
+        </button>
+      </div>
+    </div>
+    <TransitionHeight opacity :duration="300">
+      <div v-if="rating && !submitted" class="_bk_flex _bk_flex-col _bk_gap-10 _bk_mt-10">
+        <textarea
+          v-model="comment"
+          class="_bk_text-sm _bk_p-8 _bk_rounded _bk_border _bk_border-mono-300 _bk_bg-white _bk_resize-none _bk_focus:border-mono-500 _bk_focus:outline-none"
+          :rows="2"
+          :placeholder="
+  $t('aiAgentFeedbackPlaceholder', 'Tell us more (optional)...')
+"
+        />
+        <button
+          class="bk-button bk-is-small bk-is-primary _bk_self-end"
+          :disabled="!comment"
+          @click="onSubmit"
+        >
+          {{ $t("aiAgentFeedbackSubmit", "Submit") }}
+        </button>
+      </div>
+    </TransitionHeight>
+  </div>
+</template>
+
+<script setup>
+import { computed, ref, useBlokkli } from "#imports";
+import { Icon, TransitionHeight, Tooltip } from "#blokkli/editor/components";
+const { $t } = useBlokkli();
+const emit = defineEmits(["submit", "done"]);
+const options = computed(() => {
+  return [
+    {
+      value: "bad",
+      label: $t("aiAgentFeedbackBad", "Bad"),
+      icon: "bk_mdi_thumb_down",
+      theme: "red"
+    },
+    {
+      value: "fine",
+      label: $t("aiAgentFeedbackFine", "Fine"),
+      icon: "bk_mdi_thumb_up",
+      theme: "yellow"
+    },
+    {
+      value: "good",
+      label: $t("aiAgentFeedbackGood", "Good"),
+      icon: "bk_mdi_thumbs_up_double",
+      theme: "lime"
+    }
+  ];
+});
+const rating = ref(null);
+const comment = ref("");
+const submitted = ref(false);
+function onRate(value) {
+  if (submitted.value) {
+    return;
+  }
+  rating.value = value;
+  emit("submit", value);
+}
+function onSubmit() {
+  if (!rating.value) return;
+  submitted.value = true;
+  emit("submit", rating.value, comment.value || void 0);
+  emit("done");
+}
+</script>

package/dist/modules/agent/runtime/app/features/agent/Panel/Feedback/index.vue.d.ts

@@ -0,0 +1,10 @@
+import type { AgentConversationFeedbackRating } from '../../types.js';
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    done: () => any;
+    submit: (rating: AgentConversationFeedbackRating, comment?: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    onDone?: (() => any) | undefined;
+    onSubmit?: ((rating: AgentConversationFeedbackRating, comment?: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/modules/agent/runtime/app/features/agent/Panel/Input/Actions/index.vue

@@ -19,7 +19,7 @@
     <div class="bk-agent-input-actions-bar">
       <div class="bk-agent-input-actions-left">
         <button
-          class="bk-agent-input-actions-button"
+          class="bk-agent-input-actions-button _bk_group/tooltip"
           :class="{ 'bk-is-active': isExpanded }"
           :disabled="!isConnected"
           @click="isExpanded = !isExpanded"
@@ -27,9 +27,11 @@
           <Icon
             :name="isExpanded ? 'bk_mdi_collapse_all' : 'bk_mdi_expand_all'"
           />
-          <div v-if="!isExpanded" class="bk-tooltip">
-            <span>{{ $t("aiAgentExpandButton", "Show more") }}</span>
-          </div>
+          <Tooltip
+            v-show="!isExpanded"
+            :label="$t('aiAgentExpandButton', 'Show more')"
+            placement="above-left"
+          />
         </button>
         <button
           v-show="!hasText && hasConversation"
@@ -73,7 +75,8 @@ import { ref, useBlokkli } from "#imports";
 import {
   Icon,
   DropdownItem,
-  TransitionHeight
+  TransitionHeight,
+  Tooltip
 } from "#blokkli/editor/components";
 import TokenUsage from "./TokenUsage/index.vue";
 defineProps({

package/dist/modules/agent/runtime/app/features/agent/Panel/ToolCard/index.d.vue.ts

@@ -4,11 +4,11 @@ type __VLS_Props = {
     title: string;
     hideCancel?: boolean;
 };
-declare var __VLS_11: {}, __VLS_13: {};
+declare var __VLS_16: {}, __VLS_18: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_11) => any;
+    default?: (props: typeof __VLS_16) => any;
 } & {
-    actions?: (props: typeof __VLS_13) => any;
+    actions?: (props: typeof __VLS_18) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     cancel: () => any;

package/dist/modules/agent/runtime/app/features/agent/Panel/ToolCard/index.vue

@@ -5,13 +5,17 @@
         <Icon :name="icon" />
         <span>{{ title }}</span>
       </div>
-      <div v-if="!hideCancel" class="bk-agent-tool-card-header-cancel">
+      <div
+        v-if="!hideCancel"
+        class="bk-agent-tool-card-header-cancel _bk_group/tooltip _bk_relative"
+      >
         <button type="button" @click="$emit('cancel')">
           <Icon name="bk_mdi_close" />
         </button>
-        <div class="bk-tooltip">
-          <span>{{ $t("aiAgentReject", "Reject") }}</span>
-        </div>
+        <Tooltip
+          :label="$t('aiAgentReject', 'Reject')"
+          placement="above-right"
+        />
       </div>
     </div>
 
@@ -24,7 +28,7 @@
 </template>
 
 <script setup>
-import { Icon } from "#blokkli/editor/components";
+import { Icon, Tooltip } from "#blokkli/editor/components";
 import { useBlokkli } from "#imports";
 defineProps({
   icon: { type: null, required: true },

package/dist/modules/agent/runtime/app/features/agent/Panel/ToolCard/index.vue.d.ts

@@ -4,11 +4,11 @@ type __VLS_Props = {
     title: string;
     hideCancel?: boolean;
 };
-declare var __VLS_11: {}, __VLS_13: {};
+declare var __VLS_16: {}, __VLS_18: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_11) => any;
+    default?: (props: typeof __VLS_16) => any;
 } & {
-    actions?: (props: typeof __VLS_13) => any;
+    actions?: (props: typeof __VLS_18) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     cancel: () => any;

package/dist/modules/agent/runtime/app/features/agent/Panel/index.d.vue.ts

@@ -1,3 +1,4 @@
+import type { AgentConversationFeedbackRating } from '../types.js';
 import type { AgentConversationSummary, PendingMutationState, PendingToolCall } from '#blokkli/agent/app/composables';
 import type { ConversationItem, ActiveItem } from '#blokkli/agent/app/types';
 import type { ClientPlanState, PageContext, UsageTurn } from '#blokkli/agent/shared/types';
@@ -19,6 +20,8 @@ type __VLS_Props = {
     plan: ClientPlanState | null;
     usageTurns: UsageTurn[];
     pageContext: PageContext | null;
+    supportsFeedback: boolean;
+    feedbackItemIds: Set<string>;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     cancel: () => any;
@@ -37,6 +40,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     hideConversations: () => any;
     approvePlan: () => any;
     rejectPlan: () => any;
+    submitFeedback: (rating: AgentConversationFeedbackRating, comment?: string | undefined) => any;
+    feedbackDone: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onCancel?: (() => any) | undefined;
     onRetry?: (() => any) | undefined;
@@ -54,6 +59,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     onHideConversations?: (() => any) | undefined;
     onApprovePlan?: (() => any) | undefined;
     onRejectPlan?: (() => any) | undefined;
+    onSubmitFeedback?: ((rating: AgentConversationFeedbackRating, comment?: string | undefined) => any) | undefined;
+    onFeedbackDone?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/modules/agent/runtime/app/features/agent/Panel/index.vue

@@ -48,6 +48,17 @@
             @reject="emit('reject')"
             @always-approve="onAlwaysApprove"
           />
+          <TransitionHeight opacity :duration="300">
+            <Feedback
+              v-if="
+  supportsFeedback && !isProcessing && !pendingMutation && !pendingToolCall && conversation.length > 0 && conversation[conversation.length - 1]?.type === 'assistant' && !feedbackItemIds.has(conversation[conversation.length - 1].id)
+"
+              @submit="
+  (rating, comment) => emit('submitFeedback', rating, comment)
+"
+              @done="emit('feedbackDone')"
+            />
+          </TransitionHeight>
         </template>
       </div>
 
@@ -134,6 +145,7 @@ import DebugGallery from "./DebugGallery/index.vue";
 import Welcome from "./Welcome/index.vue";
 import AgentInput from "./Input/index.vue";
 import ConversationList from "./ConversationList/index.vue";
+import Feedback from "./Feedback/index.vue";
 import Plan from "./Plan/index.vue";
 import DropHandler from "./DropHandler/index.vue";
 import { mcpTools } from "#blokkli-build/agent-client";
@@ -155,9 +167,11 @@ const props = defineProps({
   showConversationList: { type: Boolean, required: true },
   plan: { type: [Object, null], required: true },
   usageTurns: { type: Array, required: true },
-  pageContext: { type: [Object, null], required: true }
+  pageContext: { type: [Object, null], required: true },
+  supportsFeedback: { type: Boolean, required: true },
+  feedbackItemIds: { type: Set, required: true }
 });
-const emit = defineEmits(["connect", "sendPrompt", "cancel", "approve", "reject", "setAutoApprove", "newConversation", "getTranscript", "toolComponentDone", "switchConversation", "deleteConversation", "showConversations", "hideConversations", "retry", "approvePlan", "rejectPlan"]);
+const emit = defineEmits(["connect", "sendPrompt", "cancel", "approve", "reject", "setAutoApprove", "newConversation", "getTranscript", "toolComponentDone", "switchConversation", "deleteConversation", "showConversations", "hideConversations", "retry", "approvePlan", "rejectPlan", "submitFeedback", "feedbackDone"]);
 const DEBUG_STYLING = import.meta.dev && false;
 const app = useBlokkli();
 const { $t } = app;

package/dist/modules/agent/runtime/app/features/agent/Panel/index.vue.d.ts

@@ -1,3 +1,4 @@
+import type { AgentConversationFeedbackRating } from '../types.js';
 import type { AgentConversationSummary, PendingMutationState, PendingToolCall } from '#blokkli/agent/app/composables';
 import type { ConversationItem, ActiveItem } from '#blokkli/agent/app/types';
 import type { ClientPlanState, PageContext, UsageTurn } from '#blokkli/agent/shared/types';
@@ -19,6 +20,8 @@ type __VLS_Props = {
     plan: ClientPlanState | null;
     usageTurns: UsageTurn[];
     pageContext: PageContext | null;
+    supportsFeedback: boolean;
+    feedbackItemIds: Set<string>;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     cancel: () => any;
@@ -37,6 +40,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     hideConversations: () => any;
     approvePlan: () => any;
     rejectPlan: () => any;
+    submitFeedback: (rating: AgentConversationFeedbackRating, comment?: string | undefined) => any;
+    feedbackDone: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onCancel?: (() => any) | undefined;
     onRetry?: (() => any) | undefined;
@@ -54,6 +59,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     onHideConversations?: (() => any) | undefined;
     onApprovePlan?: (() => any) | undefined;
     onRejectPlan?: (() => any) | undefined;
+    onSubmitFeedback?: ((rating: AgentConversationFeedbackRating, comment?: string | undefined) => any) | undefined;
+    onFeedbackDone?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/modules/agent/runtime/app/features/agent/index.vue

@@ -35,6 +35,8 @@
         :tool-details
         :usage-turns="usageTurns"
         :page-context="pageContext"
+        :supports-feedback="!!adapter.submitConversationFeedback"
+        :feedback-item-ids="feedbackItemIds"
         @connect="connect"
         @send-prompt="sendPrompt"
         @retry="retry"
@@ -47,6 +49,8 @@
         @tool-component-done="onToolComponentDone"
         @switch-conversation="switchConversation"
         @delete-conversation="deleteConversation"
+        @submit-feedback="onSubmitFeedback"
+        @feedback-done="onFeedbackDone"
         @show-conversations="onShowConversations"
         @hide-conversations="onHideConversations"
         @approve-plan="approvePlan"
@@ -178,8 +182,33 @@ const {
   switchConversation,
   deleteConversation,
   refreshConversationList,
+  activeConversationId,
+  feedbackItemIds,
   pageContext
 } = agentProvider(app, adapter, agentName);
+async function onSubmitFeedback(rating, comment) {
+  if (!adapter.submitConversationFeedback) return;
+  const conversationId = activeConversationId.value;
+  if (!conversationId) return;
+  const lastItem = conversation.value[conversation.value.length - 1];
+  if (!lastItem) return;
+  try {
+    await adapter.submitConversationFeedback({
+      conversationId,
+      rating,
+      lastItemId: lastItem.id,
+      comment
+    });
+  } catch (e) {
+    console.warn("[blokkli agent] Failed to submit feedback:", e);
+  }
+}
+function onFeedbackDone() {
+  const lastItem = conversation.value[conversation.value.length - 1];
+  if (lastItem) {
+    feedbackItemIds.value.add(lastItem.id);
+  }
+}
 async function onShowConversations() {
   await refreshConversationList();
   showConversationList.value = true;

package/dist/modules/agent/runtime/app/features/agent/types.d.ts

@@ -4,6 +4,7 @@ export type AgentConversationData = {
     clientState: string;
     serverState: string;
     hash: string;
+    feedbackItemIds?: string[];
 };
 export type AgentConversationSummary = {
     uuid: string;
@@ -11,6 +12,13 @@ export type AgentConversationSummary = {
     createdAt: string;
     updatedAt: string;
 };
+export type AgentConversationFeedbackRating = 'bad' | 'fine' | 'good';
+export type AgentConversationFeedback = {
+    conversationId: string;
+    rating: AgentConversationFeedbackRating;
+    lastItemId: string;
+    comment?: string;
+};
 declare module '#blokkli/editor/types/permissions' {
     interface UserPermissionMap {
         use_agent: 'Use the AI agent.';
@@ -50,5 +58,13 @@ declare module '#blokkli/editor/adapter' {
             list: () => Promise<AgentConversationSummary[]>;
             delete: (uuid: string) => Promise<boolean>;
         };
+        /**
+         * Submit user feedback for an agent conversation.
+         *
+         * Feedback is stored separately from the conversation data and should
+         * survive conversation deletion. The lastItemId references the
+         * conversation item visible when the user gave feedback.
+         */
+        submitConversationFeedback?: (feedback: AgentConversationFeedback) => Promise<boolean>;
     }
 }

package/dist/modules/agent/runtime/app/tools/delegate_text_rewrite/Component.vue

@@ -203,7 +203,9 @@ async function analyzeReadability() {
       uuid: fs.uuid,
       fieldName: fs.fieldName,
       value: getProposedValue(fs),
-      fieldType: field.fieldType
+      fieldType: field.fieldType,
+      entityType: field.entityType,
+      entityBundle: field.entityBundle
     });
   }
   const rawAnalysis = await props.context.app.readability.analyzeFieldValues(textFields);

package/dist/modules/agent/runtime/app/tools/delegate_text_rewrite/index.d.ts

@@ -28,6 +28,8 @@ export type ResolvedField = {
     fieldName: string;
     currentValue: string;
     fieldType: 'plain' | 'markup';
+    entityType: string;
+    entityBundle: string;
 };
 export type ComponentParams = {
     template: string;

package/dist/modules/agent/runtime/app/tools/delegate_text_rewrite/index.js

@@ -96,7 +96,14 @@ export default defineBlokkliAgentTool({
         fieldName,
         fieldType
       );
-      resolvedFields.push({ uuid, fieldName, currentValue, fieldType });
+      resolvedFields.push({
+        uuid,
+        fieldName,
+        currentValue,
+        fieldType,
+        entityType,
+        entityBundle: bundle
+      });
     }
     let templateParams = params.templateParams;
     if (params.template === "fix_readability") {

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

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

package/dist/modules/charts/index.mjs

@@ -47,9 +47,8 @@ const index = defineBlokkliModule({
       editorComponentPath: resolve(
         "./runtime/features/charts/Editor/index.vue"
       ),
-      editorButtonLabel: $t("chartsEditButton", "Edit chart..."),
-      editorIcon: "bk_mdi_area_chart",
-      editorTitle: $t("chartsEditorTitle", "Edit chart")
+      editTitle: $t("chartsEditTitle", "Edit chart"),
+      editorIcon: "bk_mdi_area_chart"
     });
   }
 });

package/dist/modules/charts/runtime/features/charts/Editor/ChartTypePicker/index.vue

@@ -4,7 +4,7 @@
       v-for="option in chartTypes"
       :key="option.value"
       type="button"
-      :class="{ 'is-active': modelValue === option.value }"
+      :class="{ '_bk_is-active': modelValue === option.value }"
       @click="emit('update:modelValue', option.value)"
     >
       <div>

package/dist/modules/charts/runtime/features/charts/Editor/ColorDropdown/index.vue

@@ -12,7 +12,7 @@
         :key="id"
         type="button"
         class="bk-chart-color-option"
-        :class="{ 'is-active': colorId === id }"
+        :class="{ '_bk_is-active': colorId === id }"
         @click="
   () => {
     emit('select', id);

package/dist/modules/drupal/graphql/base/fragment.paragraphsBlokkliEditState.graphql

@@ -6,6 +6,18 @@ fragment paragraphsBlokkliEditState on ParagraphsBlokkliEditState {
   currentIndex
   currentUserIsOwner
   ownerName
+  user: uid {
+    id
+  }
+  textFieldValues(langcode: $langcode) {
+    uuid
+    fieldName
+    value
+    fieldType
+    entityType
+    entityBundle
+  }
+
   mutatedState {
     fields(langcode: $langcode) {
       ...paragraphsBlokkliMutatedField
@@ -31,6 +43,10 @@ fragment paragraphsBlokkliEditState on ParagraphsBlokkliEditState {
     ...pbMutatedEntity
   }
 
+  stateSettings {
+    ignoredAnalyzeIdentifiers
+  }
+
   translationState {
     isTranslatable
     sourceLanguage

package/dist/modules/drupal/graphql/base/query.pbConfig.graphql

@@ -78,6 +78,15 @@ query pbConfig($entityType: String!, $entityBundle: String!) {
     langcode
     prefix
   }
+
+  entityTypeConfig: paragraphsBlokkliEntityTypeConfig {
+    id: entityTypeId
+    label
+    bundles {
+      id: bundle
+      label
+    }
+  }
 }
 
 fragment paragraphsBlokkliAvailableFeatures on ParagraphsBlokkliAvailableFeatures {