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

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

@@ -0,0 +1,23 @@
+import type { UsageTurn } from '#blokkli/agent/shared/types';
+type __VLS_Props = {
+    isProcessing: boolean;
+    isConnected: boolean;
+    canSubmit: boolean;
+    hasText: boolean;
+    usageTurns: UsageTurn[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: () => any;
+    submit: () => any;
+    "new-conversation": () => any;
+    "show-transcript": () => any;
+    "show-conversations": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onSubmit?: (() => any) | undefined;
+    "onNew-conversation"?: (() => any) | undefined;
+    "onShow-transcript"?: (() => any) | undefined;
+    "onShow-conversations"?: (() => 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/Input/index.d.vue.ts

@@ -0,0 +1,45 @@
+import type { UsageTurn } from '#blokkli/agent/shared/types';
+type __VLS_Props = {
+    isProcessing: boolean;
+    isConnected: boolean;
+    hasPendingApproval: boolean;
+    hasConversation: boolean;
+    hasActivePlan: boolean;
+    usageTurns: UsageTurn[];
+};
+declare function focus(): void;
+declare function clearAttachments(): void;
+type __VLS_ModelProps = {
+    modelValue: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    focus: typeof focus;
+    clearAttachments: typeof clearAttachments;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (attachments: Attachment[]) => void;
+    cancel: () => void;
+    "new-conversation": () => void;
+    "show-transcript": () => void;
+    "show-conversations": () => void;
+    "update:modelValue": (value: string) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onSubmit?: ((attachments: Attachment[]) => any) | undefined;
+    "onNew-conversation"?: (() => any) | undefined;
+    "onShow-transcript"?: (() => any) | undefined;
+    "onShow-conversations"?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,120 @@
+<template>
+  <div
+    class="bk-agent-input"
+    :class="{
+  'bk-is-active': hasActivePlan
+}"
+    @paste.capture="onPaste"
+  >
+    <TransitionHeight opacity :duration="600">
+      <div v-if="attachments.length" class="bk-agent-input-attachments">
+        <AttachmentChip
+          v-for="att in attachments"
+          :key="att.id"
+          :attachment="att"
+          removable
+          @remove="removeAttachment(att.id)"
+        />
+      </div>
+    </TransitionHeight>
+    <slot />
+    <TransitionHeight opacity :duration="600">
+      <div v-if="!hasActivePlan || !isProcessing">
+        <FlexTextarea
+          ref="textarea"
+          v-model="model"
+          :max-height="150"
+          submit-on-enter
+          paste-markdown
+          rows="2"
+          :placeholder="placeholder"
+          @submit="onSubmit"
+        />
+      </div>
+    </TransitionHeight>
+
+    <Actions
+      :is-processing="isProcessing"
+      :is-connected="isConnected"
+      :can-submit="canSubmit"
+      :usage-turns="usageTurns"
+      :has-text
+      @submit="onSubmit"
+      @cancel="$emit('cancel')"
+      @new-conversation="$emit('new-conversation')"
+      @show-transcript="$emit('show-transcript')"
+      @show-conversations="$emit('show-conversations')"
+    />
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, useBlokkli, useTemplateRef } from "#imports";
+import { FlexTextarea, TransitionHeight } from "#blokkli/editor/components";
+import AttachmentChip from "../Attachment/index.vue";
+import Actions from "./Actions/index.vue";
+import { generateUUID } from "#blokkli/editor/helpers/uuid";
+const ATTACHMENT_THRESHOLD = 500;
+const props = defineProps({
+  isProcessing: { type: Boolean, required: true },
+  isConnected: { type: Boolean, required: true },
+  hasPendingApproval: { type: Boolean, required: true },
+  hasConversation: { type: Boolean, required: true },
+  hasActivePlan: { type: Boolean, required: true },
+  usageTurns: { type: Array, required: true }
+});
+const { $t } = useBlokkli();
+const placeholder = computed(() => {
+  if (props.isProcessing) {
+    return $t("aiAgentProcessing", "Processing...");
+  }
+  if (props.hasPendingApproval) {
+    return $t("aiAgentAwaitingApproval", "Awaiting your approval...");
+  }
+  if (props.hasConversation) {
+    return $t("aiAgentPlaceholderReply", "Reply...");
+  }
+  return $t("aiAgentPlaceholder", "What should we work on?");
+});
+const emit = defineEmits(["submit", "cancel", "new-conversation", "show-transcript", "show-conversations"]);
+const model = defineModel({ type: String, ...{ required: true } });
+const attachments = ref([]);
+function onPaste(e) {
+  const text = e.clipboardData?.getData("text/plain");
+  if (!text || text.length < ATTACHMENT_THRESHOLD) {
+    return;
+  }
+  if (attachments.value.some((a) => a.content === text)) {
+    e.preventDefault();
+    e.stopPropagation();
+    return;
+  }
+  e.preventDefault();
+  e.stopPropagation();
+  attachments.value.push({
+    type: "text",
+    id: generateUUID(),
+    content: text
+  });
+}
+function removeAttachment(id) {
+  attachments.value = attachments.value.filter((a) => a.id !== id);
+}
+const hasText = computed(() => !!model.value.trim());
+const canSubmit = computed(() => {
+  return (hasText.value || attachments.value.length > 0) && !props.isProcessing && props.isConnected;
+});
+function onSubmit() {
+  if (!canSubmit.value) return;
+  emit("submit", attachments.value);
+  attachments.value = [];
+}
+const textarea = useTemplateRef("textarea");
+function focus() {
+  textarea.value?.focus();
+}
+function clearAttachments() {
+  attachments.value = [];
+}
+defineExpose({ focus, clearAttachments });
+</script>

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

@@ -0,0 +1,45 @@
+import type { UsageTurn } from '#blokkli/agent/shared/types';
+type __VLS_Props = {
+    isProcessing: boolean;
+    isConnected: boolean;
+    hasPendingApproval: boolean;
+    hasConversation: boolean;
+    hasActivePlan: boolean;
+    usageTurns: UsageTurn[];
+};
+declare function focus(): void;
+declare function clearAttachments(): void;
+type __VLS_ModelProps = {
+    modelValue: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    focus: typeof focus;
+    clearAttachments: typeof clearAttachments;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (attachments: Attachment[]) => void;
+    cancel: () => void;
+    "new-conversation": () => void;
+    "show-transcript": () => void;
+    "show-conversations": () => void;
+    "update:modelValue": (value: string) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onSubmit?: ((attachments: Attachment[]) => any) | undefined;
+    "onNew-conversation"?: (() => any) | undefined;
+    "onShow-transcript"?: (() => any) | undefined;
+    "onShow-conversations"?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,15 @@
+import type { MutationAction } from '#blokkli/agent/app/types';
+type __VLS_Props = {
+    action: MutationAction;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    approve: () => void;
+    reject: () => void;
+    "always-approve": () => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onApprove?: (() => any) | undefined;
+    onReject?: (() => any) | undefined;
+    "onAlways-approve"?: (() => 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/PendingMutation/index.vue

@@ -0,0 +1,47 @@
+<template>
+  <ToolCard :icon="actionIcon" :title="action.label" @cancel="$emit('reject')">
+    <template #actions>
+      <button
+        class="bk-button bk-is-small bk-is-lime bk-is-fullwidth"
+        @click="$emit('approve')"
+      >
+        <Icon name="bk_mdi_check" />
+        {{ $t("aiAgentApprove", "Approve") }}
+      </button>
+      <button
+        class="bk-button bk-is-small bk-is-lime-outline"
+        @click="$emit('always-approve')"
+      >
+        <Icon name="bk_mdi_done_all" />
+        {{ $t("aiAgentAlwaysApprove", "Always") }}
+      </button>
+    </template>
+  </ToolCard>
+</template>
+
+<script setup>
+import { computed, useBlokkli } from "#imports";
+import { Icon } from "#blokkli/editor/components";
+import ToolCard from "../ToolCard/index.vue";
+const props = defineProps({
+  action: { type: null, required: true }
+});
+defineEmits(["approve", "reject", "always-approve"]);
+const { $t } = useBlokkli();
+const actionIcon = computed(() => {
+  switch (props.action.type) {
+    case "rewrite":
+      return "bk_mdi_edit";
+    case "add":
+      return "bk_mdi_add";
+    case "delete":
+      return "bk_mdi_delete";
+    case "move":
+      return "bk_mdi_drag_pan";
+    case "options":
+      return "bk_mdi_tune";
+    default:
+      return "bk_mdi_edit";
+  }
+});
+</script>

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

@@ -0,0 +1,15 @@
+import type { MutationAction } from '#blokkli/agent/app/types';
+type __VLS_Props = {
+    action: MutationAction;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    approve: () => void;
+    reject: () => void;
+    "always-approve": () => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onApprove?: (() => any) | undefined;
+    onReject?: (() => any) | undefined;
+    "onAlways-approve"?: (() => 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/Plan/index.d.vue.ts

@@ -0,0 +1,14 @@
+import type { ClientPlanState } from '#blokkli/agent/shared/types';
+type __VLS_Props = {
+    plan: ClientPlanState;
+    pendingApproval: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    approve: () => any;
+    reject: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onApprove?: (() => any) | undefined;
+    onReject?: (() => 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/Plan/index.vue

@@ -0,0 +1,55 @@
+<template>
+  <ToolCard
+    class="bk-agent-plan"
+    icon="bk_mdi_inventory"
+    :title="plan.title"
+    :hide-cancel="!pendingApproval"
+    @cancel="$emit('reject')"
+  >
+    <div class="bk-agent-plan-steps">
+      <div
+        v-for="(step, index) in plan.steps"
+        :key="index"
+        class="bk-agent-plan-step"
+        :class="{
+  'bk-is-pending': step.status === 'pending',
+  'bk-is-in-progress': step.status === 'in_progress',
+  'bk-is-completed': step.status === 'completed'
+}"
+      >
+        <StatusIcon
+          :status="planStepToStatus(step.status)"
+          :bullet-text="index + 1"
+        />
+        <span class="bk-agent-plan-step-label">{{ step.label }}</span>
+      </div>
+    </div>
+
+    <template v-if="pendingApproval" #actions>
+      <button
+        class="bk-button bk-is-small bk-is-lime bk-is-fullwidth"
+        @click="$emit('approve')"
+      >
+        <Icon name="bk_mdi_check" />
+        {{ $t("aiAgentApprovePlan", "Accept plan") }}
+      </button>
+    </template>
+  </ToolCard>
+</template>
+
+<script setup>
+import { useBlokkli } from "#imports";
+import { Icon, StatusIcon } from "#blokkli/editor/components";
+import ToolCard from "../ToolCard/index.vue";
+defineProps({
+  plan: { type: Object, required: true },
+  pendingApproval: { type: Boolean, required: true }
+});
+defineEmits(["approve", "reject"]);
+const { $t } = useBlokkli();
+function planStepToStatus(stepStatus) {
+  if (stepStatus === "completed") return "success";
+  if (stepStatus === "in_progress") return "active";
+  return "pending";
+}
+</script>

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

@@ -0,0 +1,14 @@
+import type { ClientPlanState } from '#blokkli/agent/shared/types';
+type __VLS_Props = {
+    plan: ClientPlanState;
+    pendingApproval: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    approve: () => any;
+    reject: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onApprove?: (() => any) | undefined;
+    onReject?: (() => 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/ToolCard/index.d.vue.ts

@@ -0,0 +1,25 @@
+import type { BlokkliIcon } from '#blokkli-build/icons';
+type __VLS_Props = {
+    icon: BlokkliIcon;
+    title: string;
+    hideCancel?: boolean;
+};
+declare var __VLS_11: {}, __VLS_13: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_11) => any;
+} & {
+    actions?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    cancel: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,36 @@
+<template>
+  <div class="bk-agent-tool-card">
+    <div class="bk-agent-tool-card-header">
+      <div class="bk-agent-tool-card-header-left">
+        <Icon :name="icon" />
+        <span>{{ title }}</span>
+      </div>
+      <div v-if="!hideCancel" class="bk-agent-tool-card-header-cancel">
+        <button type="button" @click="$emit('cancel')">
+          <Icon name="bk_mdi_close" />
+        </button>
+        <div class="bk-tooltip">
+          <span>{{ $t("aiAgentReject", "Reject") }}</span>
+        </div>
+      </div>
+    </div>
+
+    <slot />
+
+    <div v-if="$slots.actions" class="bk-agent-tool-card-actions">
+      <slot name="actions" />
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { Icon } from "#blokkli/editor/components";
+import { useBlokkli } from "#imports";
+defineProps({
+  icon: { type: null, required: true },
+  title: { type: String, required: true },
+  hideCancel: { type: Boolean, required: false }
+});
+defineEmits(["cancel"]);
+const { $t } = useBlokkli();
+</script>

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

@@ -0,0 +1,25 @@
+import type { BlokkliIcon } from '#blokkli-build/icons';
+type __VLS_Props = {
+    icon: BlokkliIcon;
+    title: string;
+    hideCancel?: boolean;
+};
+declare var __VLS_11: {}, __VLS_13: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_11) => any;
+} & {
+    actions?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    cancel: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/modules/agent/runtime/app/features/agent/Panel/Welcome/de.md

@@ -0,0 +1,19 @@
+# Hallo! Ich bin @agent-name, dein Assistent für die Inhaltsbearbeitung.
+
+Ich kann dir helfen, diese Seite zu gestalten — sag mir einfach, was du
+brauchst:
+
+- **Blöcke hinzufügen, verschieben und löschen** auf der Seite
+- **Textinhalte bearbeiten und umschreiben**
+- **Optionen ändern** wie Hintergrundfarbe oder Layout
+- **Medien suchen und ersetzen** wie Bilder oder Videos
+- **Vorlagen einfügen** aus der Vorlagenbibliothek
+- **Inhalte übersetzen** in andere Sprachen
+
+Ein paar Dinge, die du beachten solltest:
+
+- **Speichern oder veröffentlichen** — das musst du selbst machen
+- **Andere Seiten bearbeiten** — ich kann nur auf der aktuellen Seite arbeiten
+- **Globale Inhalte löschen** wie Bilder, Videos oder Seiten
+
+Probier eines davon aus, um loszulegen:

package/dist/modules/agent/runtime/app/features/agent/Panel/Welcome/en.md

@@ -0,0 +1,18 @@
+# Hey! I'm @agent-name, your content editing assistant.
+
+I can help you shape this page — just tell me what you need:
+
+- **Add, move and delete** blocks on the page
+- **Edit and rewrite** text content
+- **Change options** like background color or layout
+- **Search and replace** media such as images or videos
+- **Insert templates** from the template library
+- **Translate** content to other languages
+
+A few things to keep in mind:
+
+- **Save or publish** changes — you need to do that yourself
+- **Edit other pages** — I can only work on the current page
+- **Delete global content** like images, videos or pages
+
+Try one of these to get started:

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

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    agentName: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    prompt: (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onPrompt?: ((value: string) => 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/Welcome/index.vue

@@ -0,0 +1,44 @@
+<template>
+  <div class="bk-agent-welcome">
+    <div class="bk-agent-message-text" v-html="welcomeHtml" />
+    <div v-if="defaultPrompts.length" class="bk-agent-welcome-prompts">
+      <button
+        v-for="(prompt, index) in defaultPrompts"
+        :key="index"
+        type="button"
+        @click.prevent="emit('prompt', prompt)"
+      >
+        <Icon name="bk_mdi_chat" />
+        <span>{{ prompt }}</span>
+      </button>
+    </div>
+    <div class="bk-agent-welcome-disclaimer">
+      <div v-html="disclaimer" />
+      <Icon name="bk_mdi_priority_high" />
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed, useBlokkli } from "#imports";
+import { marked } from "marked";
+import welcomeMdEn from "./en.md?raw";
+import welcomeMdDe from "./de.md?raw";
+import { defaultPrompts } from "#blokkli-build/agent-client";
+import { Icon } from "#blokkli/editor/components";
+const props = defineProps({
+  agentName: { type: String, required: true }
+});
+const emit = defineEmits(["prompt"]);
+const { $t, ui } = useBlokkli();
+const welcomeMd = ui.interfaceLanguage.value === "de" ? welcomeMdDe : welcomeMdEn;
+const welcomeHtml = await Promise.resolve(marked.parse(welcomeMd)).then(
+  (v) => v.replaceAll("@agent-name", props.agentName)
+);
+const disclaimer = computed(() => {
+  return $t(
+    "aiAgentWelcomeDisclaimer",
+    `@agent can make mistakes! Always check the output. <strong>Do not enter sensitive information.</strong>`
+  ).replace("@agent", props.agentName);
+});
+</script>

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

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    agentName: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    prompt: (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onPrompt?: ((value: string) => 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.d.vue.ts

@@ -0,0 +1,58 @@
+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';
+type __VLS_Props = {
+    agentName: string;
+    isShown: boolean;
+    debugStyling?: boolean;
+    conversation: ConversationItem[];
+    activeItem: ActiveItem | null;
+    isThinking: boolean;
+    isProcessing: boolean;
+    isConnected: boolean;
+    hasBeenReady: boolean;
+    pendingToolCall: PendingToolCall | null;
+    pendingMutation: PendingMutationState | null;
+    autoApprove: boolean;
+    conversationList: AgentConversationSummary[];
+    showConversationList: boolean;
+    plan: ClientPlanState | null;
+    usageTurns: UsageTurn[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: () => any;
+    retry: () => any;
+    approve: () => any;
+    reject: () => any;
+    newConversation: () => any;
+    showConversations: () => any;
+    connect: () => any;
+    sendPrompt: (prompt: string, displayPrompt?: string | undefined, selectedUuids?: string[] | undefined, attachments?: Attachment[] | undefined) => any;
+    setAutoApprove: (value: boolean) => any;
+    getTranscript: () => any;
+    toolComponentDone: (result: unknown) => any;
+    switchConversation: (id: string) => any;
+    deleteConversation: (id: string) => any;
+    hideConversations: () => any;
+    approvePlan: () => any;
+    rejectPlan: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onRetry?: (() => any) | undefined;
+    onApprove?: (() => any) | undefined;
+    onReject?: (() => any) | undefined;
+    onNewConversation?: (() => any) | undefined;
+    onShowConversations?: (() => any) | undefined;
+    onConnect?: (() => any) | undefined;
+    onSendPrompt?: ((prompt: string, displayPrompt?: string | undefined, selectedUuids?: string[] | undefined, attachments?: Attachment[] | undefined) => any) | undefined;
+    onSetAutoApprove?: ((value: boolean) => any) | undefined;
+    onGetTranscript?: (() => any) | undefined;
+    onToolComponentDone?: ((result: unknown) => any) | undefined;
+    onSwitchConversation?: ((id: string) => any) | undefined;
+    onDeleteConversation?: ((id: string) => any) | undefined;
+    onHideConversations?: (() => any) | undefined;
+    onApprovePlan?: (() => any) | undefined;
+    onRejectPlan?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;