@gendive/chatllm 0.17.7 → 0.17.8

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 (7) hide show
  1. package/dist/react/index.d.mts +5 -0
  2. package/dist/react/index.d.ts +5 -0
  3. package/dist/react/index.js +543 -540
  4. package/dist/react/index.js.map +1 -1
  5. package/dist/react/index.mjs +543 -540
  6. package/dist/react/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/dist/react/index.js CHANGED
@@ -4714,7 +4714,8 @@ var ChatInput = ({
4714
4714
  attachments = [],
4715
4715
  onFileAttach,
4716
4716
  onRemoveAttachment,
4717
- acceptedFileTypes
4717
+ acceptedFileTypes,
4718
+ onDisclaimerClick
4718
4719
  }) => {
4719
4720
  const [mainMenuOpen, setMainMenuOpen] = import_react9.default.useState(false);
4720
4721
  const textareaRef = (0, import_react9.useRef)(null);
@@ -4798,7 +4799,7 @@ var ChatInput = ({
4798
4799
  };
4799
4800
  return icon ? iconMap[icon] || "sparkling-line" : "sparkling-line";
4800
4801
  };
4801
- return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
4802
+ return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
4802
4803
  "footer",
4803
4804
  {
4804
4805
  className: "chatllm-input-footer",
@@ -4815,387 +4816,292 @@ var ChatInput = ({
4815
4816
  background: "linear-gradient(to top, var(--chatllm-bg) 60%, transparent)",
4816
4817
  pointerEvents: "none"
4817
4818
  },
4818
- children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
4819
- "div",
4820
- {
4821
- style: {
4822
- width: "100%",
4823
- maxWidth: "820px",
4824
- padding: "0 24px",
4825
- pointerEvents: "auto"
4826
- },
4827
- children: [
4828
- activeSkillExecution && activeSkillExecution.status === "executing" && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
4829
- "div",
4830
- {
4831
- style: {
4832
- display: "flex",
4833
- alignItems: "center",
4834
- gap: "8px",
4835
- padding: "8px 14px",
4836
- marginBottom: "12px",
4837
- backgroundColor: "var(--chatllm-primary-light)",
4838
- borderRadius: "9999px",
4839
- fontSize: "13px",
4840
- fontWeight: 500,
4841
- color: "var(--chatllm-primary)"
4842
- },
4843
- children: [
4844
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
4845
- "span",
4846
- {
4847
- className: "chatllm-skeleton-pulse",
4848
- style: {
4849
- width: "8px",
4850
- height: "8px",
4851
- borderRadius: "50%",
4852
- backgroundColor: "var(--chatllm-primary)"
4853
- }
4854
- }
4855
- ),
4856
- activeSkillExecution.skillName,
4857
- " \uC2E4\uD589 \uC911..."
4858
- ]
4859
- }
4860
- ),
4861
- (quotedText || selectedAction) && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "flex", gap: "8px", marginBottom: "12px", flexWrap: "wrap" }, children: [
4862
- quotedText && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
4819
+ children: [
4820
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
4821
+ "div",
4822
+ {
4823
+ style: {
4824
+ width: "100%",
4825
+ maxWidth: "820px",
4826
+ padding: "0 24px",
4827
+ pointerEvents: "auto"
4828
+ },
4829
+ children: [
4830
+ activeSkillExecution && activeSkillExecution.status === "executing" && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
4863
4831
  "div",
4864
4832
  {
4865
4833
  style: {
4866
4834
  display: "flex",
4867
4835
  alignItems: "center",
4868
4836
  gap: "8px",
4869
- padding: "8px 12px",
4870
- backgroundColor: "var(--chatllm-content-bg)",
4871
- borderRadius: "12px",
4872
- border: "1px solid var(--chatllm-border)",
4873
- maxWidth: "100%"
4837
+ padding: "8px 14px",
4838
+ marginBottom: "12px",
4839
+ backgroundColor: "var(--chatllm-primary-light)",
4840
+ borderRadius: "9999px",
4841
+ fontSize: "13px",
4842
+ fontWeight: 500,
4843
+ color: "var(--chatllm-primary)"
4874
4844
  },
4875
4845
  children: [
4876
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconSvg, { name: "double-quotes-l", size: 14, color: "var(--chatllm-primary)" }),
4877
4846
  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
4878
4847
  "span",
4879
4848
  {
4849
+ className: "chatllm-skeleton-pulse",
4880
4850
  style: {
4881
- fontSize: "13px",
4882
- color: "var(--chatllm-text)",
4883
- overflow: "hidden",
4884
- textOverflow: "ellipsis",
4885
- whiteSpace: "nowrap",
4886
- maxWidth: "300px"
4887
- },
4888
- children: quotedText
4851
+ width: "8px",
4852
+ height: "8px",
4853
+ borderRadius: "50%",
4854
+ backgroundColor: "var(--chatllm-primary)"
4855
+ }
4889
4856
  }
4890
4857
  ),
4891
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
4892
- "button",
4893
- {
4894
- onClick: onClearQuote,
4895
- style: {
4896
- padding: "2px",
4897
- backgroundColor: "transparent",
4898
- border: "none",
4899
- borderRadius: "4px",
4900
- cursor: "pointer",
4901
- display: "flex",
4902
- alignItems: "center",
4903
- justifyContent: "center"
4904
- },
4905
- children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconSvg, { name: "close-line", size: 14, color: "var(--chatllm-text-muted)" })
4906
- }
4907
- )
4858
+ activeSkillExecution.skillName,
4859
+ " \uC2E4\uD589 \uC911..."
4908
4860
  ]
4909
4861
  }
4910
4862
  ),
