@blocklet/aigne-hub 0.4.44 → 0.4.46
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/lib/cjs/components/conversation/conversation.js +1 -1
- package/lib/cjs/components/conversation/message.js +3 -1
- package/lib/esm/components/conversation/conversation.js +1 -1
- package/lib/esm/components/conversation/message.js +3 -1
- package/lib/types/api/types/model.d.ts +1 -0
- package/package.json +1 -1
|
@@ -74,7 +74,7 @@ function Conversation({ ref, messages, onSubmit, customActions = () => [], rende
|
|
|
74
74
|
pointerEvents: 'none',
|
|
75
75
|
background: (theme) => `linear-gradient(transparent, ${theme.palette.background.paper})`,
|
|
76
76
|
} }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
|
|
77
|
-
pb: 4,
|
|
77
|
+
pb: { xs: 3, md: 4 },
|
|
78
78
|
bgcolor: 'background.paper',
|
|
79
79
|
}, children: (0, jsx_runtime_1.jsx)(prompt_1.default, { onSubmit: onSubmit, ...promptProps }) })] })] }) }));
|
|
80
80
|
}
|
|
@@ -236,6 +236,7 @@ function Message({ avatar = undefined, message = undefined, children = undefined
|
|
|
236
236
|
}, [timestamp, now]);
|
|
237
237
|
const isLeftRight = chatLayout === 'left-right';
|
|
238
238
|
return ((0, jsx_runtime_1.jsxs)(material_1.Box, { ...props, display: "flex", className: (0, css_1.cx)(isLeftRight && isUser && 'user-message', isLeftRight && !isUser && 'ai-message'), sx: {
|
|
239
|
+
pl: { xs: 1.5, md: 0 },
|
|
239
240
|
mb: 2.5,
|
|
240
241
|
'&:hover .message-meta': {
|
|
241
242
|
opacity: 1,
|
|
@@ -250,6 +251,7 @@ function Message({ avatar = undefined, message = undefined, children = undefined
|
|
|
250
251
|
...getMessageStyles(),
|
|
251
252
|
...props.sx,
|
|
252
253
|
}, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { className: "avatar", sx: {
|
|
254
|
+
display: { xs: 'none', md: 'block' },
|
|
253
255
|
pt: 0.625,
|
|
254
256
|
flexShrink: 0,
|
|
255
257
|
mr: isLeftRight && !isUser ? 1 : isLeftRight && isUser ? 0 : 1,
|
|
@@ -262,7 +264,7 @@ function Message({ avatar = undefined, message = undefined, children = undefined
|
|
|
262
264
|
}, children: avatar }), (0, jsx_runtime_1.jsxs)(material_1.Box, { className: "message-content-wrapper", sx: {
|
|
263
265
|
display: 'flex',
|
|
264
266
|
flexDirection: 'column',
|
|
265
|
-
maxWidth: '80%',
|
|
267
|
+
maxWidth: { xs: '90%', md: '80%' },
|
|
266
268
|
minWidth: 'auto',
|
|
267
269
|
position: 'relative',
|
|
268
270
|
}, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { className: (0, css_1.cx)('content'), sx: {
|
|
@@ -68,7 +68,7 @@ export default function Conversation({ ref, messages, onSubmit, customActions =
|
|
|
68
68
|
pointerEvents: 'none',
|
|
69
69
|
background: (theme) => `linear-gradient(transparent, ${theme.palette.background.paper})`,
|
|
70
70
|
} }), _jsx(Box, { sx: {
|
|
71
|
-
pb: 4,
|
|
71
|
+
pb: { xs: 3, md: 4 },
|
|
72
72
|
bgcolor: 'background.paper',
|
|
73
73
|
}, children: _jsx(Prompt, { onSubmit: onSubmit, ...promptProps }) })] })] }) }));
|
|
74
74
|
}
|
|
@@ -230,6 +230,7 @@ export default function Message({ avatar = undefined, message = undefined, child
|
|
|
230
230
|
}, [timestamp, now]);
|
|
231
231
|
const isLeftRight = chatLayout === 'left-right';
|
|
232
232
|
return (_jsxs(Box, { ...props, display: "flex", className: cx(isLeftRight && isUser && 'user-message', isLeftRight && !isUser && 'ai-message'), sx: {
|
|
233
|
+
pl: { xs: 1.5, md: 0 },
|
|
233
234
|
mb: 2.5,
|
|
234
235
|
'&:hover .message-meta': {
|
|
235
236
|
opacity: 1,
|
|
@@ -244,6 +245,7 @@ export default function Message({ avatar = undefined, message = undefined, child
|
|
|
244
245
|
...getMessageStyles(),
|
|
245
246
|
...props.sx,
|
|
246
247
|
}, children: [_jsx(Box, { className: "avatar", sx: {
|
|
248
|
+
display: { xs: 'none', md: 'block' },
|
|
247
249
|
pt: 0.625,
|
|
248
250
|
flexShrink: 0,
|
|
249
251
|
mr: isLeftRight && !isUser ? 1 : isLeftRight && isUser ? 0 : 1,
|
|
@@ -256,7 +258,7 @@ export default function Message({ avatar = undefined, message = undefined, child
|
|
|
256
258
|
}, children: avatar }), _jsxs(Box, { className: "message-content-wrapper", sx: {
|
|
257
259
|
display: 'flex',
|
|
258
260
|
flexDirection: 'column',
|
|
259
|
-
maxWidth: '80%',
|
|
261
|
+
maxWidth: { xs: '90%', md: '80%' },
|
|
260
262
|
minWidth: 'auto',
|
|
261
263
|
position: 'relative',
|
|
262
264
|
}, children: [_jsxs(Box, { className: cx('content'), sx: {
|