@gendive/chatllm 0.6.9 → 0.6.11

package/dist/react/index.mjs

@@ -2113,19 +2113,6 @@ var ImageWithCopyButton = ({ src, alt, imageKey }) => {
       window.open(src, "_blank");
     }
   };
-  const toolbarButtonStyle = {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    width: "36px",
-    height: "36px",
-    backgroundColor: "transparent",
-    border: "none",
-    borderRadius: "8px",
-    cursor: "pointer",
-    color: "var(--chatllm-text-muted, #9ca3af)",
-    transition: "background-color 0.2s, color 0.2s"
-  };
   return /* @__PURE__ */ jsxs5(
     "div",
     {
@@ -2158,18 +2145,17 @@ var ImageWithCopyButton = ({ src, alt, imageKey }) => {
           {
             style: {
               position: "absolute",
-              bottom: "0",
-              left: "0",
-              right: "0",
+              bottom: "12px",
+              left: "12px",
               display: "flex",
               alignItems: "center",
-              gap: "4px",
-              padding: "8px 12px",
-              backgroundColor: "var(--chatllm-bg, #ffffff)",
-              borderTop: "1px solid var(--chatllm-border-light, #e5e7eb)",
-              borderRadius: "0 0 8px 8px",
+              gap: "8px",
+              padding: "8px 16px",
+              backgroundColor: "rgba(0, 0, 0, 0.6)",
+              backdropFilter: "blur(12px)",
+              borderRadius: "24px",
               opacity: isHovered ? 1 : 0,
-              transform: isHovered ? "translateY(0)" : "translateY(8px)",
+              transform: isHovered ? "translateY(0)" : "translateY(4px)",
               transition: "opacity 0.2s ease, transform 0.2s ease",
               pointerEvents: isHovered ? "auto" : "none"
             },
@@ -2180,19 +2166,26 @@ var ImageWithCopyButton = ({ src, alt, imageKey }) => {
                   onClick: handleCopy,
                   disabled: copyState === "copying",
                   style: {
-                    ...toolbarButtonStyle,
-                    color: copyState === "copied" ? "var(--chatllm-success, #22c55e)" : copyState === "error" ? "var(--chatllm-error, #ef4444)" : "var(--chatllm-text-muted, #9ca3af)"
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    width: "32px",
+                    height: "32px",
+                    backgroundColor: "transparent",
+                    border: "none",
+                    borderRadius: "50%",
+                    cursor: "pointer",
+                    color: copyState === "copied" ? "#22c55e" : copyState === "error" ? "#ef4444" : "rgba(255, 255, 255, 0.9)",
+                    transition: "background-color 0.2s, color 0.2s"
                   },
                   title: copyState === "copied" ? "\uBCF5\uC0AC\uB428!" : copyState === "error" ? "\uBCF5\uC0AC \uC2E4\uD328" : "\uBCF5\uC0AC\uD558\uAE30",
                   onMouseOver: (e) => {
-                    e.currentTarget.style.backgroundColor = "var(--chatllm-bg-hover, #f3f4f6)";
-                    e.currentTarget.style.color = "var(--chatllm-text, #1f2937)";
+                    e.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.15)";
                   },
                   onMouseOut: (e) => {
                     e.currentTarget.style.backgroundColor = "transparent";
-                    e.currentTarget.style.color = copyState === "copied" ? "var(--chatllm-success, #22c55e)" : "var(--chatllm-text-muted, #9ca3af)";
                   },
-                  children: /* @__PURE__ */ jsx6("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: copyState === "copied" ? /* @__PURE__ */ jsx6("polyline", { points: "20 6 9 17 4 12" }) : /* @__PURE__ */ jsxs5(Fragment2, { children: [
+                  children: /* @__PURE__ */ jsx6("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: copyState === "copied" ? /* @__PURE__ */ jsx6("polyline", { points: "20 6 9 17 4 12" }) : /* @__PURE__ */ jsxs5(Fragment2, { children: [
                     /* @__PURE__ */ jsx6("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
                     /* @__PURE__ */ jsx6("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
                   ] }) })
@@ -2202,17 +2195,27 @@ var ImageWithCopyButton = ({ src, alt, imageKey }) => {
                 "button",
                 {
                   onClick: handleDownload,
-                  style: toolbarButtonStyle,
-                  title: "\uB2E4\uC6B4\uB85C\uB4DC",
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    width: "32px",
+                    height: "32px",
+                    backgroundColor: "transparent",
+                    border: "none",
+                    borderRadius: "50%",
+                    cursor: "pointer",
+                    color: "rgba(255, 255, 255, 0.9)",
+                    transition: "background-color 0.2s, color 0.2s"
+                  },
+                  title: "\uC800\uC7A5\uD558\uAE30",
                   onMouseOver: (e) => {
-                    e.currentTarget.style.backgroundColor = "var(--chatllm-bg-hover, #f3f4f6)";
-                    e.currentTarget.style.color = "var(--chatllm-text, #1f2937)";
+                    e.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.15)";
                   },
                   onMouseOut: (e) => {
                     e.currentTarget.style.backgroundColor = "transparent";
-                    e.currentTarget.style.color = "var(--chatllm-text-muted, #9ca3af)";
                   },
-                  children: /* @__PURE__ */ jsxs5("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                  children: /* @__PURE__ */ jsxs5("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
                     /* @__PURE__ */ jsx6("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
                     /* @__PURE__ */ jsx6("polyline", { points: "7 10 12 15 17 10" }),
                     /* @__PURE__ */ jsx6("line", { x1: "12", y1: "15", x2: "12", y2: "3" })