@blokkli/editor 2.0.0-alpha.32 → 2.0.0-alpha.33

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

@@ -0,0 +1,32 @@
+import type { AgentPromptDefinition, AgentPromptFactoryInput, AgentPromptFactory } from '#blokkli/agent/app/types';
+/**
+ * Define a pre-defined agent prompt that users can select.
+ *
+ * Prompts are collected at build time and made available in the agent UI.
+ *
+ * @example Static prompt:
+ * ```typescript
+ * export default defineBlokkliAgentPrompt({
+ *   id: 'translate_blocks',
+ *   getLabel: () => 'Translate blocks',
+ *   getPrompt: () => 'Translate all blocks on the page to the current language.',
+ * })
+ * ```
+ *
+ * @example Factory pattern for dynamic prompts:
+ * ```typescript
+ * export default defineBlokkliAgentPrompt({
+ *   resolve: (app) => {
+ *     return [
+ *       {
+ *         id: 'translate_to_current',
+ *         getLabel: () => `Translate to ${app.state.language.value}`,
+ *         getPrompt: () => `Translate all blocks to ${app.state.language.value}.`,
+ *       },
+ *     ]
+ *   },
+ * })
+ * ```
+ */
+export declare function defineBlokkliAgentPrompt(definition: AgentPromptDefinition): AgentPromptDefinition;
+export declare function defineBlokkliAgentPrompt(factory: AgentPromptFactoryInput): AgentPromptFactory;

package/dist/modules/agent/runtime/app/composables/defineBlokkliAgentPrompt.js

@@ -0,0 +1,6 @@
+export function defineBlokkliAgentPrompt(options) {
+  if ("resolve" in options) {
+    return { ...options, __factory: true };
+  }
+  return options;
+}

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

@@ -0,0 +1,65 @@
+import type { McpToolDefinition, McpToolCategory, McpToolFactoryInput, McpToolFactory } from '#blokkli/agent/app/types';
+import type { AdapterMethods } from '#blokkli/editor/adapter';
+import type { z } from 'zod';
+import type { Component } from 'vue';
+/**
+ * Define an MCP tool for the blokkli AI agent using Zod schemas.
+ *
+ * Tools are defined once and compiled into two bundles:
+ * - Client bundle: Full definition with execute function (for Vue component)
+ * - Server bundle: Tools are sent dynamically via WebSocket on init
+ *
+ * The Zod schemas provide:
+ * - Type-safe parameter and result definitions with TypeScript inference
+ * - Runtime validation on the client
+ * - Automatic JSON Schema generation for the AI server
+ *
+ * @example
+ * ```typescript
+ * import { z } from 'zod'
+ *
+ * const paramsSchema = z.object({
+ *   uuid: z.string().describe('The block UUID'),
+ * })
+ *
+ * const resultSchema = z.object({
+ *   uuid: z.string(),
+ *   bundle: z.string(),
+ * })
+ *
+ * export default defineBlokkliAgentTool({
+ *   name: 'get_block_context',
+ *   description: 'Get detailed information about a specific block by its UUID',
+ *   category: 'query',
+ *   paramsSchema,
+ *   resultSchema,
+ *   execute: (ctx, params) => {
+ *     const block = ctx.app.blocks.getBlock(params.uuid)
+ *     if (!block) throw new Error(`Block not found: ${params.uuid}`)
+ *     return {
+ *       label: 'Get block context',
+ *       result: { uuid: params.uuid, bundle: block.bundle }
+ *     }
+ *   },
+ * })
+ * ```
+ *
+ * @example Factory pattern for dynamic tools:
+ * ```typescript
+ * export default defineBlokkliAgentTool({
+ *   resolve: async (ctx) => {
+ *     if (!ctx.adapter.getContentSearchTabs) return []
+ *     const tabs = await ctx.adapter.getContentSearchTabs()
+ *     return Object.entries(tabs).map(([id, label]) =>
+ *       defineBlokkliAgentTool({
+ *         name: `search_${id}`,
+ *         requiredAdapterMethods: ['getContentSearchResults'],
+ *         // ... each tool has full type safety
+ *       })
+ *     )
+ *   },
+ * })
+ * ```
+ */
+export declare function defineBlokkliAgentTool<TParamsSchema extends z.ZodType, TResultSchema extends z.ZodType, const TMethods extends readonly AdapterMethods[] = readonly [], TComponent extends Component | undefined = undefined, TCategory extends McpToolCategory = McpToolCategory>(options: McpToolDefinition<TParamsSchema, TResultSchema, TMethods, TComponent, TCategory>): McpToolDefinition<TParamsSchema, TResultSchema, TMethods, TComponent, TCategory>;
+export declare function defineBlokkliAgentTool(options: McpToolFactoryInput): McpToolFactory;

