Function code

src/components/ChatMessage.tsx:144–174

({ node, className, children, ...props })

          <ReactMarkdown
            components={{
              code({ node, className, children, ...props }) {
                const match = /language-(\w+)/.exec(className || '')
                const inline = !match

                return !inline ? (
                  <SyntaxHighlighter
                    style={atomDark}
                    language={match?.[1] || 'text'}
                    PreTag="div"
                    customStyle={{
                      background: 'var(--dim)',
                      border: '1px solid var(--primary)',
                      borderRadius: '4px',
                      fontSize: '0.875rem'
                    }}
                  >
                    {String(children).replace(/\n$/, '')}
                  </SyntaxHighlighter>
                ) : (
                  <code
                    className="px-1 py-0.5 rounded text-sm"
                    style={{
                      background: 'var(--dim)',
                      color: 'var(--primary)'
                    }}
                    {...props}
                  >
                    {children}
                  </code>
                )
              },
              p({ children }) {
                return <p className="mb-3 last:mb-0 leading-relaxed">{children}</p>
              },