import { defineAsyncComponent } from 'vue';
import ChatArea from '../components/chat/ChatArea.vue';
import ConversationSidebar from '../components/sidebar/ConversationSidebar.vue';
import LeftPanel from '../components/panels/LeftPanel.vue';
import ToolApprovalPanel from '../components/panels/ToolApprovalPanel.vue';
import TokenDrawer from '../components/token/TokenDrawer.vue';
import QuickMenu from '../components/input/QuickMenu.vue';
import InputComposer from '../components/input/InputComposer.vue';
import AppShell from '../components/shell/AppShell.vue';

const PersonalizationDrawer = defineAsyncComponent(
  () => import('../components/personalization/PersonalizationDrawer.vue')
);
const ImagePicker = defineAsyncComponent(() => import('../components/overlay/ImagePicker.vue'));
const ConversationReviewDialog = defineAsyncComponent(
  () => import('../components/overlay/ConversationReviewDialog.vue')
);
const SubAgentActivityDialog = defineAsyncComponent(
  () => import('../components/overlay/SubAgentActivityDialog.vue')
);
const BackgroundCommandDialog = defineAsyncComponent(
  () => import('../components/overlay/BackgroundCommandDialog.vue')
);
const VersioningDialog = defineAsyncComponent(
  () => import('../components/overlay/VersioningDialog.vue')
);
const HostWorkspaceCreateDialog = defineAsyncComponent(
  () => import('../components/overlay/HostWorkspaceCreateDialog.vue')
);
const TutorialOverlay = defineAsyncComponent(
  () => import('../components/overlay/TutorialOverlay.vue')
);
const NewUserTutorialPrompt = defineAsyncComponent(
  () => import('../components/overlay/NewUserTutorialPrompt.vue')
);

export const appComponents = {
  ChatArea,
  ConversationSidebar,
  LeftPanel,
  ToolApprovalPanel,
  TokenDrawer,
  PersonalizationDrawer,
  QuickMenu,
  InputComposer,
  AppShell,
  ImagePicker,
  ConversationReviewDialog,
  SubAgentActivityDialog,
  BackgroundCommandDialog,
  VersioningDialog,
  HostWorkspaceCreateDialog,
  TutorialOverlay,
  NewUserTutorialPrompt
};