@blokkli/editor 2.0.0-alpha.39 → 2.0.0-alpha.40

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

@@ -1,6 +1,6 @@
 <template>
   <DropHandler
-    v-if="hasBeenReady || debugStyling"
+    v-if="hasBeenReady || DEBUG_STYLING"
     class="bk bk-agent-panel"
     @mousedown.capture.stop
     @pointerdown.capture.stop
@@ -17,13 +17,13 @@
     >
       <div ref="conversationContainer" class="bk-agent-panel-conversation">
         <button
-          v-if="debugStyling"
+          v-if="DEBUG_STYLING"
           class="bk-button"
           @click="debugShowPlan = !debugShowPlan"
         >
           {{ debugShowPlan ? "Hide" : "Show" }} Plan
         </button>
-        <DebugGallery v-if="debugStyling" />
+        <DebugGallery v-if="DEBUG_STYLING" />
         <template v-else>
           <Welcome v-if="showWelcome" :agent-name @prompt="onWelcomePrompt" />
           <Conversation
@@ -70,7 +70,7 @@
         >
           <TransitionHeight opacity :duration="300">
             <div
-              v-if="!isConnected && hasBeenReady && !debugStyling"
+              v-if="!isConnected && hasBeenReady && !DEBUG_STYLING"
               class="bk-agent-disconnected"
             >
               <Icon name="loader" />
