@gendive/chatllm 0.6.9 → 0.6.11

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.
Files changed (5) hide show
  1. package/dist/react/index.js +37 -34
  2. package/dist/react/index.js.map +1 -1
  3. package/dist/react/index.mjs +37 -34
  4. package/dist/react/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/react/index.js CHANGED
@@ -2162,19 +2162,6 @@ var ImageWithCopyButton = ({ src, alt, imageKey }) => {
2162
2162
  window.open(src, "_blank");
2163
2163
  }
2164
2164
  };
2165
- const toolbarButtonStyle = {
2166
- display: "flex",
2167
- alignItems: "center",
2168
- justifyContent: "center",
2169
- width: "36px",
2170
- height: "36px",
2171
- backgroundColor: "transparent",
2172
- border: "none",
2173
- borderRadius: "8px",
2174
- cursor: "pointer",
2175
- color: "var(--chatllm-text-muted, #9ca3af)",
2176
- transition: "background-color 0.2s, color 0.2s"
2177
- };
2178
2165
  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
2179
2166
  "div",
2180
2167
  {
@@ -2207,18 +2194,17 @@ var ImageWithCopyButton = ({ src, alt, imageKey }) => {
2207
2194
  {
2208
2195
  style: {
2209
2196
  position: "absolute",
2210
- bottom: "0",
2211
- left: "0",
2212
- right: "0",
2197
+ bottom: "12px",
2198
+ left: "12px",
2213
2199
  display: "flex",
2214
2200
  alignItems: "center",
2215
- gap: "4px",
2216
- padding: "8px 12px",
2217
- backgroundColor: "var(--chatllm-bg, #ffffff)",
2218
- borderTop: "1px solid var(--chatllm-border-light, #e5e7eb)",
2219
- borderRadius: "0 0 8px 8px",
2201
+ gap: "8px",
2202
+ padding: "8px 16px",
2203
+ backgroundColor: "rgba(0, 0, 0, 0.6)",
2204
+ backdropFilter: "blur(12px)",
2205
+ borderRadius: "24px",
2220
2206
  opacity: isHovered ? 1 : 0,
2221
- transform: isHovered ? "translateY(0)" : "translateY(8px)",
2207
+ transform: isHovered ? "translateY(0)" : "translateY(4px)",
2222
2208
  transition: "opacity 0.2s ease, transform 0.2s ease",
2223
2209
  pointerEvents: isHovered ? "auto" : "none"
2224
2210
  },
@@ -2229,19 +2215,26 @@ var ImageWithCopyButton = ({ src, alt, imageKey }) => {
2229
2215
  onClick: handleCopy,
2230
2216
  disabled: copyState === "copying",
2231
2217
  style: {
2232
- ...toolbarButtonStyle,
2233
- color: copyState === "copied" ? "var(--chatllm-success, #22c55e)" : copyState === "error" ? "var(--chatllm-error, #ef4444)" : "var(--chatllm-text-muted, #9ca3af)"
2218
+ display: "flex",
2219
+ alignItems: "center",
2220
+ justifyContent: "center",
2221
+ width: "32px",
2222
+ height: "32px",
2223
+ backgroundColor: "transparent",
2224
+ border: "none",
2225
+ borderRadius: "50%",
2226
+ cursor: "pointer",
2227
+ color: copyState === "copied" ? "#22c55e" : copyState === "error" ? "#ef4444" : "rgba(255, 255, 255, 0.9)",
2228
+ transition: "background-color 0.2s, color 0.2s"
2234
2229
  },
2235
2230
  title: copyState === "copied" ? "\uBCF5\uC0AC\uB428!" : copyState === "error" ? "\uBCF5\uC0AC \uC2E4\uD328" : "\uBCF5\uC0AC\uD558\uAE30",
2236
2231
  onMouseOver: (e) => {
2237
- e.currentTarget.style.backgroundColor = "var(--chatllm-bg-hover, #f3f4f6)";
2238
- e.currentTarget.style.color = "var(--chatllm-text, #1f2937)";
2232
+ e.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.15)";
2239
2233
  },
2240
2234
  onMouseOut: (e) => {
2241
2235
  e.currentTarget.style.backgroundColor = "transparent";
2242
- e.currentTarget.style.color = copyState === "copied" ? "var(--chatllm-success, #22c55e)" : "var(--chatllm-text-muted, #9ca3af)";
2243
2236
  },
2244
- children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: copyState === "copied" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("polyline", { points: "20 6 9 17 4 12" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
2237
+ children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: copyState === "copied" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("polyline", { points: "20 6 9 17 4 12" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
2245
2238
  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
2246
2239
  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
2247
2240
  ] }) })
@@ -2251,17 +2244,27 @@ var ImageWithCopyButton = ({ src, alt, imageKey }) => {
2251
2244
  "button",
2252
2245
  {
2253
2246
  onClick: handleDownload,
2254
- style: toolbarButtonStyle,
2255
- title: "\uB2E4\uC6B4\uB85C\uB4DC",
2247
+ style: {
2248
+ display: "flex",
2249
+ alignItems: "center",
2250
+ justifyContent: "center",
2251
+ width: "32px",
2252
+ height: "32px",
2253
+ backgroundColor: "transparent",
2254
+ border: "none",
2255
+ borderRadius: "50%",
2256
+ cursor: "pointer",
2257
+ color: "rgba(255, 255, 255, 0.9)",
2258
+ transition: "background-color 0.2s, color 0.2s"
2259
+ },
2260
+ title: "\uC800\uC7A5\uD558\uAE30",
2256
2261
  onMouseOver: (e) => {
2257
- e.currentTarget.style.backgroundColor = "var(--chatllm-bg-hover, #f3f4f6)";
2258
- e.currentTarget.style.color = "var(--chatllm-text, #1f2937)";
2262
+ e.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.15)";
2259
2263
  },
2260
2264
  onMouseOut: (e) => {
2261
2265
  e.currentTarget.style.backgroundColor = "transparent";
2262
- e.currentTarget.style.color = "var(--chatllm-text-muted, #9ca3af)";
2263
2266
  },
2264
- children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
2267
+ children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
2265
2268
  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
2266
2269
  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("polyline", { points: "7 10 12 15 17 10" }),
2267
2270
  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: "12", y1: "15", x2: "12", y2: "3" })