@gendive/chatllm 0.6.10 → 0.6.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/react/index.js +37 -35
- package/dist/react/index.js.map +1 -1
- package/dist/react/index.mjs +37 -35
- package/dist/react/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/react/index.mjs
CHANGED
|
@@ -861,7 +861,7 @@ var ChatSidebar = ({
|
|
|
861
861
|
children: /* @__PURE__ */ jsx2(IconSvg, { name: "chat-1-line", size: 20, color: "#ffffff" })
|
|
862
862
|
}
|
|
863
863
|
),
|
|
864
|
-
/* @__PURE__ */ jsx2("span", { style: { fontWeight: 600, color: "var(--chatllm-text, #1f2937)" }, children: "
|
|
864
|
+
/* @__PURE__ */ jsx2("span", { style: { fontWeight: 600, color: "var(--chatllm-text, #1f2937)" }, children: "ChatDive" })
|
|
865
865
|
] }),
|
|
866
866
|
/* @__PURE__ */ jsxs(
|
|
867
867
|
"button",
|
|
@@ -2113,19 +2113,6 @@ var ImageWithCopyButton = ({ src, alt, imageKey }) => {
|
|
|
2113
2113
|
window.open(src, "_blank");
|
|
2114
2114
|
}
|
|
2115
2115
|
};
|
|
2116
|
-
const toolbarButtonStyle = {
|
|
2117
|
-
display: "flex",
|
|
2118
|
-
alignItems: "center",
|
|
2119
|
-
justifyContent: "center",
|
|
2120
|
-
width: "36px",
|
|
2121
|
-
height: "36px",
|
|
2122
|
-
backgroundColor: "transparent",
|
|
2123
|
-
border: "none",
|
|
2124
|
-
borderRadius: "8px",
|
|
2125
|
-
cursor: "pointer",
|
|
2126
|
-
color: "var(--chatllm-text-muted, #9ca3af)",
|
|
2127
|
-
transition: "background-color 0.2s, color 0.2s"
|
|
2128
|
-
};
|
|
2129
2116
|
return /* @__PURE__ */ jsxs5(
|
|
2130
2117
|
"div",
|
|
2131
2118
|
{
|
|
@@ -2158,17 +2145,15 @@ var ImageWithCopyButton = ({ src, alt, imageKey }) => {
|
|
|
2158
2145
|
{
|
|
2159
2146
|
style: {
|
|
2160
2147
|
position: "absolute",
|
|
2161
|
-
bottom: "
|
|
2162
|
-
left: "
|
|
2163
|
-
right: "8px",
|
|
2148
|
+
bottom: "12px",
|
|
2149
|
+
left: "12px",
|
|
2164
2150
|
display: "flex",
|
|
2165
2151
|
alignItems: "center",
|
|
2166
|
-
gap: "
|
|
2167
|
-
padding: "8px
|
|
2168
|
-
backgroundColor: "rgba(
|
|
2169
|
-
backdropFilter: "blur(
|
|
2170
|
-
borderRadius: "
|
|
2171
|
-
boxShadow: "0 2px 8px rgba(0, 0, 0, 0.15)",
|
|
2152
|
+
gap: "8px",
|
|
2153
|
+
padding: "8px 16px",
|
|
2154
|
+
backgroundColor: "rgba(0, 0, 0, 0.6)",
|
|
2155
|
+
backdropFilter: "blur(12px)",
|
|
2156
|
+
borderRadius: "24px",
|
|
2172
2157
|
opacity: isHovered ? 1 : 0,
|
|
2173
2158
|
transform: isHovered ? "translateY(0)" : "translateY(4px)",
|
|
2174
2159
|
transition: "opacity 0.2s ease, transform 0.2s ease",
|
|
@@ -2181,19 +2166,26 @@ var ImageWithCopyButton = ({ src, alt, imageKey }) => {
|
|
|
2181
2166
|
onClick: handleCopy,
|
|
2182
2167
|
disabled: copyState === "copying",
|
|
2183
2168
|
style: {
|
|
2184
|
-
|
|
2185
|
-
|
|
2169
|
+
display: "flex",
|
|
2170
|
+
alignItems: "center",
|
|
2171
|
+
justifyContent: "center",
|
|
2172
|
+
width: "32px",
|
|
2173
|
+
height: "32px",
|
|
2174
|
+
backgroundColor: "transparent",
|
|
2175
|
+
border: "none",
|
|
2176
|
+
borderRadius: "50%",
|
|
2177
|
+
cursor: "pointer",
|
|
2178
|
+
color: copyState === "copied" ? "#22c55e" : copyState === "error" ? "#ef4444" : "rgba(255, 255, 255, 0.9)",
|
|
2179
|
+
transition: "background-color 0.2s, color 0.2s"
|
|
2186
2180
|
},
|
|
2187
2181
|
title: copyState === "copied" ? "\uBCF5\uC0AC\uB428!" : copyState === "error" ? "\uBCF5\uC0AC \uC2E4\uD328" : "\uBCF5\uC0AC\uD558\uAE30",
|
|
2188
2182
|
onMouseOver: (e) => {
|
|
2189
|
-
e.currentTarget.style.backgroundColor = "
|
|
2190
|
-
e.currentTarget.style.color = "var(--chatllm-text, #1f2937)";
|
|
2183
|
+
e.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.15)";
|
|
2191
2184
|
},
|
|
2192
2185
|
onMouseOut: (e) => {
|
|
2193
2186
|
e.currentTarget.style.backgroundColor = "transparent";
|
|
2194
|
-
e.currentTarget.style.color = copyState === "copied" ? "var(--chatllm-success, #22c55e)" : "var(--chatllm-text-muted, #9ca3af)";
|
|
2195
2187
|
},
|
|
2196
|
-
children: /* @__PURE__ */ jsx6("svg", { width: "
|
|
2188
|
+
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: [
|
|
2197
2189
|
/* @__PURE__ */ jsx6("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
|
|
2198
2190
|
/* @__PURE__ */ jsx6("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
|
|
2199
2191
|
] }) })
|
|
@@ -2203,17 +2195,27 @@ var ImageWithCopyButton = ({ src, alt, imageKey }) => {
|
|
|
2203
2195
|
"button",
|
|
2204
2196
|
{
|
|
2205
2197
|
onClick: handleDownload,
|
|
2206
|
-
style:
|
|
2207
|
-
|
|
2198
|
+
style: {
|
|
2199
|
+
display: "flex",
|
|
2200
|
+
alignItems: "center",
|
|
2201
|
+
justifyContent: "center",
|
|
2202
|
+
width: "32px",
|
|
2203
|
+
height: "32px",
|
|
2204
|
+
backgroundColor: "transparent",
|
|
2205
|
+
border: "none",
|
|
2206
|
+
borderRadius: "50%",
|
|
2207
|
+
cursor: "pointer",
|
|
2208
|
+
color: "rgba(255, 255, 255, 0.9)",
|
|
2209
|
+
transition: "background-color 0.2s, color 0.2s"
|
|
2210
|
+
},
|
|
2211
|
+
title: "\uC800\uC7A5\uD558\uAE30",
|
|
2208
2212
|
onMouseOver: (e) => {
|
|
2209
|
-
e.currentTarget.style.backgroundColor = "
|
|
2210
|
-
e.currentTarget.style.color = "var(--chatllm-text, #1f2937)";
|
|
2213
|
+
e.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.15)";
|
|
2211
2214
|
},
|
|
2212
2215
|
onMouseOut: (e) => {
|
|
2213
2216
|
e.currentTarget.style.backgroundColor = "transparent";
|
|
2214
|
-
e.currentTarget.style.color = "var(--chatllm-text-muted, #9ca3af)";
|
|
2215
2217
|
},
|
|
2216
|
-
children: /* @__PURE__ */ jsxs5("svg", { width: "
|
|
2218
|
+
children: /* @__PURE__ */ jsxs5("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
2217
2219
|
/* @__PURE__ */ jsx6("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
|
|
2218
2220
|
/* @__PURE__ */ jsx6("polyline", { points: "7 10 12 15 17 10" }),
|
|
2219
2221
|
/* @__PURE__ */ jsx6("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
|