4911
- selectedAction && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
4863
+ (quotedText || selectedAction) && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "flex", gap: "8px", marginBottom: "12px", flexWrap: "wrap" }, children: [
4864
+ quotedText && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
4865
+ "div",
4866
+ {
4867
+ style: {
4868
+ display: "flex",
4869
+ alignItems: "center",
4870
+ gap: "8px",
4871
+ padding: "8px 12px",
4872
+ backgroundColor: "var(--chatllm-content-bg)",
4873
+ borderRadius: "12px",
4874
+ border: "1px solid var(--chatllm-border)",
4875
+ maxWidth: "100%"
4876
+ },
4877
+ children: [
4878
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconSvg, { name: "double-quotes-l", size: 14, color: "var(--chatllm-primary)" }),
4879
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
4880
+ "span",
4881
+ {
4882
+ style: {
4883
+ fontSize: "13px",
4884
+ color: "var(--chatllm-text)",
4885
+ overflow: "hidden",
4886
+ textOverflow: "ellipsis",
4887
+ whiteSpace: "nowrap",
4888
+ maxWidth: "300px"
4889
+ },
4890
+ children: quotedText
4891
+ }
4892
+ ),
4893
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
4894
+ "button",
4895
+ {
4896
+ onClick: onClearQuote,
4897
+ style: {
4898
+ padding: "2px",
4899
+ backgroundColor: "transparent",
4900
+ border: "none",
4901
+ borderRadius: "4px",
4902
+ cursor: "pointer",
4903
+ display: "flex",
4904
+ alignItems: "center",
4905
+ justifyContent: "center"
4906
+ },
4907
+ children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconSvg, { name: "close-line", size: 14, color: "var(--chatllm-text-muted)" })
4908
+ }
4909
+ )
4910
+ ]
4911
+ }
4912
+ ),
4913
+ selectedAction && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
4914
+ "div",
4915
+ {
4916
+ style: {
4917
+ display: "flex",
4918
+ alignItems: "center",
4919
+ gap: "6px",
4920
+ padding: "8px 14px",
4921
+ backgroundColor: "var(--chatllm-primary-light)",
4922
+ borderRadius: "9999px",
4923
+ fontSize: "13px",
4924
+ fontWeight: 500,
4925
+ color: "var(--chatllm-primary)"
4926
+ },
4927
+ children: [
4928
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconSvg, { name: "sparkling-line", size: 14, color: "var(--chatllm-primary)" }),
4929
+ selectedAction.label,
4930
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
4931
+ "button",
4932
+ {
4933
+ onClick: onClearAction,
4934
+ style: {
4935
+ padding: "2px",
4936
+ backgroundColor: "transparent",
4937
+ border: "none",
4938
+ borderRadius: "4px",
4939
+ cursor: "pointer",
4940
+ display: "flex",
4941
+ alignItems: "center",
4942
+ justifyContent: "center"
4943
+ },
4944
+ children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconSvg, { name: "close-line", size: 14, color: "var(--chatllm-primary)" })
4945
+ }
4946
+ )
4947
+ ]
4948
+ }
4949
+ )
4950
+ ] }),
4951
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
4952
+ "input",
4953
+ {
4954
+ ref: fileInputRef,
4955
+ type: "file",
4956
+ multiple: true,
4957
+ accept: acceptedFileTypes?.join(",") || void 0,
4958
+ onChange: handleFileSelect,
4959
+ style: { display: "none" }
4960
+ }
4961
+ ),
4962
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
4912
4963
  "div",
