@djangocfg/ui-tools 2.1.104 → 2.1.106

package/dist/index.mjs

@@ -4925,8 +4925,8 @@ var createMarkdownComponents = /* @__PURE__ */ __name((isUser = false, isCompact
     h4: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx("h4", { className: `${headingSm} font-semibold mb-1 mt-2 first:mt-0`, children }), "h4"),
     h5: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx("h5", { className: `${headingSm} font-medium mb-1 mt-2 first:mt-0`, children }), "h5"),
     h6: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx("h6", { className: `${headingSm} font-medium mb-1 mt-2 first:mt-0`, children }), "h6"),
-    // Paragraphs - compact spacing for chat
-    p: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx("p", { className: `${textSize} mb-2 last:mb-0 leading-relaxed break-words`, children }), "p"),
+    // Paragraphs - optimized for chat readability
+    p: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx("p", { className: `${textSize} mb-4 last:mb-0 leading-7 break-words font-light`, children }), "p"),
     // Lists - compact
     ul: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx("ul", { className: `list-disc list-inside mb-2 space-y-1 ${textSize}`, children }), "ul"),
     ol: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx("ol", { className: `list-decimal list-inside mb-2 space-y-1 ${textSize}`, children }), "ol"),
@@ -5156,7 +5156,7 @@ var MarkdownMessage = /* @__PURE__ */ __name(({
   const proseClass = isCompact ? "prose-xs" : "prose-sm";
   const isPlainText = !hasMarkdownSyntax(displayContent);
   if (isPlainText) {
-    return /* @__PURE__ */ jsxs("span", { className: `${textSizeClass} leading-relaxed break-words ${className}`, children: [
+    return /* @__PURE__ */ jsxs("span", { className: `${textSizeClass} leading-7 break-words whitespace-pre-line font-light ${className}`, children: [
       displayContent,
       collapsible && shouldCollapse && /* @__PURE__ */ jsxs(Fragment, { children: [
         isCollapsed && "... ",
@@ -5181,6 +5181,7 @@ var MarkdownMessage = /* @__PURE__ */ __name(({
         className: `
           prose ${proseClass} max-w-none break-words overflow-hidden ${textSizeClass}
           ${isUser ? "prose-invert" : "dark:prose-invert"}
+          [&>*]:leading-7
         `,
         style: {
           // Inherit colors from parent - fixes issues with external CSS variables