@agentiffai/design 1.3.14 → 1.3.16

package/dist/index.cjs

@@ -5466,7 +5466,7 @@ var Input2 = ({
 };
 function parseMarkdown(text) {
   if (!text) return [];
-  text = text.replace(/<!--TOOL_CALL:[^>]*-->/g, "").replace(/__TOOL_CALL__:[^:]+:\{[^}]*(?:\{[^}]*\}[^}]*)*\}/g, "");
+  text = text.replace(/<!--TOOL_CALL:[^:]+:[\s\S]+?-->/g, "").replace(/__TOOL_CALL__:[^:]+:\{[^}]*(?:\{[^}]*\}[^}]*)*\}/g, "").replace(/<!--TOOL_CALL:[\s\S]*$/g, "").replace(/__TOOL_CALL__:[\s\S]*$/g, "");
   const elements = [];
   let key = 0;
   const paragraphs = text.split(/\n\n+/);
@@ -8271,9 +8271,9 @@ var ProgressFill = styled47__default.default.div`
 }};
 `;
 var Actions3 = styled47__default.default.div`
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
+  display: flex;
   gap: ${tokens.spacing.sm};
+  justify-content: flex-end;
 `;
 var ActionButton5 = styled47__default.default.button`
   padding: ${tokens.spacing.sm} ${tokens.spacing.md};
@@ -8281,9 +8281,11 @@ var ActionButton5 = styled47__default.default.button`
   font-size: ${tokens.typography.fontSize.sm};
   font-weight: ${tokens.typography.fontWeight.semibold};
   cursor: pointer;
-  transition: all ${tokens.transitions.fast};
+  transition: background ${tokens.transitions.fast}, opacity ${tokens.transitions.fast};
   border: none;
   white-space: nowrap;
+  min-width: 90px;
+  text-align: center;
 
   &:disabled {
     opacity: 0.5;
@@ -9268,6 +9270,29 @@ function truncateText(text, maxLength) {
 function getSubredditUrl(subreddit) {
   return `https://www.reddit.com/r/${subreddit}`;
 }
+var renderSimpleMarkdown = (text) => {
+  if (!text) return null;
+  let processed = text;
+  processed = processed.replace(/\*\*(.+?)\*\*/g, "{{BOLD:$1}}");
+  processed = processed.replace(/\*(.+?)\*/g, "{{ITALIC:$1}}");
+  processed = processed.replace(/`(.+?)`/g, "{{CODE:$1}}");
+  const segments = processed.split(/({{(?:BOLD|ITALIC|CODE):.+?}})/g);
+  return segments.map((segment, i) => {
+    if (segment.startsWith("{{BOLD:")) {
+      const content = segment.slice(7, -2);
+      return /* @__PURE__ */ jsxRuntime.jsx("strong", { children: content }, i);
+    }
+    if (segment.startsWith("{{ITALIC:")) {
+      const content = segment.slice(9, -2);
+      return /* @__PURE__ */ jsxRuntime.jsx("em", { children: content }, i);
+    }
+    if (segment.startsWith("{{CODE:")) {
+      const content = segment.slice(7, -2);
+      return /* @__PURE__ */ jsxRuntime.jsx("code", { style: { background: "rgba(255,255,255,0.1)", padding: "0 4px", borderRadius: "3px", fontFamily: "monospace" }, children: content }, i);
+    }
+    return segment;
+  });
+};
 var SubredditBadge = ({
   subreddit,
   linked = true
@@ -9336,10 +9361,7 @@ var RedditOpportunityCard = ({
     () => getRedditCharPercentage(charCount, REDDIT_LIMITS.comment),
     [charCount]
   );
-  const charLimitColor = react.useMemo(
-    () => getRedditCharLimitColor(charPercentage),
-    [charPercentage]
-  );
+  const charLimitColor = react.useMemo(() => getRedditCharLimitColor(charPercentage), [charPercentage]);
   const handleContentChange = (e) => {
     onContentChange?.(e.target.value);
   };
@@ -9405,7 +9427,7 @@ var RedditOpportunityCard = ({
               placeholder: "Write your reply...",
               autoFocus: true
             }
-          ) : /* @__PURE__ */ jsxRuntime.jsx(ReplyContent, { children: displayContent }),
+          ) : /* @__PURE__ */ jsxRuntime.jsx(ReplyContent, { children: renderSimpleMarkdown(displayContent) }),
           opportunity.strategy ? /* @__PURE__ */ jsxRuntime.jsxs(StrategyHint, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(StrategyIconImg, { src: "/assets/icon-set/Icon-lightbulb-fill.svg", alt: "" }),
             /* @__PURE__ */ jsxRuntime.jsxs(StrategyText, { children: [
@@ -9413,13 +9435,7 @@ var RedditOpportunityCard = ({
               opportunity.strategy
             ] })
           ] }) : null,
-          /* @__PURE__ */ jsxRuntime.jsx(ProgressBarContainer2, { children: /* @__PURE__ */ jsxRuntime.jsx(ProgressBarTrack2, { children: /* @__PURE__ */ jsxRuntime.jsx(
-            ProgressBarFill3,
-            {
-              $percentage: Math.min(charPercentage, 100),
-              $color: charLimitColor
-            }
-          ) }) })
+          /* @__PURE__ */ jsxRuntime.jsx(ProgressBarContainer2, { children: /* @__PURE__ */ jsxRuntime.jsx(ProgressBarTrack2, { children: /* @__PURE__ */ jsxRuntime.jsx(ProgressBarFill3, { $percentage: Math.min(charPercentage, 100), $color: charLimitColor }) }) })
         ] })
       ]
     }
