@agentiffai/design 1.3.15 → 1.3.17

package/dist/index.cjs

@@ -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
@@ -9402,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: [
@@ -9734,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) {
@@ -9837,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"
             ]
           }
         ),
@@ -9853,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: "" }),
@@ -10080,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 "";
   }
@@ -10352,13 +10389,13 @@ var WorkflowCard = ({
   name,
   description,
   integrations = [],
-  requiresInput = false,
+  needsSetup = false,
   onClick,
   disabled = false,
   className
 }) => {
   const missingCount = integrations.filter((i) => i.connected === false).length;
-  const hasFooter = integrations.length > 0 || requiresInput;
+  const hasFooter = integrations.length > 0 || needsSetup;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Card3,
     {
@@ -10401,9 +10438,9 @@ var WorkflowCard = ({
                 ]
               }
             ),
-            requiresInput && /* @__PURE__ */ jsxRuntime.jsxs(IndicatorPill, { $variant: "info", title: "Requires input", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(IndicatorDot, { $variant: "info" }),
-              /* @__PURE__ */ jsxRuntime.jsx(IndicatorText, { children: "Input required" })
+            needsSetup && /* @__PURE__ */ jsxRuntime.jsxs(IndicatorPill, { $variant: "warning", title: "Setup required before use", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(IndicatorDot, { $variant: "warning" }),
+              /* @__PURE__ */ jsxRuntime.jsx(IndicatorText, { children: "Needs Setup" })
             ] })
           ] })
         ] })