@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.
Files changed (5) hide show
  1. package/dist/react/index.js +37 -35
  2. package/dist/react/index.js.map +1 -1
  3. package/dist/react/index.mjs +37 -35
  4. package/dist/react/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/react/index.js CHANGED
@@ -910,7 +910,7 @@ var ChatSidebar = ({
910
910
  children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(IconSvg, { name: "chat-1-line", size: 20, color: "#ffffff" })
911
911
  }
912
912
  ),
913
- /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { fontWeight: 600, color: "var(--chatllm-text, #1f2937)" }, children: "ChatLLM" })
913
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { fontWeight: 600, color: "var(--chatllm-text, #1f2937)" }, children: "ChatDive" })
914
914
  ] }),
915
915
  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
916
916
  "button",
@@ -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,17 +2194,15 @@ var ImageWithCopyButton = ({ src, alt, imageKey }) => {
2207
2194
  {
2208
2195
  style: {
2209
2196
  position: "absolute",
2210
- bottom: "8px",
2211
- left: "8px",
2212
- right: "8px",
2197
+ bottom: "12px",
2198
+ left: "12px",
2213
2199
  display: "flex",
2214
2200
  alignItems: "center",
2215
- gap: "4px",
2216
- padding: "8px 12px",
2217
- backgroundColor: "rgba(255, 255, 255, 0.95)",
2218
- backdropFilter: "blur(8px)",
2219
- borderRadius: "8px",
2220
- boxShadow: "0 2px 8px rgba(0, 0, 0, 0.15)",
2201
+ gap: "8px",
2202
+ padding: "8px 16px",
2203
+ backgroundColor: "rgba(0, 0, 0, 0.6)",
2204
+ backdropFilter: "blur(12px)",
2205
+ borderRadius: "24px",
2221
2206
  opacity: isHovered ? 1 : 0,
2222
2207
  transform: isHovered ? "translateY(0)" : "translateY(4px)",
2223
2208
  transition: "opacity 0.2s ease, transform 0.2s ease",
@@ -2230,19 +2215,26 @@ var ImageWithCopyButton = ({ src, alt, imageKey }) => {
2230
2215
  onClick: handleCopy,
2231
2216
  disabled: copyState === "copying",
2232
2217
  style: {
2233
- ...toolbarButtonStyle,
2234
- 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"
2235
2229
  },
2236
2230
  title: copyState === "copied" ? "\uBCF5\uC0AC\uB428!" : copyState === "error" ? "\uBCF5\uC0AC \uC2E4\uD328" : "\uBCF5\uC0AC\uD558\uAE30",
2237
2231
  onMouseOver: (e) => {
2238
- e.currentTarget.style.backgroundColor = "var(--chatllm-bg-hover, #f3f4f6)";
2239
- e.currentTarget.style.color = "var(--chatllm-text, #1f2937)";
2232
+ e.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.15)";
2240
2233
  },
2241
2234
  onMouseOut: (e) => {
2242
2235
  e.currentTarget.style.backgroundColor = "transparent";
2243
- e.currentTarget.style.color = copyState === "copied" ? "var(--chatllm-success, #22c55e)" : "var(--chatllm-text-muted, #9ca3af)";
2244
2236
  },
2245
- 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: [
2246
2238
  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
2247
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" })
2248
2240
  ] }) })
@@ -2252,17 +2244,27 @@ var ImageWithCopyButton = ({ src, alt, imageKey }) => {
2252
2244
  "button",
2253
2245
  {
2254
2246
  onClick: handleDownload,
2255
- style: toolbarButtonStyle,
2256
- 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",
2257
2261
  onMouseOver: (e) => {
2258
- e.currentTarget.style.backgroundColor = "var(--chatllm-bg-hover, #f3f4f6)";
2259
- e.currentTarget.style.color = "var(--chatllm-text, #1f2937)";
2262
+ e.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.15)";
2260
2263
  },
2261
2264
  onMouseOut: (e) => {
2262
2265
  e.currentTarget.style.backgroundColor = "transparent";
2263
- e.currentTarget.style.color = "var(--chatllm-text-muted, #9ca3af)";
2264
2266
  },
2265
- 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: [
2266
2268
  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
2267
2269
  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("polyline", { points: "7 10 12 15 17 10" }),
2268
2270
  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: "12", y1: "15", x2: "12", y2: "3" })