@revenexx/editor 0.1.0

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

@@ -0,0 +1,47 @@
+import type { Attachment } from '#blokkli/agent/app/types';
+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;
+type __VLS_ModelProps = {
+    modelValue: string;
+    'attachments': Attachment[];
+};
+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;
+}, {}, {}, {}, 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;
+    "update:attachments": (value: Attachment[]) => 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;
+    "onUpdate:attachments"?: ((value: Attachment[]) => 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,121 @@
+<template>
+  <div
+    class="bk-agent-input _bk_flex _bk_flex-col _bk_shrink-0"
+    :class="{
+  'bk-is-active': hasActivePlan
+}"
+  >
+    <TransitionHeight opacity :duration="600">
+      <div
+        v-if="attachments.length"
+        class="_bk_flex _bk_flex-wrap _bk_gap-5 _bk_p-10 _bk_border-b _bk_border-b-mono-300 _bk_border-dashed"
+      >
+        <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
+          :on-before-paste="onPaste"
+          rows="2"
+          :placeholder="placeholder"
+          class="_bk_min-h-60 _bk_w-full _bk_resize-none _bk_text-base _bk_p-10 _bk_pb-0 _bk_border-none _bk_bg-transparent _bk_appearance-none _bk_text-mono-800 _bk_rounded-t-lg _bk_focus:outline-none _bk_focus:shadow-none _bk_placeholder:text-mono-400"
+          @submit="onSubmit"
+        />
+      </div>
+    </TransitionHeight>
+
+    <Actions
+      :is-processing="isProcessing"
+      :is-connected="isConnected"
+      :can-submit="canSubmit"
+      :usage-turns="usageTurns"
+      :has-text
+      :has-conversation
+      @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 { computed, useBlokkli, useTemplateRef } from "#imports";
+import { FlexTextarea, TransitionHeight } from "#blokkli/editor/components";
+import AttachmentChip from "#blokkli/agent/app/components/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", { more: true });
+  }
+  if (props.hasPendingApproval) {
+    return $t("aiAgentAwaitingApproval", "Awaiting your approval", {
+      more: true
+    });
+  }
+  if (props.hasConversation) {
+    return $t("reply", "Reply", { more: true });
+  }
+  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 = defineModel("attachments", { type: Array, ...{ required: true } });
+function onPaste(data) {
+  const content = data.toMarkdown();
+  if (!content || content.length < ATTACHMENT_THRESHOLD) {
+    return false;
+  }
+  if (attachments.value.some((a) => a.content === content)) {
+    return true;
+  }
+  attachments.value.push({
+    type: "text",
+    id: generateUUID(),
+    content,
+    format: "markdown"
+  });
+  return true;
+}
+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);
+}
+const textarea = useTemplateRef("textarea");
+function focus() {
+  textarea.value?.focus();
+}
+defineExpose({ focus });
+</script>

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

