{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "ai-message",
  "title": "Ai Message",
  "dependencies": [
    "ai@6.0.116"
  ],
  "devDependencies": [],
  "registryDependencies": [
    "https://ui.orchid.ai/r/orchid-foundation.json",
    "https://ui.orchid.ai/r/orchid-theme.json"
  ],
  "files": [
    {
      "path": "registry/ui/orchid/ai-elements/message.tsx",
      "content": "\"use client\";\nimport type { HTMLAttributes } from 'react';\nimport type { UIMessage } from 'ai';\nimport { cn } from \"../lib/ui-utils\";\nexport type MessageProps = HTMLAttributes<HTMLDivElement> & {\n    from: UIMessage['role'];\n};\nexport const Message = ({ className, from, ...props }: MessageProps) => (<div className={cn('group flex w-full gap-2 py-4', from === 'user' ? 'is-user justify-end' : 'is-assistant', className)} {...props}/>);\nexport type MessageContentProps = HTMLAttributes<HTMLDivElement>;\nexport const MessageContent = ({ children, className, ...props }: MessageContentProps) => (<div className={cn([\n        'text-copy-lg flex flex-col gap-2 overflow-hidden',\n        'group-[.is-user]:bg-surface-subtle group-[.is-user]:rounded-[14px] group-[.is-user]:px-3 group-[.is-user]:py-2 group-[.is-user]:max-w-[85%]',\n        className,\n    ])} {...props}>\n    {children}\n  </div>);\n",
      "type": "registry:ui",
      "target": "@ui/orchid/ai-elements/message.tsx"
    }
  ],
  "type": "registry:ui"
}