// apps/web/src/app/(app)/actions/page.tsx
// 음성 액션 (텍스트 명령 → LLM 파싱 → 실행)

import { Box } from '@mui/material'
import { PhosphorText } from '@d3ro/ui/components/ds'
import { d3roPalette } from '@d3ro/ui/theme'
import { ActionRunner } from '@/components/actions/action-runner'

export default function ActionsPage(): React.ReactElement {
  return (
    <Box sx={{ p: 4 }}>
      <PhosphorText variant="title" sx={{ mb: 1 }}>
        ACTIONS
      </PhosphorText>
      <Box sx={{ color: d3roPalette.text.muted, fontSize: 13, mb: 4 }}>
        자연어 명령을 입력하면 LLM이 파싱하여 실행 가능한 액션으로 변환합니다. (V1
        VoiceActionService의 web 포트)
      </Box>
      <ActionRunner />
    </Box>
  )
}