@adminforth/agent 2.0.10 → 2.2.0

package/build.log

@@ -1,67 +0,0 @@
-
-> @adminforth/agent@1.0.1 build
-> tsc && rsync -av --exclude 'node_modules' custom dist/
-
-sending incremental file list
-custom/
-custom/ChatFooter.vue
-custom/ChatHeader.vue
-custom/ChatSurface.vue
-custom/CustomAutoScrollContainer.vue
-custom/SessionsHistory.vue
-custom/chat.ts
-custom/env.d.ts
-custom/package.json
-custom/pnpm-lock.yaml
-custom/tsconfig.json
-custom/types.ts
-custom/utils.ts
-custom/composables/
-custom/composables/useAgentAudio.ts
-custom/composables/useAgentStore.ts
-custom/composables/useAgentTransitions.ts
-custom/composables/agentAudio/
-custom/composables/agentAudio/utils.ts
-custom/composables/agentStore/
-custom/composables/agentStore/constants.ts
-custom/composables/agentStore/pageContext.ts
-custom/composables/agentStore/useAgentChat.ts
-custom/composables/agentStore/useAgentPlaceholder.ts
-custom/composables/agentStore/useAgentSessions.ts
-custom/conversation_area/
-custom/conversation_area/ConversationArea.vue
-custom/conversation_area/MessageRenderer.vue
-custom/conversation_area/ProcessingTimeline.vue
-custom/conversation_area/ReasoningRenderer.vue
-custom/conversation_area/SystemMessageRenderer.vue
-custom/conversation_area/TextRenderer.vue
-custom/conversation_area/ThreeDotsAnimation.vue
-custom/conversation_area/ToolApprovalRenderer.vue
-custom/conversation_area/ToolRenderer.vue
-custom/conversation_area/ToolsGroup.vue
-custom/incremark_code_renderers/
-custom/incremark_code_renderers/IncremarkShikiCodeBlock.vue
-custom/incremark_code_renderers/incremarkCodeHighlight.ts
-custom/incremark_code_renderers/incremarkRenderer.ts
-custom/incremark_code_renderers/renderIncremarkMarkdown.ts
-custom/public/
-custom/public/agentAudio/
-custom/public/agentAudio/agent-processing.mp3
-custom/skills/
-custom/skills/analyze_data/
-custom/skills/analyze_data/SKILL.md
-custom/skills/charts/
-custom/skills/charts/SKILL.md
-custom/skills/fetch_data/
-custom/skills/fetch_data/SKILL.md
-custom/skills/mutate_data/
-custom/skills/mutate_data/SKILL.md
-custom/speech_recognition_frontend/
-custom/speech_recognition_frontend/AudioLines.vue
-custom/speech_recognition_frontend/MicrophoneButon.vue
-custom/speech_recognition_frontend/voiceActivityDetection.ts
-custom/speech_recognition_frontend/types/
-custom/speech_recognition_frontend/types/voice-activity-detection.d.ts
-
-sent 1,682,452 bytes  received 940 bytes  3,366,784.00 bytes/sec
-total size is 1,678,191  speedup is 1.00

package/chatSurfaceService.ts