4913
4964
  {
4914
- style: {
4915
- display: "flex",
4916
- alignItems: "center",
4917
- gap: "6px",
4918
- padding: "8px 14px",
4919
- backgroundColor: "var(--chatllm-primary-light)",
4920
- borderRadius: "9999px",
4921
- fontSize: "13px",
4922
- fontWeight: 500,
4923
- color: "var(--chatllm-primary)"
4924
- },
4965
+ className: "chatllm-input-container",
4966
+ onDrop: handleDrop,
4967
+ onDragOver: handleDragOver,
4968
+ onDragLeave: handleDragLeave,
4969
+ style: isDragOver ? { outline: "2px dashed var(--chatllm-primary)", outlineOffset: "-2px" } : void 0,
4925
4970
  children: [
4926
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconSvg, { name: "sparkling-line", size: 14, color: "var(--chatllm-primary)" }),
4927
- selectedAction.label,
4971
+ attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
4972
+ "div",
4973
+ {
4974
+ style: {
4975
+ display: "flex",
4976
+ gap: "8px",
4977
+ padding: "12px 24px 0 24px",
4978
+ flexWrap: "wrap"
4979
+ },
4980
+ children: attachments.map((att) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
4981
+ "div",
4982
+ {
4983
+ style: {
4984
+ position: "relative",
4985
+ display: "flex",
4986
+ alignItems: "center",
4987
+ gap: "8px",
4988
+ padding: att.type === "image" ? "0" : "8px 12px",
4989
+ backgroundColor: "var(--chatllm-content-bg)",
4990
+ borderRadius: "12px",
4991
+ border: "1px solid var(--chatllm-border)",
4992
+ overflow: "hidden"
4993
+ },
4994
+ children: [
4995
+ att.type === "image" && att.previewUrl ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
4996
+ "img",
4997
+ {
4998
+ src: att.previewUrl,
4999
+ alt: att.name,
5000
+ style: {
5001
+ width: "64px",
5002
+ height: "64px",
5003
+ objectFit: "cover",
5004
+ borderRadius: "12px"
5005
+ }
5006
+ }
5007
+ ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
5008
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconSvg, { name: "file-text-line", size: 16, color: "var(--chatllm-text-muted)" }),
5009
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { fontSize: "13px", color: "var(--chatllm-text)", maxWidth: "120px", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: att.name })
5010
+ ] }),
5011
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
5012
+ "button",
5013
+ {
5014
+ onClick: () => onRemoveAttachment?.(att.id),
5015
+ style: {
5016
+ position: "absolute",
5017
+ top: "2px",
5018
+ right: "2px",
5019
+ width: "20px",
5020
+ height: "20px",
5021
+ display: "flex",
5022
+ alignItems: "center",
5023
+ justifyContent: "center",
5024
+ backgroundColor: "rgba(0,0,0,0.5)",
5025
+ border: "none",
5026
+ borderRadius: "50%",
5027
+ cursor: "pointer",
5028
+ padding: 0
5029
+ },
5030
+ children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconSvg, { name: "close-line", size: 12, color: "#fff" })
5031
+ }
5032
+ )
5033
+ ]
5034
+ },
5035
+ att.id
5036
+ ))
5037
+ }
5038
+ ),
4928
5039
  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