@@ -0,0 +1,47 @@
+import type { Attachment } from '#blokkli/agent/app/types';
+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;
+type __VLS_ModelProps = {
+    modelValue: string;
+    'attachments': Attachment[];
+};
+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;
+}, {}, {}, {}, 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;
+    "update:attachments": (value: Attachment[]) => 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;
+    "onUpdate:attachments"?: ((value: Attachment[]) => 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-scheme-lime bk-is-fullwidth"
+        @click="$emit('approve')"
+      >
+        <Icon name="bk_mdi_check" />
+        {{ $t("aiAgentApprove", "Approve") }}
+      </button>
+      <button
+        class="bk-button bk-is-small bk-scheme-lime bk-is-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,58 @@
+<template>
+  <ToolCard
+    class="_bk_mt-0! _bk_overflow-hidden _bk_border-0 _bk_rounded-b-none _bk_rounded-t-lg _bk_border-dashed _bk_border-b _bk_border-b-mono-300"
+    icon="bk_mdi_inventory"
+    :title="plan.title"
+    :hide-cancel="!pendingApproval"
+    @cancel="$emit('reject')"
+  >
+    <div class="_bk_flex _bk_flex-col _bk_gap-10 _bk_px-10 _bk_text-sm _bk_py-8">
+      <div
+        v-for="(step, index) in plan.steps"
+        :key="index"
+        class="_bk_flex _bk_items-center _bk_gap-8"
+      >
+        <StatusIcon
+          :status="planStepToStatus(step.status)"
+          :bullet-text="index + 1"
+        />
+        <span
+          :class="{
+  '_bk_text-mono-500 _bk_line-through': step.status === 'completed',
+  '_bk_font-medium': step.status === 'in_progress',
+  '_bk_text-mono-600': step.status === 'pending'
+}"
+        >
+          {{ step.label }}
+        </span>
+      </div>
+    </div>
+
+    <template v-if="pendingApproval" #actions>
+      <button
+        class="bk-button bk-scheme-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_13: {}, __VLS_15: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_13) => any;
+} & {
+    actions?: (props: typeof __VLS_15) => 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,42 @@
+<template>
+  <div class="_bk_mt-15 _bk_border _bk_border-mono-300 _bk_bg-white _bk_rounded _bk_overflow-hidden">
+    <div
+      class="_bk_flex _bk_items-center _bk_gap-5 _bk_font-medium _bk_justify-between _bk_bg-mono-100 _bk_border-b _bk_border-mono-300 _bk_pl-10 _bk_pr-5 _bk_py-10"
+    >
+      <div class="_bk_flex _bk_text-sm _bk_gap-5">
+        <Icon :name="icon" class="_bk_size-18" />
+        <span class="_bk_flex-1">{{ title }}</span>
+      </div>
+      <div v-if="!hideCancel" class="_bk_-my-5">
+        <ButtonAction
+          :label="$t('aiAgentReject', 'Reject')"
+          icon="bk_mdi_close"
+          theme="danger"
+          class="_bk_relative"
+          @click="$emit('cancel')"
+        />
+      </div>
+    </div>
+
+    <slot />
+
+    <div
+      v-if="$slots.actions"
+      class="_bk_flex _bk_gap-8 _bk_p-10 _bk_bg-white _bk_border-t _bk_border-t-mono-200"
+    >
+      <slot name="actions" />
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { Icon, ButtonAction } 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_13: {}, __VLS_15: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_13) => any;
+} & {
+    actions?: (props: typeof __VLS_15) => 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 ich nicht kann:
+
+- **Speichern oder veröffentlichen** — das musst du selbst machen
+- **Andere Seiten bearbeiten** — ich kann nur auf der aktuellen 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 I can't do:
+
+- **Save or publish** changes — you need to do that yourself
+- **Edit other pages** — I can only work on the current one
+- **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,75 @@
+<template>
+  <div>
+    <Markdown
+      class="bk-agent-message-text bk-agent-welcome-text"
+      :content="welcomeContent"
+    />
+    <div v-if="defaultPrompts.length" class="_bk_grid _bk_gap-5 _bk_mt-10">
+      <button
+        v-for="(prompt, index) in defaultPrompts"
+        :key="index"
+        type="button"
+        class="_bk_flex _bk_text-sm _bk_bg-accent-100 _bk_text-accent-700 _bk_py-5 _bk_px-8 _bk_gap-5 _bk_rounded _bk_hover:bg-accent-700 _bk_hover:text-white _bk_font-medium"
+        @click.prevent="emit('prompt', prompt)"
+      >
+        <Icon name="bk_mdi_chat" class="_bk_size-15 _bk_mt-2" />
+        <span>{{ prompt }}</span>
+      </button>
+    </div>
+    <InfoBox :text="disclaimer" class="_bk_mt-20" small />
+  </div>
+</template>
+
+<script setup>
+import { computed, useBlokkli } from "#imports";
+import welcomeMdEn from "./en.md?raw";
+import welcomeMdDe from "./de.md?raw";
+import { defaultPrompts } from "#blokkli-build/agent-client";
+import { Icon, InfoBox } from "#blokkli/editor/components";
+import Markdown from "#blokkli/agent/app/components/Markdown/index.vue";
+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 welcomeContent = welcomeMd.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>
+
+<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+.bk-agent-welcome-text ul + p {
+  margin-top: 30px;
+}
+.bk-agent-welcome-text ul:nth-child(3),.bk-agent-welcome-text ul:nth-child(5) {
+  list-style-type: none;
+  padding-left: 0px;
+}
+:is(.bk-agent-welcome-text ul:nth-child(3),.bk-agent-welcome-text ul:nth-child(5)) li {
+  position: relative;
+  padding-left: 1.5em;
+  text-wrap: pretty;
+}
+:is(:is(.bk-agent-welcome-text ul:nth-child(3),.bk-agent-welcome-text ul:nth-child(5)) li):not(:last-child) {
+  margin-bottom: 3px;
+}
+:is(:is(.bk-agent-welcome-text ul:nth-child(3),.bk-agent-welcome-text ul:nth-child(5)) li):before {
+  font-size: 0.8em;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+}
+:is(:is(.bk-agent-welcome-text ul:nth-child(3)) li):before {
+  content: '';
+  color: rgb(var(--bk-theme-lime-normal) / 1);
+}
+:is(:is(.bk-agent-welcome-text ul:nth-child(5)) li):before {
+  content: '';
+  color: rgb(var(--bk-theme-red-normal) / 1);
+}
+</style>

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,6 @@
+type __VLS_Props = {
+    isShown: 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;