@@ -1,319 +0,0 @@
-import type {
-  AdminUser,
-  ChatSurfaceAdapter,
-  ChatSurfaceEventSink,
-  ChatSurfaceIncomingMessage,
-  IAdminForth,
-} from "adminforth";
-import { Filters, logger } from "adminforth";
-import type { AgentEventEmitter } from "./agentEvents.js";
-import type {
-  HandleTurnInput,
-  RunAndPersistAgentResponseInput,
-  RunAndPersistAgentResponseResult,
-} from "./agentTurnService.js";
-import { getErrorMessage, isAbortError } from "./errors.js";
-import type { AgentSessionStore } from "./sessionStore.js";
-import { sanitizeSpeechText } from "./sanitizeSpeechText.js";
-import type { PluginOptions } from "./types.js";
-
-type ChatSurfaceIncomingMessageWithAudio = ChatSurfaceIncomingMessage & {
-  audio?: {
-    buffer: Buffer;
-    filename: string;
-    mimeType: string;
-  };
-};
-
-type ChatSurfaceEventSinkWithAudio = ChatSurfaceEventSink & {
-  emit(event: Parameters<ChatSurfaceEventSink["emit"]>[0] | {
-    type: "audio";
-    audio: Buffer;
-    filename: string;
-    mimeType: string;
-  }): void | Promise<void>;
-};
-
-export class ChatSurfaceService {
-  constructor(
-    private getAdminforth: () => IAdminForth,
-    private options: PluginOptions,
-    private sessionStore: AgentSessionStore,
-    private handleTurn: (input: HandleTurnInput) => Promise<unknown>,
-    private runAndPersistAgentResponse: (
-      input: RunAndPersistAgentResponseInput,
-    ) => Promise<RunAndPersistAgentResponseResult>,
-  ) {}
-
-  private createEventEmitter(sink: ChatSurfaceEventSink): AgentEventEmitter {
-    return async (event) => {
-      if (event.type === "text-delta") {
-        await sink.emit({
-          type: "text_delta",
-          delta: event.delta,
-        });
-        return;
-      }
-
-      if (event.type === "response") {
-        await sink.emit({
-          type: "done",
-          text: event.text,
-        });
-        return;
-      }
-
-      if (event.type === "error") {
-        await sink.emit({
-          type: "error",
-          message: event.error,
-        });
-      }
-    };
-  }
-
-  private async handleLink(
-    incoming: ChatSurfaceIncomingMessage,
-    sink: ChatSurfaceEventSink,
-  ) {
-    if (incoming.metadata?.isStartCommand !== true) {
-      return false;
-    }
-
-    await sink.emit({
-      type: "done",
-      text: `Open AdminForth and connect your ${incoming.surface} account from Connected Accounts settings.`,
-    });
-    return true;
-  }
-
-  private async handleAudioMessage(
-    incoming: ChatSurfaceIncomingMessageWithAudio,
-    sink: ChatSurfaceEventSinkWithAudio,
-    adminUser: AdminUser,
-  ) {
-    const audioAdapter = this.options.audioAdapter;
-    if (!audioAdapter) {
-      await sink.emit({
-        type: "error",
-        message: "Audio adapter is not configured for AdminForth Agent.",
-      });
-      return;
-    }
-
-    let transcription;
-
-    try {
-      transcription = await audioAdapter.transcribe({
-        buffer: incoming.audio!.buffer,
-        filename: incoming.audio!.filename,
-        mimeType: incoming.audio!.mimeType,
-        language: "auto",
-      });
-    } catch (error) {
-      if (isAbortError(error)) {
-        logger.info(`Agent ${incoming.surface} surface speech transcription aborted`);
-        return;
-      }
-
-      logger.error(`Agent ${incoming.surface} surface speech transcription failed:\n${getErrorMessage(error)}`);
-      await sink.emit({
-        type: "error",
-        message: "Speech transcription failed. Check server logs for details.",
-      });
-      return;
-    }
-
-    if (!transcription.text) {
-      await sink.emit({
-        type: "error",
-        message: "Speech transcription is empty",
-      });
-      return;
-    }
-
-    const agentResponse = await this.handleAgentSurfaceResponse(
-      incoming,
-      sink,
-      adminUser,
-      transcription.text,
-      { emitDone: false },
-    );
-
-    if (!agentResponse || agentResponse.aborted || agentResponse.failed) {
-      return;
-    }
-
-    await sink.emit({
-      type: "done",
-      text: agentResponse.text,
-    });
-
-    try {
-      const speech = await audioAdapter.synthesize({
-        text: sanitizeSpeechText(agentResponse.text),
-        stream: false,
-        format: "opus",
-      });
-
-      await sink.emit({
-        type: "audio",
-        audio: speech.audio,
-        filename: "agent-response.ogg",
-        mimeType: speech.mimeType,
-      });
-    } catch (error) {
-      if (isAbortError(error)) {
-        logger.info(`Agent ${incoming.surface} surface speech synthesis aborted`);
-        return;
-      }
-
-      logger.error(`Agent ${incoming.surface} surface speech synthesis failed:\n${getErrorMessage(error)}`);
-      await sink.emit({
-        type: "error",
-        message: getErrorMessage(error),
-      });
-    }
-  }
-
-  private async handleAgentSurfaceResponse(
-    incoming: ChatSurfaceIncomingMessage,
-    sink: ChatSurfaceEventSink,
-    adminUser: AdminUser,
-    prompt: string,
-    options?: { emitDone?: boolean },
-  ) {
-    const emitDone = options?.emitDone ?? true;
-    const adminPublicOrigin = typeof incoming.metadata?.adminPublicOrigin === "string"
-      ? incoming.metadata.adminPublicOrigin
-      : undefined;
-    const sessionId = await this.sessionStore.getOrCreateChatSurfaceSession(
-      { ...incoming, prompt },
-      adminUser,
-    );
-
-    if (emitDone) {
-      await this.handleTurn({
-        prompt,
-        sessionId,
-        modeName: incoming.modeName,
-        userTimeZone: incoming.userTimeZone ?? "UTC",
-        chatSurface: incoming.surface,
-        adminPublicOrigin,
-        adminUser,
-        emit: this.createEventEmitter(sink),
-        failureLogMessage: `Agent ${incoming.surface} surface response failed`,
-        abortLogMessage: `Agent ${incoming.surface} surface response aborted`,
-      });
-      return null;
-    }
-
-    const agentResponse = await this.runAndPersistAgentResponse({
-      prompt,
-      sessionId,
-      modeName: incoming.modeName,
-      userTimeZone: incoming.userTimeZone ?? "UTC",
-      chatSurface: incoming.surface,
-      adminPublicOrigin,
-      adminUser,
-      emit: this.createEventEmitter(sink),
-      failureLogMessage: `Agent ${incoming.surface} surface response failed`,
-      abortLogMessage: `Agent ${incoming.surface} surface response aborted`,
-    });
-
-    if (agentResponse.failed) {
-      await sink.emit({
-        type: "error",
-        message: agentResponse.text,
-      });
-    }
-
-    return agentResponse;
-  }
-
-  private async getAdminUserRecordForChatSurface(
-    adapter: ChatSurfaceAdapter,
-    incoming: ChatSurfaceIncomingMessage,
-  ) {
-    const adminforth = this.getAdminforth();
-    const authResourceId = adminforth.config.auth!.usersResourceId!;
-    const externalIdentityResource = this.options.chatExternalIdentityResource;
-    if (!externalIdentityResource) {
-      return null;
-    }
-
-    const surfaceIdentityConfig = externalIdentityResource.surfaces[adapter.name];
-    if (!surfaceIdentityConfig) {
-      return null;
-    }
-
-    const providerField = externalIdentityResource.providerField ?? 'provider';
-    const subjectField = externalIdentityResource.subjectField ?? 'subject';
-    const adminUserIdField = externalIdentityResource.adminUserIdField ?? 'adminUserId';
-    const externalUserIdField = externalIdentityResource.externalUserIdField ?? 'externalUserId';
-    const identityFilters = [
-      Filters.EQ(providerField, surfaceIdentityConfig.provider),
-      Filters.EQ(externalUserIdField, incoming.externalUserId),
-    ];
-    const identities = await adminforth.resource(externalIdentityResource.resourceId).list(identityFilters);
-    const identity = identities.find((identity) => {
-      if (String(identity[externalUserIdField]) === incoming.externalUserId) {
-        return true;
-      }
-
-      if (String(identity[subjectField]) === incoming.externalUserId) {
-        return true;
-      }
-
-      return false;
-    });
-
-    if (!identity) {
-      return null;
-    }
-
-    const authResource = adminforth.config.resources.find((resource) => resource.resourceId === authResourceId)!;
-    const primaryKeyField = authResource.columns.find((column) => column.primaryKey)!.name!;
-    return adminforth.resource(authResourceId).get([
-      Filters.EQ(primaryKeyField, identity[adminUserIdField]),
-    ]);
-  }
-
-  async handleMessage(
-    adapter: ChatSurfaceAdapter,
-    incoming: ChatSurfaceIncomingMessage,
-    sink: ChatSurfaceEventSink,
-  ) {
-    if (await this.handleLink(incoming, sink)) {
-      return;
-    }
-
-    const adminforth = this.getAdminforth();
-    const authResourceId = adminforth.config.auth!.usersResourceId!;
-    const authResource = adminforth.config.resources.find((resource) => resource.resourceId === authResourceId)!;
-    const primaryKeyField = authResource.columns.find((column) => column.primaryKey)!.name!;
-    const adminUserRecord = await this.getAdminUserRecordForChatSurface(adapter, incoming);
-
-    if (!adminUserRecord) {
-      await sink.emit({
-        type: "error",
-        message: "This chat account is not authorized to use AdminForth Agent.",
-      });
-      return;
-    }
-
-    const adminUser = {
-      pk: adminUserRecord[primaryKeyField],
-      username: adminUserRecord[adminforth.config.auth!.usernameField],
-      dbUser: adminUserRecord,
-    };
-
-    const incomingWithAudio = incoming as ChatSurfaceIncomingMessageWithAudio;
-    if (incomingWithAudio.audio) {
-      await this.handleAudioMessage(incomingWithAudio, sink as ChatSurfaceEventSinkWithAudio, adminUser);
-      return;
-    }
-
-    await this.handleAgentSurfaceResponse(incoming, sink, adminUser, incoming.prompt);
-  }
-}