4929
- "button",
5040
+ "textarea",
4930
5041
  {
4931
- onClick: onClearAction,
5042
+ ref: textareaRef,
5043
+ value,
5044
+ onChange: (e) => onChange(e.target.value),
5045
+ onKeyDown: handleKeyDown,
5046
+ onPaste: handlePaste,
5047
+ placeholder,
5048
+ rows: 1,
4932
5049
  style: {
4933
- padding: "2px",
5050
+ width: "100%",
5051
+ minHeight: "60px",
5052
+ maxHeight: "200px",
5053
+ padding: "24px 32px 8px 32px",
4934
5054
  backgroundColor: "transparent",
4935
5055
  border: "none",
4936
- borderRadius: "4px",
4937
- cursor: "pointer",
5056
+ outline: "none",
5057
+ fontSize: "16px",
5058
+ lineHeight: "1.5",
5059
+ resize: "none",
5060
+ color: "var(--chatllm-text)"
5061
+ }
5062
+ }
5063
+ ),
5064
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
5065
+ "div",
5066
+ {
5067
+ style: {
4938
5068
  display: "flex",
4939
5069
  alignItems: "center",
4940
- justifyContent: "center"
5070
+ justifyContent: "space-between",
5071
+ padding: "0 24px 20px 24px"
4941
5072
  },
4942
- children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconSvg, { name: "close-line", size: 14, color: "var(--chatllm-primary)" })
4943
- }
4944
- )
4945
- ]
4946
- }
4947
- )
4948
- ] }),
4949
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
4950
- "input",
4951
- {
4952
- ref: fileInputRef,
4953
- type: "file",
4954
- multiple: true,
4955
- accept: acceptedFileTypes?.join(",") || void 0,
4956
- onChange: handleFileSelect,
4957
- style: { display: "none" }
4958
- }
4959
- ),
4960
- /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
4961
- "div",
4962
- {
4963
- className: "chatllm-input-container",
4964
- onDrop: handleDrop,
4965
- onDragOver: handleDragOver,
4966
- onDragLeave: handleDragLeave,
4967
- style: isDragOver ? { outline: "2px dashed var(--chatllm-primary)", outlineOffset: "-2px" } : void 0,
4968
- children: [
4969
- attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
4970
- "div",
4971
- {
4972
- style: {
4973
- display: "flex",
4974
- gap: "8px",
4975
- padding: "12px 24px 0 24px",
4976
- flexWrap: "wrap"
4977
- },
4978
- children: attachments.map((att) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
4979
- "div",
4980
- {
4981
- style: {
4982
- position: "relative",
4983
- display: "flex",
4984
- alignItems: "center",
4985
- gap: "8px",
4986
- padding: att.type === "image" ? "0" : "8px 12px",
4987
- backgroundColor: "var(--chatllm-content-bg)",
4988
- borderRadius: "12px",
4989
- border: "1px solid var(--chatllm-border)",
4990
- overflow: "hidden"
4991
- },
4992
- children: [
4993
- att.type === "image" && att.previewUrl ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
4994
- "img",
4995
- {
4996
- src: att.previewUrl,
4997
- alt: att.name,
4998
- style: {
4999
- width: "64px",
5000
- height: "64px",
5001
- objectFit: "cover",
5002
- borderRadius: "12px"
5073
+ children: [
5074
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
5075
+ actions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { ref: actionMenuRef, style: { position: "relative" }, children: [
5076
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
5077
+ "button",
5078
+ {
5079
+ onClick: () => setActionMenuOpen(!actionMenuOpen),
5080
+ style: iconButtonStyle,
5081
+ title: "\uAE30\uB2A5 \uCD94\uAC00",
5082
+ children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconSvg, { name: "add-line", size: 22, color: "var(--chatllm-text-muted)" })
5003
5083
  }
5004
- }
5005
- ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
5006
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconSvg, { name: "file-text-line", size: 16, color: "var(--chatllm-text-muted)" }),
5007
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { fontSize: "13px", color: "var(--chatllm-text)", maxWidth: "120px", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: att.name })
5008
- ] }),
5009
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
5010
- "button",
5011
- {
5012
- onClick: () => onRemoveAttachment?.(att.id),
5013
- style: {
5014
- position: "absolute",
5015
- top: "2px",
5016
- right: "2px",
5017
- width: "20px",
5018
- height: "20px",
5019
- display: "flex",
5020
- alignItems: "center",
5021
- justifyContent: "center",
5022
- backgroundColor: "rgba(0,0,0,0.5)",
5023
- border: "none",
5024
- borderRadius: "50%",
5025
- cursor: "pointer",
5026
- padding: 0
5027
- },
5028
- children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconSvg, { name: "close-line", size: 12, color: "#fff" })
5029
- }
5030
- )
5031
- ]
5032
- },
5033
- att.id
5034
- ))
5035
- }
5036
- ),
5037
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
5038
- "textarea",
5039
- {
5040
- ref: textareaRef,
5041
- value,
5042
- onChange: (e) => onChange(e.target.value),
5043
- onKeyDown: handleKeyDown,
5044
- onPaste: handlePaste,
5045
- placeholder,
5046
- rows: 1,
5047
- style: {
5048
- width: "100%",
5049
- minHeight: "60px",
5050
- maxHeight: "200px",
5051
- padding: "24px 32px 8px 32px",
5052
- backgroundColor: "transparent",
5053
- border: "none",
5054
- outline: "none",
5055
- fontSize: "16px",
5056
- lineHeight: "1.5",
5057
- resize: "none",
5058
- color: "var(--chatllm-text)"
5059
- }
5060
- }
5061
- ),
5062
- /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
5063
- "div",
5064
- {
5065
- style: {
5066
- display: "flex",
5067
- alignItems: "center",
5068
- justifyContent: "space-between",
5069
- padding: "0 24px 20px 24px"
5070
- },
5071
- children: [
5072
- /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
5073
- actions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { ref: actionMenuRef, style: { position: "relative" }, children: [
5074
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
5075
- "button",
5076
- {
5077
- onClick: () => setActionMenuOpen(!actionMenuOpen),
5078
- style: iconButtonStyle,
5079
- title: "\uAE30\uB2A5 \uCD94\uAC00",
5080
- children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconSvg, { name: "add-line", size: 22, color: "var(--chatllm-text-muted)" })
5081
- }
5082
- ),
5083
- actionMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
5084
- "div",
5085
- {
5086
- style: {
5087
- position: "absolute",
5088
- bottom: "100%",
5089
- left: 0,
5090
- marginBottom: "8px",
5091
- backgroundColor: "var(--chatllm-content-bg)",
5092
- borderRadius: "16px",
5093
- boxShadow: "var(--chatllm-shadow-sheet)",
5094
- border: "1px solid var(--chatllm-border)",
5095
- padding: "8px",
5096
- minWidth: "220px",
5097
- zIndex: 100
5098
- },
5099
- children: actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
5100
- "button",
5101
- {
5102
- onClick: () => handleActionSelect(action),
5103
- style: {
5104
- width: "100%",
5105
- display: "flex",
5106
- alignItems: "center",
5107
- gap: "12px",
5108
- padding: "12px",
5109
- backgroundColor: "transparent",
5110
- border: "none",
5111
- borderRadius: "12px",
5112
- cursor: "pointer",
5113
- textAlign: "left",
5114
- transition: "background-color 0.2s"
5115
- },
5116
- onMouseOver: (e) => {
5117
- e.currentTarget.style.backgroundColor = "var(--chatllm-bg-hover)";
5118
- },
5119
- onMouseOut: (e) => {
5120
- e.currentTarget.style.backgroundColor = "transparent";
5121
- },
5122
- children: [
5123
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
5124
- "div",
5125
- {
5126
- style: {
5127
- width: "36px",
5128
- height: "36px",
5129
- display: "flex",
5130
- alignItems: "center",
5131
- justifyContent: "center",
5132
- backgroundColor: "var(--chatllm-primary-light)",
5133
- borderRadius: "10px"
5134
- },
5135
- children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
5136
- IconSvg,
5137
- {
5138
- name: action.icon === "search" ? "search-line" : action.icon === "image" ? "image-line" : action.icon === "code" ? "code-s-slash-line" : "file-text-line",
5139
- size: 20,
5140
- color: "var(--chatllm-primary)"
5141
- }
5142
- )
5143
- }
5144
- ),
5145
- /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
5146
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontSize: "14px", fontWeight: 600, color: "var(--chatllm-text)" }, children: action.label }),
5147
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontSize: "12px", color: "var(--chatllm-text-muted)" }, children: action.description })
5148
- ] })
5149
- ]
5084
+ ),
5085
+ actionMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
5086
+ "div",
5087
+ {
5088
+ style: {
5089
+ position: "absolute",
5090
+ bottom: "100%",
5091
+ left: 0,
5092
+ marginBottom: "8px",
5093
+ backgroundColor: "var(--chatllm-content-bg)",
5094
+ borderRadius: "16px",
5095
+ boxShadow: "var(--chatllm-shadow-sheet)",
5096
+ border: "1px solid var(--chatllm-border)",
5097
+ padding: "8px",
5098
+ minWidth: "220px",
5099
+ zIndex: 100
5150
5100
  },
5151
- action.id
5152
- ))
5153
- }
5154
- )
5155
- ] }),
5156
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
5157
- "button",
5158
- {
5159
- onClick: () => fileInputRef.current?.click(),
5160
- style: iconButtonStyle,
5161
- title: "\uD30C\uC77C \uCCA8\uBD80",
5162
- "aria-label": "\uD30C\uC77C \uCCA8\uBD80",
5163
- children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconSvg, { name: "attachment-line", size: 22, color: "var(--chatllm-text-muted)" })
5164
- }
5165
- ),
5166
- /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { ref: mainMenuRef, style: { position: "relative" }, children: [
5167
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
5168
- "button",
5169
- {
5170
- onClick: () => setMainMenuOpen(!mainMenuOpen),
5171
- style: {
5172
- ...iconButtonStyle,
5173
- backgroundColor: mainMenuOpen ? "var(--chatllm-bg-hover)" : "transparent"
5174
- },
5175
- title: "\uBA54\uB274",
5176
- children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconSvg, { name: "add-line", size: 22, color: "var(--chatllm-text-muted)" })
5177
- }
5178
- ),
5179
- mainMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
5180
- "div",
5181
- {
5182
- style: {
5183
- position: "absolute",
5184
- bottom: "100%",
5185
- left: 0,
5186
- marginBottom: "8px",
5187
- backgroundColor: "var(--chatllm-content-bg)",
5188
- borderRadius: "16px",
5189
- boxShadow: "var(--chatllm-shadow-sheet)",
5190
- border: "1px solid var(--chatllm-border)",
5191
- padding: "8px",
5192
- minWidth: "240px",
5193
- zIndex: 100
5194
- },
5195
- children: [
5196
- /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
5101
+ children: actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
5197
5102
  "button",
5198
5103
  {
5104
+ onClick: () => handleActionSelect(action),
5199
5105
  style: {
5200
5106
  width: "100%",
5201
5107
  display: "flex",
@@ -5215,96 +5121,6 @@ var ChatInput = ({
5215
5121
  onMouseOut: (e) => {
5216
5122
  e.currentTarget.style.backgroundColor = "transparent";
5217
5123
  },
5218
- onClick: () => {
5219
- fileInputRef.current?.click();
5220
- setMainMenuOpen(false);
5221
- },
5222
- children: [
5223
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconSvg, { name: "attachment-line", size: 20, color: "var(--chatllm-text-secondary)" }),
5224
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { fontSize: "14px", color: "var(--chatllm-text)" }, children: "\uD30C\uC77C \uB610\uB294 \uC0AC\uC9C4 \uCD94\uAC00" })
5225
- ]
5226
- }
5227
- ),
5228
- deepResearchEnabled && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
5229
- "button",
5230
- {
5231
- onClick: () => {
5232
- onDeepResearch?.();
5233
- setMainMenuOpen(false);
5234
- },
5235
- style: {
5236
- width: "100%",
5237
- display: "flex",
5238
- alignItems: "center",
5239
- gap: "12px",
5240
- padding: "12px",
5241
- backgroundColor: "transparent",
5242
- border: "none",
5243
- borderRadius: "12px",
5244
- cursor: "pointer",
5245
- textAlign: "left",
5246
- transition: "background-color 0.2s"
5247
- },
5248
- onMouseOver: (e) => {
5249
- e.currentTarget.style.backgroundColor = "var(--chatllm-bg-hover)";
5250
- },
5251
- onMouseOut: (e) => {
5252
- e.currentTarget.style.backgroundColor = "transparent";
5253
- },
5254
- children: [
5255
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
5256
- IconSvg,
5257
- {
5258
- name: "search-eye-line",
5259
- size: 20,
5260
- color: isDeepResearchMode ? "var(--chatllm-primary)" : "var(--chatllm-text-secondary)"
5261
- }
5262
- ),
5263
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
5264
- "span",
5265
- {
5266
- style: {
5267
- flex: 1,
5268
- fontSize: "14px",
5269
- color: isDeepResearchMode ? "var(--chatllm-primary)" : "var(--chatllm-text)"
5270
- },
5271
- children: "\uC5F0\uAD6C"
5272
- }
5273
- ),
5274
- isDeepResearchMode && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconSvg, { name: "check-line", size: 16, color: "var(--chatllm-primary)" })
5275
- ]
5276
- }
5277
- ),
5278
- manualSkills.map((skill) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
5279
- "button",
5280
- {
5281
- onClick: () => {
5282
- onSkillSelect?.(skill.name);
5283
- setMainMenuOpen(false);
5284
- },
5285
- disabled: skill.disabled,
5286
- style: {
5287
- width: "100%",
5288
- display: "flex",
5289
- alignItems: "center",
5290
- gap: "12px",
5291
- padding: "12px",
5292
- backgroundColor: "transparent",
5293
- border: "none",
5294
- borderRadius: "12px",
5295
- cursor: skill.disabled ? "not-allowed" : "pointer",
5296
- textAlign: "left",
5297
- transition: "background-color 0.2s",
5298
- opacity: skill.disabled ? 0.5 : 1
5299
- },
5300
- onMouseOver: (e) => {
5301
- if (!skill.disabled) {
5302
- e.currentTarget.style.backgroundColor = "var(--chatllm-bg-hover)";
5303
- }
5304
- },
5305
- onMouseOut: (e) => {
5306
- e.currentTarget.style.backgroundColor = "transparent";
5307
- },
5308
5124
  children: [
5309
5125
  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
5310
5126
  "div",
@@ -5321,7 +5137,7 @@ var ChatInput = ({
5321
5137
  children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
5322
5138
  IconSvg,
5323
5139
  {
5324
- name: mapSkillIcon(skill.icon),
5140
+ name: action.icon === "search" ? "search-line" : action.icon === "image" ? "image-line" : action.icon === "code" ? "code-s-slash-line" : "file-text-line",
5325
5141
  size: 20,
5326
5142
  color: "var(--chatllm-primary)"
5327
5143
  }
@@ -5329,94 +5145,306 @@ var ChatInput = ({
5329
5145
  }
5330
5146
  ),
5331
5147
  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
5332
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontSize: "14px", fontWeight: 600, color: "var(--chatllm-text)" }, children: skill.label }),
5333
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontSize: "12px", color: "var(--chatllm-text-muted)", maxWidth: "180px", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: skill.description })
5148
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontSize: "14px", fontWeight: 600, color: "var(--chatllm-text)" }, children: action.label }),
5149
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontSize: "12px", color: "var(--chatllm-text-muted)" }, children: action.description })
5334
5150
  ] })
