interface ChatMessage {
  id: string;
  role: 'user' | 'assistant' | 'system';
  content: string;
  timestamp: Date;
}

function formatMessage(message: ChatMessage): string {
  const { role, content, timestamp } = message;
  return `[${timestamp.toISOString()}] ${role}: ${content}`;
}

const message: ChatMessage = {
  id: crypto.randomUUID(),
  role: 'assistant',
  content: 'Hello, how can I help you today?',
  timestamp: new Date()
};

console.log(formatMessage(message));

from dataclasses import dataclass
from datetime import datetime
from typing import Literal

@dataclass
class ChatMessage:
    id: str
    role: Literal['user', 'assistant', 'system']
    content: str
    timestamp: datetime

def format_message(message: ChatMessage) -> str:
    return f"[{message.timestamp.isoformat()}] {message.role}: {message.content}"

# Example usage
message = ChatMessage(
    id="123",
    role="assistant",
    content="Hello! How can I assist you?",
    timestamp=datetime.now()
)
print(format_message(message))

{
  "name": "angular-ai-kit",
  "version": "1.0.0",
  "features": {
    "markdown": true,
    "streaming": true,
    "codeHighlighting": true
  },
  "themes": ["light", "dark"]
}

.ai-response {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 0.75rem;
  padding: 1rem;
}

.ai-response:hover {
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
}

# Install dependencies
npm install @angular-ai-kit/core

# Generate a new component
npx nx generate @angular-ai-kit/core:component my-chat

# Run the development server
npm run dev