package/dist/modules/agent/runtime/app/composables/defineBlokkliAgentTool.js

@@ -0,0 +1,6 @@
+export function defineBlokkliAgentTool(options) {
+  if ("resolve" in options) {
+    return { ...options, __factory: true };
+  }
+  return options;
+}

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

@@ -0,0 +1,4 @@
+export { defineBlokkliAgentTool } from './defineBlokkliAgentTool.js';
+export { defineBlokkliAgentPrompt } from './defineBlokkliAgentPrompt.js';
+export type { AgentProvider, AgentProviderOptions, PendingMutationState, PendingToolCall, } from './agentProvider.js';
+export type { AgentConversationData, AgentConversationSummary, } from '../features/agent/types.js';

package/dist/modules/agent/runtime/app/composables/index.js

@@ -0,0 +1,2 @@
+export { defineBlokkliAgentTool } from "./defineBlokkliAgentTool.js";
+export { defineBlokkliAgentPrompt } from "./defineBlokkliAgentPrompt.js";

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

@@ -0,0 +1,12 @@
+import type { Attachment } from '#blokkli/agent/app/types';
+type __VLS_Props = {
+    attachment: Attachment;
+    removable?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    remove: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRemove?: (() => 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/Attachment/index.vue

@@ -0,0 +1,62 @@
+<template>
+  <div class="bk-agent-attachment">
+    <button
+      v-if="removable"
+      :title="$t('aiAgentRemoveAttachment', 'Remove attachment')"
+      class="bk-agent-attachment-close"
+      @click="$emit('remove')"
+    >
+      <Icon name="bk_mdi_close" />
+    </button>
+    <button
+      class="bk-agent-attachment-text"
+      :title="$t('aiAgentViewAttachment', 'View attachment')"
+      @click="showAttachment = true"
+    >
+      <div>
+        <span class="bk-agent-attachment-title">{{ title }}</span>
+        <span class="bk-agent-attachment-preview">{{ preview }}</span>
+      </div>
+    </button>
+  </div>
+  <Teleport :to="ui.mainLayoutElement.value">
+    <BlokkliTransition name="slide-up">
+      <DialogModal
+        v-if="showAttachment"
+        :id="'attachment-modal-' + attachment.id"
+        :title
+        :width="1200"
+        hide-buttons
+        class="bk-agent-attachment-modal"
+        @cancel="showAttachment = false"
+      >
+        <div>{{ attachment.content }}</div>
+      </DialogModal>
+    </BlokkliTransition>
+  </Teleport>
+</template>
+
+<script setup>
+import { computed, useBlokkli, ref } from "#imports";
+import {
+  Icon,
+  BlokkliTransition,
+  DialogModal
+} from "#blokkli/editor/components";
+const props = defineProps({
+  attachment: { type: Object, required: true },
+  removable: { type: Boolean, required: false }
+});
+defineEmits(["remove"]);
+const { $t, ui } = useBlokkli();
+const showAttachment = ref(false);
+const title = computed(() => {
+  if (props.attachment.type === "text") {
+    return $t("aiAgentPastedText", "Pasted text");
+  }
+  return "";
+});
+const preview = computed(() => {
+  return props.attachment.content.replace(/\s+/g, " ").trim().slice(0, 200);
+});
+</script>

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

@@ -0,0 +1,12 @@
+import type { Attachment } from '#blokkli/agent/app/types';
+type __VLS_Props = {
+    attachment: Attachment;
+    removable?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    remove: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRemove?: (() => 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/Conversation/Item/Assistant/index.d.vue.ts

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    id: string;
+    timestamp: number;
+    type: 'assistant';
+    content: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,38 @@
+<template>
+  <div class="bk-agent-message bk-is-assistant bk-agent-assistant-bubble">
+    <div ref="contentEl" class="bk-agent-message-text" />
+  </div>
+</template>
+
+<script setup>
+import { ref, watch, nextTick, useBlokkli } from "#imports";
+import { marked } from "marked";
+import { PLACEHOLDER_USER_NAME } from "#blokkli/agent/shared/placeholders";
+const props = defineProps({
+  id: { type: String, required: true },
+  timestamp: { type: Number, required: true },
+  type: { type: String, required: true },
+  content: { type: String, required: true }
+});
+const { state } = useBlokkli();
+const contentEl = ref();
+marked.setOptions({ gfm: true, breaks: true });
+function renderContent(content) {
+  const container = contentEl.value;
+  if (!container) return;
+  const ownerName = state.owner.value?.name || "";
+  container.innerHTML = marked.parse(
+    content.replaceAll(PLACEHOLDER_USER_NAME, ownerName)
+  );
+}
+watch(
+  () => props.content,
+  async (content) => {
+    if (content) {
+      await nextTick();
+      renderContent(content);
+    }
+  },
+  { immediate: true }
+);
+</script>

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

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    id: string;
+    timestamp: number;
+    type: 'assistant';
+    content: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    id: string;
+    timestamp: number;
+    type: 'error';
+    errorType: 'authentication' | 'rate_limit' | 'overloaded' | 'not_found' | 'bad_request' | 'connection' | 'unauthorized' | 'unknown';
+    retryable?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    retry: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRetry?: (() => 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/Conversation/Item/Error/index.vue

@@ -0,0 +1,68 @@
+<template>
+  <div class="bk-agent-error-bubble">
+    <Icon name="bk_mdi_priority_high" />
+    <span>{{ errorMessage }}</span>
+    <button
+      v-if="retryable"
+      class="bk-agent-error-retry"
+      @click="emit('retry')"
+    >
+      {{ $t("aiAgentRetry", "Retry") }}
+    </button>
+  </div>
+</template>
+
+<script setup>
+import { computed, useBlokkli } from "#imports";
+import { Icon } from "#blokkli/editor/components";
+const props = defineProps({
+  id: { type: String, required: true },
+  timestamp: { type: Number, required: true },
+  type: { type: String, required: true },
+  errorType: { type: String, required: true },
+  retryable: { type: Boolean, required: false }
+});
+const emit = defineEmits(["retry"]);
+const { $t } = useBlokkli();
+const errorMessage = computed(() => {
+  switch (props.errorType) {
+    case "authentication":
+      return $t(
+        "aiAgentErrorAuthentication",
+        "API authentication failed. Please check your API key."
+      );
+    case "rate_limit":
+      return $t(
+        "aiAgentErrorRateLimit",
+        "Rate limit exceeded. Please wait a moment before trying again."
+      );
+    case "overloaded":
+      return $t(
+        "aiAgentErrorOverloaded",
+        "The AI service is currently overloaded. Please try again in a moment."
+      );
+    case "not_found":
+      return $t(
+        "aiAgentErrorNotFound",
+        "The configured AI model was not found. Please check the configuration."
+      );
+    case "bad_request":
+      return $t(
+        "aiAgentErrorBadRequest",
+        "The request to the AI service was invalid."
+      );
+    case "connection":
+      return $t(
+        "aiAgentErrorConnection",
+        "Could not connect to the AI service. Please check your network connection."
+      );
+    case "unauthorized":
+      return $t(
+        "aiAgentErrorUnauthorized",
+        "Authentication failed. Please reload the page and try again."
+      );
+    default:
+      return $t("aiAgentErrorUnknown", "An unexpected error occurred.");
+  }
+});
+</script>

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

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    id: string;
+    timestamp: number;
+    type: 'error';
+    errorType: 'authentication' | 'rate_limit' | 'overloaded' | 'not_found' | 'bad_request' | 'connection' | 'unauthorized' | 'unknown';
+    retryable?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    retry: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRetry?: (() => 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/Conversation/Item/ServerTool/index.d.vue.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    id: string;
+    timestamp: number;
+    type: 'server_tool';
+    tool: 'load_skill' | 'load_tools' | 'create_plan' | 'complete_plan_step' | 'plan_completed';
+    label: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,72 @@
+<template>
+  <div class="bk-agent-assistant-bubble bk-is-tool bk-is-server-tool">
+    <div class="bk-agent-tool-call bk-is-server-tool">
+      <Icon
+        :name="getServerSideToolIcon(tool)"
+        class="bk-agent-tool-call-status"
+      />
+      <span>{{ serverToolLabel }}</span>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed, useBlokkli } from "#imports";
+import { Icon } from "#blokkli/editor/components";
+const props = defineProps({
+  id: { type: String, required: true },
+  timestamp: { type: Number, required: true },
+  type: { type: String, required: true },
+  tool: { type: String, required: true },
+  label: { type: String, required: true }
+});
+const { $t } = useBlokkli();
+const serverToolLabel = computed(() => {
+  if (props.tool === "load_skill") {
+    return $t("aiAgentLoadSkill", 'Using skill "@label"').replace(
+      "@label",
+      props.label
+    );
+  }
+  if (props.tool === "load_tools") {
+    return $t("aiAgentLoadTools", "@count tools loaded").replace(
+      "@count",
+      props.label
+    );
+  }
+  if (props.tool === "create_plan") {
+    return $t("aiAgentCreatePlan", "Plan: @label").replace(
+      "@label",
+      props.label
+    );
+  }
+  if (props.tool === "complete_plan_step") {
+    return $t("aiAgentCompletePlanStep", "Completed: @label").replace(
+      "@label",
+      props.label
+    );
+  }
+  if (props.tool === "plan_completed") {
+    return $t("aiAgentPlanCompleted", "Plan completed: @label").replace(
+      "@label",
+      props.label
+    );
+  }
+  return props.label;
+});
+function getServerSideToolIcon(id) {
+  if (id === "load_skill") {
+    return "bk_mdi_book_2";
+  }
+  if (id === "create_plan") {
+    return "bk_mdi_inventory";
+  }
+  if (id === "complete_plan_step") {
+    return "bk_mdi_check";
+  }
+  if (id === "plan_completed") {
+    return "bk_mdi_done_all";
+  }
+  return "bk_mdi_build-fill";
+}
+</script>

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

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    id: string;
+    timestamp: number;
+    type: 'server_tool';
+    tool: 'load_skill' | 'load_tools' | 'create_plan' | 'complete_plan_step' | 'plan_completed';
+    label: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    id: string;
+    timestamp: number;
+    type: 'tool';
+    callId: string;
+    tool: string;
+    label: string;
+    status: 'active' | 'success' | 'error';
+    isActive?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,37 @@
+<template>
+  <div class="bk-agent-assistant-bubble bk-is-tool">
+    <div class="bk-agent-tool-call" :class="toolStatusClass">
+      <StatusIcon :status="toolStatus" />
+      <span class="bk-agent-tool-call-name">{{
+        label || formatToolName(tool)
+      }}</span>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed } from "#imports";
+import { StatusIcon } from "#blokkli/editor/components";
+const props = defineProps({
+  id: { type: String, required: true },
+  timestamp: { type: Number, required: true },
+  type: { type: String, required: true },
+  callId: { type: String, required: true },
+  tool: { type: String, required: true },
+  label: { type: String, required: true },
+  status: { type: String, required: true },
+  isActive: { type: Boolean, required: false }
+});
+const toolStatus = computed(() => {
+  if (props.isActive) return "active";
+  return props.status;
+});
+const toolStatusClass = computed(() => {
+  const status = toolStatus.value;
+  if (status === "active") return "bk-is-pending";
+  return `bk-is-${status}`;
+});
+function formatToolName(tool) {
+  return tool.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
+}
+</script>

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

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    id: string;
+    timestamp: number;
+    type: 'tool';
+    callId: string;
+    tool: string;
+    label: string;
+    status: 'active' | 'success' | 'error';
+    isActive?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    id: string;
+    timestamp: number;
+    type: 'unknown';
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,17 @@
+<template>
+  <div class="bk-agent-error-bubble">
+    <Icon name="bk_mdi_priority_high" />
+    <span>{{ $t("aiAgentUnknownMessage", "Unknown message type") }}</span>
+  </div>
+</template>
+
+<script setup>
+import { useBlokkli } from "#imports";
+import { Icon } from "#blokkli/editor/components";
+defineProps({
+  id: { type: String, required: true },
+  timestamp: { type: Number, required: true },
+  type: { type: String, required: true }
+});
+const { $t } = useBlokkli();
+</script>

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

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    id: string;
+    timestamp: number;
+    type: 'unknown';
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,11 @@
+import type { Attachment } from '#blokkli/agent/app/types';
+type __VLS_Props = {
+    id: string;
+    timestamp: number;
+    type: 'user';
+    content: string;
+    attachments?: Attachment[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,29 @@
+<template>
+  <div class="bk-agent-message bk-is-user">
+    <div v-if="html" class="bk-agent-message-text" v-html="html" />
+    <div v-if="attachments?.length" class="bk-agent-message-attachments">
+      <AttachmentChip
+        v-for="att in attachments"
+        :key="att.id"
+        :attachment="att"
+      />
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed } from "#imports";
+import { marked } from "marked";
+import AttachmentChip from "../../../Attachment/index.vue";
+const props = defineProps({
+  id: { type: String, required: true },
+  timestamp: { type: Number, required: true },
+  type: { type: String, required: true },
+  content: { type: String, required: true },
+  attachments: { type: Array, required: false }
+});
+marked.setOptions({ gfm: true, breaks: true });
+const html = computed(() => {
+  return props.content ? marked.parse(props.content) : "";
+});
+</script>

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

@@ -0,0 +1,11 @@
+import type { Attachment } from '#blokkli/agent/app/types';
+type __VLS_Props = {
+    id: string;
+    timestamp: number;
+    type: 'user';
+    content: string;
+    attachments?: Attachment[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,12 @@
+import type { ConversationItem } from '#blokkli/agent/app/types';
+type __VLS_Props = {
+    item: ConversationItem;
+    isActive?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    retry: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRetry?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;