5335
5151
  ]
5336
5152
  },
5337
- skill.name
5153
+ action.id
5338
5154
  ))
5339
- ]
5155
+ }
5156
+ )
5157
+ ] }),
5158
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
5159
+ "button",
5160
+ {
5161
+ onClick: () => fileInputRef.current?.click(),
5162
+ style: iconButtonStyle,
5163
+ title: "\uD30C\uC77C \uCCA8\uBD80",
5164
+ "aria-label": "\uD30C\uC77C \uCCA8\uBD80",
5165
+ children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconSvg, { name: "attachment-line", size: 22, color: "var(--chatllm-text-muted)" })
5340
5166
  }
5341
- )
5342
- ] })
5343
- ] }),
5344
- isLoading ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
5345
- "button",
5346
- {
5347
- onClick: onStop,
5348
- style: {
5349
- display: "flex",
5350
- alignItems: "center",
5351
- justifyContent: "center",
5352
- height: "48px",
5353
- padding: "0 32px",
5354
- backgroundColor: "var(--chatllm-bg-tertiary)",
5355
- border: "1px solid var(--chatllm-border)",
5356
- borderRadius: "12px",
5357
- cursor: "pointer",
5358
- transition: "all 0.2s",
5359
- gap: "8px"
5360
- },
5361
- children: [
5167
+ ),
5168
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { ref: mainMenuRef, style: { position: "relative" }, children: [
5362
5169
  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
5363
- "span",
5170
+ "button",
5364
5171
  {
5172
+ onClick: () => setMainMenuOpen(!mainMenuOpen),
5365
5173
  style: {
5366
- fontSize: "14px",
5367
- fontWeight: 700,
5368
- color: "var(--chatllm-text-secondary)",
5369
- textTransform: "uppercase",
5370
- letterSpacing: "0.02em"
5174
+ ...iconButtonStyle,
5175
+ backgroundColor: mainMenuOpen ? "var(--chatllm-bg-hover)" : "transparent"
5371
5176
  },
5372
- children: "\uC911\uC9C0"
5177
+ title: "\uBA54\uB274",
5178
+ children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconSvg, { name: "add-line", size: 22, color: "var(--chatllm-text-muted)" })
5373
5179
  }
5374
5180
  ),
5375
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconSvg, { name: "stop-circle-line", size: 18, color: "var(--chatllm-text-secondary)" })
5376
- ]
5377
- }
5378
- ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
5379
- "button",
5380
- {
5381
- onClick: onSubmit,
5382
- disabled: !value.trim() && attachments.length === 0,
5383
- className: "chatllm-btn-primary",
5384
- style: {
5385
- display: "flex",
5386
- alignItems: "center",
5387
- justifyContent: "center",
5388
- height: "48px",
5389
- padding: "0 32px",
5390
- borderRadius: "12px",
5391
- cursor: value.trim() || attachments.length > 0 ? "pointer" : "not-allowed",
5392
- opacity: value.trim() || attachments.length > 0 ? 1 : 0.5,
5393
- gap: "8px"
5394
- },
5395
- children: [
5396
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
5397
- "span",
5181
+ mainMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
5182
+ "div",
5398
5183
  {
5399
5184
  style: {
5400
- fontSize: "14px",
5401
- fontWeight: 700,
5402
- letterSpacing: "0.02em"
5185
+ position: "absolute",
5186
+ bottom: "100%",
5187
+ left: 0,
5188
+ marginBottom: "8px",
5189
+ backgroundColor: "var(--chatllm-content-bg)",
5190
+ borderRadius: "16px",
5191
+ boxShadow: "var(--chatllm-shadow-sheet)",
5192
+ border: "1px solid var(--chatllm-border)",
5193
+ padding: "8px",
5194
+ minWidth: "240px",
5195
+ zIndex: 100
5403
5196
  },
5404
- children: "\uBCF4\uB0B4\uAE30"
5197
+ children: [
5198
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
5199
+ "button",
5200
+ {
5201
+ style: {
5202
+ width: "100%",
5203
+ display: "flex",
5204
+ alignItems: "center",
5205
+ gap: "12px",
5206
+ padding: "12px",
5207
+ backgroundColor: "transparent",
5208
+ border: "none",
5209
+ borderRadius: "12px",
5210
+ cursor: "pointer",
5211
+ textAlign: "left",
5212
+ transition: "background-color 0.2s"
5213
+ },
5214
+ onMouseOver: (e) => {
5215
+ e.currentTarget.style.backgroundColor = "var(--chatllm-bg-hover)";
5216
+ },
5217
+ onMouseOut: (e) => {
5218
+ e.currentTarget.style.backgroundColor = "transparent";
5219
+ },
5220
+ onClick: () => {
5221
+ fileInputRef.current?.click();
5222
+ setMainMenuOpen(false);
5223
+ },
5224
+ children: [
5225
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconSvg, { name: "attachment-line", size: 20, color: "var(--chatllm-text-secondary)" }),
5226
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { fontSize: "14px", color: "var(--chatllm-text)" }, children: "\uD30C\uC77C \uB610\uB294 \uC0AC\uC9C4 \uCD94\uAC00" })
5227
+ ]
5228
+ }
5229
+ ),
5230
+ deepResearchEnabled && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
5231
+ "button",
5232
+ {
5233
+ onClick: () => {
5234
+ onDeepResearch?.();
5235
+ setMainMenuOpen(false);
5236
+ },
5237
+ style: {
5238
+ width: "100%",
5239
+ display: "flex",
5240
+ alignItems: "center",
5241
+ gap: "12px",
5242
+ padding: "12px",
5243
+ backgroundColor: "transparent",
5244
+ border: "none",
5245
+ borderRadius: "12px",
5246
+ cursor: "pointer",
5247
+ textAlign: "left",
5248
+ transition: "background-color 0.2s"
5249
+ },
5250
+ onMouseOver: (e) => {
5251
+ e.currentTarget.style.backgroundColor = "var(--chatllm-bg-hover)";
5252
+ },
5253
+ onMouseOut: (e) => {
5254
+ e.currentTarget.style.backgroundColor = "transparent";
5255
+ },
5256
+ children: [
5257
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
5258
+ IconSvg,
5259
+ {
5260
+ name: "search-eye-line",
5261
+ size: 20,
5262
+ color: isDeepResearchMode ? "var(--chatllm-primary)" : "var(--chatllm-text-secondary)"
5263
+ }
5264
+ ),
5265
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
5266
+ "span",
5267
+ {
5268
+ style: {
5269
+ flex: 1,
5270
+ fontSize: "14px",
5271
+ color: isDeepResearchMode ? "var(--chatllm-primary)" : "var(--chatllm-text)"
5272
+ },
5273
+ children: "\uC5F0\uAD6C"
5274
+ }
5275
+ ),
5276
+ isDeepResearchMode && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconSvg, { name: "check-line", size: 16, color: "var(--chatllm-primary)" })
5277
+ ]
5278
+ }
5279
+ ),
5280
+ manualSkills.map((skill) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
5281
+ "button",
5282
+ {
5283
+ onClick: () => {
5284
+ onSkillSelect?.(skill.name);
5285
+ setMainMenuOpen(false);
5286
+ },
5287
+ disabled: skill.disabled,
5288
+ style: {
5289
+ width: "100%",
5290
+ display: "flex",
5291
+ alignItems: "center",
5292
+ gap: "12px",
5293
+ padding: "12px",
5294
+ backgroundColor: "transparent",
5295
+ border: "none",
5296
+ borderRadius: "12px",
5297
+ cursor: skill.disabled ? "not-allowed" : "pointer",
5298
+ textAlign: "left",
5299
+ transition: "background-color 0.2s",
5300
+ opacity: skill.disabled ? 0.5 : 1
5301
+ },
5302
+ onMouseOver: (e) => {
5303
+ if (!skill.disabled) {
5304
+ e.currentTarget.style.backgroundColor = "var(--chatllm-bg-hover)";
5305
+ }
5306
+ },
5307
+ onMouseOut: (e) => {
5308
+ e.currentTarget.style.backgroundColor = "transparent";
5309
+ },
5310
+ children: [
5311
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
5312
+ "div",
5313
+ {
5314
+ style: {
5315
+ width: "36px",
5316
+ height: "36px",
5317
+ display: "flex",
5318
+ alignItems: "center",
5319
+ justifyContent: "center",
5320
+ backgroundColor: "var(--chatllm-primary-light)",
5321
+ borderRadius: "10px"
5322
+ },
5323
+ children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
5324
+ IconSvg,
5325
+ {
5326
+ name: mapSkillIcon(skill.icon),
5327
+ size: 20,
5328
+ color: "var(--chatllm-primary)"
5329
+ }
5330
+ )
5331
+ }
5332
+ ),
5333
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
5334
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontSize: "14px", fontWeight: 600, color: "var(--chatllm-text)" }, children: skill.label }),
5335
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontSize: "12px", color: "var(--chatllm-text-muted)", maxWidth: "180px", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: skill.description })
5336
+ ] })
5337
+ ]
5338
+ },
5339
+ skill.name
5340
+ ))
5341
+ ]
5405
5342
  }
