@agentscope-ai/chat 1.1.46-beta.1767753123812 → 1.1.46-beta.1767852895377
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/components/Accordion/style.ts +1 -3
- package/components/AgentScopeRuntimeWebUI/core/Sessions/index.tsx +4 -2
- package/components/AssetsPreview/demo/index.tsx +0 -0
- package/components/AssetsPreview/index.en-US.md +9 -0
- package/components/AssetsPreview/index.tsx +11 -0
- package/components/AssetsPreview/index.zh-CN.md +11 -0
- package/components/AssetsPreview/style.ts +6 -0
- package/components/ImageGenerator/Spin.tsx +1 -0
- package/components/ImageGenerator/demo/basic.tsx +1 -1
- package/lib/Accordion/style.js +1 -1
- package/lib/AgentScopeRuntimeWebUI/core/Sessions/index.js +1 -1
- package/lib/AssetsPreview/index.d.ts +1 -0
- package/lib/AssetsPreview/index.js +14 -0
- package/lib/AssetsPreview/style.d.ts +3 -0
- package/lib/AssetsPreview/style.js +6 -0
- package/lib/ImageGenerator/Spin.js +1 -1
- package/package.json +1 -1
|
@@ -12,13 +12,11 @@ export default createGlobalStyle`
|
|
|
12
12
|
.anticon-spin {
|
|
13
13
|
animation-duration: 2s;
|
|
14
14
|
}
|
|
15
|
+
|
|
15
16
|
&-icon-success {
|
|
16
17
|
color: ${(p) => p.theme.colorSuccess};
|
|
17
18
|
}
|
|
18
19
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
20
|
@keyframes ${(p) => p.theme.prefixCls}-loading {
|
|
23
21
|
0% {
|
|
24
22
|
transform: rotate(0deg);
|
|
@@ -45,7 +45,9 @@ export function InnerHeader({ className }: { className?: string }) {
|
|
|
45
45
|
return <>
|
|
46
46
|
<div className={cls(`${prefixCls}-header`, className)}>
|
|
47
47
|
<div className={`${prefixCls}-header-left`}>
|
|
48
|
-
|
|
48
|
+
{
|
|
49
|
+
logo && <img src={logo} alt="logo" height={32} />
|
|
50
|
+
}
|
|
49
51
|
<span>{title}</span>
|
|
50
52
|
</div>
|
|
51
53
|
|
|
@@ -68,7 +70,7 @@ export function InnerAdder(props: { style?: React.CSSProperties; narrowMode?: bo
|
|
|
68
70
|
const { toggleCollapsed } = useContext(ChatAnyWhereLayoutContext);
|
|
69
71
|
|
|
70
72
|
return <div className={`${prefixCls}-adder`} style={props.style}>
|
|
71
|
-
<Button block type="primary" icon={<SparkPlusLine />} disabled={loading} onClick={async() => {
|
|
73
|
+
<Button block type="primary" icon={<SparkPlusLine />} disabled={loading} onClick={async () => {
|
|
72
74
|
await createSession();
|
|
73
75
|
if (props.narrowMode) {
|
|
74
76
|
toggleCollapsed();
|
|
File without changes
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { useProviderContext } from '../Provider';
|
|
2
|
+
import Style from './style';
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
export default function () {
|
|
6
|
+
const prefixCls = useProviderContext().getPrefixCls('assets-preview');
|
|
7
|
+
return <>
|
|
8
|
+
<Style />
|
|
9
|
+
<div className={prefixCls}>...</div>
|
|
10
|
+
</>
|
|
11
|
+
}
|
|
@@ -233,6 +233,7 @@ const Spin = ({
|
|
|
233
233
|
.fluid-background-container .glass {
|
|
234
234
|
overflow: hidden;
|
|
235
235
|
position: absolute;
|
|
236
|
+
border-radius: 8px;
|
|
236
237
|
inset: 0;
|
|
237
238
|
backdrop-filter: blur(calc(var(--s) * 0.12));
|
|
238
239
|
box-shadow: 0 0 calc(var(--s) * 0.2) color-mix(in srgb, black, transparent 70%);
|
package/lib/Accordion/style.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
var _templateObject;
|
|
2
2
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
3
3
|
import { createGlobalStyle } from 'antd-style';
|
|
4
|
-
export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-accordion-group {\n width: 100%;\n\n svg {\n transform: scale(1.25);\n }\n \n .anticon-spin::before,\n .anticon-spin {\n animation-duration: 2s;\n }\n &-icon-success {\n color: ", ";\n }\n\n
|
|
4
|
+
export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-accordion-group {\n width: 100%;\n\n svg {\n transform: scale(1.25);\n }\n \n .anticon-spin::before,\n .anticon-spin {\n animation-duration: 2s;\n }\n\n &-icon-success {\n color: ", ";\n }\n\n @keyframes ", "-loading {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n\n &-icon-error {\n color: ", ";\n }\n\n &-header {\n display: flex;\n align-items: center;\n gap: 4px;\n color: ", ";\n padding: 6px 12px;\n font-size: 12px;\n cursor: pointer;\n line-height: 20px;\n background-color: ", ";\n\n &-arrow {\n display: flex;\n align-items: center;\n }\n\n &-close {\n border-radius: ", "px;\n border: 1px solid ", ";\n display: inline-flex;\n }\n\n &-icon {\n position: relative;\n display: flex;\n width: 16px;\n height: 16px;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n\n &-line {\n &::before,\n &::after {\n content: '';\n position: absolute;\n width: 1px;\n height: 7px;\n background-color: ", ";\n left: 50%;\n transform: translateX(-50%);\n }\n\n &::before {\n top: -9px;\n }\n\n &::after {\n bottom: -9px;\n }\n }\n\n &-last::after {\n content: none;\n }\n\n &-first::before {\n content: none;\n }\n }\n }\n\n &-open {\n overflow: hidden;\n border-radius: 8px;\n border: 1px solid ", ";\n background-color: ", ";\n }\n\n &-body {\n margin: 8px;\n color: ", ";\n font-size: 12px;\n border-radius: 8px;\n overflow: hidden;\n\n .", "-accordion-group-header {\n background-color: transparent;\n }\n\n \n\n .", "-accordion-group-header-close,\n .", "-accordion-group-open {\n border: 0;\n }\n\n .", "-accordion-group-header-close {\n display: flex;\n }\n\n &-inline {\n padding: 8px 0;\n margin: 0;\n background-color: transparent;\n }\n\n > .", "-accordion-group {\n background-color: ", ";\n\n &-open {\n border-radius: 0;\n }\n }\n\n &-close {\n height: 0;\n padding: 0;\n margin: 0;\n }\n }\n}\n\n.", "-accordion-deep-thinking {\n font-size: 12px;\n color: ", ";\n text-align: left;\n white-space: pre-wrap;\n line-height: 20px;\n padding: 0 12px;\n border-left: 1px solid ", ";\n}\n\n.", "-accordion-soft-light-title {\n font-size: 12px;\n position: relative;\n display: inline-block;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n mask-image: linear-gradient(\n 270deg,\n rgba(231, 231, 237, 0.88) 20%,\n rgba(231, 231, 237, 0.5) 50%,\n rgba(255, 255, 255, 0.4) 52%,\n rgba(231, 231, 237, 0.5) 70%,\n rgba(231, 231, 237, 0.88) 80%\n );\n mask-size: 200% 100%;\n animation: softlight-text 3s linear infinite;\n}\n\n\n@keyframes softlight-text {\n 0% {\n mask-position: 100% 0;\n }\n\n 100% {\n mask-position: -100% 0;\n }\n}\n\n.", "-accordion-content-body {\n border: 1px solid ", ";\n border-radius: 8px;\n overflow: hidden;\n &-header {\n display: flex;\n height: 24px;\n align-items: center;\n justify-content: space-between;\n padding: 0 12px;\n border-bottom: 1px solid ", ";\n background-color: ", ";\n color: ", ";\n }\n\n &-body {\n background-color: ", ";\n }\n}\n"])), function (p) {
|
|
5
5
|
return p.theme.prefixCls;
|
|
6
6
|
}, function (p) {
|
|
7
7
|
return p.theme.colorSuccess;
|
|
@@ -60,7 +60,7 @@ export function InnerHeader(_ref) {
|
|
|
60
60
|
className: cls("".concat(prefixCls, "-header"), className),
|
|
61
61
|
children: [/*#__PURE__*/_jsxs("div", {
|
|
62
62
|
className: "".concat(prefixCls, "-header-left"),
|
|
63
|
-
children: [/*#__PURE__*/_jsx("img", {
|
|
63
|
+
children: [logo && /*#__PURE__*/_jsx("img", {
|
|
64
64
|
src: logo,
|
|
65
65
|
alt: "logo",
|
|
66
66
|
height: 32
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function (): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { useProviderContext } from "../Provider";
|
|
2
|
+
import Style from "./style";
|
|
3
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
+
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
5
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
|
+
export default function () {
|
|
7
|
+
var prefixCls = useProviderContext().getPrefixCls('assets-preview');
|
|
8
|
+
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
9
|
+
children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx("div", {
|
|
10
|
+
className: prefixCls,
|
|
11
|
+
children: "..."
|
|
12
|
+
})]
|
|
13
|
+
});
|
|
14
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
var _templateObject;
|
|
2
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
3
|
+
import { createGlobalStyle } from 'antd-style';
|
|
4
|
+
export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "- {\n}\n"])), function (p) {
|
|
5
|
+
return p.theme.prefixCls;
|
|
6
|
+
});
|
|
@@ -113,7 +113,7 @@ var Spin = function Spin(_ref) {
|
|
|
113
113
|
}, []);
|
|
114
114
|
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
115
115
|
children: [/*#__PURE__*/_jsx("style", {
|
|
116
|
-
children: "\n @keyframes ai {\n from {\n --a: 360deg;\n --l: 0.35;\n --o: 1;\n }\n 30% {\n --l: 1.5;\n }\n 70% {\n --o: 0.4;\n --l: 0.05;\n }\n 98% {\n --o: 0.7;\n }\n to {\n --a: 0deg;\n --l: 0.35;\n --o: 1;\n }\n }\n\n @keyframes ring {\n from {\n --value: var(--start);\n --scale: 1;\n }\n 50% {\n --scale: 1.2;\n --width-ratio: 1.5;\n }\n 70% {\n --scale: 1;\n --value: calc(var(--start) + 180deg);\n --width-ratio: 1;\n }\n 80% {\n --scale: 1.2;\n --width-ratio: 1.5;\n }\n to {\n --value: calc(var(--start) + 360deg);\n --scale: 1;\n --width-ratio: 1;\n }\n }\n\n .fluid-background-container {\n \n --s: var(--actual-size);\n --p: calc(var(--s) / 4);\n --radius: calc(var(--s) * 0.25);\n --count: 4;\n --width: calc(var(--s) * 0.025);\n --duration: calc(8s / ".concat(speed, ");\n --ai-duration: calc(5.5s / ").concat(speed, ");\n \n --bg-color: color-mix(in srgb, #7b7bf4, transparent 90%);\n position: absolute;\n inset: 0;\n background: radial-gradient(\n 60% 75% at center,\n var(--bg-color) 50%,\n transparent 50%\n ),\n radial-gradient(75% 60% at center, var(--bg-color) 50%, transparent 50%);\n overflow: hidden;\n }\n\n .fluid-background-container .fluid-inner {\n overflow: hidden;\n background: ").concat(backgroundColor, ";\n width: 100%;\n height: 100%;\n position: relative;\n display: grid;\n place-items: center;\n }\n\n .fluid-background-container .c {\n opacity: 0.9;\n position: absolute;\n width: calc(var(--s) * 0.4);\n aspect-ratio: 1;\n border-radius: 50%;\n --offset-per-item: calc(360deg / var(--count));\n --current-angle-offset: calc(var(--offset-per-item) * var(--i) + var(--a));\n translate: calc(\n cos(var(--current-angle-offset)) * var(--radius) + var(--x, 0)\n )\n calc(sin(var(--current-angle-offset)) * var(--radius) * -1);\n scale: calc(0.6 + var(--l));\n animation: ai var(--ai-duration) cubic-bezier(0.45, -0.35, 0.16, 1.5) infinite;\n transition: opacity 0.3s linear;\n opacity: var(--o, 1);\n }\n\n .fluid-background-container .c1 {\n background: radial-gradient(50% 50% at center, ").concat(colors[0] || '#c979ee', ", color-mix(in srgb, ").concat(colors[0] || '#c979ee', ", transparent 30%));\n --x: calc(var(--s) * 0.04);\n width: calc(var(--s) * 0.6);\n animation-timing-function: cubic-bezier(0.12, 0.32, 0.68, 0.24);\n }\n\n .fluid-background-container .c2 {\n background: radial-gradient(50% 50% at center, ").concat(colors[1] || '#ef788c', ", color-mix(in srgb, ").concat(colors[1] || '#ef788c', ", white 40%));\n width: calc(var(--s) * 0.55);\n }\n\n .fluid-background-container .c3 {\n background: radial-gradient(50% 50% at center, ").concat(colors[2] || '#eb7fc6', ", transparent);\n width: calc(var(--s) * 0.2);\n opacity: 0.6;\n --x: calc(var(--s) * -0.04);\n }\n\n .fluid-background-container .c4 {\n background: ").concat(colors[3] || '#6d67c8', ";\n animation-timing-function: cubic-bezier(0.39, -0.03, 0.75, 0.47);\n }\n\n .fluid-background-container .glass {\n overflow: hidden;\n position: absolute;\n inset: 0;\n backdrop-filter: blur(calc(var(--s) * 0.12));\n box-shadow: 0 0 calc(var(--s) * 0.2) color-mix(in srgb, black, transparent 70%);\n }\n\n .fluid-background-container .glass::after {\n content: \"\";\n position: absolute;\n inset: 0;\n --c: rgba(255, 255, 255, 0.03);\n --w: 0.0625rem;\n --g: 0.1875rem;\n background: repeating-linear-gradient(\n var(--c),\n var(--c),\n var(--w),\n transparent var(--w),\n transparent calc(var(--w) + var(--g))\n );\n }\n\n .fluid-background-container .rings {\n aspect-ratio: 1;\n border-radius: 50%;\n position: absolute;\n inset: 0;\n perspective: calc(var(--s) * 2.75);\n opacity: 0.9;\n }\n\n .fluid-background-container .rings::before,\n .fluid-background-container .rings::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: rgba(255, 0, 0, 1);\n border-radius: 50%;\n --width-ratio: 1;\n border: calc(var(--width) * var(--width-ratio)) solid transparent;\n mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n background: linear-gradient(\n ").concat(ringColors.join(', '), "\n ) border-box;\n mask-composite: exclude;\n animation: ring var(--duration) ease-in-out infinite;\n --start: 180deg;\n --value: var(--start);\n --scale: 1;\n transform: rotateY(var(--value)) rotateX(var(--value)) rotateZ(var(--value))\n scale(var(--scale));\n }\n\n .fluid-background-container .rings::before {\n --start: 180deg;\n }\n\n .fluid-background-container .rings::after {\n --start: 90deg;\n }\n ")
|
|
116
|
+
children: "\n @keyframes ai {\n from {\n --a: 360deg;\n --l: 0.35;\n --o: 1;\n }\n 30% {\n --l: 1.5;\n }\n 70% {\n --o: 0.4;\n --l: 0.05;\n }\n 98% {\n --o: 0.7;\n }\n to {\n --a: 0deg;\n --l: 0.35;\n --o: 1;\n }\n }\n\n @keyframes ring {\n from {\n --value: var(--start);\n --scale: 1;\n }\n 50% {\n --scale: 1.2;\n --width-ratio: 1.5;\n }\n 70% {\n --scale: 1;\n --value: calc(var(--start) + 180deg);\n --width-ratio: 1;\n }\n 80% {\n --scale: 1.2;\n --width-ratio: 1.5;\n }\n to {\n --value: calc(var(--start) + 360deg);\n --scale: 1;\n --width-ratio: 1;\n }\n }\n\n .fluid-background-container {\n \n --s: var(--actual-size);\n --p: calc(var(--s) / 4);\n --radius: calc(var(--s) * 0.25);\n --count: 4;\n --width: calc(var(--s) * 0.025);\n --duration: calc(8s / ".concat(speed, ");\n --ai-duration: calc(5.5s / ").concat(speed, ");\n \n --bg-color: color-mix(in srgb, #7b7bf4, transparent 90%);\n position: absolute;\n inset: 0;\n background: radial-gradient(\n 60% 75% at center,\n var(--bg-color) 50%,\n transparent 50%\n ),\n radial-gradient(75% 60% at center, var(--bg-color) 50%, transparent 50%);\n overflow: hidden;\n }\n\n .fluid-background-container .fluid-inner {\n overflow: hidden;\n background: ").concat(backgroundColor, ";\n width: 100%;\n height: 100%;\n position: relative;\n display: grid;\n place-items: center;\n }\n\n .fluid-background-container .c {\n opacity: 0.9;\n position: absolute;\n width: calc(var(--s) * 0.4);\n aspect-ratio: 1;\n border-radius: 50%;\n --offset-per-item: calc(360deg / var(--count));\n --current-angle-offset: calc(var(--offset-per-item) * var(--i) + var(--a));\n translate: calc(\n cos(var(--current-angle-offset)) * var(--radius) + var(--x, 0)\n )\n calc(sin(var(--current-angle-offset)) * var(--radius) * -1);\n scale: calc(0.6 + var(--l));\n animation: ai var(--ai-duration) cubic-bezier(0.45, -0.35, 0.16, 1.5) infinite;\n transition: opacity 0.3s linear;\n opacity: var(--o, 1);\n }\n\n .fluid-background-container .c1 {\n background: radial-gradient(50% 50% at center, ").concat(colors[0] || '#c979ee', ", color-mix(in srgb, ").concat(colors[0] || '#c979ee', ", transparent 30%));\n --x: calc(var(--s) * 0.04);\n width: calc(var(--s) * 0.6);\n animation-timing-function: cubic-bezier(0.12, 0.32, 0.68, 0.24);\n }\n\n .fluid-background-container .c2 {\n background: radial-gradient(50% 50% at center, ").concat(colors[1] || '#ef788c', ", color-mix(in srgb, ").concat(colors[1] || '#ef788c', ", white 40%));\n width: calc(var(--s) * 0.55);\n }\n\n .fluid-background-container .c3 {\n background: radial-gradient(50% 50% at center, ").concat(colors[2] || '#eb7fc6', ", transparent);\n width: calc(var(--s) * 0.2);\n opacity: 0.6;\n --x: calc(var(--s) * -0.04);\n }\n\n .fluid-background-container .c4 {\n background: ").concat(colors[3] || '#6d67c8', ";\n animation-timing-function: cubic-bezier(0.39, -0.03, 0.75, 0.47);\n }\n\n .fluid-background-container .glass {\n overflow: hidden;\n position: absolute;\n border-radius: 8px;\n inset: 0;\n backdrop-filter: blur(calc(var(--s) * 0.12));\n box-shadow: 0 0 calc(var(--s) * 0.2) color-mix(in srgb, black, transparent 70%);\n }\n\n .fluid-background-container .glass::after {\n content: \"\";\n position: absolute;\n inset: 0;\n --c: rgba(255, 255, 255, 0.03);\n --w: 0.0625rem;\n --g: 0.1875rem;\n background: repeating-linear-gradient(\n var(--c),\n var(--c),\n var(--w),\n transparent var(--w),\n transparent calc(var(--w) + var(--g))\n );\n }\n\n .fluid-background-container .rings {\n aspect-ratio: 1;\n border-radius: 50%;\n position: absolute;\n inset: 0;\n perspective: calc(var(--s) * 2.75);\n opacity: 0.9;\n }\n\n .fluid-background-container .rings::before,\n .fluid-background-container .rings::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: rgba(255, 0, 0, 1);\n border-radius: 50%;\n --width-ratio: 1;\n border: calc(var(--width) * var(--width-ratio)) solid transparent;\n mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n background: linear-gradient(\n ").concat(ringColors.join(', '), "\n ) border-box;\n mask-composite: exclude;\n animation: ring var(--duration) ease-in-out infinite;\n --start: 180deg;\n --value: var(--start);\n --scale: 1;\n transform: rotateY(var(--value)) rotateX(var(--value)) rotateZ(var(--value))\n scale(var(--scale));\n }\n\n .fluid-background-container .rings::before {\n --start: 180deg;\n }\n\n .fluid-background-container .rings::after {\n --start: 90deg;\n }\n ")
|
|
117
117
|
}), /*#__PURE__*/_jsxs("div", {
|
|
118
118
|
ref: containerRef,
|
|
119
119
|
className: cn('fluid-background-container', className),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@agentscope-ai/chat",
|
|
3
|
-
"version": "1.1.46-beta.
|
|
3
|
+
"version": "1.1.46-beta.1767852895377",
|
|
4
4
|
"description": "a free and open-source chat framework for building excellent LLM-powered chat experiences",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"sideEffects": [
|