@gendive/chatllm 0.16.0 → 0.16.1

package/dist/react/index.js

@@ -3897,11 +3897,10 @@ var ChatSidebar = ({
                       style: {
                         fontSize: "14px",
                         fontWeight: 700,
-                        textTransform: "uppercase",
                         letterSpacing: "-0.01em",
                         color: "var(--chatllm-text)"
                       },
-                      children: "Intelligence"
+                      children: "AI \uCC44\uD305"
                     }
                   )
                 ] })
@@ -5573,45 +5572,99 @@ var parseTableRow = (row) => {
   return row.split("|").slice(1, -1).map((cell) => cell.trim());
 };
 var MarkdownTable = ({ data }) => {
+  const [copied, setCopied] = import_react11.default.useState(false);
+  const [isHovered, setIsHovered] = import_react11.default.useState(false);
+  const handleCopy = async () => {
+    const headerLine = data.headers.join("	");
+    const bodyLines = data.rows.map((row) => row.join("	"));
+    const text = [headerLine, ...bodyLines].join("\n");
+    try {
+      await navigator.clipboard.writeText(text);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch {
+      console.error("Failed to copy table");
+    }
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-    "table",
+    "div",
     {
-      className: "chatllm-table",
-      style: {
-        width: "100%",
-        borderCollapse: "collapse",
-        margin: "12px 0",
-        fontSize: "14px"
-      },
+      style: { position: "relative", margin: "12px 0" },
+      onMouseEnter: () => setIsHovered(true),
+      onMouseLeave: () => setIsHovered(false),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tr", { children: data.headers.map((header, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          "th",
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+          "table",
           {
+            className: "chatllm-table",
             style: {
-              border: "1px solid var(--chatllm-border, #e5e7eb)",
-              padding: "10px 12px",
-              textAlign: data.alignments[i] || "left",
-              backgroundColor: "var(--chatllm-bg-secondary, #f9fafb)",
-              fontWeight: 600,
-              color: "var(--chatllm-text, #374151)"
+              width: "100%",
+              borderCollapse: "collapse",
+              fontSize: "14px"
             },
-            children: parseInlineElements(header, `th-${i}`)
-          },
-          i
-        )) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tbody", { children: data.rows.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tr", { children: row.map((cell, cellIndex) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          "td",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tr", { children: data.headers.map((header, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                "th",
+                {
+                  style: {
+                    border: "1px solid var(--chatllm-border, #e5e7eb)",
+                    padding: "10px 12px",
+                    textAlign: data.alignments[i] || "left",
+                    backgroundColor: "var(--chatllm-bg-secondary, #f9fafb)",
+                    fontWeight: 600,
+                    color: "var(--chatllm-text, #374151)"
+                  },
+                  children: parseInlineElements(header, `th-${i}`)
+                },
+                i
+              )) }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tbody", { children: data.rows.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tr", { children: row.map((cell, cellIndex) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                "td",
+                {
+                  style: {
+                    border: "1px solid var(--chatllm-border, #e5e7eb)",
+                    padding: "10px 12px",
+                    textAlign: data.alignments[cellIndex] || "left",
+                    color: "var(--chatllm-text, #374151)"
+                  },
+                  children: parseInlineElements(cell, `td-${rowIndex}-${cellIndex}`)
+                },
+                cellIndex
+              )) }, rowIndex)) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+          "button",
           {
+            onClick: handleCopy,
             style: {
+              position: "absolute",
+              top: "4px",
+              right: "4px",
+              padding: "4px 8px",
+              fontSize: "12px",
+              backgroundColor: "var(--chatllm-bg, #ffffff)",
               border: "1px solid var(--chatllm-border, #e5e7eb)",
-              padding: "10px 12px",
-              textAlign: data.alignments[cellIndex] || "left",
-              color: "var(--chatllm-text, #374151)"
+              borderRadius: "6px",
+              cursor: "pointer",
+              color: copied ? "var(--chatllm-success, #22c55e)" : "var(--chatllm-text-muted, #9ca3af)",
+              opacity: isHovered || copied ? 1 : 0,
+              transition: "opacity 0.15s",
+              display: "flex",
+              alignItems: "center",
+              gap: "4px",
+              boxShadow: "0 1px 3px rgba(0,0,0,0.08)"
             },
-            children: parseInlineElements(cell, `td-${rowIndex}-${cellIndex}`)
-          },
-          cellIndex
-        )) }, rowIndex)) })
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: copied ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("polyline", { points: "20 6 9 17 4 12" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+              ] }) }),
+              copied ? "\uBCF5\uC0AC\uB428" : "\uBCF5\uC0AC"
+            ]
+          }
+        )
       ]
     }
   );