@@ -9743,10 +9759,13 @@ var RedditEngagementControls = ({
   const [showRegenerateInput, setShowRegenerateInput] = react.useState(false);
   const [regenerateFeedback, setRegenerateFeedback] = react.useState("");
   const [copiedFeedback, setCopiedFeedback] = react.useState(false);
+  const [engagedWithContent, setEngagedWithContent] = react.useState(null);
+  const isEngaged = engagedWithContent !== null && engagedWithContent === currentReply;
   const handleCopyAndOpen = react.useCallback(async () => {
     try {
       await navigator.clipboard.writeText(currentReply);
       setCopiedFeedback(true);
+      setEngagedWithContent(currentReply);
       setTimeout(() => setCopiedFeedback(false), 2e3);
       onCopyAndOpen();
     } catch (err) {
@@ -9846,14 +9865,14 @@ var RedditEngagementControls = ({
         /* @__PURE__ */ jsxRuntime.jsxs(
           ActionButton6,
           {
-            $variant: "primary",
+            $variant: isEngaged && !copiedFeedback ? "engaged" : "primary",
             onClick: handleCopyAndOpen,
-            disabled: isLoading,
-            $pulse: !justCopied && !copiedFeedback,
-            title: "Copy reply and open post in new tab",
+            disabled: isLoading || isEngaged && !copiedFeedback,
+            $pulse: !justCopied && !copiedFeedback && !isEngaged,
+            title: isEngaged ? "Already copied - edit to re-enable" : "Copy reply and open post in new tab",
             children: [
-              copiedFeedback ? /* @__PURE__ */ jsxRuntime.jsx(Icon3, { src: "/assets/icon-set/Icon-check-fill.svg", alt: "" }) : /* @__PURE__ */ jsxRuntime.jsx(Icon3, { src: "/assets/icon-set/Icon-clipboard-fill.svg", alt: "" }),
-              copiedFeedback ? "Copied!" : "Copy & Open"
+              copiedFeedback ? /* @__PURE__ */ jsxRuntime.jsx(Icon3, { src: "/assets/icon-set/Icon-check-fill.svg", alt: "" }) : isEngaged ? /* @__PURE__ */ jsxRuntime.jsx(Icon3, { src: "/assets/icon-set/Icon-check-fill.svg", alt: "" }) : /* @__PURE__ */ jsxRuntime.jsx(Icon3, { src: "/assets/icon-set/Icon-clipboard-fill.svg", alt: "" }),
+              copiedFeedback ? "Copied!" : isEngaged ? "Engaged" : "Engage"
             ]
           }
         ),
@@ -9862,7 +9881,7 @@ var RedditEngagementControls = ({
           {
             $variant: "success",
             onClick: onMarkPosted,
-            disabled: isLoading || !justCopied && !copiedFeedback,
+            disabled: isLoading || !justCopied && !copiedFeedback && !isEngaged,
             title: "Mark as posted after you've replied",
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(Icon3, { src: "/assets/icon-set/Icon-check-fill.svg", alt: "" }),
@@ -10089,6 +10108,15 @@ var ActionButton6 = styled47__default.default.button`
             opacity: 0.9;
           }
         `;
+    case "engaged":
+      return styled47.css`
+          background: ${tokens.colors.text.tertiary};
+          color: ${tokens.colors.background.darker};
+          cursor: default;
+          ${Icon3} {
+            filter: brightness(0) saturate(100%) invert(15%);
+          }
+        `;
     default:
       return "";
   }