"use client"

import type { ReactNode } from "react"
import { AiChatPanel } from "@/components/ai/ai-chat-panel"
import { SuiteThemeShell } from "@/components/suite/suite-theme-shell"
import { TooltipProvider } from "@/components/ui/tooltip"

export function MeetAppShell({ children }: { children: ReactNode }) {
  return (
    <SuiteThemeShell>
      <TooltipProvider delayDuration={400}>
        <div
          className="ultimail-app relative flex h-dvh flex-col overflow-hidden bg-app-canvas"
          data-meet-app
        >
          {children}
          <AiChatPanel />
        </div>
      </TooltipProvider>
    </SuiteThemeShell>
  )
}