@stack-spot/ai-chat-widget 1.35.1 → 1.36.1-beta.1
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 +26 -1
- package/dist/app-metadata.json +2 -2
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/layout.css +1 -1
- package/dist/views/MessageInput/SelectContent.d.ts.map +1 -1
- package/dist/views/MessageInput/SelectContent.js +8 -1
- package/dist/views/MessageInput/SelectContent.js.map +1 -1
- package/dist/views/MessageInput/UploadBar.d.ts.map +1 -1
- package/dist/views/MessageInput/UploadBar.js +29 -2
- package/dist/views/MessageInput/UploadBar.js.map +1 -1
- package/dist/views/MessageInput/dictionary.d.ts +1 -1
- package/dist/views/MessageInput/dictionary.d.ts.map +1 -1
- package/dist/views/MessageInput/dictionary.js +2 -0
- package/dist/views/MessageInput/dictionary.js.map +1 -1
- package/dist/views/MessageInput/styled.d.ts.map +1 -1
- package/dist/views/MessageInput/styled.js +12 -0
- package/dist/views/MessageInput/styled.js.map +1 -1
- package/package.json +1 -1
- package/src/app-metadata.json +2 -2
- package/src/index.ts +2 -1
- package/src/layout.css +1 -1
- package/src/views/MessageInput/SelectContent.tsx +9 -0
- package/src/views/MessageInput/UploadBar.tsx +39 -1
- package/src/views/MessageInput/dictionary.ts +2 -0
- package/src/views/MessageInput/styled.ts +12 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [1.36.1-beta.1](https://github.com/stack-spot/portal-ai-chat-widget/compare/ai-chat-widget-beta@v1.36.0-beta.1...ai-chat-widget-beta@v1.36.1-beta.1) (2025-08-07)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Bug Fixes
|
|
7
|
+
|
|
8
|
+
* accessibility file insert ([6d4b4dc](https://github.com/stack-spot/portal-ai-chat-widget/commit/6d4b4dc1356de3d1cefba828c9bd56e5d9900bdc))
|
|
9
|
+
* agent create chat view adjusts ([#263](https://github.com/stack-spot/portal-ai-chat-widget/issues/263)) ([433a45a](https://github.com/stack-spot/portal-ai-chat-widget/commit/433a45a2e83e40194f6baf5a5b309212fe2d51bc))
|
|
10
|
+
|
|
3
11
|
## [1.35.1](https://github.com/stack-spot/portal-ai-chat-widget/compare/ai-chat-widget@v1.35.0...ai-chat-widget@v1.35.1) (2025-08-06)
|
|
4
12
|
|
|
5
13
|
|
|
@@ -32,7 +40,24 @@
|
|
|
32
40
|
### Features
|
|
33
41
|
|
|
34
42
|
* add visibility filter for recently used agents ([#247](https://github.com/stack-spot/portal-ai-chat-widget/issues/247)) ([bc85769](https://github.com/stack-spot/portal-ai-chat-widget/commit/bc85769b7863f4bca2202852804e4b603fca9f7b))
|
|
35
|
-
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
### Bug Fixes
|
|
46
|
+
|
|
47
|
+
* 850 qc conditional next step beta release ([#252](https://github.com/stack-spot/portal-ai-chat-widget/issues/252)) ([68531b1](https://github.com/stack-spot/portal-ai-chat-widget/commit/68531b19ec8c0d0b4cde2ddc0f5f7c3ac43c31cc))
|
|
48
|
+
|
|
49
|
+
## [1.33.0-beta.1](https://github.com/stack-spot/portal-ai-chat-widget/compare/ai-chat-widget-beta@v1.32.0-beta.1...ai-chat-widget-beta@v1.33.0-beta.1) (2025-07-30)
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
### Features
|
|
53
|
+
|
|
54
|
+
* add filters to show contents in chat ([#240](https://github.com/stack-spot/portal-ai-chat-widget/issues/240)) ([95dd865](https://github.com/stack-spot/portal-ai-chat-widget/commit/95dd8659e623e0eeb6afb6d3380e83e9c4bb2b86))
|
|
55
|
+
|
|
56
|
+
|
|
57
|
+
### Bug Fixes
|
|
58
|
+
|
|
59
|
+
* agent chat history ([#242](https://github.com/stack-spot/portal-ai-chat-widget/issues/242)) ([c1ed38b](https://github.com/stack-spot/portal-ai-chat-widget/commit/c1ed38b64e064a53c0b0394b96ba5e3f6d11f3f2))
|
|
60
|
+
* update network lib ([#245](https://github.com/stack-spot/portal-ai-chat-widget/issues/245)) ([8341240](https://github.com/stack-spot/portal-ai-chat-widget/commit/83412402296f22e8fb61c6079f13cf94066ae886))
|
|
36
61
|
|
|
37
62
|
## [1.32.1](https://github.com/stack-spot/portal-ai-chat-widget/compare/ai-chat-widget@v1.32.0...ai-chat-widget@v1.32.1) (2025-07-28)
|
|
38
63
|
|
package/dist/app-metadata.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stack-spot/ai-chat-widget",
|
|
3
|
-
"version": "1.
|
|
4
|
-
"date": "
|
|
3
|
+
"version": "1.36.1-beta.1",
|
|
4
|
+
"date": "Thu Aug 07 2025 20:49:51 GMT+0000 (Coordinated Universal Time)",
|
|
5
5
|
"dependencies": [
|
|
6
6
|
{
|
|
7
7
|
"name": "@stack-spot/app-metadata",
|
package/dist/index.d.ts
CHANGED
|
@@ -10,9 +10,9 @@ export type { ChatAction } from './state/ChatEntry.js';
|
|
|
10
10
|
export { ChatState } from './state/ChatState.js';
|
|
11
11
|
export type { MessageInterceptor } from './state/ChatState.js';
|
|
12
12
|
export { ChatTabsController } from './state/ChatTabsController.js';
|
|
13
|
+
export { acceptedFileTypes } from './state/constants.js';
|
|
13
14
|
export { ObservableState } from './state/ObservableState.js';
|
|
14
15
|
export type { Labeled, LabeledAgent, LabeledWithImage } from './state/types.js';
|
|
15
16
|
export { WidgetState } from './state/WidgetState.js';
|
|
16
17
|
export { defaultLanguage, languages } from './utils/programming-languages.js';
|
|
17
|
-
export { acceptedFileTypes } from './state/constants.js';
|
|
18
18
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,cAAc,iBAAiB,CAAA;AAC/B,OAAO,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAA;AACpD,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,YAAY,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,cAAc,iBAAiB,CAAA;AAC/B,OAAO,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAA;AACpD,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,YAAY,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -8,8 +8,8 @@ export { StackspotAIWidget } from './StackspotAIWidget.js';
|
|
|
8
8
|
export { ChatEntry } from './state/ChatEntry.js';
|
|
9
9
|
export { ChatState } from './state/ChatState.js';
|
|
10
10
|
export { ChatTabsController } from './state/ChatTabsController.js';
|
|
11
|
+
export { acceptedFileTypes } from './state/constants.js';
|
|
11
12
|
export { ObservableState } from './state/ObservableState.js';
|
|
12
13
|
export { WidgetState } from './state/WidgetState.js';
|
|
13
14
|
export { defaultLanguage, languages } from './utils/programming-languages.js';
|
|
14
|
-
export { acceptedFileTypes } from './state/constants.js';
|
|
15
15
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,2IAA2I;AAE3I,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,cAAc,iBAAiB,CAAA;AAC/B,OAAO,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAA;AAEpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAE7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAA
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,2IAA2I;AAE3I,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,cAAc,iBAAiB,CAAA;AAC/B,OAAO,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAA;AAEpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAE7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAA"}
|
package/dist/layout.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectContent.d.ts","sourceRoot":"","sources":["../../../src/views/MessageInput/SelectContent.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"SelectContent.d.ts","sourceRoot":"","sources":["../../../src/views/MessageInput/SelectContent.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,aAAa,sDA+GzB,CAAA"}
|
|
@@ -19,6 +19,7 @@ export const SelectContent = () => {
|
|
|
19
19
|
key: 'agent',
|
|
20
20
|
label: t.chatAgent,
|
|
21
21
|
icon: _jsx(Agent, {}),
|
|
22
|
+
'aria-label': 'Botão de agent',
|
|
22
23
|
onClick: (event) => {
|
|
23
24
|
event?.stopPropagation();
|
|
24
25
|
chat.set('nextMessage', '@');
|
|
@@ -28,6 +29,7 @@ export const SelectContent = () => {
|
|
|
28
29
|
key: 'quickCommands',
|
|
29
30
|
label: 'Quick Commands',
|
|
30
31
|
icon: _jsx(QuickCommand, {}),
|
|
32
|
+
'aria-label': 'Botão de quickCommands',
|
|
31
33
|
onClick: (event) => {
|
|
32
34
|
event?.stopPropagation();
|
|
33
35
|
chat.set('nextMessage', '/');
|
|
@@ -37,18 +39,21 @@ export const SelectContent = () => {
|
|
|
37
39
|
key: 'knowledgeSource',
|
|
38
40
|
label: 'Knowledge Sources',
|
|
39
41
|
icon: _jsx(KnowledgeSource, {}),
|
|
42
|
+
'aria-label': 'Botão de knowledgeSource',
|
|
40
43
|
panel: 'ks',
|
|
41
44
|
},
|
|
42
45
|
{
|
|
43
46
|
key: 'stack',
|
|
44
47
|
label: 'Stacks AI',
|
|
45
48
|
icon: _jsx(Stack, {}),
|
|
49
|
+
'aria-label': 'Botão de stack',
|
|
46
50
|
panel: 'stack',
|
|
47
51
|
},
|
|
48
52
|
{
|
|
49
53
|
key: 'workspace',
|
|
50
54
|
label: 'Spots',
|
|
51
55
|
icon: _jsx(Spaces, {}),
|
|
56
|
+
'aria-label': 'Botão de workspace',
|
|
52
57
|
panel: 'workspace',
|
|
53
58
|
},
|
|
54
59
|
{
|
|
@@ -57,6 +62,7 @@ export const SelectContent = () => {
|
|
|
57
62
|
onClick: () => uploadManager.open(),
|
|
58
63
|
className: 'upload-item',
|
|
59
64
|
icon: _jsx(DocumentUpload, {}),
|
|
65
|
+
'aria-label': 'Botão de upload de arquivos',
|
|
60
66
|
},
|
|
61
67
|
];
|
|
62
68
|
const listItems = useMemo(() => itemConfigs.filter(chatFeatures => features[chatFeatures.key])
|
|
@@ -68,9 +74,10 @@ export const SelectContent = () => {
|
|
|
68
74
|
widget.set('panel', chatFeatures.panel);
|
|
69
75
|
setVisibleMenu(false);
|
|
70
76
|
}) : chatFeatures.onClick,
|
|
77
|
+
'aria-label': chatFeatures['aria-label'],
|
|
71
78
|
})), [features, widget]);
|
|
72
79
|
if (!hasFeatureButtons)
|
|
73
80
|
return null;
|
|
74
|
-
return listItems.length > 1 ? (_jsxs(_Fragment, { children: [_jsx(IconButton, { id: "button-content-select", color: "light", appearance: "square", role: "button", title: visibleMenu ? t.collapse : t.expand, "data-test-hint": "button-options", "aria-label": visibleMenu ? t.collapse : t.expand, "aria-controls": "chatMessageMenu", onClick: () => setVisibleMenu(state => !state), children: _jsx(Plus, {}) }), _jsx(SelectionList, { className: "message-menu", id: "chatMessageMenu", visible: visibleMenu, onHide: () => setVisibleMenu(false), items: listItems })] })) : (_jsx(IconButton, { color: "light", appearance: "square", role: "button", title: listItems[0].label, "aria-label": listItems[0].label, onClick: listItems[0].onClick, children: listItems[0].icon }));
|
|
81
|
+
return listItems.length > 1 ? (_jsxs(_Fragment, { children: [_jsx(IconButton, { id: "button-content-select", color: "light", appearance: "square", role: "button", title: visibleMenu ? t.collapse : t.expand, "data-test-hint": "button-options", "aria-label": visibleMenu ? t.collapse : t.expand, "aria-controls": "chatMessageMenu", "aria-expanded": visibleMenu, onClick: () => setVisibleMenu(state => !state), children: _jsx(Plus, {}) }), _jsx(SelectionList, { className: "message-menu", id: "chatMessageMenu", visible: visibleMenu, onHide: () => setVisibleMenu(false), items: listItems, "aria-label": "Menu de op\u00E7\u00F5es do chat" })] })) : (_jsx(IconButton, { color: "light", appearance: "square", role: "button", title: listItems[0].label, "aria-label": listItems[0].label, onClick: listItems[0].onClick, children: listItems[0].icon }));
|
|
75
82
|
};
|
|
76
83
|
//# sourceMappingURL=SelectContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectContent.js","sourceRoot":"","sources":["../../../src/views/MessageInput/SelectContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACzG,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAA;AAC3E,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AACpF,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,yBAAyB,EAAE,MAAM,cAAc,CAAA;AAKxD,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACrD,MAAM,QAAQ,GAAG,mBAAmB,CAAC,UAAU,CAAC,CAAA;IAChD,MAAM,CAAC,GAAG,yBAAyB,EAAE,CAAA;IACrC,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAA;IACxC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,SAAS,IAAI,QAAQ,CAAC,eAAe,IAAI,QAAQ,CAAC,KAAK,IAAI,QAAQ,CAAC,MAAM,CAAA;IAC7G,MAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAE7B,MAAM,WAAW,GAAG;QAClB;YACE,GAAG,EAAE,OAAO;YACZ,KAAK,EAAE,CAAC,CAAC,SAAS;YAClB,IAAI,EAAE,KAAC,KAAK,KAAG;YACf,OAAO,EAAE,CAAC,KAAwB,EAAE,EAAE;gBACpC,KAAK,EAAE,eAAe,EAAE,CAAA;gBACxB,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,GAAG,CAAC,CAAA;YAC9B,CAAC;SACF;QACD;YACE,GAAG,EAAE,eAAe;YACpB,KAAK,EAAE,gBAAgB;YACvB,IAAI,EAAE,KAAC,YAAY,KAAG;YACtB,OAAO,EAAE,CAAC,KAAwB,EAAE,EAAE;gBACpC,KAAK,EAAE,eAAe,EAAE,CAAA;gBACxB,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,GAAG,CAAC,CAAA;YAC9B,CAAC;SACF;QACD;YACE,GAAG,EAAE,iBAAiB;YACtB,KAAK,EAAE,mBAAmB;YAC1B,IAAI,EAAE,KAAC,eAAe,KAAG;YACzB,KAAK,EAAE,IAAI;SACZ;QACD;YACE,GAAG,EAAE,OAAO;YACZ,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,KAAC,KAAK,KAAG;YACf,KAAK,EAAE,OAAO;SACf;QACD;YACE,GAAG,EAAE,WAAW;YAChB,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,KAAC,MAAM,KAAG;YAChB,KAAK,EAAE,WAAW;SACnB;QACD;YACE,GAAG,EAAE,QAAQ;YACb,KAAK,EAAE,CAAC,CAAC,MAAM;YACf,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE;YACnC,SAAS,EAAE,aAAa;YACxB,IAAI,EAAE,KAAC,cAAc,KAAG;
|
|
1
|
+
{"version":3,"file":"SelectContent.js","sourceRoot":"","sources":["../../../src/views/MessageInput/SelectContent.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UploadBar.d.ts","sourceRoot":"","sources":["../../../src/views/MessageInput/UploadBar.tsx"],"names":[],"mappings":"AAiCA,eAAO,MAAM,SAAS,+
|
|
1
|
+
{"version":3,"file":"UploadBar.d.ts","sourceRoot":"","sources":["../../../src/views/MessageInput/UploadBar.tsx"],"names":[],"mappings":"AAiCA,eAAO,MAAM,SAAS,+CAyErB,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { listToClass } from '@stack-spot/portal-theme';
|
|
3
3
|
import { interpolate } from '@stack-spot/portal-translate';
|
|
4
|
-
import { useMemo } from 'react';
|
|
4
|
+
import { useEffect, useMemo, useRef, useState } from 'react';
|
|
5
5
|
import { FadingOverflow } from '../../components/FadingOverflow.js';
|
|
6
6
|
import { FileDescription } from '../../components/FileDescription.js';
|
|
7
7
|
import { useCurrentChat } from '../../context/hooks.js';
|
|
@@ -24,6 +24,26 @@ export const UploadBar = () => {
|
|
|
24
24
|
const t = useMessageInputDictionary();
|
|
25
25
|
const chat = useCurrentChat();
|
|
26
26
|
const visible = !!uploads.length;
|
|
27
|
+
const [ariaMessage, setAriaMessage] = useState('');
|
|
28
|
+
const prevUploadsRef = useRef([]);
|
|
29
|
+
const announcedUploadsRef = useRef(new Set());
|
|
30
|
+
useEffect(() => {
|
|
31
|
+
const prevUploads = prevUploadsRef.current;
|
|
32
|
+
const newUploads = uploads.filter(up => !prevUploads.some(prev => prev.id === up.id));
|
|
33
|
+
newUploads.forEach((up) => {
|
|
34
|
+
if (!announcedUploadsRef.current.has(up.id)) {
|
|
35
|
+
setAriaMessage('');
|
|
36
|
+
setTimeout(() => {
|
|
37
|
+
setAriaMessage(`${t.uploadSuccessStatus}: ${up.file.name}`);
|
|
38
|
+
setTimeout(() => setAriaMessage(''), 2500);
|
|
39
|
+
}, 100);
|
|
40
|
+
announcedUploadsRef.current.add(up.id);
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
if (uploads.some(up => up.status === 'error')) {
|
|
44
|
+
setTimeout(() => setAriaMessage(''), 2000);
|
|
45
|
+
}
|
|
46
|
+
}, [uploads]);
|
|
27
47
|
useUploadErrorEffect((errors) => {
|
|
28
48
|
const sizeErrors = errors.filter(e => e instanceof FileIsTooLarge);
|
|
29
49
|
const maxItemsErrors = errors.filter(e => e instanceof MaxFilesReached);
|
|
@@ -40,8 +60,15 @@ export const UploadBar = () => {
|
|
|
40
60
|
}
|
|
41
61
|
if (!lines.length)
|
|
42
62
|
return;
|
|
63
|
+
setAriaMessage(lines.join(' '));
|
|
64
|
+
setTimeout(() => setAriaMessage(''), 2000);
|
|
43
65
|
chat.pushMessage(new ChatEntry({ agentType: 'system', type: 'md', content: lines.join('\n\n') }));
|
|
66
|
+
if (lines.length) {
|
|
67
|
+
setAriaMessage(lines.join(' '));
|
|
68
|
+
setTimeout(() => setAriaMessage(''), 2000);
|
|
69
|
+
chat.pushMessage(new ChatEntry({ agentType: 'system', type: 'md', content: lines.join('\n\n') }));
|
|
70
|
+
}
|
|
44
71
|
});
|
|
45
|
-
return (_jsxs("div", { className: listToClass(['info-bar', 'upload-bar', visible && 'visible']), children: [_jsx("div", { className: "space" }), _jsx("div", { className: "content", children: _jsx(FadingOverflow, { className: "list-overflow", scroll: "arrows", enableHorizontalScrollWithVerticalWheel: true, children: _jsx("ul", { children: listItems }) }) })] }));
|
|
72
|
+
return (_jsxs("div", { className: listToClass(['info-bar', 'upload-bar', visible && 'visible']), children: [_jsx("div", { className: "aria-live", "aria-live": "polite", "aria-atomic": "true", children: ariaMessage }), _jsx("div", { className: "space" }), _jsx("div", { className: "content", children: _jsx(FadingOverflow, { className: "list-overflow", scroll: "arrows", enableHorizontalScrollWithVerticalWheel: true, children: _jsx("ul", { children: listItems }) }) })] }));
|
|
46
73
|
};
|
|
47
74
|
//# sourceMappingURL=UploadBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UploadBar.js","sourceRoot":"","sources":["../../../src/views/MessageInput/UploadBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"UploadBar.js","sourceRoot":"","sources":["../../../src/views/MessageInput/UploadBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const useMessageInputDictionary: () => Record<"code" | "placeholder" | "selected" | "send" | "cancel" | "stack" | "knowledgeSource" | "agent" | "upload" | "remove" | "collapse" | "spot" | "typing" | "removeConfig" | "removeStack" | "removeWorkspace" | "removeKS" | "removeSelection" | "expand" | "uploadSizeError" | "uploadItemLimitError" | "uploadError" | "uploadDragging" | "uploadDragDropTitle" | "uploadDragDropDescription" | "unknownUploadError" | "cantSendBecauseOfUploadError" | "cantSendBecauseOfUploadProgress" | "cantSendBecauseOfEmptyContent" | "cantSendBecausePromptMaxLength" | "chatAgent", string>;
|
|
1
|
+
export declare const useMessageInputDictionary: () => Record<"code" | "placeholder" | "selected" | "send" | "cancel" | "stack" | "knowledgeSource" | "agent" | "upload" | "remove" | "collapse" | "spot" | "typing" | "removeConfig" | "removeStack" | "removeWorkspace" | "removeKS" | "removeSelection" | "expand" | "uploadSizeError" | "uploadItemLimitError" | "uploadError" | "uploadDragging" | "uploadDragDropTitle" | "uploadDragDropDescription" | "unknownUploadError" | "cantSendBecauseOfUploadError" | "cantSendBecauseOfUploadProgress" | "cantSendBecauseOfEmptyContent" | "cantSendBecausePromptMaxLength" | "chatAgent" | "uploadSuccessStatus", string>;
|
|
2
2
|
//# sourceMappingURL=dictionary.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dictionary.d.ts","sourceRoot":"","sources":["../../../src/views/MessageInput/dictionary.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"dictionary.d.ts","sourceRoot":"","sources":["../../../src/views/MessageInput/dictionary.ts"],"names":[],"mappings":"AAyEA,eAAO,MAAM,yBAAyB,4lBAAiC,CAAA"}
|
|
@@ -32,6 +32,7 @@ const dictionary = {
|
|
|
32
32
|
cantSendBecauseOfEmptyContent: 'You can\'t send empty messages. Please write some text or upload a file.',
|
|
33
33
|
cantSendBecausePromptMaxLength: 'You can\'t send messages longer than $0 characters. Please, shorten your message.',
|
|
34
34
|
chatAgent: 'Agents',
|
|
35
|
+
uploadSuccessStatus: 'File sent successfully',
|
|
35
36
|
},
|
|
36
37
|
pt: {
|
|
37
38
|
stack: 'Selecionar stack',
|
|
@@ -65,6 +66,7 @@ const dictionary = {
|
|
|
65
66
|
cantSendBecauseOfEmptyContent: 'Não é possível enviar mensagens vazias. Por favor, escreva algum texto ou envie um arquivo.',
|
|
66
67
|
cantSendBecausePromptMaxLength: 'Você não pode enviar mensagens com mais de $0 caracteres. Por favor, reduza sua mensagem.',
|
|
67
68
|
chatAgent: 'Agentes',
|
|
69
|
+
uploadSuccessStatus: 'Arquivo anexado com sucesso',
|
|
68
70
|
},
|
|
69
71
|
};
|
|
70
72
|
export const useMessageInputDictionary = () => useTranslate(dictionary);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dictionary.js","sourceRoot":"","sources":["../../../src/views/MessageInput/dictionary.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAEvE,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE;QACF,KAAK,EAAE,cAAc;QACrB,IAAI,EAAE,kBAAkB;QACxB,IAAI,EAAE,aAAa;QACnB,eAAe,EAAE,0BAA0B;QAC3C,KAAK,EAAE,cAAc;QACrB,IAAI,EAAE,cAAc;QACpB,WAAW,EAAE,gDAAgD;QAC7D,MAAM,EAAE,sBAAsB;QAC9B,MAAM,EAAE,QAAQ;QAChB,YAAY,EAAE,8BAA8B;QAC5C,WAAW,EAAE,8BAA8B;QAC3C,eAAe,EAAE,6BAA6B;QAC9C,QAAQ,EAAE,kCAAkC;QAC5C,QAAQ,EAAE,UAAU;QACpB,eAAe,EAAE,+BAA+B;QAChD,MAAM,EAAE,QAAQ;QAChB,MAAM,EAAE,aAAa;QACrB,MAAM,EAAE,gBAAgB;QACxB,QAAQ,EAAE,kBAAkB;QAC5B,eAAe,EAAE,wFAAwF;QACzG,oBAAoB,EAAE,6FAA6F;QACnH,WAAW,EAAE,kDAAkD;QAC/D,cAAc,EAAE,8BAA8B;QAC9C,mBAAmB,EAAE,sBAAsB;QAC3C,yBAAyB,EAAE,iDAAiD;QAC5E,kBAAkB,EAAE,8CAA8C;QAClE,4BAA4B,EAAE,yIAAyI;QACvK,+BAA+B,EAAE,8IAA8I;QAC/K,6BAA6B,EAAE,0EAA0E;QACzG,8BAA8B,EAAE,mFAAmF;QACnH,SAAS,EAAE,QAAQ;
|
|
1
|
+
{"version":3,"file":"dictionary.js","sourceRoot":"","sources":["../../../src/views/MessageInput/dictionary.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAEvE,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE;QACF,KAAK,EAAE,cAAc;QACrB,IAAI,EAAE,kBAAkB;QACxB,IAAI,EAAE,aAAa;QACnB,eAAe,EAAE,0BAA0B;QAC3C,KAAK,EAAE,cAAc;QACrB,IAAI,EAAE,cAAc;QACpB,WAAW,EAAE,gDAAgD;QAC7D,MAAM,EAAE,sBAAsB;QAC9B,MAAM,EAAE,QAAQ;QAChB,YAAY,EAAE,8BAA8B;QAC5C,WAAW,EAAE,8BAA8B;QAC3C,eAAe,EAAE,6BAA6B;QAC9C,QAAQ,EAAE,kCAAkC;QAC5C,QAAQ,EAAE,UAAU;QACpB,eAAe,EAAE,+BAA+B;QAChD,MAAM,EAAE,QAAQ;QAChB,MAAM,EAAE,aAAa;QACrB,MAAM,EAAE,gBAAgB;QACxB,QAAQ,EAAE,kBAAkB;QAC5B,eAAe,EAAE,wFAAwF;QACzG,oBAAoB,EAAE,6FAA6F;QACnH,WAAW,EAAE,kDAAkD;QAC/D,cAAc,EAAE,8BAA8B;QAC9C,mBAAmB,EAAE,sBAAsB;QAC3C,yBAAyB,EAAE,iDAAiD;QAC5E,kBAAkB,EAAE,8CAA8C;QAClE,4BAA4B,EAAE,yIAAyI;QACvK,+BAA+B,EAAE,8IAA8I;QAC/K,6BAA6B,EAAE,0EAA0E;QACzG,8BAA8B,EAAE,mFAAmF;QACnH,SAAS,EAAE,QAAQ;QACnB,mBAAmB,EAAE,wBAAwB;KAC9C;IACD,EAAE,EAAE;QACF,KAAK,EAAE,kBAAkB;QACzB,IAAI,EAAE,wBAAwB;QAC9B,IAAI,EAAE,iBAAiB;QACvB,eAAe,EAAE,8BAA8B;QAC/C,KAAK,EAAE,mBAAmB;QAC1B,IAAI,EAAE,iBAAiB;QACvB,WAAW,EAAE,uDAAuD;QACpE,MAAM,EAAE,wBAAwB;QAChC,MAAM,EAAE,UAAU;QAClB,YAAY,EAAE,gCAAgC;QAC9C,WAAW,EAAE,6BAA6B;QAC1C,eAAe,EAAE,4BAA4B;QAC7C,QAAQ,EAAE,qCAAqC;QAC/C,QAAQ,EAAE,aAAa;QACvB,eAAe,EAAE,4BAA4B;QAC7C,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,gBAAgB;QACxB,MAAM,EAAE,gBAAgB;QACxB,QAAQ,EAAE,iBAAiB;QAC3B,eAAe,EAAE,+FAA+F;QAChH,oBAAoB,EAAE,wHAAwH;QAC9I,WAAW,EAAE,2CAA2C;QACxD,cAAc,EAAE,wCAAwC;QACxD,mBAAmB,EAAE,0BAA0B;QAC/C,yBAAyB,EAAE,yDAAyD;QACpF,kBAAkB,EAAE,wCAAwC;QAC5D,4BAA4B,EAAE,4JAA4J;QAC1L,+BAA+B,EAAE,iJAAiJ;QAClL,6BAA6B,EAAE,6FAA6F;QAC5H,8BAA8B,EAAE,2FAA2F;QAC3H,SAAS,EAAE,SAAS;QACpB,mBAAmB,EAAE,6BAA6B;KACnD;CACmB,CAAA;AAEtB,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/views/MessageInput/styled.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,gBAAgB,KAAK,CAAA;AAElC,eAAO,MAAM,mBAAmB,wOAyC/B,CAAA;AAED,eAAO,MAAM,eAAe;oBAA+B,OAAO;
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/views/MessageInput/styled.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,gBAAgB,KAAK,CAAA;AAElC,eAAO,MAAM,mBAAmB,wOAyC/B,CAAA;AAED,eAAO,MAAM,eAAe;oBAA+B,OAAO;YA8PjE,CAAA"}
|
|
@@ -62,6 +62,18 @@ export const MessageInputBox = styled.div `
|
|
|
62
62
|
}
|
|
63
63
|
}
|
|
64
64
|
|
|
65
|
+
> .aria-live {
|
|
66
|
+
position: absolute;
|
|
67
|
+
width: 1;
|
|
68
|
+
height: 1;
|
|
69
|
+
margin: -1;
|
|
70
|
+
padding: 0;
|
|
71
|
+
overflow: hidden;
|
|
72
|
+
clip: rect(0 0 0 0);
|
|
73
|
+
white-Space: nowrap;
|
|
74
|
+
border: 0;
|
|
75
|
+
}
|
|
76
|
+
|
|
65
77
|
> .space {
|
|
66
78
|
height: 0;
|
|
67
79
|
transition: height 0.4s;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/views/MessageInput/styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,MAAM,kBAAkB,GAAG,EAAE,CAAA;AAC7B,MAAM,wBAAwB,GAAG,CAAC,CAAA;AAClC,MAAM,iBAAiB,GAAG,EAAE,CAAA;AAC5B,MAAM,uBAAuB,GAAG,CAAC,CAAA;AACjC,MAAM,CAAC,MAAM,gBAAgB,GAAG,EAAE,CAAA;AAElC,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;sBAKvB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;wBAcpB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;0BAgBpB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;0BAGtB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;CAG/C,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAA2B
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/views/MessageInput/styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,MAAM,kBAAkB,GAAG,EAAE,CAAA;AAC7B,MAAM,wBAAwB,GAAG,CAAC,CAAA;AAClC,MAAM,iBAAiB,GAAG,EAAE,CAAA;AAC5B,MAAM,uBAAuB,GAAG,CAAC,CAAA;AACjC,MAAM,CAAC,MAAM,gBAAgB,GAAG,EAAE,CAAA;AAElC,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;sBAKvB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;wBAcpB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;0BAgBpB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;0BAGtB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;CAG/C,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAsC1C,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;sBA0B1B,kBAAkB,GAAG,wBAAwB;wBAC3C,kBAAkB;;;;;;;;;;;QAWlC,UAAU;;;;;;;;;;;;;;;;sBAgBI,iBAAiB,GAAG,uBAAuB;wBACzC,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;0BA0Bf,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;0BAEtB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;4BAKpB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;4BAKtB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAyD5C,UAAU;;;;;;;;;;;;;;8BAcc,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;8BACtB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;gCAQpB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;oBAOlC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY;;;;;;;;;;;;;;;;;;;8BAmBpB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;cAStC,gBAAgB;;;;;;;;CAQ7B,CAAA"}
|
package/package.json
CHANGED
package/src/app-metadata.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stack-spot/ai-chat-widget",
|
|
3
|
-
"version": "1.
|
|
4
|
-
"date": "
|
|
3
|
+
"version": "1.36.1-beta.1",
|
|
4
|
+
"date": "Thu Aug 07 2025 20:49:51 GMT+0000 (Coordinated Universal Time)",
|
|
5
5
|
"dependencies": [
|
|
6
6
|
{
|
|
7
7
|
"name": "@stack-spot/app-metadata",
|
package/src/index.ts
CHANGED
|
@@ -12,8 +12,9 @@ export type { ChatAction } from './state/ChatEntry'
|
|
|
12
12
|
export { ChatState } from './state/ChatState'
|
|
13
13
|
export type { MessageInterceptor } from './state/ChatState'
|
|
14
14
|
export { ChatTabsController } from './state/ChatTabsController'
|
|
15
|
+
export { acceptedFileTypes } from './state/constants'
|
|
15
16
|
export { ObservableState } from './state/ObservableState'
|
|
16
17
|
export type { Labeled, LabeledAgent, LabeledWithImage } from './state/types'
|
|
17
18
|
export { WidgetState } from './state/WidgetState'
|
|
18
19
|
export { defaultLanguage, languages } from './utils/programming-languages'
|
|
19
|
-
|
|
20
|
+
|
package/src/layout.css
CHANGED
|
@@ -23,6 +23,7 @@ export const SelectContent = () => {
|
|
|
23
23
|
key: 'agent',
|
|
24
24
|
label: t.chatAgent,
|
|
25
25
|
icon: <Agent />,
|
|
26
|
+
'aria-label': 'Botão de agent',
|
|
26
27
|
onClick: (event?: React.MouseEvent) => {
|
|
27
28
|
event?.stopPropagation()
|
|
28
29
|
chat.set('nextMessage', '@')
|
|
@@ -32,6 +33,7 @@ export const SelectContent = () => {
|
|
|
32
33
|
key: 'quickCommands',
|
|
33
34
|
label: 'Quick Commands',
|
|
34
35
|
icon: <QuickCommand />,
|
|
36
|
+
'aria-label': 'Botão de quickCommands',
|
|
35
37
|
onClick: (event?: React.MouseEvent) => {
|
|
36
38
|
event?.stopPropagation()
|
|
37
39
|
chat.set('nextMessage', '/')
|
|
@@ -41,18 +43,21 @@ export const SelectContent = () => {
|
|
|
41
43
|
key: 'knowledgeSource',
|
|
42
44
|
label: 'Knowledge Sources',
|
|
43
45
|
icon: <KnowledgeSource />,
|
|
46
|
+
'aria-label': 'Botão de knowledgeSource',
|
|
44
47
|
panel: 'ks',
|
|
45
48
|
},
|
|
46
49
|
{
|
|
47
50
|
key: 'stack',
|
|
48
51
|
label: 'Stacks AI',
|
|
49
52
|
icon: <Stack />,
|
|
53
|
+
'aria-label': 'Botão de stack',
|
|
50
54
|
panel: 'stack',
|
|
51
55
|
},
|
|
52
56
|
{
|
|
53
57
|
key: 'workspace',
|
|
54
58
|
label: 'Spots',
|
|
55
59
|
icon: <Spaces />,
|
|
60
|
+
'aria-label': 'Botão de workspace',
|
|
56
61
|
panel: 'workspace',
|
|
57
62
|
},
|
|
58
63
|
{
|
|
@@ -61,6 +66,7 @@ export const SelectContent = () => {
|
|
|
61
66
|
onClick: () => uploadManager.open(),
|
|
62
67
|
className: 'upload-item',
|
|
63
68
|
icon: <DocumentUpload />,
|
|
69
|
+
'aria-label': 'Botão de upload de arquivos',
|
|
64
70
|
},
|
|
65
71
|
]
|
|
66
72
|
|
|
@@ -74,6 +80,7 @@ export const SelectContent = () => {
|
|
|
74
80
|
widget.set('panel', chatFeatures.panel as ChatPanel)
|
|
75
81
|
setVisibleMenu(false)
|
|
76
82
|
}) : chatFeatures.onClick,
|
|
83
|
+
'aria-label': chatFeatures['aria-label'],
|
|
77
84
|
})), [features, widget])
|
|
78
85
|
|
|
79
86
|
if (!hasFeatureButtons) return null
|
|
@@ -89,6 +96,7 @@ export const SelectContent = () => {
|
|
|
89
96
|
data-test-hint="button-options"
|
|
90
97
|
aria-label={visibleMenu ? t.collapse : t.expand}
|
|
91
98
|
aria-controls="chatMessageMenu"
|
|
99
|
+
aria-expanded={visibleMenu}
|
|
92
100
|
onClick={() => setVisibleMenu(state => !state)}>
|
|
93
101
|
<Plus />
|
|
94
102
|
</IconButton>
|
|
@@ -98,6 +106,7 @@ export const SelectContent = () => {
|
|
|
98
106
|
visible={visibleMenu}
|
|
99
107
|
onHide={() => setVisibleMenu(false)}
|
|
100
108
|
items={listItems}
|
|
109
|
+
aria-label="Menu de opções do chat"
|
|
101
110
|
/>
|
|
102
111
|
</>
|
|
103
112
|
) : (
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { listToClass } from '@stack-spot/portal-theme'
|
|
2
2
|
import { interpolate } from '@stack-spot/portal-translate'
|
|
3
|
-
import { useMemo } from 'react'
|
|
3
|
+
import { useEffect, useMemo, useRef, useState } from 'react'
|
|
4
4
|
import { FadingOverflow } from '../../components/FadingOverflow'
|
|
5
5
|
import { FileDescription } from '../../components/FileDescription'
|
|
6
6
|
import { useCurrentChat } from '../../context/hooks'
|
|
@@ -37,6 +37,29 @@ export const UploadBar = () => {
|
|
|
37
37
|
const t = useMessageInputDictionary()
|
|
38
38
|
const chat = useCurrentChat()
|
|
39
39
|
const visible = !!uploads.length
|
|
40
|
+
const [ariaMessage, setAriaMessage] = useState('')
|
|
41
|
+
const prevUploadsRef = useRef<FileUpload[]>([])
|
|
42
|
+
const announcedUploadsRef = useRef<Set<string>>(new Set())
|
|
43
|
+
|
|
44
|
+
useEffect(() => {
|
|
45
|
+
const prevUploads = prevUploadsRef.current
|
|
46
|
+
const newUploads = uploads.filter(
|
|
47
|
+
up => !prevUploads.some(prev => prev.id === up.id),
|
|
48
|
+
)
|
|
49
|
+
newUploads.forEach((up) => {
|
|
50
|
+
if (!announcedUploadsRef.current.has(up.id)) {
|
|
51
|
+
setAriaMessage('')
|
|
52
|
+
setTimeout(() => {
|
|
53
|
+
setAriaMessage(`${t.uploadSuccessStatus}: ${up.file.name}`)
|
|
54
|
+
setTimeout(() => setAriaMessage(''), 2500)
|
|
55
|
+
}, 100)
|
|
56
|
+
announcedUploadsRef.current.add(up.id)
|
|
57
|
+
}
|
|
58
|
+
})
|
|
59
|
+
if (uploads.some(up => up.status === 'error')) {
|
|
60
|
+
setTimeout(() => setAriaMessage(''), 2000)
|
|
61
|
+
}
|
|
62
|
+
}, [uploads])
|
|
40
63
|
|
|
41
64
|
useUploadErrorEffect((errors) => {
|
|
42
65
|
const sizeErrors = errors.filter(e => e instanceof FileIsTooLarge)
|
|
@@ -53,11 +76,26 @@ export const UploadBar = () => {
|
|
|
53
76
|
lines.push(`${interpolate(t.uploadItemLimitError, maxItems)}\n- ${maxItemsErrorsNames.join('\n- ')}`)
|
|
54
77
|
}
|
|
55
78
|
if (!lines.length) return
|
|
79
|
+
setAriaMessage(lines.join(' '))
|
|
80
|
+
setTimeout(() => setAriaMessage(''), 2000)
|
|
56
81
|
chat.pushMessage(new ChatEntry({ agentType: 'system', type: 'md', content: lines.join('\n\n') }))
|
|
82
|
+
|
|
83
|
+
if (lines.length) {
|
|
84
|
+
setAriaMessage(lines.join(' '))
|
|
85
|
+
setTimeout(() => setAriaMessage(''), 2000)
|
|
86
|
+
chat.pushMessage(new ChatEntry({ agentType: 'system', type: 'md', content: lines.join('\n\n') }))
|
|
87
|
+
}
|
|
57
88
|
})
|
|
58
89
|
|
|
90
|
+
|
|
59
91
|
return (
|
|
60
92
|
<div className={listToClass(['info-bar', 'upload-bar', visible && 'visible'])}>
|
|
93
|
+
<div className="aria-live"
|
|
94
|
+
aria-live="polite"
|
|
95
|
+
aria-atomic="true"
|
|
96
|
+
>
|
|
97
|
+
{ariaMessage}
|
|
98
|
+
</div>
|
|
61
99
|
<div className="space"></div>
|
|
62
100
|
<div className="content">
|
|
63
101
|
<FadingOverflow className="list-overflow" scroll="arrows" enableHorizontalScrollWithVerticalWheel>
|
|
@@ -33,6 +33,7 @@ const dictionary = {
|
|
|
33
33
|
cantSendBecauseOfEmptyContent: 'You can\'t send empty messages. Please write some text or upload a file.',
|
|
34
34
|
cantSendBecausePromptMaxLength: 'You can\'t send messages longer than $0 characters. Please, shorten your message.',
|
|
35
35
|
chatAgent: 'Agents',
|
|
36
|
+
uploadSuccessStatus: 'File sent successfully',
|
|
36
37
|
},
|
|
37
38
|
pt: {
|
|
38
39
|
stack: 'Selecionar stack',
|
|
@@ -66,6 +67,7 @@ const dictionary = {
|
|
|
66
67
|
cantSendBecauseOfEmptyContent: 'Não é possível enviar mensagens vazias. Por favor, escreva algum texto ou envie um arquivo.',
|
|
67
68
|
cantSendBecausePromptMaxLength: 'Você não pode enviar mensagens com mais de $0 caracteres. Por favor, reduza sua mensagem.',
|
|
68
69
|
chatAgent: 'Agentes',
|
|
70
|
+
uploadSuccessStatus: 'Arquivo anexado com sucesso',
|
|
69
71
|
},
|
|
70
72
|
} satisfies Dictionary
|
|
71
73
|
|
|
@@ -65,6 +65,18 @@ export const MessageInputBox = styled.div<{$inputFocused?: boolean}>`
|
|
|
65
65
|
}
|
|
66
66
|
}
|
|
67
67
|
|
|
68
|
+
> .aria-live {
|
|
69
|
+
position: absolute;
|
|
70
|
+
width: 1;
|
|
71
|
+
height: 1;
|
|
72
|
+
margin: -1;
|
|
73
|
+
padding: 0;
|
|
74
|
+
overflow: hidden;
|
|
75
|
+
clip: rect(0 0 0 0);
|
|
76
|
+
white-Space: nowrap;
|
|
77
|
+
border: 0;
|
|
78
|
+
}
|
|
79
|
+
|
|
68
80
|
> .space {
|
|
69
81
|
height: 0;
|
|
70
82
|
transition: height 0.4s;
|