@stack-spot/ai-chat-widget 2.11.1 → 2.12.0
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/CHANGELOG.md +13 -0
- package/dist/StackspotAIWidget.d.ts +1 -0
- package/dist/StackspotAIWidget.d.ts.map +1 -1
- package/dist/StackspotAIWidget.js +1 -0
- package/dist/StackspotAIWidget.js.map +1 -1
- package/dist/app-metadata.json +14 -2
- package/dist/components/Code.d.ts.map +1 -1
- package/dist/components/Code.js +19 -4
- package/dist/components/Code.js.map +1 -1
- package/dist/components/FileDescription.js +1 -1
- package/dist/components/FileDescription.js.map +1 -1
- package/dist/components/Markdown.d.ts.map +1 -1
- package/dist/components/Markdown.js +22 -6
- package/dist/components/Markdown.js.map +1 -1
- package/dist/components/TabManager.d.ts.map +1 -1
- package/dist/components/TabManager.js +20 -4
- package/dist/components/TabManager.js.map +1 -1
- package/dist/views/MessageInput/ContextBar.js +1 -1
- package/dist/views/MessageInput/ContextBar.js.map +1 -1
- package/package.json +5 -2
- package/src/StackspotAIWidget.tsx +1 -0
- package/src/app-metadata.json +14 -2
- package/src/components/Code.tsx +19 -4
- package/src/components/FileDescription.tsx +1 -1
- package/src/components/Markdown.tsx +42 -23
- package/src/components/TabManager.tsx +31 -8
- package/src/views/MessageInput/ContextBar.tsx +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [2.12.0](https://github.com/stack-spot/portal-ai-chat-widget/compare/ai-chat-widget@v2.11.1...ai-chat-widget@v2.12.0) (2026-01-28)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Features
|
|
7
|
+
|
|
8
|
+
* add latex support ([#501](https://github.com/stack-spot/portal-ai-chat-widget/issues/501)) ([4f6825f](https://github.com/stack-spot/portal-ai-chat-widget/commit/4f6825f213f00dfabe158b3ccc38ff0c8df2fc9b))
|
|
9
|
+
* implementar sticky header em caixas de código ([#475](https://github.com/stack-spot/portal-ai-chat-widget/issues/475)) ([9e82af1](https://github.com/stack-spot/portal-ai-chat-widget/commit/9e82af135b015bc035f9e9692000ab8c679e09f1))
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
### Bug Fixes
|
|
13
|
+
|
|
14
|
+
* labels clarity ([#486](https://github.com/stack-spot/portal-ai-chat-widget/issues/486)) ([adc3a3b](https://github.com/stack-spot/portal-ai-chat-widget/commit/adc3a3b19c1d225836dd237e701d7296a1f33584))
|
|
15
|
+
|
|
3
16
|
## [2.11.1](https://github.com/stack-spot/portal-ai-chat-widget/compare/ai-chat-widget@v2.11.0...ai-chat-widget@v2.11.1) (2026-01-20)
|
|
4
17
|
|
|
5
18
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StackspotAIWidget.d.ts","sourceRoot":"","sources":["../src/StackspotAIWidget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAGjE,OAAO,cAAc,CAAA;AAGrB,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAIxD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAexD,MAAM,WAAW,aAAc,SAAQ,SAAS,EAAE,aAAa;IAC7D;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;CAC7B;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB,uMAiBzB,aAAa,4CAiDjB,CAAA"}
|
|
1
|
+
{"version":3,"file":"StackspotAIWidget.d.ts","sourceRoot":"","sources":["../src/StackspotAIWidget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAGjE,OAAO,0BAA0B,CAAA;AACjC,OAAO,cAAc,CAAA;AAGrB,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAIxD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAexD,MAAM,WAAW,aAAc,SAAQ,SAAS,EAAE,aAAa;IAC7D;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;CAC7B;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB,uMAiBzB,aAAa,4CAiDjB,CAAA"}
|
|
@@ -3,6 +3,7 @@ import { FallbackBoundary } from '@stack-spot/citric-react';
|
|
|
3
3
|
import { listToClass } from '@stack-spot/portal-theme';
|
|
4
4
|
import { useMemo, useRef } from 'react';
|
|
5
5
|
import { useCurrentChatMessages, useCurrentChatState, useWidgetState } from './context/hooks.js';
|
|
6
|
+
import 'katex/dist/katex.min.css';
|
|
6
7
|
import './layout.css';
|
|
7
8
|
import { RightPanel } from './right-panel/RightPanel.js';
|
|
8
9
|
import { RightPanelProvider } from './right-panel/RightPanelProvider.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StackspotAIWidget.js","sourceRoot":"","sources":["../src/StackspotAIWidget.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"StackspotAIWidget.js","sourceRoot":"","sources":["../src/StackspotAIWidget.tsx"],"names":[],"mappings":"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"}
|
package/dist/app-metadata.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stack-spot/ai-chat-widget",
|
|
3
|
-
"version": "2.
|
|
4
|
-
"date": "
|
|
3
|
+
"version": "2.12.0",
|
|
4
|
+
"date": "Wed Jan 28 2026 17:43:33 GMT+0000 (Coordinated Universal Time)",
|
|
5
5
|
"dependencies": [
|
|
6
6
|
{
|
|
7
7
|
"name": "@stack-spot/app-metadata",
|
|
@@ -139,6 +139,10 @@
|
|
|
139
139
|
"name": "@xyflow/react",
|
|
140
140
|
"version": "12.10.0(@types/react@18.3.11)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)"
|
|
141
141
|
},
|
|
142
|
+
{
|
|
143
|
+
"name": "katex",
|
|
144
|
+
"version": "0.16.27"
|
|
145
|
+
},
|
|
142
146
|
{
|
|
143
147
|
"name": "lodash",
|
|
144
148
|
"version": "4.17.21"
|
|
@@ -163,10 +167,18 @@
|
|
|
163
167
|
"name": "react-syntax-highlighter",
|
|
164
168
|
"version": "15.5.0(react@18.2.0)"
|
|
165
169
|
},
|
|
170
|
+
{
|
|
171
|
+
"name": "rehype-katex",
|
|
172
|
+
"version": "7.0.1"
|
|
173
|
+
},
|
|
166
174
|
{
|
|
167
175
|
"name": "remark-gfm",
|
|
168
176
|
"version": "4.0.0"
|
|
169
177
|
},
|
|
178
|
+
{
|
|
179
|
+
"name": "remark-math",
|
|
180
|
+
"version": "6.0.0"
|
|
181
|
+
},
|
|
170
182
|
{
|
|
171
183
|
"name": "ulid",
|
|
172
184
|
"version": "2.4.0"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Code.d.ts","sourceRoot":"","sources":["../../src/components/Code.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAMH,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAI3C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAIvC,MAAM,MAAM,UAAU,GAAG,CACvB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,KACb,IAAI,CAAA;AAET,KAAK,SAAS,GAAG,KAAK,CAAC,eAAe,CAAC,WAAW,CAAC,GAC/C,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GACjC,UAAU,GACV;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAE1B,MAAM,WAAW,KAAM,SAAQ,YAAY;IACzC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;
|
|
1
|
+
{"version":3,"file":"Code.d.ts","sourceRoot":"","sources":["../../src/components/Code.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAMH,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAI3C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAIvC,MAAM,MAAM,UAAU,GAAG,CACvB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,KACb,IAAI,CAAA;AAET,KAAK,SAAS,GAAG,KAAK,CAAC,eAAe,CAAC,WAAW,CAAC,GAC/C,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GACjC,UAAU,GACV;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAE1B,MAAM,WAAW,KAAM,SAAQ,YAAY;IACzC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAuFD,eAAO,MAAM,IAAI,qHAUd,IAAI,CAAC,SAAS,EAAE,WAAW,GAAG,WAAW,CAAC,GAAG,KAAK,4CA8GpD,CAAA"}
|
package/dist/components/Code.js
CHANGED
|
@@ -14,7 +14,9 @@ import { languages } from '../utils/programming-languages.js';
|
|
|
14
14
|
const CodeBox = styled.code `
|
|
15
15
|
background: ${theme.color.light[500]};
|
|
16
16
|
border-radius: 6px;
|
|
17
|
-
overflow:
|
|
17
|
+
overflow: visible;
|
|
18
|
+
display: block;
|
|
19
|
+
position: relative;
|
|
18
20
|
|
|
19
21
|
.highlighter {
|
|
20
22
|
margin: 0 !important;
|
|
@@ -33,13 +35,26 @@ const CodeBox = styled.code `
|
|
|
33
35
|
}
|
|
34
36
|
|
|
35
37
|
.header-code {
|
|
38
|
+
position: sticky;
|
|
39
|
+
top: 0;
|
|
40
|
+
z-index: 10;
|
|
36
41
|
display: flex;
|
|
37
42
|
flex-direction: row;
|
|
38
43
|
justify-content: space-between;
|
|
39
|
-
background: ${theme.color.light[
|
|
44
|
+
background: ${theme.color.light[400]};
|
|
40
45
|
padding: 4px 6px;
|
|
41
|
-
|
|
42
|
-
|
|
46
|
+
&:after {
|
|
47
|
+
content: '';
|
|
48
|
+
position: absolute;
|
|
49
|
+
top: 0;
|
|
50
|
+
left: 0;
|
|
51
|
+
right: 0;
|
|
52
|
+
bottom: 0;
|
|
53
|
+
border-top-left-radius: 6px;
|
|
54
|
+
border-top-right-radius: 6px;
|
|
55
|
+
background: ${theme.color.light[600]};
|
|
56
|
+
z-index: -1;
|
|
57
|
+
}
|
|
43
58
|
|
|
44
59
|
.action-bar {
|
|
45
60
|
display: flex;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Code.js","sourceRoot":"","sources":["../../src/components/Code.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAc,YAAY,EAAE,MAAM,8BAA8B,CAAA;AACvE,OAAO,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE/C,OAAO,EAAE,KAAK,IAAI,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE,MAAM,gDAAgD,CAAA;AACjF,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,+BAA+B,EAAE,MAAM,4BAA4B,CAAA;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAA;AAqB1D,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAA;gBACX,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC
|
|
1
|
+
{"version":3,"file":"Code.js","sourceRoot":"","sources":["../../src/components/Code.tsx"],"names":[],"mappings":"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"}
|
|
@@ -65,7 +65,7 @@ const Styled = styled.div `
|
|
|
65
65
|
export const FileDescription = ({ fileName, icon, status, onRemove, onRetry }) => {
|
|
66
66
|
const t = useTranslate(dictionary);
|
|
67
67
|
const [, name, extension] = fileName.match(/(.+)\.([^.]+)$/) ?? ['', 'Unknown', 'Unknown'];
|
|
68
|
-
return (_jsxs(Styled, { className: status, "aria-busy": status === 'pending', children: [_jsxs("div", { className: "image", children: [icon ?? _jsx(Icon, { icon: "Document" }), status === 'pending' && _jsx("div", { className: "status", "aria-label": t.loading, children: _jsx(ProgressCircular, { size: "xs" }) }), status === 'error' && _jsx("div", { className: "status", "aria-label": t.error, children: _jsx(IconButton, { icon: "Sync", appearance: "circle", color: "danger", title: t.retry, "aria-label": t.retry, onClick: onRetry }) })] }), _jsxs("div", { className: "details", children: [_jsx(Text, { appearance: "microtext1", className: "name", title: name, children: name }), _jsx(Text, { appearance: "microtext1", color: "light.700", children: extension.toUpperCase() })] }), onRemove && _jsx(IconButton, { icon: "TimesMini", onClick: onRemove, title: t.remove, "
|
|
68
|
+
return (_jsxs(Styled, { className: status, "aria-busy": status === 'pending', children: [_jsxs("div", { className: "image", children: [icon ?? _jsx(Icon, { icon: "Document" }), status === 'pending' && _jsx("div", { className: "status", "aria-label": t.loading, children: _jsx(ProgressCircular, { size: "xs" }) }), status === 'error' && _jsx("div", { className: "status", "aria-label": t.error, children: _jsx(IconButton, { icon: "Sync", appearance: "circle", color: "danger", title: t.retry, "aria-label": t.retry, onClick: onRetry }) })] }), _jsxs("div", { className: "details", children: [_jsx(Text, { appearance: "microtext1", className: "name", title: name, children: name }), _jsx(Text, { appearance: "microtext1", color: "light.700", children: extension.toUpperCase() })] }), onRemove && _jsx(IconButton, { icon: "TimesMini", onClick: onRemove, title: t.remove, "aria-label": name, style: { alignSelf: 'start' }, size: "xs" })] }));
|
|
69
69
|
};
|
|
70
70
|
const dictionary = {
|
|
71
71
|
en: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileDescription.js","sourceRoot":"","sources":["../../src/components/FileDescription.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAC7E,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAc,YAAY,EAAE,MAAM,8BAA8B,CAAA;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAW1C,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;sBAKH,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;wBAGpB,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;;;;;;;;wBAQvB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyC7C,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAwB,EAAE,EAAE;IACrG,MAAM,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAA;IAClC,MAAM,CAAC,EAAE,IAAI,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;IAC1F,OAAO,CACL,MAAC,MAAM,IAAC,SAAS,EAAE,MAAM,eAAa,MAAM,KAAK,SAAS,aACxD,eAAK,SAAS,EAAC,OAAO,aACnB,IAAI,IAAI,KAAC,IAAI,IAAC,IAAI,EAAC,UAAU,GAAG,EAChC,MAAM,KAAK,SAAS,IAAI,cAAK,SAAS,EAAC,QAAQ,gBAAa,CAAC,CAAC,OAAO,YACpE,KAAC,gBAAgB,IAAC,IAAI,EAAC,IAAI,GAAG,GAC1B,EACL,MAAM,KAAK,OAAO,IAAI,cAAK,SAAS,EAAC,QAAQ,gBAAa,CAAC,CAAC,KAAK,YAChE,KAAC,UAAU,IAAC,IAAI,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,CAAC,CAAC,KAAK,gBAAc,CAAC,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,GAChH,IACF,EACN,eAAK,SAAS,EAAC,SAAS,aACtB,KAAC,IAAI,IAAC,UAAU,EAAC,YAAY,EAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,YAAG,IAAI,GAAQ,EACzE,KAAC,IAAI,IAAC,UAAU,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,YAAE,SAAS,CAAC,WAAW,EAAE,GAAQ,IAC5E,EACL,QAAQ,IAAI,KAAC,UAAU,IACtB,IAAI,EAAC,WAAW,EAChB,OAAO,EAAE,QAAQ,EACjB,KAAK,EAAE,CAAC,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"FileDescription.js","sourceRoot":"","sources":["../../src/components/FileDescription.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAC7E,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAc,YAAY,EAAE,MAAM,8BAA8B,CAAA;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAW1C,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;sBAKH,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;wBAGpB,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;;;;;;;;wBAQvB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyC7C,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAwB,EAAE,EAAE;IACrG,MAAM,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAA;IAClC,MAAM,CAAC,EAAE,IAAI,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;IAC1F,OAAO,CACL,MAAC,MAAM,IAAC,SAAS,EAAE,MAAM,eAAa,MAAM,KAAK,SAAS,aACxD,eAAK,SAAS,EAAC,OAAO,aACnB,IAAI,IAAI,KAAC,IAAI,IAAC,IAAI,EAAC,UAAU,GAAG,EAChC,MAAM,KAAK,SAAS,IAAI,cAAK,SAAS,EAAC,QAAQ,gBAAa,CAAC,CAAC,OAAO,YACpE,KAAC,gBAAgB,IAAC,IAAI,EAAC,IAAI,GAAG,GAC1B,EACL,MAAM,KAAK,OAAO,IAAI,cAAK,SAAS,EAAC,QAAQ,gBAAa,CAAC,CAAC,KAAK,YAChE,KAAC,UAAU,IAAC,IAAI,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,CAAC,CAAC,KAAK,gBAAc,CAAC,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,GAChH,IACF,EACN,eAAK,SAAS,EAAC,SAAS,aACtB,KAAC,IAAI,IAAC,UAAU,EAAC,YAAY,EAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,YAAG,IAAI,GAAQ,EACzE,KAAC,IAAI,IAAC,UAAU,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,YAAE,SAAS,CAAC,WAAW,EAAE,GAAQ,IAC5E,EACL,QAAQ,IAAI,KAAC,UAAU,IACtB,IAAI,EAAC,WAAW,EAChB,OAAO,EAAE,QAAQ,EACjB,KAAK,EAAE,CAAC,CAAC,MAAM,gBACH,IAAI,EAChB,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,EAC7B,IAAI,EAAC,IAAI,GACT,IACK,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE;QACF,OAAO,EAAE,gBAAgB;QACzB,KAAK,EAAE,qBAAqB;QAC5B,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,4BAA4B;KACpC;IACD,EAAE,EAAE;QACF,OAAO,EAAE,oBAAoB;QAC7B,KAAK,EAAE,4CAA4C;QACnD,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,4BAA4B;KACpC;CACmB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../src/components/Markdown.tsx"],"names":[],"mappings":"AAAA;;GAEG;
|
|
1
|
+
{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../src/components/Markdown.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAOH,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAQ,KAAK,IAAI,SAAS,EAAE,MAAM,QAAQ,CAAA;AAEjD,KAAK,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,YAAY,CAAC,MAAM,CAAC,CAAA;AAc/D,eAAO,MAAM,QAAQ,uDAMhB,KAAK,4CAwCT,CAAA"}
|
|
@@ -4,14 +4,30 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
4
4
|
*/
|
|
5
5
|
import { Children, Fragment } from 'react';
|
|
6
6
|
import ReactMarkdown from 'react-markdown';
|
|
7
|
+
import rehypeKatex from 'rehype-katex';
|
|
7
8
|
import remarkGfm from 'remark-gfm';
|
|
9
|
+
import remarkMath from 'remark-math';
|
|
8
10
|
import { Code } from './Code.js';
|
|
9
11
|
const renderP = (child, key) => (_jsx(Fragment, { children: typeof child === 'string'
|
|
10
12
|
? child.split('\n').map((content, subKey, array) => (_jsxs(Fragment, { children: [content, subKey < array.length - 1 ? _jsx("br", {}) : null] }, subKey))) : child }, key));
|
|
11
|
-
export const Markdown = ({ onInsertCode, onNewFile, onCopyCode, children, }) =>
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
export const Markdown = ({ onInsertCode, onNewFile, onCopyCode, children, }) => {
|
|
14
|
+
// fix parsing LaTex: https://github.com/remarkjs/react-markdown/issues/785
|
|
15
|
+
const content = typeof children === 'string'
|
|
16
|
+
? children
|
|
17
|
+
.replace(/\\\\\[/g, '$$$$') // Replace '\\[' with '$$'
|
|
18
|
+
.replace(/\\\\\]/g, '$$$$') // Replace '\\]' with '$$'
|
|
19
|
+
.replace(/\\\\\(/g, '$$$$') // Replace '\\(' with '$$'
|
|
20
|
+
.replace(/\\\\\)/g, '$$$$') // Replace '\\)' with '$$'
|
|
21
|
+
.replace(/\\\[/g, '$$$$') // Replace '\[' with '$$'
|
|
22
|
+
.replace(/\\\]/g, '$$$$') // Replace '\]' with '$$'
|
|
23
|
+
.replace(/\\\(/g, '$$$$') // Replace '\(' with '$$'
|
|
24
|
+
.replace(/\\\)/g, '$$$$') // Replace '\)' with '$$';
|
|
25
|
+
: children;
|
|
26
|
+
return (_jsx(_Fragment, { children: _jsx(ReactMarkdown, { className: "markdown apply-citric", remarkPlugins: [[remarkMath, { singleDollarTextMath: true }], remarkGfm], rehypePlugins: [rehypeKatex], components: {
|
|
27
|
+
a: props => _jsx("a", { target: "_blank", rel: "noopener noreferrer", style: { textDecoration: 'underline' }, ...props }),
|
|
28
|
+
code: props => _jsx(Code, { ...props, onInsertCode: onInsertCode, onNewFile: onNewFile, onCopyCode: onCopyCode, showActionBar: true }),
|
|
29
|
+
pre: ({ children }) => _jsx(_Fragment, { children: children }),
|
|
30
|
+
p: ({ children }) => _jsx("p", { children: Children.map(children, renderP) }),
|
|
31
|
+
}, children: content }) }));
|
|
32
|
+
};
|
|
17
33
|
//# sourceMappingURL=Markdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Markdown.js","sourceRoot":"","sources":["../../src/components/Markdown.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,aAAa,MAAM,gBAAgB,CAAA;AAC1C,OAAO,SAAS,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"Markdown.js","sourceRoot":"","sources":["../../src/components/Markdown.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,aAAa,MAAM,gBAAgB,CAAA;AAC1C,OAAO,WAAW,MAAM,cAAc,CAAA;AACtC,OAAO,SAAS,MAAM,YAAY,CAAA;AAClC,OAAO,UAAU,MAAM,aAAa,CAAA;AAEpC,OAAO,EAAE,IAAI,EAAsB,MAAM,QAAQ,CAAA;AAIjD,MAAM,OAAO,GAAG,CAAC,KAAU,EAAE,GAAW,EAAE,EAAE,CAAC,CAC3C,KAAC,QAAQ,cACN,OAAO,KAAK,KAAK,QAAQ;QACxB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAClD,MAAC,QAAQ,eACN,OAAO,EACP,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,cAAM,CAAC,CAAC,CAAC,IAAI,KAF7B,MAAM,CAGV,CACZ,CAAC,CAAC,CAAC,CAAC,KAAK,IAPC,GAAG,CAQP,CACZ,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,CACtB,EACE,YAAY,EACZ,SAAS,EACT,UAAU,EACV,QAAQ,GACF,EACR,EAAE;IAEF,2EAA2E;IAC3E,MAAM,OAAO,GAAG,OAAO,QAAQ,KAAK,QAAQ;QAC1C,CAAC,CAAC,QAAQ;aACP,OAAO,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,0BAA0B;aACrD,OAAO,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,0BAA0B;aACrD,OAAO,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,0BAA0B;aACrD,OAAO,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,0BAA0B;aACrD,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,yBAAyB;aAClD,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,yBAAyB;aAClD,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,yBAAyB;aAClD,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,0BAA0B;QACtD,CAAC,CAAC,QAAQ,CAAA;IAEZ,OAAO,CACL,4BACE,KAAC,aAAa,IACZ,SAAS,EAAC,uBAAuB,EACjC,aAAa,EAAE,CAAC,CAAC,UAAU,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,EACxE,aAAa,EAAE,CAAC,WAAW,CAAC,EAC5B,UAAU,EAAE;gBACV,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,YAAG,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE,KAAM,KAAK,GAAI;gBAC9G,IAAI,EAAE,KAAK,CAAC,EAAE,CACZ,KAAC,IAAI,OACC,KAAK,EACT,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,aAAa,SACb;gBACJ,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,4BAAG,QAAQ,GAAI;gBACtC,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,sBAAI,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC,GAAK;aAC9D,YAEA,OAAO,GACM,GACf,CACJ,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabManager.d.ts","sourceRoot":"","sources":["../../src/components/TabManager.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAGvC,UAAU,KAAK,CAAC,CAAC,EAAE,GAAG,SAAS,KAAK,CAAC,GAAG;IACtC;;OAEG;IACH,IAAI,EAAE,CAAC,EAAE,CAAC;IACV;;OAEG;IACH,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,GAAG,CAAC;IACxB;;OAEG;IACH,MAAM,EAAE,GAAG,CAAC;IACZ;;OAEG;IACH,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC3B;;OAEG;IACH,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB;;OAEG;IACH,WAAW,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;CAC7C;AAqGD;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,CAAC,EAAE,GAAG,SAAS,KAAK,CAAC,GAAG,EACjD,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAY,EAAE,EAAE,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"TabManager.d.ts","sourceRoot":"","sources":["../../src/components/TabManager.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAGvC,UAAU,KAAK,CAAC,CAAC,EAAE,GAAG,SAAS,KAAK,CAAC,GAAG;IACtC;;OAEG;IACH,IAAI,EAAE,CAAC,EAAE,CAAC;IACV;;OAEG;IACH,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,GAAG,CAAC;IACxB;;OAEG;IACH,MAAM,EAAE,GAAG,CAAC;IACZ;;OAEG;IACH,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC3B;;OAEG;IACH,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB;;OAEG;IACH,WAAW,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;CAC7C;AAqGD;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,CAAC,EAAE,GAAG,SAAS,KAAK,CAAC,GAAG,EACjD,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAY,EAAE,EAAE,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,2CAgFvF"}
|
|
@@ -5,7 +5,7 @@ import { Button, IconButton } from '@stack-spot/citric-react';
|
|
|
5
5
|
import { listToClass, theme } from '@stack-spot/portal-theme';
|
|
6
6
|
import { useTranslate } from '@stack-spot/portal-translate';
|
|
7
7
|
import { last } from 'lodash';
|
|
8
|
-
import { useCallback, useEffect, useMemo, useRef } from 'react';
|
|
8
|
+
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
9
9
|
import { styled } from 'styled-components';
|
|
10
10
|
import { FadingOverflow } from './FadingOverflow.js';
|
|
11
11
|
// The size of extra buttons placed after the tabs.
|
|
@@ -115,13 +115,23 @@ export function TabManager({ active, tabs, keygen, onRemove, onSelect, renderLab
|
|
|
115
115
|
const t = useTranslate(dictionary);
|
|
116
116
|
const tabList = useRef(null);
|
|
117
117
|
const lastNumberOfTabs = useRef(tabs.length);
|
|
118
|
+
const [ariaMessage, setAriaMessage] = useState('');
|
|
118
119
|
const onClickTab = useCallback((event) => {
|
|
119
120
|
const target = event.target;
|
|
120
121
|
if (target.tagName === 'LI')
|
|
121
122
|
target.querySelector('button')?.click();
|
|
122
123
|
}, []);
|
|
123
|
-
const tabItems = useMemo(() => tabs.map((tab
|
|
124
|
-
|
|
124
|
+
const tabItems = useMemo(() => tabs.map((tab, idx) => {
|
|
125
|
+
const tabLabel = typeof renderLabel(tab) === 'string'
|
|
126
|
+
? renderLabel(tab)
|
|
127
|
+
: `${t.tab} ${idx + 1}`;
|
|
128
|
+
return (_jsxs("li", { className: keygen(tab) === active ? 'active' : undefined, onClick: onClickTab, children: [_jsx("button", { className: "label", "aria-label": `${t.chat} ${tabLabel}`, onClick: () => onSelect(tab), children: _jsx(FadingOverflow, { children: renderLabel(tab) }) }), tabs.length > 1 &&
|
|
129
|
+
_jsx(IconButton, { appearance: "text", icon: "TimesMini", "aria-label": `${tabLabel}`, title: t.close, onClick: () => {
|
|
130
|
+
onRemove(tab), setAriaMessage(`${t.chat} ${tabLabel} ${t.closed}`);
|
|
131
|
+
// Clears the message after a short time to prevent it from repeating
|
|
132
|
+
setTimeout(() => setAriaMessage(''), 1000);
|
|
133
|
+
} })] }, keygen(tab)));
|
|
134
|
+
}), [tabs, active]);
|
|
125
135
|
const extras = useMemo(() => buttons.map(({ ariaLabel, title, label, onClick, group, icon, appearance, size, className, style, disabled }) => label
|
|
126
136
|
? _jsxs(Button, { style: { marginRight: '4px', ...style }, colorScheme: "light", size: "md", title: title || label, onClick: onClick, disabled: disabled, children: [_jsx(Icon, { group: group, icon: icon }), label] }, ariaLabel)
|
|
127
137
|
: _jsx(IconButton, { group: group, icon: icon, "aria-label": ariaLabel, title: title, size: size, className: listToClass([className, 'extra']), style: style, onClick: onClick, appearance: appearance }, ariaLabel)), [buttons]);
|
|
@@ -133,14 +143,20 @@ export function TabManager({ active, tabs, keygen, onRemove, onSelect, renderLab
|
|
|
133
143
|
}
|
|
134
144
|
lastNumberOfTabs.current = tabs.length;
|
|
135
145
|
}, [tabs]);
|
|
136
|
-
return (_jsxs(Tabs, { "$numberOfExtraButtons": buttons.length, className: "tabs", children: [_jsx(FadingOverflow, { className: "list-overflow", scroll: "arrows", enableHorizontalScrollWithVerticalWheel: true, children: _jsx("ul", { ref: tabList, children: tabItems }) }), extras] }));
|
|
146
|
+
return (_jsxs(Tabs, { "$numberOfExtraButtons": buttons.length, className: "tabs", children: [_jsx("div", { "aria-live": "polite", "aria-atomic": "true", style: { position: 'absolute', left: '-9999px', width: '1px', height: '1px', overflow: 'hidden' }, children: ariaMessage }), _jsx(FadingOverflow, { className: "list-overflow", scroll: "arrows", enableHorizontalScrollWithVerticalWheel: true, children: _jsx("ul", { ref: tabList, children: tabItems }) }), extras] }));
|
|
137
147
|
}
|
|
138
148
|
const dictionary = {
|
|
139
149
|
en: {
|
|
140
150
|
close: 'Close',
|
|
151
|
+
tab: 'Tab',
|
|
152
|
+
chat: 'Chat',
|
|
153
|
+
closed: 'Closed',
|
|
141
154
|
},
|
|
142
155
|
pt: {
|
|
143
156
|
close: 'Fechar',
|
|
157
|
+
tab: 'Aba',
|
|
158
|
+
chat: 'Chat',
|
|
159
|
+
closed: 'Fechado',
|
|
144
160
|
},
|
|
145
161
|
};
|
|
146
162
|
//# sourceMappingURL=TabManager.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabManager.js","sourceRoot":"","sources":["../../src/components/TabManager.tsx"],"names":[],"mappings":";AAAA,2CAA2C;AAE3C,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAC7D,OAAO,EAAc,YAAY,EAAE,MAAM,8BAA8B,CAAA;AACvE,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"TabManager.js","sourceRoot":"","sources":["../../src/components/TabManager.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@ import { useCallback, useMemo } from 'react';
|
|
|
6
6
|
import { FadingOverflow } from '../../components/FadingOverflow.js';
|
|
7
7
|
import { useCurrentChat, useCurrentChatState } from '../../context/hooks.js';
|
|
8
8
|
import { useMessageInputDictionary } from './dictionary.js';
|
|
9
|
-
const ContextBadge = ({ label, color, dismiss, onDismiss }) => (_jsxs(Badge, { appearance: "square", colorPalette: color, className: "context-badge", children: [_jsx(Text, { nowrapEllipsis: true, children: label }), onDismiss && _jsx(IconButton, { icon: "TimesMini", appearance: "none", onClick: onDismiss, title: dismiss, "
|
|
9
|
+
const ContextBadge = ({ label, color, dismiss, onDismiss }) => (_jsxs(Badge, { appearance: "square", colorPalette: color, className: "context-badge", children: [_jsx(Text, { nowrapEllipsis: true, children: label }), onDismiss && _jsx(IconButton, { icon: "TimesMini", appearance: "none", onClick: onDismiss, title: dismiss, "aria-label": dismiss, style: { padding: '2px 0 2px 2px', color: 'inherit' } })] }));
|
|
10
10
|
/**
|
|
11
11
|
* This renders the bar on top of the textarea to send the message. This tells:
|
|
12
12
|
* - if there's any code selected in the editor;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextBar.js","sourceRoot":"","sources":["../../../src/views/MessageInput/ContextBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAClE,OAAO,EAAoB,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACxE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAChE,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AACzE,OAAO,EAAE,yBAAyB,EAAE,MAAM,cAAc,CAAA;AASxD,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAqB,EAAE,EAAE,CAAC,CAChF,MAAC,KAAK,IAAC,UAAU,EAAC,QAAQ,EAAC,YAAY,EAAE,KAAK,EAAE,SAAS,EAAC,eAAe,aACvE,KAAC,IAAI,IAAC,cAAc,kBAAE,KAAK,GAAQ,EAClC,SAAS,IAAI,KAAC,UAAU,IACvB,IAAI,EAAC,WAAW,EAChB,UAAU,EAAC,MAAM,EACjB,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"ContextBar.js","sourceRoot":"","sources":["../../../src/views/MessageInput/ContextBar.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stack-spot/ai-chat-widget",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.12.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -58,6 +58,9 @@
|
|
|
58
58
|
"remark-gfm": "^4.0.0",
|
|
59
59
|
"ulid": "^2.3.0",
|
|
60
60
|
"@xyflow/react": "^12.3.2",
|
|
61
|
-
"@dagrejs/dagre": "^1.1.4"
|
|
61
|
+
"@dagrejs/dagre": "^1.1.4",
|
|
62
|
+
"katex": "^0.16.27",
|
|
63
|
+
"remark-math": "^6.0.0",
|
|
64
|
+
"rehype-katex": "^7.0.1"
|
|
62
65
|
}
|
|
63
66
|
}
|
|
@@ -2,6 +2,7 @@ import { FallbackBoundary } from '@stack-spot/citric-react'
|
|
|
2
2
|
import { listToClass, WithStyle } from '@stack-spot/portal-theme'
|
|
3
3
|
import { useMemo, useRef } from 'react'
|
|
4
4
|
import { useCurrentChatMessages, useCurrentChatState, useWidgetState } from './context/hooks'
|
|
5
|
+
import 'katex/dist/katex.min.css'
|
|
5
6
|
import './layout.css'
|
|
6
7
|
import { RightPanel } from './right-panel/RightPanel'
|
|
7
8
|
import { RightPanelProvider } from './right-panel/RightPanelProvider'
|
package/src/app-metadata.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stack-spot/ai-chat-widget",
|
|
3
|
-
"version": "2.
|
|
4
|
-
"date": "
|
|
3
|
+
"version": "2.12.0",
|
|
4
|
+
"date": "Wed Jan 28 2026 17:43:33 GMT+0000 (Coordinated Universal Time)",
|
|
5
5
|
"dependencies": [
|
|
6
6
|
{
|
|
7
7
|
"name": "@stack-spot/app-metadata",
|
|
@@ -139,6 +139,10 @@
|
|
|
139
139
|
"name": "@xyflow/react",
|
|
140
140
|
"version": "12.10.0(@types/react@18.3.11)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)"
|
|
141
141
|
},
|
|
142
|
+
{
|
|
143
|
+
"name": "katex",
|
|
144
|
+
"version": "0.16.27"
|
|
145
|
+
},
|
|
142
146
|
{
|
|
143
147
|
"name": "lodash",
|
|
144
148
|
"version": "4.17.21"
|
|
@@ -163,10 +167,18 @@
|
|
|
163
167
|
"name": "react-syntax-highlighter",
|
|
164
168
|
"version": "15.5.0(react@18.2.0)"
|
|
165
169
|
},
|
|
170
|
+
{
|
|
171
|
+
"name": "rehype-katex",
|
|
172
|
+
"version": "7.0.1"
|
|
173
|
+
},
|
|
166
174
|
{
|
|
167
175
|
"name": "remark-gfm",
|
|
168
176
|
"version": "4.0.0"
|
|
169
177
|
},
|
|
178
|
+
{
|
|
179
|
+
"name": "remark-math",
|
|
180
|
+
"version": "6.0.0"
|
|
181
|
+
},
|
|
170
182
|
{
|
|
171
183
|
"name": "ulid",
|
|
172
184
|
"version": "2.4.0"
|
package/src/components/Code.tsx
CHANGED
|
@@ -36,7 +36,9 @@ export interface Props extends WithChildren {
|
|
|
36
36
|
const CodeBox = styled.code`
|
|
37
37
|
background: ${theme.color.light[500]};
|
|
38
38
|
border-radius: 6px;
|
|
39
|
-
overflow:
|
|
39
|
+
overflow: visible;
|
|
40
|
+
display: block;
|
|
41
|
+
position: relative;
|
|
40
42
|
|
|
41
43
|
.highlighter {
|
|
42
44
|
margin: 0 !important;
|
|
@@ -55,13 +57,26 @@ const CodeBox = styled.code`
|
|
|
55
57
|
}
|
|
56
58
|
|
|
57
59
|
.header-code {
|
|
60
|
+
position: sticky;
|
|
61
|
+
top: 0;
|
|
62
|
+
z-index: 10;
|
|
58
63
|
display: flex;
|
|
59
64
|
flex-direction: row;
|
|
60
65
|
justify-content: space-between;
|
|
61
|
-
background: ${theme.color.light[
|
|
66
|
+
background: ${theme.color.light[400]};
|
|
62
67
|
padding: 4px 6px;
|
|
63
|
-
|
|
64
|
-
|
|
68
|
+
&:after {
|
|
69
|
+
content: '';
|
|
70
|
+
position: absolute;
|
|
71
|
+
top: 0;
|
|
72
|
+
left: 0;
|
|
73
|
+
right: 0;
|
|
74
|
+
bottom: 0;
|
|
75
|
+
border-top-left-radius: 6px;
|
|
76
|
+
border-top-right-radius: 6px;
|
|
77
|
+
background: ${theme.color.light[600]};
|
|
78
|
+
z-index: -1;
|
|
79
|
+
}
|
|
65
80
|
|
|
66
81
|
.action-bar {
|
|
67
82
|
display: flex;
|
|
@@ -4,7 +4,9 @@
|
|
|
4
4
|
|
|
5
5
|
import { Children, Fragment } from 'react'
|
|
6
6
|
import ReactMarkdown from 'react-markdown'
|
|
7
|
+
import rehypeKatex from 'rehype-katex'
|
|
7
8
|
import remarkGfm from 'remark-gfm'
|
|
9
|
+
import remarkMath from 'remark-math'
|
|
8
10
|
import { WithChildren } from '../types'
|
|
9
11
|
import { Code, Props as CodeProps } from './Code'
|
|
10
12
|
|
|
@@ -29,26 +31,43 @@ export const Markdown = (
|
|
|
29
31
|
onCopyCode,
|
|
30
32
|
children,
|
|
31
33
|
}: Props,
|
|
32
|
-
) =>
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
34
|
+
) => {
|
|
35
|
+
|
|
36
|
+
// fix parsing LaTex: https://github.com/remarkjs/react-markdown/issues/785
|
|
37
|
+
const content = typeof children === 'string'
|
|
38
|
+
? children
|
|
39
|
+
.replace(/\\\\\[/g, '$$$$') // Replace '\\[' with '$$'
|
|
40
|
+
.replace(/\\\\\]/g, '$$$$') // Replace '\\]' with '$$'
|
|
41
|
+
.replace(/\\\\\(/g, '$$$$') // Replace '\\(' with '$$'
|
|
42
|
+
.replace(/\\\\\)/g, '$$$$') // Replace '\\)' with '$$'
|
|
43
|
+
.replace(/\\\[/g, '$$$$') // Replace '\[' with '$$'
|
|
44
|
+
.replace(/\\\]/g, '$$$$') // Replace '\]' with '$$'
|
|
45
|
+
.replace(/\\\(/g, '$$$$') // Replace '\(' with '$$'
|
|
46
|
+
.replace(/\\\)/g, '$$$$') // Replace '\)' with '$$';
|
|
47
|
+
: children
|
|
48
|
+
|
|
49
|
+
return (
|
|
50
|
+
<>
|
|
51
|
+
<ReactMarkdown
|
|
52
|
+
className="markdown apply-citric"
|
|
53
|
+
remarkPlugins={[[remarkMath, { singleDollarTextMath: true }], remarkGfm]}
|
|
54
|
+
rehypePlugins={[rehypeKatex]}
|
|
55
|
+
components={{
|
|
56
|
+
a: props => <a target="_blank" rel="noopener noreferrer" style={{ textDecoration: 'underline' }} {...props} />,
|
|
57
|
+
code: props =>
|
|
58
|
+
<Code
|
|
59
|
+
{...props}
|
|
60
|
+
onInsertCode={onInsertCode}
|
|
61
|
+
onNewFile={onNewFile}
|
|
62
|
+
onCopyCode={onCopyCode}
|
|
63
|
+
showActionBar
|
|
64
|
+
/>,
|
|
65
|
+
pre: ({ children }) => <>{children}</>,
|
|
66
|
+
p: ({ children }) => <p>{Children.map(children, renderP)}</p>,
|
|
67
|
+
}}
|
|
68
|
+
>
|
|
69
|
+
{content}
|
|
70
|
+
</ReactMarkdown>
|
|
71
|
+
</>
|
|
72
|
+
)
|
|
73
|
+
}
|
|
@@ -5,7 +5,7 @@ import { Button, IconButton } from '@stack-spot/citric-react'
|
|
|
5
5
|
import { listToClass, theme } from '@stack-spot/portal-theme'
|
|
6
6
|
import { Dictionary, useTranslate } from '@stack-spot/portal-translate'
|
|
7
7
|
import { last } from 'lodash'
|
|
8
|
-
import { useCallback, useEffect, useMemo, useRef } from 'react'
|
|
8
|
+
import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
|
|
9
9
|
import { styled } from 'styled-components'
|
|
10
10
|
import { ButtonAction } from '../types'
|
|
11
11
|
import { FadingOverflow } from './FadingOverflow'
|
|
@@ -152,19 +152,31 @@ export function TabManager<T, Key extends React.Key>(
|
|
|
152
152
|
const t = useTranslate(dictionary)
|
|
153
153
|
const tabList = useRef<HTMLUListElement>(null)
|
|
154
154
|
const lastNumberOfTabs = useRef(tabs.length)
|
|
155
|
+
const [ariaMessage, setAriaMessage] = useState('')
|
|
155
156
|
|
|
156
157
|
const onClickTab = useCallback((event: React.MouseEvent<HTMLElement, MouseEvent>) => {
|
|
157
158
|
const target = event.target as HTMLElement
|
|
158
159
|
if (target.tagName === 'LI') target.querySelector('button')?.click()
|
|
159
160
|
}, [])
|
|
160
161
|
|
|
161
|
-
const tabItems = useMemo(() => tabs.map((tab) =>
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
{
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
162
|
+
const tabItems = useMemo(() => tabs.map((tab, idx) => {
|
|
163
|
+
const tabLabel = typeof renderLabel(tab) === 'string'
|
|
164
|
+
? renderLabel(tab)
|
|
165
|
+
: `${t.tab} ${idx + 1}`
|
|
166
|
+
|
|
167
|
+
return (
|
|
168
|
+
<li key={keygen(tab)} className={keygen(tab) === active ? 'active' : undefined} onClick={onClickTab}>
|
|
169
|
+
<button className="label" aria-label={`${t.chat} ${tabLabel}`} onClick={() => onSelect(tab)}>
|
|
170
|
+
<FadingOverflow>{renderLabel(tab)}</FadingOverflow>
|
|
171
|
+
</button>
|
|
172
|
+
{tabs.length > 1 &&
|
|
173
|
+
<IconButton appearance="text" icon="TimesMini" aria-label={`${tabLabel}`}
|
|
174
|
+
title={t.close} onClick={() => { onRemove(tab), setAriaMessage(`${t.chat} ${tabLabel} ${t.closed}`)
|
|
175
|
+
|
|
176
|
+
// Clears the message after a short time to prevent it from repeating
|
|
177
|
+
setTimeout(() => setAriaMessage(''), 1000)}} />}
|
|
178
|
+
</li>
|
|
179
|
+
)}), [tabs, active])
|
|
168
180
|
|
|
169
181
|
const extras = useMemo(() => buttons.map(({
|
|
170
182
|
ariaLabel, title, label, onClick, group, icon, appearance, size, className, style, disabled }) => label
|
|
@@ -204,6 +216,11 @@ export function TabManager<T, Key extends React.Key>(
|
|
|
204
216
|
|
|
205
217
|
return (
|
|
206
218
|
<Tabs $numberOfExtraButtons={buttons.length} className="tabs">
|
|
219
|
+
<div
|
|
220
|
+
aria-live="polite" aria-atomic="true"
|
|
221
|
+
style={{ position: 'absolute', left: '-9999px', width: '1px', height: '1px', overflow: 'hidden' }}>
|
|
222
|
+
{ariaMessage}
|
|
223
|
+
</div>
|
|
207
224
|
<FadingOverflow className="list-overflow" scroll="arrows" enableHorizontalScrollWithVerticalWheel>
|
|
208
225
|
<ul ref={tabList}>{tabItems}</ul>
|
|
209
226
|
</FadingOverflow>
|
|
@@ -215,9 +232,15 @@ export function TabManager<T, Key extends React.Key>(
|
|
|
215
232
|
const dictionary = {
|
|
216
233
|
en: {
|
|
217
234
|
close: 'Close',
|
|
235
|
+
tab: 'Tab',
|
|
236
|
+
chat: 'Chat',
|
|
237
|
+
closed: 'Closed',
|
|
218
238
|
},
|
|
219
239
|
pt: {
|
|
220
240
|
close: 'Fechar',
|
|
241
|
+
tab: 'Aba',
|
|
242
|
+
chat: 'Chat',
|
|
243
|
+
closed: 'Fechado',
|
|
221
244
|
},
|
|
222
245
|
} satisfies Dictionary
|
|
223
246
|
|
|
@@ -21,7 +21,7 @@ const ContextBadge = ({ label, color, dismiss, onDismiss }: ContextBadgeProps) =
|
|
|
21
21
|
appearance="none"
|
|
22
22
|
onClick={onDismiss}
|
|
23
23
|
title={dismiss}
|
|
24
|
-
|
|
24
|
+
aria-label={dismiss}
|
|
25
25
|
style={{ padding: '2px 0 2px 2px', color: 'inherit' }}
|
|
26
26
|
/>}
|
|
27
27
|
</Badge>
|