@gendive/chatllm 0.17.14 → 0.17.16

package/dist/react/index.js

@@ -1412,6 +1412,7 @@ var useProject = (options) => {
 var generateId2 = () => {
   return Math.random().toString(36).substring(2, 11);
 };
+var stripInlineMarkdown = (text) => text.replace(/\*\*(.+?)\*\*/g, "$1").replace(/__(.+?)__/g, "$1").replace(/\*(.+?)\*/g, "$1").replace(/_(.+?)_/g, "$1").replace(/`(.+?)`/g, "$1").replace(/~~(.+?)~~/g, "$1");
 var parsePollFromContent = (content) => {
   const pollRegex = /<poll([^>]*)>([\s\S]*?)<\/poll>/gi;
   const polls = [];
@@ -1446,12 +1447,12 @@ var parsePollFromContent = (content) => {
     let optionMatch;
     while ((optionMatch = optionTagRegex.exec(innerContent)) !== null) {
       const optionAttrs = optionMatch[1];
-      const optionLabel = optionMatch[2].trim();
+      const optionLabel = stripInlineMarkdown(optionMatch[2].trim());
       const descMatch = optionAttrs.match(/description=["']([^"']+)["']/i);
       options.push({
         id: generateId2(),
         label: optionLabel,
-        description: descMatch?.[1]
+        description: descMatch?.[1] ? stripInlineMarkdown(descMatch[1]) : void 0
       });
     }
     if (options.length === 0) {
@@ -1461,8 +1462,8 @@ var parsePollFromContent = (content) => {
         const fullText = listMatch[1].trim();
         const colonIndex = fullText.indexOf(":");
         if (colonIndex > 0) {
-          const label = fullText.substring(0, colonIndex).trim();
-          const description = fullText.substring(colonIndex + 1).trim();
+          const label = stripInlineMarkdown(fullText.substring(0, colonIndex).trim());
+          const description = stripInlineMarkdown(fullText.substring(colonIndex + 1).trim());
           options.push({
             id: generateId2(),
             label,
@@ -1471,7 +1472,7 @@ var parsePollFromContent = (content) => {
         } else {
           options.push({
             id: generateId2(),
-            label: fullText
+            label: stripInlineMarkdown(fullText)
           });
         }
       }
@@ -1482,14 +1483,14 @@ var parsePollFromContent = (content) => {
       while ((numMatch = numberedRegex.exec(innerContent)) !== null) {
         options.push({
           id: generateId2(),
-          label: numMatch[1].trim()
+          label: stripInlineMarkdown(numMatch[1].trim())
         });
       }
     }
     if (questionText && options.length >= 2) {
       const pollQuestion = {
         id: generateId2(),
-        question: questionText,
+        question: stripInlineMarkdown(questionText),
         options,
         multiSelect,
         allowOther,
@@ -6511,7 +6512,12 @@ var MarkdownRenderer = ({
       processedContent = processedContent.replace(UNCLOSED_THINKING_TAG_REGEX, "");
     }
     processedContent = processedContent.replace(/<poll[^>]*>[\s\S]*?<\/poll>/gi, "");
+    const hasUnfinishedPoll = UNCLOSED_POLL_TAG_REGEX.test(processedContent);
+    UNCLOSED_POLL_TAG_REGEX.lastIndex = 0;
     processedContent = processedContent.replace(UNCLOSED_POLL_TAG_REGEX, "");
+    if (hasUnfinishedPoll) {
+      processedContent += "\n\xA7POLL_LOADING\xA7";
+    }
     processedContent = processedContent.replace(UNCLOSED_SKILL_TAG_REGEX, "");
     const codeBlocks = [];
     processedContent = processedContent.replace(CODE_BLOCK_REGEX, (match, lang, code) => {
@@ -6647,6 +6653,46 @@ var MarkdownRenderer = ({
         );
         return;
       }
+      if (line.trim() === "\xA7POLL_LOADING\xA7") {
+        flushList();
+        flushBlockquote();
+        elements.push(
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+            "div",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: "8px",
+                padding: "14px 16px",
+                backgroundColor: "var(--chatllm-bg-secondary, #f9fafb)",
+                borderRadius: "10px",
+                border: "1px solid var(--chatllm-border, #e5e7eb)",
+                marginTop: "12px",
+                animation: "chatllm-pulse 1.5s ease-in-out infinite"
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                  "div",
+                  {
+                    style: {
+                      width: "18px",
+                      height: "18px",
+                      borderRadius: "50%",
+                      border: "2px solid var(--chatllm-primary, #4A90E2)",
+                      borderTopColor: "transparent",
+                      animation: "chatllm-spin 0.8s linear infinite"
+                    }
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { fontSize: "13px", color: "var(--chatllm-text-muted, #64748b)" }, children: "\uC120\uD0DD\uC9C0\uB97C \uC900\uBE44\uD558\uACE0 \uC788\uC5B4\uC694..." })
+              ]
+            },
+            `poll-loading-${lineIndex}`
+          )
+        );
+        return;
+      }
       const codeBlockMatch = line.match(/§CODEBLOCK§(\d+)§\/CODEBLOCK§/);
       if (codeBlockMatch) {
         flushList();
@@ -7214,6 +7260,26 @@ var PollCard = ({
   const currentHasSelection = getSelectionCount(currentQuestion.id) > 0;
   const isLastTab = activeTab === questions.length - 1;
   const totalSelected = questions.reduce((sum, q) => sum + getSelectionCount(q.id), 0);
+  const [visibleCount, setVisibleCount] = (0, import_react13.useState)(0);
+  const [cardVisible, setCardVisible] = (0, import_react13.useState)(false);
+  (0, import_react13.useEffect)(() => {
+    const fadeTimer = setTimeout(() => setCardVisible(true), 50);
+    const totalItems = currentQuestion.options.length + 1;
+    const timers = [fadeTimer];
+    for (let i = 1; i <= totalItems; i++) {
+      timers.push(setTimeout(() => setVisibleCount(i), 150 + i * 80));
+    }
+    return () => timers.forEach(clearTimeout);
+  }, [currentQuestion.options.length]);
+  (0, import_react13.useEffect)(() => {
+    setVisibleCount(0);
+    const totalItems = currentQuestion.options.length + 1;
+    const timers = [];
+    for (let i = 1; i <= totalItems; i++) {
+      timers.push(setTimeout(() => setVisibleCount(i), i * 80));
+    }
+    return () => timers.forEach(clearTimeout);
+  }, [activeTab, currentQuestion.options.length]);
   const handleNext = (0, import_react13.useCallback)(() => {
     if (!isLastTab) {
       setActiveTab((prev) => prev + 1);
@@ -7230,6 +7296,9 @@ var PollCard = ({
         borderRadius: "12px",
         border: "1px solid var(--chatllm-border, #e5e7eb)",
         overflow: "hidden",
+        opacity: cardVisible ? 1 : 0,
+        transform: cardVisible ? "translateY(0)" : "translateY(8px)",
+        transition: "opacity 0.3s ease, transform 0.3s ease",
         marginTop: "12px"
       },
       children: [
@@ -7311,8 +7380,9 @@ var PollCard = ({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: { padding: "8px" }, children: [
-          currentQuestion.options.map((option) => {
+          currentQuestion.options.map((option, optIdx) => {
             const isSelected = selections[currentQuestion.id]?.has(option.id) || false;
+            const isVisible = optIdx < visibleCount;
             return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
               "button",
               {
@@ -7328,8 +7398,10 @@ var PollCard = ({
                   borderRadius: "8px",
                   cursor: "pointer",
                   textAlign: "left",
-                  transition: "all 0.15s ease",
-                  marginBottom: "6px"
+                  transition: "all 0.2s ease",
+                  marginBottom: "6px",
+                  opacity: isVisible ? 1 : 0,
+                  transform: isVisible ? "translateY(0)" : "translateY(6px)"
                 },
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
@@ -7382,68 +7454,73 @@ var PollCard = ({
               option.id
             );
           }),
-          currentQuestion.allowOther !== false && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-              "button",
-              {
-                onClick: () => handleOtherToggle(currentQuestion.id, currentQuestion.multiSelect ?? false),
-                style: {
-                  width: "100%",
-                  display: "flex",
-                  alignItems: "center",
-                  gap: "12px",
-                  padding: "12px 14px",
-                  backgroundColor: otherSelected[currentQuestion.id] ? "var(--chatllm-primary-light, rgba(74, 144, 226, 0.08))" : "transparent",
-                  border: otherSelected[currentQuestion.id] ? "1px solid var(--chatllm-primary, #4A90E2)" : "1px solid var(--chatllm-border, #e5e7eb)",
-                  borderRadius: "8px",
-                  cursor: "pointer",
-                  textAlign: "left",
-                  transition: "all 0.15s ease"
-                },
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                    "div",
-                    {
-                      style: {
-                        width: "20px",
-                        height: "20px",
-                        borderRadius: currentQuestion.multiSelect ? "4px" : "50%",
-                        border: `2px solid ${otherSelected[currentQuestion.id] ? "var(--chatllm-primary, #4A90E2)" : "var(--chatllm-border, #d1d5db)"}`,
-                        backgroundColor: otherSelected[currentQuestion.id] ? "var(--chatllm-primary, #4A90E2)" : "transparent",
-                        display: "flex",
-                        alignItems: "center",
-                        justifyContent: "center",
-                        flexShrink: 0,
-                        transition: "all 0.15s ease"
-                      },
-                      children: otherSelected[currentQuestion.id] && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(IconSvg, { name: "check-line", size: 14, color: "#fff" })
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { style: { fontSize: "14px", color: "var(--chatllm-text-muted, #64748b)" }, children: "\uAE30\uD0C0" })
-                ]
-              }
-            ),
-            otherSelected[currentQuestion.id] && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { style: { padding: "8px 0 4px 32px" }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-              "input",
-              {
-                type: "text",
-                value: otherTexts[currentQuestion.id] || "",
-                onChange: (e) => setOtherTexts((prev) => ({ ...prev, [currentQuestion.id]: e.target.value })),
-                placeholder: "\uC9C1\uC811 \uC785\uB825...",
-                style: {
-                  width: "100%",
-                  padding: "10px 12px",
-                  backgroundColor: "var(--chatllm-bg-secondary, #f9fafb)",
-                  border: "1px solid var(--chatllm-border, #e5e7eb)",
-                  borderRadius: "6px",
-                  color: "var(--chatllm-text, #1e293b)",
-                  fontSize: "13px",
-                  outline: "none"
-                },
-                autoFocus: true
-              }
-            ) })
-          ] })
+          currentQuestion.allowOther !== false && (() => {
+            const otherVisible = currentQuestion.options.length < visibleCount;
+            return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+                "button",
+                {
+                  onClick: () => handleOtherToggle(currentQuestion.id, currentQuestion.multiSelect ?? false),
+                  style: {
+                    width: "100%",
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "12px",
+                    padding: "12px 14px",
+                    backgroundColor: otherSelected[currentQuestion.id] ? "var(--chatllm-primary-light, rgba(74, 144, 226, 0.08))" : "transparent",
+                    border: otherSelected[currentQuestion.id] ? "1px solid var(--chatllm-primary, #4A90E2)" : "1px solid var(--chatllm-border, #e5e7eb)",
+                    borderRadius: "8px",
+                    cursor: "pointer",
+                    textAlign: "left",
+                    transition: "all 0.2s ease",
+                    opacity: otherVisible ? 1 : 0,
+                    transform: otherVisible ? "translateY(0)" : "translateY(6px)"
+                  },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                      "div",
+                      {
+                        style: {
+                          width: "20px",
+                          height: "20px",
+                          borderRadius: currentQuestion.multiSelect ? "4px" : "50%",
+                          border: `2px solid ${otherSelected[currentQuestion.id] ? "var(--chatllm-primary, #4A90E2)" : "var(--chatllm-border, #d1d5db)"}`,
+                          backgroundColor: otherSelected[currentQuestion.id] ? "var(--chatllm-primary, #4A90E2)" : "transparent",
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "center",
+                          flexShrink: 0,
+                          transition: "all 0.15s ease"
+                        },
+                        children: otherSelected[currentQuestion.id] && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(IconSvg, { name: "check-line", size: 14, color: "#fff" })
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { style: { fontSize: "14px", color: "var(--chatllm-text-muted, #64748b)" }, children: "\uAE30\uD0C0" })
+                  ]
+                }
+              ),
+              otherSelected[currentQuestion.id] && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { style: { padding: "8px 0 4px 32px" }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                "input",
+                {
+                  type: "text",
+                  value: otherTexts[currentQuestion.id] || "",
+                  onChange: (e) => setOtherTexts((prev) => ({ ...prev, [currentQuestion.id]: e.target.value })),
+                  placeholder: "\uC9C1\uC811 \uC785\uB825...",
+                  style: {
+                    width: "100%",
+                    padding: "10px 12px",
+                    backgroundColor: "var(--chatllm-bg-secondary, #f9fafb)",
+                    border: "1px solid var(--chatllm-border, #e5e7eb)",
+                    borderRadius: "6px",
+                    color: "var(--chatllm-text, #1e293b)",
+                    fontSize: "13px",
+                    outline: "none"
+                  },
+                  autoFocus: true
+                }
+              ) })
+            ] });
+          })()
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
           "div",