5406
- ),
5407
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconSvg, { name: "arrow-up-s-line", size: 20, color: "#ffffff" })
5408
- ]
5409
- }
5410
- )
5411
- ]
5412
- }
5413
- )
5414
- ]
5343
+ )
5344
+ ] })
5345
+ ] }),
5346
+ isLoading ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
5347
+ "button",
5348
+ {
5349
+ onClick: onStop,
5350
+ style: {
5351
+ display: "flex",
5352
+ alignItems: "center",
5353
+ justifyContent: "center",
5354
+ height: "48px",
5355
+ padding: "0 32px",
5356
+ backgroundColor: "var(--chatllm-bg-tertiary)",
5357
+ border: "1px solid var(--chatllm-border)",
5358
+ borderRadius: "12px",
5359
+ cursor: "pointer",
5360
+ transition: "all 0.2s",
5361
+ gap: "8px"
5362
+ },
5363
+ children: [
5364
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
5365
+ "span",
5366
+ {
5367
+ style: {
5368
+ fontSize: "14px",
5369
+ fontWeight: 700,
5370
+ color: "var(--chatllm-text-secondary)",
5371
+ textTransform: "uppercase",
5372
+ letterSpacing: "0.02em"
5373
+ },
5374
+ children: "\uC911\uC9C0"
5375
+ }
5376
+ ),
5377
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconSvg, { name: "stop-circle-line", size: 18, color: "var(--chatllm-text-secondary)" })
5378
+ ]
5379
+ }
5380
+ ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
5381
+ "button",
5382
+ {
5383
+ onClick: onSubmit,
5384
+ disabled: !value.trim() && attachments.length === 0,
5385
+ className: "chatllm-btn-primary",
5386
+ style: {
5387
+ display: "flex",
5388
+ alignItems: "center",
5389
+ justifyContent: "center",
5390
+ height: "48px",
5391
+ padding: "0 32px",
5392
+ borderRadius: "12px",
5393
+ cursor: value.trim() || attachments.length > 0 ? "pointer" : "not-allowed",
5394
+ opacity: value.trim() || attachments.length > 0 ? 1 : 0.5,
5395
+ gap: "8px"
5396
+ },
5397
+ children: [
5398
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
5399
+ "span",
5400
+ {
5401
+ style: {
5402
+ fontSize: "14px",
5403
+ fontWeight: 700,
5404
+ letterSpacing: "0.02em"
5405
+ },
5406
+ children: "\uBCF4\uB0B4\uAE30"
5407
+ }
5408
+ ),
5409
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconSvg, { name: "arrow-up-s-line", size: 20, color: "#ffffff" })
5410
+ ]
5411
+ }
5412
+ )
5413
+ ]
5414
+ }
5415
+ )
5416
+ ]
5417
+ }
5418
+ )
5419
+ ]
5420
+ }
5421
+ ),
5422
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
5423
+ "div",
5424
+ {
5425
+ style: {
5426
+ textAlign: "center",
5427
+ marginTop: "8px",
5428
+ pointerEvents: "auto"
5429
+ },
5430
+ children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
5431
+ "button",
5432
+ {
5433
+ onClick: onDisclaimerClick,
5434
+ style: {
5435
+ background: "none",
5436
+ border: "none",
5437
+ cursor: onDisclaimerClick ? "pointer" : "default",
5438
+ fontSize: "12px",
5439
+ color: "var(--chatllm-text-muted, #94a3b8)",
5440
+ padding: "2px 8px"
5441
+ },
5442
+ children: "AI\uB294 \uC2E4\uC218\uB97C \uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4."
5415
5443
  }
5416
5444
  )