package/custom/ChatFooter.vue

@@ -1,173 +0,0 @@
-<template>
-  <div
-    ref="promptInput" 
-    class="w-full mb-2 flex items-center justify-center px-2 bg-transparent relative translate-x-[-50%] left-1/2"
-    :style="{ 
-      maxWidth: agentStore.isFullScreen ? remToPx(agentStore.MAX_WIDTH)+'px' : '100%',
-      transition: `transform ${agentTransitions.TRANSITION_DURATION}ms ease-in-out`
-    }"            
-  >
-    <div 
-      class="w-full border rounded-lg pb-8"
-      :class="agentStore.isAudioChatMode ? 'border-none mt-8' : 'border dark:bg-gray-700'"  
-    > 
-      <textarea
-        v-if="!agentStore.isAudioChatMode"
-        v-model="agentStore.userMessageInput"
-        ref="textInput"
-        @input="autoResize"
-        :class="[
-          'min-h-12 px-4 pt-4 rounded-xl w-full resize-none overflow-hidden text-lightInputText dark:text-darkInputText rounded-md bg-transparent text-sm bg-gray-50 dark:bg-gray-700 dark:border-gray-600 focus:outline-none',
-          { '!text-base': coreStore.isIos }
-        ]"
-        :placeholder="agentStore.hasPendingToolApproval ? 'Approve or reject the pending action to continue' : agentStore.userMessagePlaceholder"
-        :disabled="agentStore.isMessageInputBlocked"
-        @keydown.enter.exact.prevent="sendMessage"
-      />
-      <div
-        v-if="agentStore.availableModes.length > 1"
-        ref="modeMenu"
-        class="absolute bottom-2 left-4"
-      >
-        <button
-          aria-label="Select mode"
-          class="flex px-2 py-1 items-center text-sm justify-center 
-            rounded-md bg-white text-lightListTableHeadingText 
-            transition-colors duration-200 hover:bg-gray-100 
-            dark:text-darkListTableHeadingText dark:bg-gray-700 dark:hover:bg-gray-800"
-          :class="isModeMenuOpen ? 'bg-gray-100 dark:bg-gray-700' : ''"
-          title="Select mode"
-          type="button"
-          @click="toggleModeMenu"
-        >
-          {{ agentStore.activeModeName }}
-          <IconAngleDownOutline 
-            class="w-4 h-4 ml-1 transition-transform duration-200" 
-            :class="isModeMenuOpen ? '!rotate-180' : '!rotate-0'"
-          />
-        </button>
-
-        <div
-          v-if="isModeMenuOpen"
-          class="absolute bottom-full left-0 mb-2 min-w-40 overflow-hidden rounded-md border border-gray-200 bg-white shadow-lg dark:border-gray-600 dark:bg-gray-800"
-        >
-          <button
-            v-for="mode in agentStore.availableModes"
-            :key="mode.name"
-            class="block w-full px-3 py-2 text-left text-sm text-lightInputText transition-colors duration-150 hover:bg-gray-100 dark:text-darkInputText dark:hover:bg-gray-700"
-            :class="mode.name === agentStore.activeModeName ? 'bg-gray-100 dark:bg-gray-700' : ''"
-            type="button"
-            @click="selectMode(mode.name)"
-          >
-            {{ mode.name }}
-          </button>
-        </div>
-      </div>
-      <MicrophoneButton 
-        v-if="props.meta.hasAudioAdapter"   
-      />
-      <template v-if="!agentStore.isAudioChatMode">
-        <Button 
-          v-if="!agentStore.isResponseInProgress"
-          class="absolute right-4 bottom-2 !p-0 h-9 w-9 transition-opacity duration-200"                    
-          @click="sendMessage" 
-          :disabled="!agentStore.trimmedUserMessage || agentStore.isMessageInputBlocked"
-        >
-          <IconArrowUpOutline 
-            class="w-8 h-8 p-1
-              text-white" 
-          />
-        </Button>
-        <Button
-          v-else
-          class="absolute right-4 bottom-2 !p-0 h-9 w-9"    
-          @click="stopCurrentRequest"                
-        >
-          <div
-            class="w-3 h-3 bg-white rounded-sm"
-          />
-        </Button>
-      </template>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { IconArrowUpOutline, IconAngleDownOutline } from '@iconify-prerendered/vue-flowbite';
-import { useTemplateRef, onMounted, ref, onUnmounted } from 'vue';
-import { onClickOutside } from '@vueuse/core'
-import { useAgentStore } from './composables/useAgentStore';
-import { useAgentTransitions } from './composables/useAgentTransitions';
-import { Button } from '@/afcl';
-import { useCoreStore } from '@/stores/core';
-import { remToPx } from './utils';
-import MicrophoneButton from './speech_recognition_frontend/MicrophoneButon.vue';
-
-const props = defineProps<{
-  meta: {
-    pluginInstanceId: string;
-    modes: Array<{
-      name: string;
-    }>;
-    defaultModeName: string | null;
-    stickByDefault: boolean;
-    hasAudioAdapter: boolean;
-  }
-  adminUser: any
-  conversationAreaRef: any
-}>();
-
-const textInput = useTemplateRef('textInput');
-const modeMenu = useTemplateRef('modeMenu');
-const agentStore = useAgentStore();
-const agentTransitions = useAgentTransitions();
-const coreStore = useCoreStore();
-const isModeMenuOpen = ref(false);
-
-onClickOutside(modeMenu as any, () => { isModeMenuOpen.value = false; });
-
-onMounted(async () => {
-  agentStore.setAvailableModes(props.meta.modes, props.meta.defaultModeName);
-  agentStore.setCurrentGenerationModeFromLocalStorage();
-  agentStore.regisrerTextInput(textInput.value);
-  textInput.value?.focus();
-});
-
-function autoResize() {
-  const el = textInput.value
-  if (!el) return
-
-  el.style.height = 'auto'
-  //max-w-48
-  const maxHeight = 192
-  if (el.scrollHeight > maxHeight) {
-    el.style.height = maxHeight + 'px'
-    el.style.overflowY = 'auto'
-  } else {
-    el.style.height = el.scrollHeight + 'px'
-    el.style.overflowY = 'hidden'
-  }
-}
-
-function toggleModeMenu() {
-  isModeMenuOpen.value = !isModeMenuOpen.value;
-}
-
-function selectMode(modeName: string) {
-  agentStore.setActiveMode(modeName);
-  isModeMenuOpen.value = false;
-}
-
-async function sendMessage() {
-  if (agentStore.isAudioChatMode) return;
-  isModeMenuOpen.value = false;
-  await agentStore.sendMessage();
-  autoResize();
-  props.conversationAreaRef?.handleSendMessage();
-}
-
-function stopCurrentRequest() {
-  agentStore.abortCurrentChatRequestAndAddSystemMessage();
-}
-
-</script>

