"use client"

import * as React from "react"

import { App, type Agents24ChatAppProps } from "./app"
import {
  ThemeProvider,
  type Agents24ChatAppearanceController,
  type Agents24ChatTheme,
} from "./components/theme-provider"
import { TooltipProvider } from "./components/ui/tooltip"

export type Agents24ChatScaffoldProps = Agents24ChatAppProps & {
  appearanceController?: Agents24ChatAppearanceController
  theme?: Agents24ChatTheme
  themeMode?: "isolated" | "inherit"
}

export function Agents24ChatScaffold({ appearanceController, theme, themeMode, ...props }: Agents24ChatScaffoldProps) {
  return (
    <ThemeProvider controller={appearanceController} theme={theme} mode={themeMode}>
      <TooltipProvider>
        <App {...props} />
      </TooltipProvider>
    </ThemeProvider>
  )
}

export { App as Agents24ChatScaffoldApp }
export { ThemeProvider as Agents24ChatThemeProvider }
export type {
  Agents24ChatAppearance,
  Agents24ChatAppearanceController,
  Agents24ChatTheme,
} from "./components/theme-provider"
export type { Agents24ChatIdentity, Agents24ChatIdentityState } from "./identity"
export type {
  ChatHitlResponse,
  Agents24ChatScaffoldComponents,
  Agents24ChatTimelineSlotProps,
  Agents24ChatComposerSlotProps,
} from "./app"
export { TooltipProvider as Agents24ChatTooltipProvider }

export { ChatComposer as Agents24ChatComposer } from "./components/chat/chat-composer"
export type { Agents24ChatComposerProps } from "./components/chat/chat-composer"