@@ -141,7 +141,6 @@ import { itemEntityType } from "#blokkli-build/config";
 const props = defineProps({
   agentName: { type: String, required: true },
   isShown: { type: Boolean, required: true },
-  debugStyling: { type: Boolean, required: false },
   conversation: { type: Array, required: true },
   activeItem: { type: null, required: true },
   isThinking: { type: Boolean, required: true },
@@ -155,15 +154,17 @@ const props = defineProps({
   conversationList: { type: Array, required: true },
   showConversationList: { type: Boolean, required: true },
   plan: { type: [Object, null], required: true },
-  usageTurns: { type: Array, required: true }
+  usageTurns: { type: Array, required: true },
+  pageContext: { type: [Object, null], required: true }
 });
 const emit = defineEmits(["connect", "sendPrompt", "cancel", "approve", "reject", "setAutoApprove", "newConversation", "getTranscript", "toolComponentDone", "switchConversation", "deleteConversation", "showConversations", "hideConversations", "retry", "approvePlan", "rejectPlan"]);
+const DEBUG_STYLING = import.meta.dev && false;
 const app = useBlokkli();
 const { $t } = app;
 watch(
   () => props.isShown,
   (isShown) => {
-    if (isShown && !props.debugStyling) {
+    if (isShown && !DEBUG_STYLING) {
       emit("connect");
     }
   },
@@ -172,7 +173,8 @@ watch(
 const toolContext = computed(() => ({
   app,
   itemEntityType,
-  adapter: app.adapter
+  adapter: app.adapter,
+  pageContext: props.pageContext
 }));
 const pendingToolComponent = computed(() => {
   if (!props.pendingToolCall) return null;
@@ -237,13 +239,13 @@ const debugPlan = {
 };
 const debugShowPlan = ref(true);
 const debugIsProcessing = computed(() => {
-  if (props.debugStyling) {
+  if (DEBUG_STYLING) {
     return debugShowPlan.value;
   }
   return props.isProcessing;
 });
 const activePlan = computed(() => {
-  return props.debugStyling ? debugShowPlan.value ? debugPlan : null : props.plan;
+  return DEBUG_STYLING ? debugShowPlan.value ? debugPlan : null : props.plan;
 });
 const isPlanPendingApproval = computed(() => {
   return activePlan.value !== null && activePlan.value.steps.every((s) => s.status === "pending");

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

@@ -1,10 +1,9 @@
 import type { AgentConversationSummary, PendingMutationState, PendingToolCall } from '#blokkli/agent/app/composables';
 import type { ConversationItem, ActiveItem } from '#blokkli/agent/app/types';
-import type { ClientPlanState, UsageTurn } from '#blokkli/agent/shared/types';
+import type { ClientPlanState, PageContext, UsageTurn } from '#blokkli/agent/shared/types';
 type __VLS_Props = {
     agentName: string;
     isShown: boolean;
-    debugStyling?: boolean;
     conversation: ConversationItem[];
     activeItem: ActiveItem | null;
     isThinking: boolean;
@@ -19,6 +18,7 @@ type __VLS_Props = {
     showConversationList: boolean;
     plan: ClientPlanState | null;
     usageTurns: UsageTurn[];
+    pageContext: PageContext | null;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     cancel: () => any;

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

@@ -19,7 +19,6 @@
     <template #default="{ isShown }">
       <AgentPanel
         :is-shown
-        :debug-styling="DEBUG_STYLING"
         :agent-name
         :conversation
         :active-item
@@ -35,6 +34,7 @@
         :plan
         :tool-details
         :usage-turns="usageTurns"
+        :page-context="pageContext"
         @connect="connect"
         @send-prompt="sendPrompt"
         @retry="retry"
@@ -108,7 +108,6 @@ import { agentPrompts, agentName } from "#blokkli-build/agent-client";
 import AgentPanel from "./Panel/index.vue";
 import AgentTranscript from "./Transcript/index.vue";
 import { defineItemDropdownAction } from "#blokkli/editor/composables";
-const DEBUG_STYLING = false;
 const { adapter } = defineBlokkliFeature({
   id: "agent",
   icon: "stars",
@@ -162,6 +161,7 @@ const {
   rejectPlan,
   usageTurns,
   sendPrompt,
+  runToolForPrompt,
   retry,
   approve,
   reject,
@@ -177,7 +177,8 @@ const {
   showConversationList,
   switchConversation,
   deleteConversation,
-  refreshConversationList
+  refreshConversationList,
+  pageContext
 } = agentProvider(app, adapter, agentName);
 async function onShowConversations() {
   await refreshConversationList();
@@ -203,9 +204,32 @@ defineItemDropdownAction(() => {
         group: "agent",
         variant: "agent",
         weight: -900,
-        callback: () => {
+        callback: async () => {
           app.eventBus.emit("sidebar:open", "agent");
-          sendPrompt(promptText, userPromptText, [...app.selection.uuids.value]);
+          const selectedUuids = [...app.selection.uuids.value];
+          let preSeededResults = void 0;
+          let autoExecuteTools = void 0;
+          if (prompt.preExecute) {
+            const preResult = await prompt.preExecute({
+              app,
+              selectedUuids,
+              runTool: runToolForPrompt
+            });
+            if (preResult) {
+              preSeededResults = preResult.preSeededResults;
+              autoExecuteTools = preResult.autoExecuteTools;
+            }
+          }
+          sendPrompt(
+            promptText,
+            userPromptText,
+            selectedUuids,
+            void 0,
+            prompt.tools,
+            prompt.skills,
+            preSeededResults,
+            autoExecuteTools
+          );
         }
       };
     });

package/dist/modules/agent/runtime/app/helpers/pageStructure.js

@@ -1,39 +1,30 @@
-import {
-  getFieldType,
-  getEditableValue,
-  getParagraphChildren
-} from "#blokkli/agent/app/tools/helpers";
+import { getParagraphChildren } from "#blokkli/agent/app/tools/helpers";
 import { itemEntityType } from "#blokkli-build/config";
 const MAX_CONTENT_LENGTH = 150;
-function stripHtml(html) {
-  return html.replace(/<[^>]*>/g, "").trim();
-}
 function truncate(text) {
   const cleaned = text.trim();
   if (cleaned.length <= MAX_CONTENT_LENGTH) return cleaned;
-  return cleaned.slice(0, MAX_CONTENT_LENGTH) + "\u2026";
+  return cleaned.slice(0, MAX_CONTENT_LENGTH) + " [TRUNCATED]";
 }
 export function buildBlock(app, uuid, bundle) {
   const block = { uuid, bundle };
   const editables = app.directive.getEditablesForBlock(uuid);
   const content = {};
   for (const editable of editables) {
-    const fieldType = getFieldType(
-      app,
+    const fieldType = app.fieldValue.resolveFieldType(
       itemEntityType,
       bundle,
       editable.fieldName
     );
     if (!fieldType) continue;
-    const raw = getEditableValue(
-      app,
+    const raw = app.fieldValue.readValue(
       itemEntityType,
       uuid,
       bundle,
       editable.fieldName,
       fieldType
     );
-    const text = fieldType === "markup" ? stripHtml(raw) : raw;
+    const text = raw;
     const truncated = truncate(text);
     if (truncated) {
       content[editable.fieldName] = truncated;
@@ -72,15 +63,14 @@ export function buildPageStructure(app) {
   let entityContentFields;
   for (const config of entityEditableConfigs) {
     const fieldType = config.type === "frame" || config.type === "markup" ? "markup" : "plain";
-    const raw = getEditableValue(
-      app,
+    const raw = app.fieldValue.readValue(
       entityType,
       pageUuid,
       entityBundle,
       config.name,
       fieldType
     );
-    const text = fieldType === "markup" ? stripHtml(raw) : raw;
+    const text = raw;
     const truncated = truncate(text);
     if (truncated) {
       if (!entityContentFields) entityContentFields = {};

package/dist/modules/agent/runtime/app/prompts/fixReadability.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/modules/agent/runtime/app/prompts/fixReadability.js

@@ -0,0 +1,49 @@
+import { defineBlokkliAgentPrompt } from "#blokkli/agent/app/composables";
+export default defineBlokkliAgentPrompt({
+  id: "fix_readability",
+  skills: ["rewrite-and-translate", "asses-and-fix-readability"],
+  tools: [
+    "get_readability_issues",
+    "check_readability_for_texts",
+    "delegate_text_rewrite"
+  ],
+  getLabel: ({ $t }) => {
+    return $t("agentPromptReadabilityLabel", "Fix readability...");
+  },
+  getPrompt: ({ $t }) => {
+    return $t(
+      "agentPromptReadabilityPrompt",
+      "The readability issues have already been analyzed and the fix has been applied. Do not call any more tools. Just very briefly confirm that you are done."
+    );
+  },
+  getUserPrompt: ({ $t }) => {
+    return $t(
+      "agentPromptReadabilityUserPrompt",
+      "Fix the readability of the selected paragraphs."
+    );
+  },
+  async preExecute({ selectedUuids, runTool }) {
+    const readability = await runTool(
+      "get_readability_issues",
+      selectedUuids.length ? {
+        uuids: selectedUuids
+      } : {}
+    );
+    const fields = Object.entries(readability.result).flatMap(
+      ([uuid, fieldMap]) => Object.keys(fieldMap).map((fieldName) => ({ uuid, fieldName }))
+    );
+    return {
+      preSeededResults: [readability],
+      autoExecuteTools: fields.length > 0 ? [
+        {
+          toolName: "delegate_text_rewrite",
+          params: {
+            template: "fix_readability",
+            templateParams: {},
+            fields
+          }
+        }
+      ] : void 0
+    };
+  }
+});

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

@@ -217,6 +217,7 @@ export default defineBlokkliAgentTool({
   name: "add_paragraphs",
   description: "Add one or more new paragraphs to the page. Supports nested structures via the `children` property \u2014 define entire paragraph trees in a single call. IMPORTANT: Always provide content field values (text, media/entity references) directly via contentFields, instead of adding empty paragraphs! For reference content fields (media), set the value to { entityType, entityId } from search_media results. NOTE: You can ONLY provide content fields, NOT paragraph fields! For nested paragraphs, use the `children` property keyed by paragraph field name. You can also set paragraph options inline via the `options` property (key-value pairs).",
   category: "mutation",
+  lazy: false,
   prunedSummary: (r) => r.success ? `added ${r.newParagraphs?.length || 0} paragraphs` : "rejected",
   modes: ["editing"],
   label($t) {

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

@@ -1,14 +1,14 @@
 import { z } from "zod";
 import { defineBlokkliAgentTool } from "#blokkli/agent/app/composables";
-function impactToLevel(impact) {
-  if (impact === "critical" || impact === "serious") return "hard";
-  if (impact === "moderate") return "ok";
+function bandToLevel(band) {
+  if (band === "hard") return "hard";
+  if (band === "ok") return "ok";
   return "good";
 }
 const textResultSchema = z.object({
   text: z.string(),
   level: z.enum(["good", "ok", "hard"]),
-  scores: z.record(z.string(), z.number())
+  score: z.number()
 });
 const paramsSchema = z.object({
   texts: z.array(z.string()).describe(
@@ -34,17 +34,26 @@ export default defineBlokkliAgentTool({
   paramsSchema,
   resultSchema,
   async execute(ctx, params) {
-    const { analyze, $t } = ctx.app;
-    await analyze.ensureInitialized();
-    const rawResults = await analyze.runOnTexts(params.texts, "readability");
-    const results = rawResults.map((tr) => {
-      const node = tr.nodes[0];
-      return {
-        text: tr.text,
-        level: impactToLevel(node?.impact),
-        scores: node?.scores ?? {}
-      };
-    });
+    const { readability, $t, context } = ctx.app;
+    const langcode = context.value.language;
+    const results = [];
+    for (const text of params.texts) {
+      const chunks = await readability.analyzeText(text, langcode);
+      let worstLevel = "good";
+      let worstScore = 0;
+      for (const chunk of chunks) {
+        const level = bandToLevel(chunk.band);
+        if (level === "hard" || level === "ok" && worstLevel === "good") {
+          worstLevel = level;
+          worstScore = chunk.score;
+        }
+      }
+      results.push({
+        text,
+        level: worstLevel,
+        score: worstScore
+      });
+    }
     return {
       label: $t(
         "aiAgentCheckReadabilityDone",

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

@@ -0,0 +1,46 @@
+import type { McpToolContext } from '#blokkli/agent/app/types';
+import type { ComponentParams } from './index.js';
+import type { UsageTurn } from '#blokkli/agent/shared/types';
+type __VLS_Props = {
+    context: McpToolContext;
+    params: ComponentParams;
+};
+export type StreamTextFieldsDetailItem = {
+    fieldLabel: string;
+    before: string;
+    after: string;
+    mode: 'full' | 'patch';
+    operations: Array<{
+        search: string;
+        replace: string;
+    }>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    done: (result: {
+        acceptedCount: number;
+        rejectedByUser: Record<string, Record<string, {
+            reasonForRejection: string;
+        }>>;
+        label: string;
+        agentMessage?: string | undefined;
+        historyIndex?: number | undefined;
+    } & {
+        _details?: StreamTextFieldsDetailItem[];
+        _usage?: UsageTurn;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDone?: ((result: {
+        acceptedCount: number;
+        rejectedByUser: Record<string, Record<string, {
+            reasonForRejection: string;
+        }>>;
+        label: string;
+        agentMessage?: string | undefined;
+        historyIndex?: number | undefined;
+    } & {
+        _details?: StreamTextFieldsDetailItem[];
+        _usage?: UsageTurn;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;