package/custom/ChatHeader.vue

@@ -1,78 +0,0 @@
-<template>
-  <div 
-    ref="headerRef"
-    class="flex items-center justify-between h-14 border-b border-gray-200 dark:border-gray-700"         
-  >
-    <div 
-      class="flex items-center"
-    >
-      <IconBarsOutline 
-        class="m-2 w-8 h-8 p-1 cursor-pointer hover:scale-110 rounded transition-colors duration-200
-          text-lightNavbarIcons hover:text-lightNavbarIcons/80 hover:bg-lightNavbarIcons/20 
-          dark:text-darkNavbarIcons hover:text-darkNavbarIcons/80 hover:bg-darkNavbarIcons/20 "
-        :class="agentStore.isSessionHistoryOpen ? 
-          'bg-lightNavbarIcons/20 text-lightNavbarIcons/80 dark:bg-darkNavbarIcons/20 dark:text-darkNavbarIcons/80' : 
-          ''" 
-        @click="agentStore.setSessionHistoryOpen(!agentStore.isSessionHistoryOpen)" 
-      />
-      <IconOpenSidebarSolid 
-        v-if="!agentStore.isTeleportedToBody && !coreStore.isMobile && !agentStore.isFullScreen"
-        class="m-2 w-8 h-8 p-1 cursor-pointer hover:scale-110 rounded transition-colors duration-200
-          text-lightNavbarIcons hover:text-lightNavbarIcons/80 hover:bg-lightNavbarIcons/20 
-          dark:text-darkNavbarIcons hover:text-darkNavbarIcons/80 hover:bg-darkNavbarIcons/20 " 
-        @click="agentStore.setIsTeleportedToBody(true)" 
-      />
-      <IconCloseSidebarSolid 
-        v-else-if="!coreStore.isMobile && !agentStore.isFullScreen"
-        class="m-2 w-8 h-8 p-1 cursor-pointer hover:scale-110 rounded transition-colors duration-200
-          text-lightNavbarIcons hover:text-lightNavbarIcons/80 bg-lightNavbarIcons/20 
-          dark:bg-darkNavbarIcons/20 dark:text-darkNavbarIcons/80 hover:text-darkNavbarIcons/80 hover:bg-darkNavbarIcons/20 " 
-        @click="agentStore.setIsTeleportedToBody(false)" 
-      />
-      <IconArrowsPointingOut 
-        v-if="!agentStore.isFullScreen && !coreStore.isMobile"
-        class="m-2 w-8 h-8 p-1 cursor-pointer hover:scale-110 rounded transition-colors duration-200
-          text-lightNavbarIcons hover:text-lightNavbarIcons/80 hover:bg-lightNavbarIcons/20 
-          dark:text-darkNavbarIcons hover:text-darkNavbarIcons/80 hover:bg-darkNavbarIcons/20 " 
-        @click="agentStore.setFullScreen(true)" 
-      />
-      <IconArrowsPointingIn 
-        v-else-if="!coreStore.isMobile"
-        class="m-2 w-8 h-8 p-1 cursor-pointer hover:scale-110 rounded transition-colors duration-200
-          text-lightNavbarIcons hover:text-lightNavbarIcons/80 hover:bg-lightNavbarIcons/20 
-          dark:text-darkNavbarIcons hover:text-darkNavbarIcons/80 hover:bg-darkNavbarIcons/20 "
-        :class="agentStore.isFullScreen ? 
-          'bg-lightNavbarIcons/20 text-lightNavbarIcons/80 dark:bg-darkNavbarIcons/20 dark:text-darkNavbarIcons/80' : 
-          ''" 
-        @click="agentStore.setFullScreen(false)" 
-      />
-    </div>
-    <div class="flex items-center justify-center">
-      <Button 
-        @click="agentStore.createPreSession(); agentStore.setSessionHistoryOpen(false); agentStore.focusTextInput();" 
-        class="!py-1 !px-2 rounded-3xl text-gray-800 dark:text-gray-200 max-w-64 mr-2"
-      >
-        <IconPlusOutline class="w-5 h-5" />
-        {{ $t('New chat') }}
-      </Button>
-      <IconCloseOutline 
-        class="m-2 w-8 h-8 p-1 cursor-pointer hover:scale-110 rounded transition-colors duration-200
-          text-lightNavbarIcons hover:text-lightNavbarIcons/80 hover:bg-lightNavbarIcons/20 
-          dark:text-darkNavbarIcons hover:text-darkNavbarIcons/80 hover:bg-darkNavbarIcons/20 " 
-        @click="agentStore.setIsChatOpen(false)" 
-      />
-    </div>
-  </div>
-</template>
-
-
-<script setup>
-  import { IconArrowsPointingOut, IconArrowsPointingIn } from '@iconify-prerendered/vue-heroicons';
-  import { IconCloseOutline, IconBarsOutline, IconCloseSidebarSolid, IconOpenSidebarSolid, IconPlusOutline } from '@iconify-prerendered/vue-flowbite';
-  import { useAgentStore } from './composables/useAgentStore';
-  import { useCoreStore } from '@/stores/core';
-  import { Button } from '@/afcl';
-
-  const agentStore = useAgentStore();
-  const coreStore = useCoreStore();
-</script>