@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260831063450 → 0.8.1-dev.20260901043813

package/dist/{CommentRendererClient-IAXFBEMF.mjs → CommentRendererClient-FU5ZMGBV.mjs}

@@ -736,8 +736,42 @@ var CommentFileNode_default = CommentFileNode;
 
 // src/components/controls/view/CommentNodeRenderer.tsx
 import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var LINK_STYLE = { textDecoration: "underline", wordBreak: "break-word" };
+var URL_PATTERN = /(https?:\/\/[^\s<>"']+|www\.[^\s<>"']+)/gi;
+var linkifyText = (text, keyPrefix) => {
+  const parts = text.split(URL_PATTERN);
+  if (parts.length === 1) {
+    return text;
+  }
+  return parts.map((part, index) => {
+    if (!part) {
+      return null;
+    }
+    const isUrl = index % 2 === 1;
+    if (!isUrl) {
+      return /* @__PURE__ */ jsx6(React3.Fragment, { children: part }, `${keyPrefix}-${index}`);
+    }
+    const trimmed = part.replace(/[.,;:!?)\]]+$/, "");
+    const trailing = part.slice(trimmed.length);
+    const href = trimmed.startsWith("www.") ? `https://${trimmed}` : trimmed;
+    return /* @__PURE__ */ jsxs5(React3.Fragment, { children: [
+      /* @__PURE__ */ jsx6(
+        "a",
+        {
+          href,
+          target: "_blank",
+          rel: "noopener noreferrer nofollow ugc",
+          className: "comment-node-link bg-info-weak",
+          style: LINK_STYLE,
+          children: trimmed
+        }
+      ),
+      trailing
+    ] }, `${keyPrefix}-${index}`);
+  });
+};
 var TextLeafNode = ({ node }) => {
-  let content = node.text;
+  let content = node.code ? node.text : linkifyText(node.text ?? "", node.id ?? "comment-text");
   if (node.code) content = /* @__PURE__ */ jsx6("code", { className: "comment-node-code", children: content });
   if (node.bold) content = /* @__PURE__ */ jsx6("strong", { children: content });
   if (node.italic) content = /* @__PURE__ */ jsx6("em", { children: content });
@@ -776,8 +810,18 @@ var CommentNodeRenderer = ({ node, assetBaseUrl }) => {
   const element = asElementNode(node);
   const key = element.id ?? element.type;
   switch (element.type) {
-    case "paragraph":
-      return /* @__PURE__ */ jsx6("p", { className: "comment-node-paragraph", children: renderChildren(element.children, key, assetBaseUrl) ?? /* @__PURE__ */ jsx6("br", {}) });
+    case "paragraph": {
+      const paragraphChildren = element.children ?? [];
+      const isEmptyParagraph = paragraphChildren.length === 0 || paragraphChildren.every((child) => isTextNode(child) && (child.text ?? "").length === 0);
+      return /* @__PURE__ */ jsx6(
+        "p",
+        {
+          className: "comment-node-paragraph",
+          style: { margin: 0, whiteSpace: "pre-wrap", wordBreak: "break-word" },
+          children: isEmptyParagraph ? /* @__PURE__ */ jsx6("br", {}) : renderChildren(element.children, key, assetBaseUrl)
+        }
+      );
+    }
     case "heading": {
       const level = headingLevelFromTag(element.tag ?? element.level);
       const HeadingTag = `h${level}`;
@@ -803,7 +847,17 @@ var CommentNodeRenderer = ({ node, assetBaseUrl }) => {
       return /* @__PURE__ */ jsx6(CommentFileNode_default, { node: element, assetBaseUrl });
     case "link": {
       const url = typeof element.url === "string" ? element.url : "#";
-      return /* @__PURE__ */ jsx6("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: "comment-node-link", children: renderChildren(element.children, key, assetBaseUrl) });
+      return /* @__PURE__ */ jsx6(
+        "a",
+        {
+          href: url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "comment-node-link bg-info-weak",
+          style: LINK_STYLE,
+          children: renderChildren(element.children, key, assetBaseUrl)
+        }
+      );
     }
     case "mention": {
       const label = element.label ?? element.mentionName ?? element.text ?? "";

package/dist/{CommentRendererClient-XPZN5L64.mjs → CommentRendererClient-L6GILW7U.mjs}

@@ -738,8 +738,42 @@ var CommentFileNode_default = CommentFileNode;
 
 // src/components/controls/view/CommentNodeRenderer.tsx
 import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var LINK_STYLE = { textDecoration: "underline", wordBreak: "break-word" };
+var URL_PATTERN = /(https?:\/\/[^\s<>"']+|www\.[^\s<>"']+)/gi;
+var linkifyText = (text, keyPrefix) => {
+  const parts = text.split(URL_PATTERN);
+  if (parts.length === 1) {
+    return text;
+  }
+  return parts.map((part, index) => {
+    if (!part) {
+      return null;
+    }
+    const isUrl = index % 2 === 1;
+    if (!isUrl) {
+      return /* @__PURE__ */ jsx6(React3.Fragment, { children: part }, `${keyPrefix}-${index}`);
+    }
+    const trimmed = part.replace(/[.,;:!?)\]]+$/, "");
+    const trailing = part.slice(trimmed.length);
+    const href = trimmed.startsWith("www.") ? `https://${trimmed}` : trimmed;
+    return /* @__PURE__ */ jsxs5(React3.Fragment, { children: [
+      /* @__PURE__ */ jsx6(
+        "a",
+        {
+          href,
+          target: "_blank",
+          rel: "noopener noreferrer nofollow ugc",
+          className: "comment-node-link bg-info-weak",
+          style: LINK_STYLE,
+          children: trimmed
+        }
+      ),
+      trailing
+    ] }, `${keyPrefix}-${index}`);
+  });
+};
 var TextLeafNode = ({ node }) => {
-  let content = node.text;
+  let content = node.code ? node.text : linkifyText(node.text ?? "", node.id ?? "comment-text");
   if (node.code) content = /* @__PURE__ */ jsx6("code", { className: "comment-node-code", children: content });
   if (node.bold) content = /* @__PURE__ */ jsx6("strong", { children: content });
   if (node.italic) content = /* @__PURE__ */ jsx6("em", { children: content });
@@ -778,8 +812,18 @@ var CommentNodeRenderer = ({ node, assetBaseUrl }) => {
   const element = asElementNode(node);
   const key = element.id ?? element.type;
   switch (element.type) {
-    case "paragraph":
-      return /* @__PURE__ */ jsx6("p", { className: "comment-node-paragraph", children: renderChildren(element.children, key, assetBaseUrl) ?? /* @__PURE__ */ jsx6("br", {}) });
+    case "paragraph": {
+      const paragraphChildren = element.children ?? [];
+      const isEmptyParagraph = paragraphChildren.length === 0 || paragraphChildren.every((child) => isTextNode(child) && (child.text ?? "").length === 0);
+      return /* @__PURE__ */ jsx6(
+        "p",
+        {
+          className: "comment-node-paragraph",
+          style: { margin: 0, whiteSpace: "pre-wrap", wordBreak: "break-word" },
+          children: isEmptyParagraph ? /* @__PURE__ */ jsx6("br", {}) : renderChildren(element.children, key, assetBaseUrl)
+        }
+      );
+    }
     case "heading": {
       const level = headingLevelFromTag(element.tag ?? element.level);
       const HeadingTag = `h${level}`;
@@ -805,7 +849,17 @@ var CommentNodeRenderer = ({ node, assetBaseUrl }) => {
       return /* @__PURE__ */ jsx6(CommentFileNode_default, { node: element, assetBaseUrl });
     case "link": {
       const url = typeof element.url === "string" ? element.url : "#";
-      return /* @__PURE__ */ jsx6("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: "comment-node-link", children: renderChildren(element.children, key, assetBaseUrl) });
+      return /* @__PURE__ */ jsx6(
+        "a",
+        {
+          href: url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "comment-node-link bg-info-weak",
+          style: LINK_STYLE,
+          children: renderChildren(element.children, key, assetBaseUrl)
+        }
+      );
     }
     case "mention": {
       const label = element.label ?? element.mentionName ?? element.text ?? "";

package/dist/{DataBindingControls-Y4JXUDZV.mjs → DataBindingControls-ANAEGFPF.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   InputControlType_default
-} from "./chunk-4R7F7LBL.mjs";
+} from "./chunk-IEY342PD.mjs";
 
 // src/components/pageRenderingEngine/nodes/DataBindingControls.tsx
 import { useCallback, useEffect, useRef, useState } from "react";
@@ -9,7 +9,7 @@ import { useRouter } from "next/navigation";
 
 // src/components/controls/edit/InputControl.tsx
 import dynamic from "next/dynamic";
-var InputControl = dynamic(() => import("./InputControlClient-XC24HYZX.mjs"), {
+var InputControl = dynamic(() => import("./InputControlClient-HDT3N6ZI.mjs"), {
   ssr: false
 });
 var InputControl_default = InputControl;

package/dist/{DataBindingControls-JLAO3NJL.mjs → DataBindingControls-GA2UILYQ.mjs}

@@ -3,10 +3,10 @@
 "use client";
 import {
   InputControl_default
-} from "./chunk-GGG5MJLN.mjs";
+} from "./chunk-37F2HMKK.mjs";
 import {
   InputControlType_default
-} from "./chunk-E4VOFO5Q.mjs";
+} from "./chunk-DTWPZPSX.mjs";
 
 // src/components/pageRenderingEngine/nodes/DataBindingControls.tsx
 import { useCallback, useEffect, useRef, useState } from "react";