@djangocfg/ui-tools 2.1.104 → 2.1.106

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.cjs +4 -3
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.mjs +4 -3
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +3 -3
  6. package/src/components/markdown/MarkdownMessage.tsx +5 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@djangocfg/ui-tools",
3
- "version": "2.1.104",
3
+ "version": "2.1.106",
4
4
  "description": "Heavy React tools with lazy loading - for Electron, Vite, CRA, Next.js apps",
5
5
  "keywords": [
6
6
  "ui-tools",
@@ -47,7 +47,7 @@
47
47
  "check": "tsc --noEmit"
48
48
  },
49
49
  "peerDependencies": {
50
- "@djangocfg/ui-core": "^2.1.104",
50
+ "@djangocfg/ui-core": "^2.1.106",
51
51
  "lucide-react": "^0.545.0",
52
52
  "react": "^19.0.0",
53
53
  "react-dom": "^19.0.0",
@@ -73,7 +73,7 @@
73
73
  "wavesurfer.js": "^7.12.1"
74
74
  },
75
75
  "devDependencies": {
76
- "@djangocfg/typescript-config": "^2.1.104",
76
+ "@djangocfg/typescript-config": "^2.1.106",
77
77
  "@types/node": "^24.7.2",
78
78
  "@types/react": "^19.1.0",
79
79
  "@types/react-dom": "^19.1.0",
package/src/components/markdown/MarkdownMessage.tsx CHANGED
@@ -153,9 +153,9 @@ const createMarkdownComponents = (isUser: boolean = false, isCompact: boolean =
153
153
  <h6 className={`${headingSm} font-medium mb-1 mt-2 first:mt-0`}>{children}</h6>
154
154
  ),
155
155
 
156
- // Paragraphs - compact spacing for chat
156
+ // Paragraphs - optimized for chat readability
157
157
  p: ({ children }) => (
158
- <p className={`${textSize} mb-2 last:mb-0 leading-relaxed break-words`}>{children}</p>
158
+ <p className={`${textSize} mb-4 last:mb-0 leading-7 break-words font-light`}>{children}</p>
159
159
  ),
160
160
 
161
161
  // Lists - compact
@@ -503,10 +503,10 @@ export const MarkdownMessage: React.FC<MarkdownMessageProps> = ({
503
503
  // For plain text without markdown, render directly without ReactMarkdown
504
504
  const isPlainText = !hasMarkdownSyntax(displayContent);
505
505
 
506
- // Render plain text
506
+ // Render plain text - use CSS white-space: pre-line to preserve newlines
507
507
  if (isPlainText) {
508
508
  return (
509
- <span className={`${textSizeClass} leading-relaxed break-words ${className}`}>
509
+ <span className={`${textSizeClass} leading-7 break-words whitespace-pre-line font-light ${className}`}>
510
510
  {displayContent}
511
511
  {collapsible && shouldCollapse && (
512
512
  <>
@@ -532,6 +532,7 @@ export const MarkdownMessage: React.FC<MarkdownMessageProps> = ({
532
532
  className={`
533
533
  prose ${proseClass} max-w-none break-words overflow-hidden ${textSizeClass}
534
534
  ${isUser ? 'prose-invert' : 'dark:prose-invert'}
535
+ [&>*]:leading-7
535
536
  `}
536
537
  style={{
537
538
  // Inherit colors from parent - fixes issues with external CSS variables