@gendive/chatllm 0.17.6 → 0.17.8

package/dist/react/index.mjs

@@ -4648,7 +4648,8 @@ var ChatInput = ({
   attachments = [],
   onFileAttach,
   onRemoveAttachment,
-  acceptedFileTypes
+  acceptedFileTypes,
+  onDisclaimerClick
 }) => {
   const [mainMenuOpen, setMainMenuOpen] = React4.useState(false);
   const textareaRef = useRef7(null);
@@ -4732,7 +4733,7 @@ var ChatInput = ({
     };
     return icon ? iconMap[icon] || "sparkling-line" : "sparkling-line";
   };
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs4(
     "footer",
     {
       className: "chatllm-input-footer",
@@ -4749,107 +4750,26 @@ var ChatInput = ({
         background: "linear-gradient(to top, var(--chatllm-bg) 60%, transparent)",
         pointerEvents: "none"
       },
-      children: /* @__PURE__ */ jsxs4(
-        "div",
-        {
-          style: {
-            width: "100%",
-            maxWidth: "820px",
-            padding: "0 24px",
-            pointerEvents: "auto"
-          },
-          children: [
-            activeSkillExecution && activeSkillExecution.status === "executing" && /* @__PURE__ */ jsxs4(
-              "div",
-              {
-                style: {
-                  display: "flex",
-                  alignItems: "center",
-                  gap: "8px",
-                  padding: "8px 14px",
-                  marginBottom: "12px",
-                  backgroundColor: "var(--chatllm-primary-light)",
-                  borderRadius: "9999px",
-                  fontSize: "13px",
-                  fontWeight: 500,
-                  color: "var(--chatllm-primary)"
-                },
-                children: [
-                  /* @__PURE__ */ jsx5(
-                    "span",
-                    {
-                      className: "chatllm-skeleton-pulse",
-                      style: {
-                        width: "8px",
-                        height: "8px",
-                        borderRadius: "50%",
-                        backgroundColor: "var(--chatllm-primary)"
-                      }
-                    }
-                  ),
-                  activeSkillExecution.skillName,
-                  " \uC2E4\uD589 \uC911..."
-                ]
-              }
-            ),
-            (quotedText || selectedAction) && /* @__PURE__ */ jsxs4("div", { style: { display: "flex", gap: "8px", marginBottom: "12px", flexWrap: "wrap" }, children: [
-              quotedText && /* @__PURE__ */ jsxs4(
+      children: [
+        /* @__PURE__ */ jsxs4(
+          "div",
+          {
+            style: {
+              width: "100%",
+              maxWidth: "820px",
+              padding: "0 24px",
+              pointerEvents: "auto"
+            },
+            children: [
+              activeSkillExecution && activeSkillExecution.status === "executing" && /* @__PURE__ */ jsxs4(
                 "div",
                 {
                   style: {
                     display: "flex",
                     alignItems: "center",
                     gap: "8px",
-                    padding: "8px 12px",
-                    backgroundColor: "var(--chatllm-content-bg)",
-                    borderRadius: "12px",
-                    border: "1px solid var(--chatllm-border)",
-                    maxWidth: "100%"
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx5(IconSvg, { name: "double-quotes-l", size: 14, color: "var(--chatllm-primary)" }),
-                    /* @__PURE__ */ jsx5(
-                      "span",
-                      {
-                        style: {
-                          fontSize: "13px",
-                          color: "var(--chatllm-text)",
-                          overflow: "hidden",
-                          textOverflow: "ellipsis",
-                          whiteSpace: "nowrap",
-                          maxWidth: "300px"
-                        },
-                        children: quotedText
-                      }
-                    ),
-                    /* @__PURE__ */ jsx5(
-                      "button",
-                      {
-                        onClick: onClearQuote,
-                        style: {
-                          padding: "2px",
-                          backgroundColor: "transparent",
-                          border: "none",
-                          borderRadius: "4px",
-                          cursor: "pointer",
-                          display: "flex",
-                          alignItems: "center",
-                          justifyContent: "center"
-                        },
-                        children: /* @__PURE__ */ jsx5(IconSvg, { name: "close-line", size: 14, color: "var(--chatllm-text-muted)" })
-                      }
-                    )
-                  ]
-                }
-              ),
-              selectedAction && /* @__PURE__ */ jsxs4(
-                "div",
-                {
-                  style: {
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "6px",
                     padding: "8px 14px",
+                    marginBottom: "12px",
                     backgroundColor: "var(--chatllm-primary-light)",
                     borderRadius: "9999px",
                     fontSize: "13px",
@@ -4857,315 +4777,265 @@ var ChatInput = ({
                     color: "var(--chatllm-primary)"
                   },
                   children: [
-                    /* @__PURE__ */ jsx5(IconSvg, { name: "sparkling-line", size: 14, color: "var(--chatllm-primary)" }),
-                    selectedAction.label,
                     /* @__PURE__ */ jsx5(
-                      "button",
+                      "span",
                       {
-                        onClick: onClearAction,
+                        className: "chatllm-skeleton-pulse",
                         style: {
-                          padding: "2px",
-                          backgroundColor: "transparent",
-                          border: "none",
-                          borderRadius: "4px",
-                          cursor: "pointer",
-                          display: "flex",
-                          alignItems: "center",
-                          justifyContent: "center"
-                        },
-                        children: /* @__PURE__ */ jsx5(IconSvg, { name: "close-line", size: 14, color: "var(--chatllm-primary)" })
+                          width: "8px",
+                          height: "8px",
+                          borderRadius: "50%",
+                          backgroundColor: "var(--chatllm-primary)"
+                        }
                       }
-                    )
+                    ),
+                    activeSkillExecution.skillName,
+                    " \uC2E4\uD589 \uC911..."
                   ]
                 }
-              )
-            ] }),
-            /* @__PURE__ */ jsx5(
-              "input",
-              {
-                ref: fileInputRef,
-                type: "file",
-                multiple: true,
-                accept: acceptedFileTypes?.join(",") || void 0,
-                onChange: handleFileSelect,
-                style: { display: "none" }
-              }
-            ),
-            /* @__PURE__ */ jsxs4(
-              "div",
-              {
-                className: "chatllm-input-container",
-                onDrop: handleDrop,
-                onDragOver: handleDragOver,
-                onDragLeave: handleDragLeave,
-                style: isDragOver ? { outline: "2px dashed var(--chatllm-primary)", outlineOffset: "-2px" } : void 0,
-                children: [
-                  attachments.length > 0 && /* @__PURE__ */ jsx5(
-                    "div",
-                    {
-                      style: {
-                        display: "flex",
-                        gap: "8px",
-                        padding: "12px 24px 0 24px",
-                        flexWrap: "wrap"
-                      },
-                      children: attachments.map((att) => /* @__PURE__ */ jsxs4(
-                        "div",
+              ),
+              (quotedText || selectedAction) && /* @__PURE__ */ jsxs4("div", { style: { display: "flex", gap: "8px", marginBottom: "12px", flexWrap: "wrap" }, children: [
+                quotedText && /* @__PURE__ */ jsxs4(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      gap: "8px",
+                      padding: "8px 12px",
+                      backgroundColor: "var(--chatllm-content-bg)",
+                      borderRadius: "12px",
+                      border: "1px solid var(--chatllm-border)",
+                      maxWidth: "100%"
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx5(IconSvg, { name: "double-quotes-l", size: 14, color: "var(--chatllm-primary)" }),
+                      /* @__PURE__ */ jsx5(
+                        "span",
                         {
                           style: {
-                            position: "relative",
+                            fontSize: "13px",
+                            color: "var(--chatllm-text)",
+                            overflow: "hidden",
+                            textOverflow: "ellipsis",
+                            whiteSpace: "nowrap",
+                            maxWidth: "300px"
+                          },
+                          children: quotedText
+                        }
+                      ),
+                      /* @__PURE__ */ jsx5(
+                        "button",
+                        {
+                          onClick: onClearQuote,
+                          style: {
+                            padding: "2px",
+                            backgroundColor: "transparent",
+                            border: "none",
+                            borderRadius: "4px",
+                            cursor: "pointer",
                             display: "flex",
                             alignItems: "center",
-                            gap: "8px",
-                            padding: att.type === "image" ? "0" : "8px 12px",
-                            backgroundColor: "var(--chatllm-content-bg)",
-                            borderRadius: "12px",
-                            border: "1px solid var(--chatllm-border)",
-                            overflow: "hidden"
+                            justifyContent: "center"
                           },
-                          children: [
-                            att.type === "image" && att.previewUrl ? /* @__PURE__ */ jsx5(
-                              "img",
-                              {
-                                src: att.previewUrl,
-                                alt: att.name,
-                                style: {
-                                  width: "64px",
-                                  height: "64px",
-                                  objectFit: "cover",
-                                  borderRadius: "12px"
-                                }
-                              }
-                            ) : /* @__PURE__ */ jsxs4(Fragment3, { children: [
-                              /* @__PURE__ */ jsx5(IconSvg, { name: "file-text-line", size: 16, color: "var(--chatllm-text-muted)" }),
-                              /* @__PURE__ */ jsx5("span", { style: { fontSize: "13px", color: "var(--chatllm-text)", maxWidth: "120px", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: att.name })
-                            ] }),
-                            /* @__PURE__ */ jsx5(
-                              "button",
-                              {
-                                onClick: () => onRemoveAttachment?.(att.id),
-                                style: {
-                                  position: "absolute",
-                                  top: "2px",
-                                  right: "2px",
-                                  width: "20px",
-                                  height: "20px",
-                                  display: "flex",
-                                  alignItems: "center",
-                                  justifyContent: "center",
-                                  backgroundColor: "rgba(0,0,0,0.5)",
-                                  border: "none",
-                                  borderRadius: "50%",
-                                  cursor: "pointer",
-                                  padding: 0
-                                },
-                                children: /* @__PURE__ */ jsx5(IconSvg, { name: "close-line", size: 12, color: "#fff" })
-                              }
-                            )
-                          ]
+                          children: /* @__PURE__ */ jsx5(IconSvg, { name: "close-line", size: 14, color: "var(--chatllm-text-muted)" })
+                        }
+                      )
+                    ]
+                  }
+                ),
+                selectedAction && /* @__PURE__ */ jsxs4(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      gap: "6px",
+                      padding: "8px 14px",
+                      backgroundColor: "var(--chatllm-primary-light)",
+                      borderRadius: "9999px",
+                      fontSize: "13px",
+                      fontWeight: 500,
+                      color: "var(--chatllm-primary)"
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx5(IconSvg, { name: "sparkling-line", size: 14, color: "var(--chatllm-primary)" }),
+                      selectedAction.label,
+                      /* @__PURE__ */ jsx5(
+                        "button",
+                        {
+                          onClick: onClearAction,
+                          style: {
+                            padding: "2px",
+                            backgroundColor: "transparent",
+                            border: "none",
+                            borderRadius: "4px",
+                            cursor: "pointer",
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center"
+                          },
+                          children: /* @__PURE__ */ jsx5(IconSvg, { name: "close-line", size: 14, color: "var(--chatllm-primary)" })
+                        }
+                      )
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx5(
+                "input",
+                {
+                  ref: fileInputRef,
+                  type: "file",
+                  multiple: true,
+                  accept: acceptedFileTypes?.join(",") || void 0,
+                  onChange: handleFileSelect,
+                  style: { display: "none" }
+                }
+              ),
+              /* @__PURE__ */ jsxs4(
+                "div",
+                {
+                  className: "chatllm-input-container",
+                  onDrop: handleDrop,
+                  onDragOver: handleDragOver,
+                  onDragLeave: handleDragLeave,
+                  style: isDragOver ? { outline: "2px dashed var(--chatllm-primary)", outlineOffset: "-2px" } : void 0,
+                  children: [
+                    attachments.length > 0 && /* @__PURE__ */ jsx5(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          gap: "8px",
+                          padding: "12px 24px 0 24px",
+                          flexWrap: "wrap"
                         },
-                        att.id
-                      ))
-                    }
-                  ),
-                  /* @__PURE__ */ jsx5(
-                    "textarea",
-                    {
-                      ref: textareaRef,
-                      value,
-                      onChange: (e) => onChange(e.target.value),
-                      onKeyDown: handleKeyDown,
-                      onPaste: handlePaste,
-                      placeholder,
-                      rows: 1,
-                      style: {
-                        width: "100%",
-                        minHeight: "60px",
-                        maxHeight: "200px",
-                        padding: "24px 32px 8px 32px",
-                        backgroundColor: "transparent",
-                        border: "none",
-                        outline: "none",
-                        fontSize: "16px",
-                        lineHeight: "1.5",
-                        resize: "none",
-                        color: "var(--chatllm-text)"
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs4(
-                    "div",
-                    {
-                      style: {
-                        display: "flex",
-                        alignItems: "center",
-                        justifyContent: "space-between",
-                        padding: "0 24px 20px 24px"
-                      },
-                      children: [
-                        /* @__PURE__ */ jsxs4("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
-                          actions.length > 0 && /* @__PURE__ */ jsxs4("div", { ref: actionMenuRef, style: { position: "relative" }, children: [
-                            /* @__PURE__ */ jsx5(
-                              "button",
-                              {
-                                onClick: () => setActionMenuOpen(!actionMenuOpen),
-                                style: iconButtonStyle,
-                                title: "\uAE30\uB2A5 \uCD94\uAC00",
-                                children: /* @__PURE__ */ jsx5(IconSvg, { name: "add-line", size: 22, color: "var(--chatllm-text-muted)" })
-                              }
-                            ),
-                            actionMenuOpen && /* @__PURE__ */ jsx5(
-                              "div",
-                              {
-                                style: {
-                                  position: "absolute",
-                                  bottom: "100%",
-                                  left: 0,
-                                  marginBottom: "8px",
-                                  backgroundColor: "var(--chatllm-content-bg)",
-                                  borderRadius: "16px",
-                                  boxShadow: "var(--chatllm-shadow-sheet)",
-                                  border: "1px solid var(--chatllm-border)",
-                                  padding: "8px",
-                                  minWidth: "220px",
-                                  zIndex: 100
-                                },
-                                children: actions.map((action) => /* @__PURE__ */ jsxs4(
-                                  "button",
-                                  {
-                                    onClick: () => handleActionSelect(action),
-                                    style: {
-                                      width: "100%",
-                                      display: "flex",
-                                      alignItems: "center",
-                                      gap: "12px",
-                                      padding: "12px",
-                                      backgroundColor: "transparent",
-                                      border: "none",
-                                      borderRadius: "12px",
-                                      cursor: "pointer",
-                                      textAlign: "left",
-                                      transition: "background-color 0.2s"
-                                    },
-                                    onMouseOver: (e) => {
-                                      e.currentTarget.style.backgroundColor = "var(--chatllm-bg-hover)";
-                                    },
-                                    onMouseOut: (e) => {
-                                      e.currentTarget.style.backgroundColor = "transparent";
-                                    },
-                                    children: [
-                                      /* @__PURE__ */ jsx5(
-                                        "div",
-                                        {
-                                          style: {
-                                            width: "36px",
-                                            height: "36px",
-                                            display: "flex",
-                                            alignItems: "center",
-                                            justifyContent: "center",
-                                            backgroundColor: "var(--chatllm-primary-light)",
-                                            borderRadius: "10px"
-                                          },
-                                          children: /* @__PURE__ */ jsx5(
-                                            IconSvg,
-                                            {
-                                              name: action.icon === "search" ? "search-line" : action.icon === "image" ? "image-line" : action.icon === "code" ? "code-s-slash-line" : "file-text-line",
-                                              size: 20,
-                                              color: "var(--chatllm-primary)"
-                                            }
-                                          )
-                                        }
-                                      ),
-                                      /* @__PURE__ */ jsxs4("div", { children: [
-                                        /* @__PURE__ */ jsx5("div", { style: { fontSize: "14px", fontWeight: 600, color: "var(--chatllm-text)" }, children: action.label }),
-                                        /* @__PURE__ */ jsx5("div", { style: { fontSize: "12px", color: "var(--chatllm-text-muted)" }, children: action.description })
-                                      ] })
-                                    ]
+                        children: attachments.map((att) => /* @__PURE__ */ jsxs4(
+                          "div",
+                          {
+                            style: {
+                              position: "relative",
+                              display: "flex",
+                              alignItems: "center",
+                              gap: "8px",
+                              padding: att.type === "image" ? "0" : "8px 12px",
+                              backgroundColor: "var(--chatllm-content-bg)",
+                              borderRadius: "12px",
+                              border: "1px solid var(--chatllm-border)",
+                              overflow: "hidden"
+                            },
+                            children: [
+                              att.type === "image" && att.previewUrl ? /* @__PURE__ */ jsx5(
+                                "img",
+                                {
+                                  src: att.previewUrl,
+                                  alt: att.name,
+                                  style: {
+                                    width: "64px",
+                                    height: "64px",
+                                    objectFit: "cover",
+                                    borderRadius: "12px"
+                                  }
+                                }
+                              ) : /* @__PURE__ */ jsxs4(Fragment3, { children: [
+                                /* @__PURE__ */ jsx5(IconSvg, { name: "file-text-line", size: 16, color: "var(--chatllm-text-muted)" }),
+                                /* @__PURE__ */ jsx5("span", { style: { fontSize: "13px", color: "var(--chatllm-text)", maxWidth: "120px", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: att.name })
+                              ] }),
+                              /* @__PURE__ */ jsx5(
+                                "button",
+                                {
+                                  onClick: () => onRemoveAttachment?.(att.id),
+                                  style: {
+                                    position: "absolute",
+                                    top: "2px",
+                                    right: "2px",
+                                    width: "20px",
+                                    height: "20px",
+                                    display: "flex",
+                                    alignItems: "center",
+                                    justifyContent: "center",
+                                    backgroundColor: "rgba(0,0,0,0.5)",
+                                    border: "none",
+                                    borderRadius: "50%",
+                                    cursor: "pointer",
+                                    padding: 0
                                   },
-                                  action.id
-                                ))
-                              }
-                            )
-                          ] }),
-                          /* @__PURE__ */ jsx5(
-                            "button",
-                            {
-                              onClick: () => fileInputRef.current?.click(),
-                              style: iconButtonStyle,
-                              title: "\uD30C\uC77C \uCCA8\uBD80",
-                              "aria-label": "\uD30C\uC77C \uCCA8\uBD80",
-                              children: /* @__PURE__ */ jsx5(IconSvg, { name: "attachment-line", size: 22, color: "var(--chatllm-text-muted)" })
-                            }
-                          ),
-                          /* @__PURE__ */ jsxs4("div", { ref: mainMenuRef, style: { position: "relative" }, children: [
-                            /* @__PURE__ */ jsx5(
-                              "button",
-                              {
-                                onClick: () => setMainMenuOpen(!mainMenuOpen),
-                                style: {
-                                  ...iconButtonStyle,
-                                  backgroundColor: mainMenuOpen ? "var(--chatllm-bg-hover)" : "transparent"
-                                },
-                                title: "\uBA54\uB274",
-                                children: /* @__PURE__ */ jsx5(IconSvg, { name: "add-line", size: 22, color: "var(--chatllm-text-muted)" })
-                              }
-                            ),
-                            mainMenuOpen && /* @__PURE__ */ jsxs4(
-                              "div",
-                              {
-                                style: {
-                                  position: "absolute",
-                                  bottom: "100%",
-                                  left: 0,
-                                  marginBottom: "8px",
-                                  backgroundColor: "var(--chatllm-content-bg)",
-                                  borderRadius: "16px",
-                                  boxShadow: "var(--chatllm-shadow-sheet)",
-                                  border: "1px solid var(--chatllm-border)",
-                                  padding: "8px",
-                                  minWidth: "240px",
-                                  zIndex: 100
-                                },
-                                children: [
-                                  /* @__PURE__ */ jsxs4(
-                                    "button",
-                                    {
-                                      style: {
-                                        width: "100%",
-                                        display: "flex",
-                                        alignItems: "center",
-                                        gap: "12px",
-                                        padding: "12px",
-                                        backgroundColor: "transparent",
-                                        border: "none",
-                                        borderRadius: "12px",
-                                        cursor: "pointer",
-                                        textAlign: "left",
-                                        transition: "background-color 0.2s"
-                                      },
-                                      onMouseOver: (e) => {
-                                        e.currentTarget.style.backgroundColor = "var(--chatllm-bg-hover)";
-                                      },
-                                      onMouseOut: (e) => {
-                                        e.currentTarget.style.backgroundColor = "transparent";
-                                      },
-                                      onClick: () => {
-                                        fileInputRef.current?.click();
-                                        setMainMenuOpen(false);
-                                      },
-                                      children: [
-                                        /* @__PURE__ */ jsx5(IconSvg, { name: "attachment-line", size: 20, color: "var(--chatllm-text-secondary)" }),
-                                        /* @__PURE__ */ jsx5("span", { style: { fontSize: "14px", color: "var(--chatllm-text)" }, children: "\uD30C\uC77C \uB610\uB294 \uC0AC\uC9C4 \uCD94\uAC00" })
-                                      ]
-                                    }
-                                  ),
-                                  deepResearchEnabled && /* @__PURE__ */ jsxs4(
+                                  children: /* @__PURE__ */ jsx5(IconSvg, { name: "close-line", size: 12, color: "#fff" })
+                                }
+                              )
+                            ]
+                          },
+                          att.id
+                        ))
+                      }
+                    ),
+                    /* @__PURE__ */ jsx5(
+                      "textarea",
+                      {
+                        ref: textareaRef,
+                        value,
+                        onChange: (e) => onChange(e.target.value),
+                        onKeyDown: handleKeyDown,
+                        onPaste: handlePaste,
+                        placeholder,
+                        rows: 1,
+                        style: {
+                          width: "100%",
+                          minHeight: "60px",
+                          maxHeight: "200px",
+                          padding: "24px 32px 8px 32px",
+                          backgroundColor: "transparent",
+                          border: "none",
+                          outline: "none",
+                          fontSize: "16px",
+                          lineHeight: "1.5",
+                          resize: "none",
+                          color: "var(--chatllm-text)"
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs4(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "space-between",
+                          padding: "0 24px 20px 24px"
+                        },
+                        children: [
+                          /* @__PURE__ */ jsxs4("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+                            actions.length > 0 && /* @__PURE__ */ jsxs4("div", { ref: actionMenuRef, style: { position: "relative" }, children: [
+                              /* @__PURE__ */ jsx5(
+                                "button",
+                                {
+                                  onClick: () => setActionMenuOpen(!actionMenuOpen),
+                                  style: iconButtonStyle,
+                                  title: "\uAE30\uB2A5 \uCD94\uAC00",
+                                  children: /* @__PURE__ */ jsx5(IconSvg, { name: "add-line", size: 22, color: "var(--chatllm-text-muted)" })
+                                }
+                              ),
+                              actionMenuOpen && /* @__PURE__ */ jsx5(
+                                "div",
+                                {
+                                  style: {
+                                    position: "absolute",
+                                    bottom: "100%",
+                                    left: 0,
+                                    marginBottom: "8px",
+                                    backgroundColor: "var(--chatllm-content-bg)",
+                                    borderRadius: "16px",
+                                    boxShadow: "var(--chatllm-shadow-sheet)",
+                                    border: "1px solid var(--chatllm-border)",
+                                    padding: "8px",
+                                    minWidth: "220px",
+                                    zIndex: 100
+                                  },
+                                  children: actions.map((action) => /* @__PURE__ */ jsxs4(
                                     "button",
                                     {
-                                      onClick: () => {
-                                        onDeepResearch?.();
-                                        setMainMenuOpen(false);
-                                      },
+                                      onClick: () => handleActionSelect(action),
                                       style: {
                                         width: "100%",
                                         display: "flex",
@@ -5185,60 +5055,6 @@ var ChatInput = ({
                                       onMouseOut: (e) => {
                                         e.currentTarget.style.backgroundColor = "transparent";
                                       },
-                                      children: [
-                                        /* @__PURE__ */ jsx5(
-                                          IconSvg,
-                                          {
-                                            name: "search-eye-line",
-                                            size: 20,
-                                            color: isDeepResearchMode ? "var(--chatllm-primary)" : "var(--chatllm-text-secondary)"
-                                          }
-                                        ),
-                                        /* @__PURE__ */ jsx5(
-                                          "span",
-                                          {
-                                            style: {
-                                              flex: 1,
-                                              fontSize: "14px",
-                                              color: isDeepResearchMode ? "var(--chatllm-primary)" : "var(--chatllm-text)"
-                                            },
-                                            children: "\uC5F0\uAD6C"
-                                          }
-                                        ),
-                                        isDeepResearchMode && /* @__PURE__ */ jsx5(IconSvg, { name: "check-line", size: 16, color: "var(--chatllm-primary)" })
-                                      ]
-                                    }
-                                  ),
-                                  manualSkills.map((skill) => /* @__PURE__ */ jsxs4(
-                                    "button",
-                                    {
-                                      onClick: () => {
-                                        onSkillSelect?.(skill.name);
-                                        setMainMenuOpen(false);
-                                      },
-                                      disabled: skill.disabled,
-                                      style: {
-                                        width: "100%",
-                                        display: "flex",
-                                        alignItems: "center",
-                                        gap: "12px",
-                                        padding: "12px",
-                                        backgroundColor: "transparent",
-                                        border: "none",
-                                        borderRadius: "12px",
-                                        cursor: skill.disabled ? "not-allowed" : "pointer",
-                                        textAlign: "left",
-                                        transition: "background-color 0.2s",
-                                        opacity: skill.disabled ? 0.5 : 1
-                                      },
-                                      onMouseOver: (e) => {
-                                        if (!skill.disabled) {
-                                          e.currentTarget.style.backgroundColor = "var(--chatllm-bg-hover)";
-                                        }
-                                      },
-                                      onMouseOut: (e) => {
-                                        e.currentTarget.style.backgroundColor = "transparent";
-                                      },
                                       children: [
                                         /* @__PURE__ */ jsx5(
                                           "div",
@@ -5255,7 +5071,7 @@ var ChatInput = ({
                                             children: /* @__PURE__ */ jsx5(
                                               IconSvg,
                                               {
-                                                name: mapSkillIcon(skill.icon),
+                                                name: action.icon === "search" ? "search-line" : action.icon === "image" ? "image-line" : action.icon === "code" ? "code-s-slash-line" : "file-text-line",
                                                 size: 20,
                                                 color: "var(--chatllm-primary)"
                                               }
@@ -5263,94 +5079,306 @@ var ChatInput = ({
                                           }
                                         ),
                                         /* @__PURE__ */ jsxs4("div", { children: [
-                                          /* @__PURE__ */ jsx5("div", { style: { fontSize: "14px", fontWeight: 600, color: "var(--chatllm-text)" }, children: skill.label }),
-                                          /* @__PURE__ */ jsx5("div", { style: { fontSize: "12px", color: "var(--chatllm-text-muted)", maxWidth: "180px", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: skill.description })
+                                          /* @__PURE__ */ jsx5("div", { style: { fontSize: "14px", fontWeight: 600, color: "var(--chatllm-text)" }, children: action.label }),
+                                          /* @__PURE__ */ jsx5("div", { style: { fontSize: "12px", color: "var(--chatllm-text-muted)" }, children: action.description })
                                         ] })
                                       ]
                                     },
-                                    skill.name
+                                    action.id
                                   ))
-                                ]
+                                }
+                              )
+                            ] }),
+                            /* @__PURE__ */ jsx5(
+                              "button",
+                              {
+                                onClick: () => fileInputRef.current?.click(),
+                                style: iconButtonStyle,
+                                title: "\uD30C\uC77C \uCCA8\uBD80",
+                                "aria-label": "\uD30C\uC77C \uCCA8\uBD80",
+                                children: /* @__PURE__ */ jsx5(IconSvg, { name: "attachment-line", size: 22, color: "var(--chatllm-text-muted)" })
                               }
-                            )
-                          ] })
-                        ] }),
-                        isLoading ? /* @__PURE__ */ jsxs4(
-                          "button",
-                          {
-                            onClick: onStop,
-                            style: {
-                              display: "flex",
-                              alignItems: "center",
-                              justifyContent: "center",
-                              height: "48px",
-                              padding: "0 32px",
-                              backgroundColor: "var(--chatllm-bg-tertiary)",
-                              border: "1px solid var(--chatllm-border)",
-                              borderRadius: "12px",
-                              cursor: "pointer",
-                              transition: "all 0.2s",
-                              gap: "8px"
-                            },
-                            children: [
+                            ),
+                            /* @__PURE__ */ jsxs4("div", { ref: mainMenuRef, style: { position: "relative" }, children: [
                               /* @__PURE__ */ jsx5(
-                                "span",
+                                "button",
                                 {
+                                  onClick: () => setMainMenuOpen(!mainMenuOpen),
                                   style: {
-                                    fontSize: "14px",
-                                    fontWeight: 700,
-                                    color: "var(--chatllm-text-secondary)",
-                                    textTransform: "uppercase",
-                                    letterSpacing: "0.02em"
+                                    ...iconButtonStyle,
+                                    backgroundColor: mainMenuOpen ? "var(--chatllm-bg-hover)" : "transparent"
                                   },
-                                  children: "\uC911\uC9C0"
+                                  title: "\uBA54\uB274",
+                                  children: /* @__PURE__ */ jsx5(IconSvg, { name: "add-line", size: 22, color: "var(--chatllm-text-muted)" })
                                 }
                               ),
-                              /* @__PURE__ */ jsx5(IconSvg, { name: "stop-circle-line", size: 18, color: "var(--chatllm-text-secondary)" })
-                            ]
-                          }
-                        ) : /* @__PURE__ */ jsxs4(
-                          "button",
-                          {
-                            onClick: onSubmit,
-                            disabled: !value.trim() && attachments.length === 0,
-                            className: "chatllm-btn-primary",
-                            style: {
-                              display: "flex",
-                              alignItems: "center",
-                              justifyContent: "center",
-                              height: "48px",
-                              padding: "0 32px",
-                              borderRadius: "12px",
-                              cursor: value.trim() || attachments.length > 0 ? "pointer" : "not-allowed",
-                              opacity: value.trim() || attachments.length > 0 ? 1 : 0.5,
-                              gap: "8px"
-                            },
-                            children: [
-                              /* @__PURE__ */ jsx5(
-                                "span",
+                              mainMenuOpen && /* @__PURE__ */ jsxs4(
+                                "div",
                                 {
                                   style: {
-                                    fontSize: "14px",
-                                    fontWeight: 700,
-                                    letterSpacing: "0.02em"
+                                    position: "absolute",
+                                    bottom: "100%",
+                                    left: 0,
+                                    marginBottom: "8px",
+                                    backgroundColor: "var(--chatllm-content-bg)",
+                                    borderRadius: "16px",
+                                    boxShadow: "var(--chatllm-shadow-sheet)",
+                                    border: "1px solid var(--chatllm-border)",
+                                    padding: "8px",
+                                    minWidth: "240px",
+                                    zIndex: 100
                                   },
-                                  children: "\uBCF4\uB0B4\uAE30"
+                                  children: [
+                                    /* @__PURE__ */ jsxs4(
+                                      "button",
+                                      {
+                                        style: {
+                                          width: "100%",
+                                          display: "flex",
+                                          alignItems: "center",
+                                          gap: "12px",
+                                          padding: "12px",
+                                          backgroundColor: "transparent",
+                                          border: "none",
+                                          borderRadius: "12px",
+                                          cursor: "pointer",
+                                          textAlign: "left",
+                                          transition: "background-color 0.2s"
+                                        },
+                                        onMouseOver: (e) => {
+                                          e.currentTarget.style.backgroundColor = "var(--chatllm-bg-hover)";
+                                        },
+                                        onMouseOut: (e) => {
+                                          e.currentTarget.style.backgroundColor = "transparent";
+                                        },
+                                        onClick: () => {
+                                          fileInputRef.current?.click();
+                                          setMainMenuOpen(false);
+                                        },
+                                        children: [
+                                          /* @__PURE__ */ jsx5(IconSvg, { name: "attachment-line", size: 20, color: "var(--chatllm-text-secondary)" }),
+                                          /* @__PURE__ */ jsx5("span", { style: { fontSize: "14px", color: "var(--chatllm-text)" }, children: "\uD30C\uC77C \uB610\uB294 \uC0AC\uC9C4 \uCD94\uAC00" })
+                                        ]
+                                      }
+                                    ),
+                                    deepResearchEnabled && /* @__PURE__ */ jsxs4(
+                                      "button",
+                                      {
+                                        onClick: () => {
+                                          onDeepResearch?.();
+                                          setMainMenuOpen(false);
+                                        },
+                                        style: {
+                                          width: "100%",
+                                          display: "flex",
+                                          alignItems: "center",
+                                          gap: "12px",
+                                          padding: "12px",
+                                          backgroundColor: "transparent",
+                                          border: "none",
+                                          borderRadius: "12px",
+                                          cursor: "pointer",
+                                          textAlign: "left",
+                                          transition: "background-color 0.2s"
+                                        },
+                                        onMouseOver: (e) => {
+                                          e.currentTarget.style.backgroundColor = "var(--chatllm-bg-hover)";
+                                        },
+                                        onMouseOut: (e) => {
+                                          e.currentTarget.style.backgroundColor = "transparent";
+                                        },
+                                        children: [
+                                          /* @__PURE__ */ jsx5(
+                                            IconSvg,
+                                            {
+                                              name: "search-eye-line",
+                                              size: 20,
+                                              color: isDeepResearchMode ? "var(--chatllm-primary)" : "var(--chatllm-text-secondary)"
+                                            }
+                                          ),
+                                          /* @__PURE__ */ jsx5(
+                                            "span",
+                                            {
+                                              style: {
+                                                flex: 1,
+                                                fontSize: "14px",
+                                                color: isDeepResearchMode ? "var(--chatllm-primary)" : "var(--chatllm-text)"
+                                              },
+                                              children: "\uC5F0\uAD6C"
+                                            }
+                                          ),
+                                          isDeepResearchMode && /* @__PURE__ */ jsx5(IconSvg, { name: "check-line", size: 16, color: "var(--chatllm-primary)" })
+                                        ]
+                                      }
+                                    ),
+                                    manualSkills.map((skill) => /* @__PURE__ */ jsxs4(
+                                      "button",
+                                      {
+                                        onClick: () => {
+                                          onSkillSelect?.(skill.name);
+                                          setMainMenuOpen(false);
+                                        },
+                                        disabled: skill.disabled,
+                                        style: {
+                                          width: "100%",
+                                          display: "flex",
+                                          alignItems: "center",
+                                          gap: "12px",
+                                          padding: "12px",
+                                          backgroundColor: "transparent",
+                                          border: "none",
+                                          borderRadius: "12px",
+                                          cursor: skill.disabled ? "not-allowed" : "pointer",
+                                          textAlign: "left",
+                                          transition: "background-color 0.2s",
+                                          opacity: skill.disabled ? 0.5 : 1
+                                        },
+                                        onMouseOver: (e) => {
+                                          if (!skill.disabled) {
+                                            e.currentTarget.style.backgroundColor = "var(--chatllm-bg-hover)";
+                                          }
+                                        },
+                                        onMouseOut: (e) => {
+                                          e.currentTarget.style.backgroundColor = "transparent";
+                                        },
+                                        children: [
+                                          /* @__PURE__ */ jsx5(
+                                            "div",
+                                            {
+                                              style: {
+                                                width: "36px",
+                                                height: "36px",
+                                                display: "flex",
+                                                alignItems: "center",
+                                                justifyContent: "center",
+                                                backgroundColor: "var(--chatllm-primary-light)",
+                                                borderRadius: "10px"
+                                              },
+                                              children: /* @__PURE__ */ jsx5(
+                                                IconSvg,
+                                                {
+                                                  name: mapSkillIcon(skill.icon),
+                                                  size: 20,
+                                                  color: "var(--chatllm-primary)"
+                                                }
+                                              )
+                                            }
+                                          ),
+                                          /* @__PURE__ */ jsxs4("div", { children: [
+                                            /* @__PURE__ */ jsx5("div", { style: { fontSize: "14px", fontWeight: 600, color: "var(--chatllm-text)" }, children: skill.label }),
+                                            /* @__PURE__ */ jsx5("div", { style: { fontSize: "12px", color: "var(--chatllm-text-muted)", maxWidth: "180px", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: skill.description })
+                                          ] })
+                                        ]
+                                      },
+                                      skill.name
+                                    ))
+                                  ]
                                 }
-                              ),
-                              /* @__PURE__ */ jsx5(IconSvg, { name: "arrow-up-s-line", size: 20, color: "#ffffff" })
-                            ]
-                          }
-                        )
-                      ]
-                    }
-                  )
-                ]
+                              )
+                            ] })
+                          ] }),
+                          isLoading ? /* @__PURE__ */ jsxs4(
+                            "button",
+                            {
+                              onClick: onStop,
+                              style: {
+                                display: "flex",
+                                alignItems: "center",
+                                justifyContent: "center",
+                                height: "48px",
+                                padding: "0 32px",
+                                backgroundColor: "var(--chatllm-bg-tertiary)",
+                                border: "1px solid var(--chatllm-border)",
+                                borderRadius: "12px",
+                                cursor: "pointer",
+                                transition: "all 0.2s",
+                                gap: "8px"
+                              },
+                              children: [
+                                /* @__PURE__ */ jsx5(
+                                  "span",
+                                  {
+                                    style: {
+                                      fontSize: "14px",
+                                      fontWeight: 700,
+                                      color: "var(--chatllm-text-secondary)",
+                                      textTransform: "uppercase",
+                                      letterSpacing: "0.02em"
+                                    },
+                                    children: "\uC911\uC9C0"
+                                  }
+                                ),
+                                /* @__PURE__ */ jsx5(IconSvg, { name: "stop-circle-line", size: 18, color: "var(--chatllm-text-secondary)" })
+                              ]
+                            }
+                          ) : /* @__PURE__ */ jsxs4(
+                            "button",
+                            {
+                              onClick: onSubmit,
+                              disabled: !value.trim() && attachments.length === 0,
+                              className: "chatllm-btn-primary",
+                              style: {
+                                display: "flex",
+                                alignItems: "center",
+                                justifyContent: "center",
+                                height: "48px",
+                                padding: "0 32px",
+                                borderRadius: "12px",
+                                cursor: value.trim() || attachments.length > 0 ? "pointer" : "not-allowed",
+                                opacity: value.trim() || attachments.length > 0 ? 1 : 0.5,
+                                gap: "8px"
+                              },
+                              children: [
+                                /* @__PURE__ */ jsx5(
+                                  "span",
+                                  {
+                                    style: {
+                                      fontSize: "14px",
+                                      fontWeight: 700,
+                                      letterSpacing: "0.02em"
+                                    },
+                                    children: "\uBCF4\uB0B4\uAE30"
+                                  }
+                                ),
+                                /* @__PURE__ */ jsx5(IconSvg, { name: "arrow-up-s-line", size: 20, color: "#ffffff" })
+                              ]
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          "div",
+          {
+            style: {
+              textAlign: "center",
+              marginTop: "8px",
+              pointerEvents: "auto"
+            },
+            children: /* @__PURE__ */ jsx5(
+              "button",
+              {
+                onClick: onDisclaimerClick,
+                style: {
+                  background: "none",
+                  border: "none",
+                  cursor: onDisclaimerClick ? "pointer" : "default",
+                  fontSize: "12px",
+                  color: "var(--chatllm-text-muted, #94a3b8)",
+                  padding: "2px 8px"
+                },
+                children: "AI\uB294 \uC2E4\uC218\uB97C \uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4."
               }
             )
-          ]
-        }
-      )
+          }
+        )
+      ]
     }
   );
 };
@@ -6425,6 +6453,7 @@ var MarkdownRenderer = ({
     } else {
       processedContent = processedContent.replace(UNCLOSED_THINKING_TAG_REGEX, "");
     }
+    processedContent = processedContent.replace(/<poll[^>]*>[\s\S]*?<\/poll>/gi, "");
     processedContent = processedContent.replace(UNCLOSED_POLL_TAG_REGEX, "");
     processedContent = processedContent.replace(UNCLOSED_SKILL_TAG_REGEX, "");
     const codeBlocks = [];
@@ -10110,8 +10139,133 @@ var ProjectSettingsModal = ({
   );
 };
 
-// src/react/ChatUI.tsx
+// src/react/components/DisclaimerModal.tsx
 import { jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
+var DisclaimerModal = ({ isOpen, onClose }) => {
+  if (!isOpen) return null;
+  return /* @__PURE__ */ jsx20(
+    "div",
+    {
+      className: "chatllm-disclaimer-overlay",
+      style: {
+        position: "fixed",
+        inset: 0,
+        backgroundColor: "rgba(0, 0, 0, 0.3)",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        zIndex: 1e3
+      },
+      onClick: onClose,
+      children: /* @__PURE__ */ jsxs19(
+        "div",
+        {
+          className: "chatllm-disclaimer-modal",
+          style: {
+            backgroundColor: "var(--chatllm-bg, #ffffff)",
+            borderRadius: "16px",
+            width: "100%",
+            maxWidth: "560px",
+            maxHeight: "80vh",
+            margin: "16px",
+            boxShadow: "0 20px 60px rgba(0, 0, 0, 0.15)",
+            display: "flex",
+            flexDirection: "column",
+            overflow: "hidden"
+          },
+          onClick: (e) => e.stopPropagation(),
+          children: [
+            /* @__PURE__ */ jsxs19(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "space-between",
+                  padding: "20px 24px 16px",
+                  borderBottom: "1px solid var(--chatllm-border, #e5e7eb)"
+                },
+                children: [
+                  /* @__PURE__ */ jsxs19("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+                    /* @__PURE__ */ jsx20(IconSvg, { name: "error-warning-line", size: 20, color: "var(--chatllm-text-muted, #64748b)" }),
+                    /* @__PURE__ */ jsx20(
+                      "h2",
+                      {
+                        style: {
+                          margin: 0,
+                          fontSize: "16px",
+                          fontWeight: 600,
+                          color: "var(--chatllm-text, #1e293b)"
+                        },
+                        children: "AI \uC751\uB2F5\uC5D0 \uB300\uD55C \uC548\uB0B4"
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsx20(
+                    "button",
+                    {
+                      onClick: onClose,
+                      "aria-label": "\uB2EB\uAE30",
+                      style: {
+                        background: "none",
+                        border: "none",
+                        cursor: "pointer",
+                        padding: "4px",
+                        borderRadius: "6px",
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center"
+                      },
+                      children: /* @__PURE__ */ jsx20(IconSvg, { name: "close-line", size: 20, color: "var(--chatllm-text-muted, #64748b)" })
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs19(
+              "div",
+              {
+                className: "chatllm-scrollbar",
+                style: {
+                  padding: "20px 24px 24px",
+                  overflow: "auto",
+                  fontSize: "14px",
+                  lineHeight: 1.7,
+                  color: "var(--chatllm-text-secondary, #475569)"
+                },
+                children: [
+                  /* @__PURE__ */ jsx20("p", { style: { margin: "0 0 14px" }, children: "AI \uCC44\uD305\uC740 \uC0AC\uC6A9\uC790\uB97C \uB3D5\uAE30 \uC704\uD574 \uC124\uACC4\uB418\uC5C8\uC9C0\uB9CC, \uACBD\uC6B0\uC5D0 \uB530\uB77C \uBD80\uC815\uD655\uD558\uAC70\uB098 \uC624\uD574\uC758 \uC18C\uC9C0\uAC00 \uC788\uB294 \uB2F5\uBCC0\uC744 \uC81C\uACF5\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4." }),
+                  /* @__PURE__ */ jsx20("p", { style: { margin: "0 0 14px" }, children: "\uC774\uB7EC\uD55C \uD604\uC0C1\uC740 \uD754\uD788 '\uD658\uAC01(hallucination)'\uC774\uB77C\uACE0 \uBD88\uB9AC\uBA70, AI \uCC44\uD305\uACFC \uAC19\uC740 \uCD5C\uC2E0 \uC0DD\uC131\uD615 AI \uAE30\uC220\uC774 \uC544\uC9C1 \uAC00\uC9C0\uACE0 \uC788\uB294 \uD55C\uACC4\uC5D0\uC11C \uBE44\uB86F\uB429\uB2C8\uB2E4. \uC608\uB97C \uB4E4\uC5B4, \uC77C\uBD80 \uC8FC\uC81C\uC5D0 \uB300\uD574\uC11C\uB294 \uCD5C\uC2E0 \uC815\uBCF4\uAE4C\uC9C0 \uD559\uC2B5\uB418\uC5B4 \uC788\uC9C0 \uC54A\uC744 \uC218 \uC788\uC73C\uBA70, \uC2DC\uC0AC\uC801\uC778 \uC774\uC288\uB098 \uBE60\uB974\uAC8C \uBCC0\uD654\uD558\uB294 \uB0B4\uC6A9\uC5D0 \uB300\uD574\uC11C\uB294 \uD63C\uB780\uC2A4\uB7EC\uC6B4 \uB2F5\uBCC0\uC744 \uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4. \uB610\uD55C, \uC0AC\uC2E4\uC5D0 \uADFC\uAC70\uD558\uC9C0 \uC54A\uC558\uC74C\uC5D0\uB3C4 \uBD88\uAD6C\uD558\uACE0 \uAC89\uBCF4\uAE30\uC5D0\uB294 \uADF8\uB7F4\uB4EF\uD558\uAC70\uB098 \uAD8C\uC704 \uC788\uC5B4 \uBCF4\uC774\uB294 \uC124\uBA85\uC774\uB098 \uC778\uC6A9\uC744 \uC81C\uC2DC\uD558\uB294 \uACBD\uC6B0\uB3C4 \uC788\uC2B5\uB2C8\uB2E4. \uC989, \uB2F5\uBCC0\uC774 \uB9DE\uB294 \uAC83\uCC98\uB7FC \uBCF4\uC774\uB354\uB77C\uB3C4 \uC2E4\uC81C\uB85C\uB294 \uC815\uD655\uD558\uC9C0 \uC54A\uC744 \uC218 \uC788\uC2B5\uB2C8\uB2E4." }),
+                  /* @__PURE__ */ jsx20("p", { style: { margin: "0 0 14px" }, children: "\uB530\uB77C\uC11C AI \uCC44\uD305\uC758 \uB2F5\uBCC0\uC744 \uC808\uB300\uC801\uC778 \uC0AC\uC2E4\uB85C \uBC1B\uC544\uB4E4\uC774\uAE30\uBCF4\uB2E4\uB294 \uCC38\uACE0 \uC790\uB8CC\uB85C \uD65C\uC6A9\uD558\uC2DC\uACE0, \uC911\uC694\uD55C \uD310\uB2E8\uC774\uB098 \uC758\uC0AC\uACB0\uC815\uC5D0 \uC55E\uC11C\uC11C\uB294 \uBC18\uB4DC\uC2DC \uCD94\uAC00\uC801\uC778 \uD655\uC778\uACFC \uAC80\uD1A0\uB97C \uAD8C\uC7A5\uB4DC\uB9BD\uB2C8\uB2E4." }),
+                  /* @__PURE__ */ jsx20("p", { style: { margin: "0 0 14px" }, children: "\uC6F9 \uAC80\uC0C9 \uACB0\uACFC\uB97C \uD65C\uC6A9\uD558\uB294 \uACBD\uC6B0\uC5D0\uB3C4, AI \uCC44\uD305\uC774 \uC81C\uC2DC\uD55C \uCD9C\uCC98\uB97C \uC9C1\uC811 \uD655\uC778\uD574 \uBCF4\uC2DC\uB294 \uAC83\uC774 \uC88B\uC2B5\uB2C8\uB2E4. \uC6D0\uBCF8 \uC6F9\uC0AC\uC774\uD2B8\uC5D0\uB294 AI\uC758 \uC694\uC57D\uC774\uB098 \uBD84\uC11D \uACFC\uC815\uC5D0\uC11C \uC0DD\uB7B5\uB41C \uC911\uC694\uD55C \uB9E5\uB77D\uC774\uB098 \uC138\uBD80 \uC815\uBCF4\uAC00 \uD3EC\uD568\uB418\uC5B4 \uC788\uC744 \uC218 \uC788\uC2B5\uB2C8\uB2E4. \uC6D0\uBB38\uC744 \uD568\uAED8 \uC0B4\uD3B4\uBCF4\uBA74 \uC815\uBCF4\uAC00 \uACFC\uB3C4\uD558\uAC8C \uB2E8\uC21C\uD654\uB418\uAC70\uB098 \uC624\uD574\uB420 \uAC00\uB2A5\uC131\uC744 \uC904\uC774\uB294 \uB370 \uB3C4\uC6C0\uC774 \uB429\uB2C8\uB2E4." }),
+                  /* @__PURE__ */ jsxs19("p", { style: { margin: 0 }, children: [
+                    "\uB9CC\uC57D \uD2B9\uC815 \uB2F5\uBCC0\uC774 \uCDA9\uBD84\uD788 \uB3C4\uC6C0\uC774 \uB418\uC9C0 \uC54A\uC558\uAC70\uB098 \uAC1C\uC120\uC774 \uD544\uC694\uD558\uB2E4\uACE0 \uB290\uB07C\uC2E0\uB2E4\uBA74, \uC5B8\uC81C\uB4E0\uC9C0 \uC758\uACAC\uC774\uB098 \uC81C\uC548 \uC0AC\uD56D\uC744",
+                    " ",
+                    /* @__PURE__ */ jsx20(
+                      "a",
+                      {
+                        href: "mailto:info@gendive.ai",
+                        style: {
+                          color: "var(--chatllm-primary, #4A90E2)",
+                          textDecoration: "none"
+                        },
+                        children: "info@gendive.ai"
+                      }
+                    ),
+                    "\uB85C \uBCF4\uB0B4\uC8FC\uC138\uC694. \uB354 \uB098\uC740 \uC11C\uBE44\uC2A4\uB97C \uC81C\uACF5\uD558\uB294 \uB370 \uD070 \uB3C4\uC6C0\uC774 \uB429\uB2C8\uB2E4."
+                  ] })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+
+// src/react/ChatUI.tsx
+import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
 var DEFAULT_ACTIONS = [];
 var DEFAULT_TEMPLATES = [];
 var DEFAULT_MODELS = [
@@ -10425,6 +10579,7 @@ var ChatUIView = ({
     projectMemory,
     isSessionsLoading
   } = state;
+  const [disclaimerOpen, setDisclaimerOpen] = React15.useState(false);
   const greeting = currentPersonalization.userProfile.nickname ? `\uC548\uB155\uD558\uC138\uC694, ${currentPersonalization.userProfile.nickname}\uB2D8` : "\uC548\uB155\uD558\uC138\uC694";
   const handleTemplateClick = (template) => {
     setInput(template.prompt);
@@ -10467,7 +10622,7 @@ var ChatUIView = ({
     return items;
   }, [projectMemory?.state.entries]);
   const themeClass = theme?.mode === "dark" ? "chatllm-dark" : "";
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     "div",
     {
       className: `chatllm-root ${themeClass} ${className}`,
@@ -10480,7 +10635,7 @@ var ChatUIView = ({
         position: "relative"
       },
       children: [
-        showSidebar && /* @__PURE__ */ jsx20(
+        showSidebar && /* @__PURE__ */ jsx21(
           ChatSidebar,
           {
             sessions,
@@ -10512,7 +10667,7 @@ var ChatUIView = ({
             isLoading: isSessionsLoading
           }
         ),
-        /* @__PURE__ */ jsxs19(
+        /* @__PURE__ */ jsxs20(
           "main",
           {
             style: {
@@ -10524,7 +10679,7 @@ var ChatUIView = ({
               minWidth: 0
             },
             children: [
-              /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx21(
                 ChatHeader,
                 {
                   title: currentSession?.title || "\uC0C8 \uB300\uD654",
@@ -10538,7 +10693,7 @@ var ChatUIView = ({
                   showSettings
                 }
               ),
-              messages.length === 0 ? /* @__PURE__ */ jsx20(
+              messages.length === 0 ? /* @__PURE__ */ jsx21(
                 EmptyState,
                 {
                   greeting,
@@ -10547,7 +10702,7 @@ var ChatUIView = ({
                   actions,
                   onActionSelect: handleActionSelect
                 }
-              ) : /* @__PURE__ */ jsx20(
+              ) : /* @__PURE__ */ jsx21(
                 MessageList,
                 {
                   messages,
@@ -10569,7 +10724,7 @@ var ChatUIView = ({
                   onPollSubmit: handlePollSubmit
                 }
               ),
-              /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx21(
                 ChatInput,
                 {
                   value: input,
@@ -10592,13 +10747,14 @@ var ChatUIView = ({
                   activeSkillExecution,
                   attachments,
                   onFileAttach: addAttachments,
-                  onRemoveAttachment: removeAttachment
+                  onRemoveAttachment: removeAttachment,
+                  onDisclaimerClick: () => setDisclaimerOpen(true)
                 }
               )
             ]
           }
         ),
-        showSettings && /* @__PURE__ */ jsx20(
+        showSettings && /* @__PURE__ */ jsx21(
           SettingsModal,
           {
             isOpen: settingsOpen,
@@ -10624,7 +10780,7 @@ var ChatUIView = ({
             currentProjectTitle: currentProject?.title
           }
         ),
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx21(
           ProjectSettingsModal,
           {
             isOpen: projectSettingsOpen,
@@ -10635,7 +10791,8 @@ var ChatUIView = ({
             onDeleteFile: deleteProjectFile,
             onDeleteProject: deleteProject
           }
-        )
+        ),
+        /* @__PURE__ */ jsx21(DisclaimerModal, { isOpen: disclaimerOpen, onClose: () => setDisclaimerOpen(false) })
       ]
     }
   );
@@ -10736,7 +10893,7 @@ var ChatUIWithHook = ({
     onDeleteProjectFile
   };
   const state = useChatUI(hookOptions);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     ChatUIView,
     {
       state,
@@ -10780,7 +10937,7 @@ var ChatUI = (props) => {
       onApiKeyChange,
       deepResearch
     } = props;
-    return /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsx21(
       ChatUIView,
       {
         state: props.chatState,
@@ -10803,7 +10960,7 @@ var ChatUI = (props) => {
       }
     );
   }
-  return /* @__PURE__ */ jsx20(ChatUIWithHook, { ...props });
+  return /* @__PURE__ */ jsx21(ChatUIWithHook, { ...props });
 };
 
 // src/react/hooks/useDeepResearch.ts
@@ -11122,7 +11279,7 @@ var useDeepResearch = (options) => {
 
 // src/react/components/MemoryPanel.tsx
 import { useState as useState19 } from "react";
-import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
 var categoryLabels = {
   fact: "\uC0AC\uC6A9\uC790 \uC815\uBCF4",
   skill: "\uC804\uBB38 \uBD84\uC57C/\uAE30\uC220",
@@ -11154,7 +11311,7 @@ var MemoryPanel = ({
     });
   };
   if (!isOpen) {
-    return /* @__PURE__ */ jsx21(
+    return /* @__PURE__ */ jsx22(
       "button",
       {
         onClick: onToggle,
@@ -11174,11 +11331,11 @@ var MemoryPanel = ({
           justifyContent: "center",
           zIndex: 100
         },
-        children: /* @__PURE__ */ jsx21(IconSvg, { name: "robot-line", size: 24, color: "#ffffff" })
+        children: /* @__PURE__ */ jsx22(IconSvg, { name: "robot-line", size: 24, color: "#ffffff" })
       }
     );
   }
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     "div",
     {
       className: "chatllm-memory-panel",
@@ -11198,7 +11355,7 @@ var MemoryPanel = ({
         zIndex: 100
       },
       children: [
-        /* @__PURE__ */ jsxs20(
+        /* @__PURE__ */ jsxs21(
           "div",
           {
             style: {
@@ -11209,8 +11366,8 @@ var MemoryPanel = ({
               borderBottom: "1px solid var(--chatllm-border, #e5e7eb)"
             },
             children: [
-              /* @__PURE__ */ jsxs20("div", { style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
-                /* @__PURE__ */ jsx21(
+              /* @__PURE__ */ jsxs21("div", { style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
+                /* @__PURE__ */ jsx22(
                   "div",
                   {
                     style: {
@@ -11222,19 +11379,19 @@ var MemoryPanel = ({
                       alignItems: "center",
                       justifyContent: "center"
                     },
-                    children: /* @__PURE__ */ jsx21(IconSvg, { name: "robot-line", size: 18, color: "var(--chatllm-primary, #3b82f6)" })
+                    children: /* @__PURE__ */ jsx22(IconSvg, { name: "robot-line", size: 18, color: "var(--chatllm-primary, #3b82f6)" })
                   }
                 ),
-                /* @__PURE__ */ jsxs20("div", { children: [
-                  /* @__PURE__ */ jsx21("div", { style: { fontSize: "15px", fontWeight: 600, color: "var(--chatllm-text, #1f2937)" }, children: "AI \uBA54\uBAA8\uB9AC" }),
-                  /* @__PURE__ */ jsxs20("div", { style: { fontSize: "12px", color: "var(--chatllm-text-muted, #9ca3af)" }, children: [
+                /* @__PURE__ */ jsxs21("div", { children: [
+                  /* @__PURE__ */ jsx22("div", { style: { fontSize: "15px", fontWeight: 600, color: "var(--chatllm-text, #1f2937)" }, children: "AI \uBA54\uBAA8\uB9AC" }),
+                  /* @__PURE__ */ jsxs21("div", { style: { fontSize: "12px", color: "var(--chatllm-text-muted, #9ca3af)" }, children: [
                     items.length,
                     "\uAC1C \uD56D\uBAA9"
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs20("div", { style: { display: "flex", gap: "4px" }, children: [
-                onClearAll && items.length > 0 && /* @__PURE__ */ jsx21(
+              /* @__PURE__ */ jsxs21("div", { style: { display: "flex", gap: "4px" }, children: [
+                onClearAll && items.length > 0 && /* @__PURE__ */ jsx22(
                   "button",
                   {
                     onClick: onClearAll,
@@ -11246,10 +11403,10 @@ var MemoryPanel = ({
                       cursor: "pointer"
                     },
                     title: "\uC804\uCCB4 \uC0AD\uC81C",
-                    children: /* @__PURE__ */ jsx21(IconSvg, { name: "delete-bin-line", size: 18, color: "var(--chatllm-text-muted, #9ca3af)" })
+                    children: /* @__PURE__ */ jsx22(IconSvg, { name: "delete-bin-line", size: 18, color: "var(--chatllm-text-muted, #9ca3af)" })
                   }
                 ),
-                /* @__PURE__ */ jsx21(
+                /* @__PURE__ */ jsx22(
                   "button",
                   {
                     onClick: onToggle,
@@ -11260,14 +11417,14 @@ var MemoryPanel = ({
                       borderRadius: "8px",
                       cursor: "pointer"
                     },
-                    children: /* @__PURE__ */ jsx21(IconSvg, { name: "close-line", size: 18, color: "var(--chatllm-text-muted, #9ca3af)" })
+                    children: /* @__PURE__ */ jsx22(IconSvg, { name: "close-line", size: 18, color: "var(--chatllm-text-muted, #9ca3af)" })
                   }
                 )
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx22(
           "div",
           {
             style: {
@@ -11277,7 +11434,7 @@ var MemoryPanel = ({
               borderBottom: "1px solid var(--chatllm-border-light, #f3f4f6)",
               overflowX: "auto"
             },
-            children: ["all", "fact", "skill", "preference"].map((tab) => /* @__PURE__ */ jsx21(
+            children: ["all", "fact", "skill", "preference"].map((tab) => /* @__PURE__ */ jsx22(
               "button",
               {
                 onClick: () => setActiveTab(tab),
@@ -11298,8 +11455,8 @@ var MemoryPanel = ({
             ))
           }
         ),
-        /* @__PURE__ */ jsxs20("div", { style: { flex: 1, overflow: "auto", padding: "12px" }, children: [
-          contextSummary && activeTab === "all" && /* @__PURE__ */ jsxs20(
+        /* @__PURE__ */ jsxs21("div", { style: { flex: 1, overflow: "auto", padding: "12px" }, children: [
+          contextSummary && activeTab === "all" && /* @__PURE__ */ jsxs21(
             "div",
             {
               style: {
@@ -11310,7 +11467,7 @@ var MemoryPanel = ({
                 borderLeft: "3px solid var(--chatllm-primary, #3b82f6)"
               },
               children: [
-                /* @__PURE__ */ jsxs20(
+                /* @__PURE__ */ jsxs21(
                   "div",
                   {
                     style: {
@@ -11320,12 +11477,12 @@ var MemoryPanel = ({
                       marginBottom: "8px"
                     },
                     children: [
-                      /* @__PURE__ */ jsx21(IconSvg, { name: "file-text-line", size: 14, color: "var(--chatllm-primary, #3b82f6)" }),
-                      /* @__PURE__ */ jsx21("span", { style: { fontSize: "12px", fontWeight: 500, color: "var(--chatllm-primary, #3b82f6)" }, children: "\uB300\uD654 \uC694\uC57D" })
+                      /* @__PURE__ */ jsx22(IconSvg, { name: "file-text-line", size: 14, color: "var(--chatllm-primary, #3b82f6)" }),
+                      /* @__PURE__ */ jsx22("span", { style: { fontSize: "12px", fontWeight: 500, color: "var(--chatllm-primary, #3b82f6)" }, children: "\uB300\uD654 \uC694\uC57D" })
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx21(
+                /* @__PURE__ */ jsx22(
                   "p",
                   {
                     style: {
@@ -11340,7 +11497,7 @@ var MemoryPanel = ({
               ]
             }
           ),
-          filteredItems.length === 0 ? /* @__PURE__ */ jsxs20(
+          filteredItems.length === 0 ? /* @__PURE__ */ jsxs21(
             "div",
             {
               style: {
@@ -11349,11 +11506,11 @@ var MemoryPanel = ({
                 color: "var(--chatllm-text-muted, #9ca3af)"
               },
               children: [
-                /* @__PURE__ */ jsx21(IconSvg, { name: "robot-line", size: 32, color: "var(--chatllm-text-muted, #d1d5db)" }),
-                /* @__PURE__ */ jsx21("p", { style: { fontSize: "14px", marginTop: "12px" }, children: "\uC800\uC7A5\uB41C \uBA54\uBAA8\uB9AC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4" })
+                /* @__PURE__ */ jsx22(IconSvg, { name: "robot-line", size: 32, color: "var(--chatllm-text-muted, #d1d5db)" }),
+                /* @__PURE__ */ jsx22("p", { style: { fontSize: "14px", marginTop: "12px" }, children: "\uC800\uC7A5\uB41C \uBA54\uBAA8\uB9AC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4" })
               ]
             }
-          ) : /* @__PURE__ */ jsx21("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: filteredItems.map((item) => /* @__PURE__ */ jsxs20(
+          ) : /* @__PURE__ */ jsx22("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: filteredItems.map((item) => /* @__PURE__ */ jsxs21(
             "div",
             {
               style: {
@@ -11366,10 +11523,10 @@ var MemoryPanel = ({
               },
               onClick: () => setExpandedId(expandedId === item.id ? null : item.id),
               children: [
-                /* @__PURE__ */ jsxs20("div", { style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between" }, children: [
-                  /* @__PURE__ */ jsxs20("div", { style: { flex: 1, minWidth: 0 }, children: [
-                    /* @__PURE__ */ jsxs20("div", { style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "4px" }, children: [
-                      item.category && /* @__PURE__ */ jsx21(
+                /* @__PURE__ */ jsxs21("div", { style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between" }, children: [
+                  /* @__PURE__ */ jsxs21("div", { style: { flex: 1, minWidth: 0 }, children: [
+                    /* @__PURE__ */ jsxs21("div", { style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "4px" }, children: [
+                      item.category && /* @__PURE__ */ jsx22(
                         "span",
                         {
                           style: {
@@ -11383,9 +11540,9 @@ var MemoryPanel = ({
                           children: categoryLabels[item.category]
                         }
                       ),
-                      /* @__PURE__ */ jsx21("span", { style: { fontSize: "11px", color: "var(--chatllm-text-muted, #9ca3af)" }, children: formatDate(item.timestamp) })
+                      /* @__PURE__ */ jsx22("span", { style: { fontSize: "11px", color: "var(--chatllm-text-muted, #9ca3af)" }, children: formatDate(item.timestamp) })
                     ] }),
-                    /* @__PURE__ */ jsx21(
+                    /* @__PURE__ */ jsx22(
                       "div",
                       {
                         style: {
@@ -11397,8 +11554,8 @@ var MemoryPanel = ({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsxs20("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
-                    onDelete && /* @__PURE__ */ jsx21(
+                  /* @__PURE__ */ jsxs21("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+                    onDelete && /* @__PURE__ */ jsx22(
                       "button",
                       {
                         onClick: (e) => {
@@ -11413,10 +11570,10 @@ var MemoryPanel = ({
                           cursor: "pointer",
                           opacity: 0.5
                         },
-                        children: /* @__PURE__ */ jsx21(IconSvg, { name: "delete-bin-line", size: 14, color: "var(--chatllm-text-muted, #9ca3af)" })
+                        children: /* @__PURE__ */ jsx22(IconSvg, { name: "delete-bin-line", size: 14, color: "var(--chatllm-text-muted, #9ca3af)" })
                       }
                     ),
-                    /* @__PURE__ */ jsx21(
+                    /* @__PURE__ */ jsx22(
                       IconSvg,
                       {
                         name: expandedId === item.id ? "arrow-up-s-line" : "arrow-down-s-line",
@@ -11426,7 +11583,7 @@ var MemoryPanel = ({
                     )
                   ] })
                 ] }),
-                expandedId === item.id && /* @__PURE__ */ jsx21(
+                expandedId === item.id && /* @__PURE__ */ jsx22(
                   "div",
                   {
                     style: {
@@ -11434,7 +11591,7 @@ var MemoryPanel = ({
                       paddingTop: "12px",
                       borderTop: "1px solid var(--chatllm-border-light, #f3f4f6)"
                     },
-                    children: /* @__PURE__ */ jsx21(
+                    children: /* @__PURE__ */ jsx22(
                       "p",
                       {
                         style: {