5417
- ]
5418
- }
5419
- )
5445
+ }
5446
+ )
5447
+ ]
5420
5448
  }
5421
5449
  );
5422
5450
  };
@@ -10785,33 +10813,8 @@ var ChatUIView = ({
10785
10813
  activeSkillExecution,
10786
10814
  attachments,
10787
10815
  onFileAttach: addAttachments,
10788
- onRemoveAttachment: removeAttachment
10789
- }
10790
- ),
10791
- /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
10792
- "div",
10793
- {
10794
- style: {
10795
- textAlign: "center",
10796
- padding: "6px 0 10px",
10797
- flexShrink: 0
10798
- },
10799
- children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
10800
- "button",
10801
- {
10802
- onClick: () => setDisclaimerOpen(true),
10803
- style: {
10804
- background: "none",
10805
- border: "none",
10806
- cursor: "pointer",
10807
- fontSize: "12px",
10808
- color: "var(--chatllm-text-muted, #94a3b8)",
10809
- padding: "2px 8px",
10810
- textDecoration: "none"
10811
- },
10812
- children: "AI\uB294 \uC2E4\uC218\uB97C \uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4."
10813
- }
10814
- )
10816
+ onRemoveAttachment: removeAttachment,
10817
+ onDisclaimerClick: () => setDisclaimerOpen(true)
10815
10818
  }
10816
10819
  )
10817
10820
  ]