@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260902051818 → 0.8.1-dev.20260902111021

package/dist/{CommentRendererClient-PYC2QHIE.mjs → CommentRendererClient-52UOUQAD.mjs}

@@ -334,6 +334,10 @@ var CommentImageNode = ({ node, assetBaseUrl }) => {
         display: "block",
         width: "auto",
         height: "auto",
+        // Cap the thumbnail so a large upload doesn't blow out the
+        // message width/height; the lightbox shows it full size on click.
+        maxWidth: "min(320px, 100%)",
+        maxHeight: "320px",
         objectFit: "cover",
         borderRadius: "0.375rem",
         margin: "0.5rem 0",
@@ -741,15 +745,13 @@ import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var LINK_STYLE = { textDecoration: "underline", wordBreak: "break-word" };
 var CODE_BLOCK_STYLE = {
   margin: "0.5rem 0",
-  padding: "0.625rem 0.75rem",
   borderRadius: "0.5rem",
-  // border: "1px solid rgba(0, 0, 0, 0.15)",
-  // background: "rgba(0, 0, 0, 0.05)",
   fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace',
   fontSize: "0.8125rem",
   lineHeight: 1.45,
-  whiteSpace: "pre",
-  overflowX: "auto",
+  whiteSpace: "pre-wrap",
+  wordBreak: "break-word",
+  overflowWrap: "anywhere",
   tabSize: 2,
   maxWidth: "100%"
 };

package/dist/{CommentRendererClient-UYOHQU4Q.mjs → CommentRendererClient-QC65XBT2.mjs}

@@ -332,6 +332,10 @@ var CommentImageNode = ({ node, assetBaseUrl }) => {
         display: "block",
         width: "auto",
         height: "auto",
+        // Cap the thumbnail so a large upload doesn't blow out the
+        // message width/height; the lightbox shows it full size on click.
+        maxWidth: "min(320px, 100%)",
+        maxHeight: "320px",
         objectFit: "cover",
         borderRadius: "0.375rem",
         margin: "0.5rem 0",
@@ -739,15 +743,13 @@ import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var LINK_STYLE = { textDecoration: "underline", wordBreak: "break-word" };
 var CODE_BLOCK_STYLE = {
   margin: "0.5rem 0",
-  padding: "0.625rem 0.75rem",
   borderRadius: "0.5rem",
-  // border: "1px solid rgba(0, 0, 0, 0.15)",
-  // background: "rgba(0, 0, 0, 0.05)",
   fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace',
   fontSize: "0.8125rem",
   lineHeight: 1.45,
-  whiteSpace: "pre",
-  overflowX: "auto",
+  whiteSpace: "pre-wrap",
+  wordBreak: "break-word",
+  overflowWrap: "anywhere",
   tabSize: 2,
   maxWidth: "100%"
 };

package/dist/index.js

@@ -1303,6 +1303,10 @@ var init_CommentImageNode = __esm({
             display: "block",
             width: "auto",
             height: "auto",
+            // Cap the thumbnail so a large upload doesn't blow out the
+            // message width/height; the lightbox shows it full size on click.
+            maxWidth: "min(320px, 100%)",
+            maxHeight: "320px",
             objectFit: "cover",
             borderRadius: "0.375rem",
             margin: "0.5rem 0",
@@ -1734,15 +1738,13 @@ var init_CommentNodeRenderer = __esm({
     LINK_STYLE = { textDecoration: "underline", wordBreak: "break-word" };
     CODE_BLOCK_STYLE = {
       margin: "0.5rem 0",
-      padding: "0.625rem 0.75rem",
       borderRadius: "0.5rem",
-      // border: "1px solid rgba(0, 0, 0, 0.15)",
-      // background: "rgba(0, 0, 0, 0.05)",
       fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace',
       fontSize: "0.8125rem",
       lineHeight: 1.45,
-      whiteSpace: "pre",
-      overflowX: "auto",
+      whiteSpace: "pre-wrap",
+      wordBreak: "break-word",
+      overflowWrap: "anywhere",
       tabSize: 2,
       maxWidth: "100%"
     };

package/dist/index.mjs

@@ -410,7 +410,7 @@ var TimeUntilStarts_default = TimeUntilStarts;
 
 // src/components/controls/view/Commentrenderer.tsx
 import dynamic5 from "next/dynamic";
-var CommentRenderer = dynamic5(() => import("./CommentRendererClient-PYC2QHIE.mjs"), {
+var CommentRenderer = dynamic5(() => import("./CommentRendererClient-52UOUQAD.mjs"), {
   ssr: false
 });
 var Commentrenderer_default = CommentRenderer;

package/dist/server.js

@@ -2090,6 +2090,10 @@ var init_CommentImageNode = __esm({
             display: "block",
             width: "auto",
             height: "auto",
+            // Cap the thumbnail so a large upload doesn't blow out the
+            // message width/height; the lightbox shows it full size on click.
+            maxWidth: "min(320px, 100%)",
+            maxHeight: "320px",
             objectFit: "cover",
             borderRadius: "0.375rem",
             margin: "0.5rem 0",
@@ -2521,15 +2525,13 @@ var init_CommentNodeRenderer = __esm({
     LINK_STYLE = { textDecoration: "underline", wordBreak: "break-word" };
     CODE_BLOCK_STYLE = {
       margin: "0.5rem 0",
-      padding: "0.625rem 0.75rem",
       borderRadius: "0.5rem",
-      // border: "1px solid rgba(0, 0, 0, 0.15)",
-      // background: "rgba(0, 0, 0, 0.05)",
       fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace',
       fontSize: "0.8125rem",
       lineHeight: 1.45,
-      whiteSpace: "pre",
-      overflowX: "auto",
+      whiteSpace: "pre-wrap",
+      wordBreak: "break-word",
+      overflowWrap: "anywhere",
       tabSize: 2,
       maxWidth: "100%"
     };

package/dist/server.mjs

@@ -743,7 +743,7 @@ var TimeUntilStarts_default = TimeUntilStarts;
 
 // src/components/controls/view/Commentrenderer.tsx
 import dynamic7 from "next/dynamic";
-var CommentRenderer = dynamic7(() => import("./CommentRendererClient-UYOHQU4Q.mjs"), {
+var CommentRenderer = dynamic7(() => import("./CommentRendererClient-QC65XBT2.mjs"), {
   ssr: false
 });
 var Commentrenderer_default = CommentRenderer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clyrex-digital/clyrex-controls-dev",
-  "version": "0.8.1-dev.20260902051818",
+  "version": "0.8.1-dev.20260902111021",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",