@stack-spot/ai-chat-widget 1.24.4 → 1.25.1-beta.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 +7 -0
- package/dist/app-metadata.json +3 -3
- package/dist/chat-interceptors/send-message.js +3 -3
- package/dist/chat-interceptors/send-message.js.map +1 -1
- package/dist/components/AgentCard/dictionary.d.ts +4 -2
- package/dist/components/AgentCard/dictionary.d.ts.map +1 -1
- package/dist/components/AgentCard/dictionary.js +4 -2
- package/dist/components/AgentCard/dictionary.js.map +1 -1
- package/dist/components/FileDescription.d.ts +10 -0
- package/dist/components/FileDescription.d.ts.map +1 -0
- package/dist/components/FileDescription.js +85 -0
- package/dist/components/FileDescription.js.map +1 -0
- package/dist/components/Selector/index.d.ts +2 -2
- package/dist/components/Selector/index.d.ts.map +1 -1
- package/dist/components/Selector/index.js +2 -2
- package/dist/components/Selector/index.js.map +1 -1
- package/dist/state/ChatEntry.d.ts +9 -0
- package/dist/state/ChatEntry.d.ts.map +1 -1
- package/dist/state/ChatEntry.js.map +1 -1
- package/dist/state/ChatState.d.ts +5 -0
- package/dist/state/ChatState.d.ts.map +1 -1
- package/dist/state/ChatState.js +6 -0
- package/dist/state/ChatState.js.map +1 -1
- package/dist/state/constants.d.ts +5 -0
- package/dist/state/constants.d.ts.map +1 -0
- package/dist/state/constants.js +9 -0
- package/dist/state/constants.js.map +1 -0
- package/dist/state/types.d.ts +5 -1
- package/dist/state/types.d.ts.map +1 -1
- package/dist/utils/chat.d.ts +2 -1
- package/dist/utils/chat.d.ts.map +1 -1
- package/dist/utils/chat.js +2 -1
- package/dist/utils/chat.js.map +1 -1
- package/dist/utils/tools.d.ts +2 -2
- package/dist/utils/tools.d.ts.map +1 -1
- package/dist/utils/tools.js +3 -6
- package/dist/utils/tools.js.map +1 -1
- package/dist/utils/upload/FileUpload.d.ts +21 -0
- package/dist/utils/upload/FileUpload.d.ts.map +1 -0
- package/dist/utils/upload/FileUpload.js +55 -0
- package/dist/utils/upload/FileUpload.js.map +1 -0
- package/dist/utils/upload/UploadManager.d.ts +40 -0
- package/dist/utils/upload/UploadManager.d.ts.map +1 -0
- package/dist/utils/upload/UploadManager.js +131 -0
- package/dist/utils/upload/UploadManager.js.map +1 -0
- package/dist/utils/upload/context.d.ts +15 -0
- package/dist/utils/upload/context.d.ts.map +1 -0
- package/dist/utils/upload/context.js +37 -0
- package/dist/utils/upload/context.js.map +1 -0
- package/dist/utils/upload/errors.d.ts +17 -0
- package/dist/utils/upload/errors.d.ts.map +1 -0
- package/dist/utils/upload/errors.js +27 -0
- package/dist/utils/upload/errors.js.map +1 -0
- package/dist/utils/upload/types.d.ts +7 -0
- package/dist/utils/upload/types.d.ts.map +1 -0
- package/dist/utils/upload/types.js +2 -0
- package/dist/utils/upload/types.js.map +1 -0
- package/dist/utils/upload/utils.d.ts +4 -0
- package/dist/utils/upload/utils.d.ts.map +1 -0
- package/dist/utils/upload/utils.js +10 -0
- package/dist/utils/upload/utils.js.map +1 -0
- package/dist/views/Agents/AgentDescription.d.ts +2 -9
- package/dist/views/Agents/AgentDescription.d.ts.map +1 -1
- package/dist/views/Agents/AgentDescription.js +11 -9
- package/dist/views/Agents/AgentDescription.js.map +1 -1
- package/dist/views/Agents/AgentsPanel.d.ts.map +1 -1
- package/dist/views/Agents/AgentsPanel.js +11 -11
- package/dist/views/Agents/AgentsPanel.js.map +1 -1
- package/dist/views/Agents/AgentsTab.d.ts +2 -2
- package/dist/views/Agents/AgentsTab.d.ts.map +1 -1
- package/dist/views/Agents/AgentsTab.js +4 -4
- package/dist/views/Agents/AgentsTab.js.map +1 -1
- package/dist/views/Agents/useAgentFavorites.d.ts +1 -1
- package/dist/views/Agents/useAgentFavorites.js +4 -4
- package/dist/views/Agents/useAgentFavorites.js.map +1 -1
- package/dist/views/Chat/AgentInfo.d.ts +2 -1
- package/dist/views/Chat/AgentInfo.d.ts.map +1 -1
- package/dist/views/Chat/AgentInfo.js +2 -2
- package/dist/views/Chat/AgentInfo.js.map +1 -1
- package/dist/views/Chat/ChatMessage.d.ts +1 -1
- package/dist/views/Chat/ChatMessage.d.ts.map +1 -1
- package/dist/views/Chat/ChatMessage.js +27 -8
- package/dist/views/Chat/ChatMessage.js.map +1 -1
- package/dist/views/Chat/styled.d.ts.map +1 -1
- package/dist/views/Chat/styled.js +15 -1
- package/dist/views/Chat/styled.js.map +1 -1
- package/dist/views/ChatHistory/HistoryItem.d.ts.map +1 -1
- package/dist/views/ChatHistory/HistoryItem.js +8 -5
- package/dist/views/ChatHistory/HistoryItem.js.map +1 -1
- package/dist/views/ChatHistory/utils.d.ts +0 -6
- package/dist/views/ChatHistory/utils.d.ts.map +1 -1
- package/dist/views/ChatHistory/utils.js +1 -16
- package/dist/views/ChatHistory/utils.js.map +1 -1
- package/dist/views/Home/CustomAgent.js +3 -3
- package/dist/views/Home/CustomAgent.js.map +1 -1
- package/dist/views/MessageInput/AgentSelector.js +4 -4
- package/dist/views/MessageInput/AgentSelector.js.map +1 -1
- package/dist/views/MessageInput/ButtonAgent.js +2 -2
- package/dist/views/MessageInput/ButtonAgent.js.map +1 -1
- package/dist/views/MessageInput/{InfoBar.d.ts → ContextBar.d.ts} +2 -2
- package/dist/views/MessageInput/ContextBar.d.ts.map +1 -0
- package/dist/views/MessageInput/{InfoBar.js → ContextBar.js} +5 -5
- package/dist/views/MessageInput/ContextBar.js.map +1 -0
- package/dist/views/MessageInput/SelectContent.d.ts.map +1 -1
- package/dist/views/MessageInput/SelectContent.js +14 -17
- package/dist/views/MessageInput/SelectContent.js.map +1 -1
- package/dist/views/MessageInput/UploadBar.d.ts +2 -0
- package/dist/views/MessageInput/UploadBar.d.ts.map +1 -0
- package/dist/views/MessageInput/UploadBar.js +47 -0
- package/dist/views/MessageInput/UploadBar.js.map +1 -0
- 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 +18 -4
- package/dist/views/MessageInput/dictionary.js.map +1 -1
- package/dist/views/MessageInput/index.d.ts.map +1 -1
- package/dist/views/MessageInput/index.js +46 -5
- package/dist/views/MessageInput/index.js.map +1 -1
- package/dist/views/MessageInput/styled.d.ts.map +1 -1
- package/dist/views/MessageInput/styled.js +56 -27
- package/dist/views/MessageInput/styled.js.map +1 -1
- package/dist/views/Steps/dictionary.d.ts +1 -1
- package/dist/views/Tools.js +3 -3
- package/dist/views/Tools.js.map +1 -1
- package/dist/views/Workspaces/WorkspacesTab.js +1 -1
- package/package.json +2 -2
- package/src/app-metadata.json +3 -3
- package/src/chat-interceptors/send-message.ts +3 -3
- package/src/components/AgentCard/dictionary.ts +4 -2
- package/src/components/FileDescription.tsx +114 -0
- package/src/components/Selector/index.tsx +4 -5
- package/src/state/ChatEntry.ts +10 -0
- package/src/state/ChatState.ts +6 -0
- package/src/state/constants.ts +12 -0
- package/src/state/types.ts +6 -1
- package/src/utils/chat.ts +3 -1
- package/src/utils/tools.ts +5 -7
- package/src/utils/upload/FileUpload.ts +64 -0
- package/src/utils/upload/UploadManager.ts +147 -0
- package/src/utils/upload/context.tsx +44 -0
- package/src/utils/upload/errors.ts +34 -0
- package/src/utils/upload/types.ts +7 -0
- package/src/utils/upload/utils.ts +12 -0
- package/src/views/Agents/AgentDescription.tsx +18 -25
- package/src/views/Agents/AgentsPanel.tsx +11 -12
- package/src/views/Agents/AgentsTab.tsx +8 -16
- package/src/views/Agents/useAgentFavorites.ts +4 -4
- package/src/views/Chat/AgentInfo.tsx +3 -2
- package/src/views/Chat/ChatMessage.tsx +51 -16
- package/src/views/Chat/styled.ts +15 -1
- package/src/views/ChatHistory/HistoryItem.tsx +10 -5
- package/src/views/ChatHistory/utils.ts +1 -18
- package/src/views/Home/CustomAgent.tsx +4 -4
- package/src/views/MessageInput/AgentSelector.tsx +4 -4
- package/src/views/MessageInput/ButtonAgent.tsx +2 -2
- package/src/views/MessageInput/{InfoBar.tsx → ContextBar.tsx} +9 -9
- package/src/views/MessageInput/SelectContent.tsx +17 -21
- package/src/views/MessageInput/UploadBar.tsx +69 -0
- package/src/views/MessageInput/dictionary.ts +18 -4
- package/src/views/MessageInput/index.tsx +77 -32
- package/src/views/MessageInput/styled.ts +56 -27
- package/src/views/Tools.tsx +4 -3
- package/src/views/Workspaces/WorkspacesTab.tsx +1 -1
- package/dist/views/MessageInput/InfoBar.d.ts.map +0 -1
- package/dist/views/MessageInput/InfoBar.js.map +0 -1
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { dataIntegrationClient } from '@stack-spot/portal-network';
|
|
2
|
+
import { pull } from 'lodash';
|
|
3
|
+
import { getFileId } from './utils.js';
|
|
4
|
+
export class FileUpload {
|
|
5
|
+
file;
|
|
6
|
+
status = 'pending';
|
|
7
|
+
id;
|
|
8
|
+
type;
|
|
9
|
+
error;
|
|
10
|
+
uploadId;
|
|
11
|
+
listeners = [];
|
|
12
|
+
abortController = new AbortController();
|
|
13
|
+
constructor(file, type = 'CONTEXT') {
|
|
14
|
+
this.file = file;
|
|
15
|
+
this.id = getFileId(file);
|
|
16
|
+
this.type = type;
|
|
17
|
+
this.upload();
|
|
18
|
+
}
|
|
19
|
+
runListeners() {
|
|
20
|
+
this.listeners.forEach(l => l(this.status));
|
|
21
|
+
}
|
|
22
|
+
async upload() {
|
|
23
|
+
try {
|
|
24
|
+
const [id] = await dataIntegrationClient.uploadFiles.mutate({ files: [this.file], type: this.type }, this.abortController.signal);
|
|
25
|
+
this.uploadId = id;
|
|
26
|
+
this.status = 'success';
|
|
27
|
+
}
|
|
28
|
+
catch (error) {
|
|
29
|
+
this.error = error;
|
|
30
|
+
this.status = 'error';
|
|
31
|
+
}
|
|
32
|
+
this.runListeners();
|
|
33
|
+
}
|
|
34
|
+
stop() {
|
|
35
|
+
this.abortController.abort();
|
|
36
|
+
}
|
|
37
|
+
retry() {
|
|
38
|
+
if (this.status != 'error')
|
|
39
|
+
return;
|
|
40
|
+
this.status = 'pending';
|
|
41
|
+
this.runListeners();
|
|
42
|
+
this.upload();
|
|
43
|
+
}
|
|
44
|
+
onChange(listener) {
|
|
45
|
+
this.listeners.push(listener);
|
|
46
|
+
return () => {
|
|
47
|
+
pull(this.listeners, listener);
|
|
48
|
+
};
|
|
49
|
+
}
|
|
50
|
+
destroy() {
|
|
51
|
+
this.listeners = [];
|
|
52
|
+
this.stop();
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
//# sourceMappingURL=FileUpload.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FileUpload.js","sourceRoot":"","sources":["../../../src/utils/upload/FileUpload.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAElE,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAInC,MAAM,OAAO,UAAU;IACZ,IAAI,CAAM;IACnB,MAAM,GAAqB,SAAS,CAAA;IAC3B,EAAE,CAAQ;IACV,IAAI,CAAgB;IAC7B,KAAK,CAAM;IACX,QAAQ,CAAS;IACT,SAAS,GAA+B,EAAE,CAAA;IAC1C,eAAe,GAAG,IAAI,eAAe,EAAE,CAAA;IAE/C,YAAY,IAAU,EAAE,OAAuB,SAAS;QACtD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAChB,IAAI,CAAC,EAAE,GAAG,SAAS,CAAC,IAAI,CAAC,CAAA;QACzB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAChB,IAAI,CAAC,MAAM,EAAE,CAAA;IACf,CAAC;IAEO,YAAY;QAClB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;IAC7C,CAAC;IAEO,KAAK,CAAC,MAAM;QAClB,IAAI,CAAC;YACH,MAAM,CAAC,EAAE,CAAC,GAAG,MAAM,qBAAqB,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAA;YACjI,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAA;YAClB,IAAI,CAAC,MAAM,GAAG,SAAS,CAAA;QACzB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;YAClB,IAAI,CAAC,MAAM,GAAG,OAAO,CAAA;QACvB,CAAC;QACD,IAAI,CAAC,YAAY,EAAE,CAAA;IACrB,CAAC;IAED,IAAI;QACF,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,CAAA;IAC9B,CAAC;IAED,KAAK;QACH,IAAI,IAAI,CAAC,MAAM,IAAI,OAAO;YAAE,OAAM;QAClC,IAAI,CAAC,MAAM,GAAG,SAAS,CAAA;QACvB,IAAI,CAAC,YAAY,EAAE,CAAA;QACnB,IAAI,CAAC,MAAM,EAAE,CAAA;IACf,CAAC;IAED,QAAQ,CAAC,QAAkC;QACzC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QAC7B,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;QAChC,CAAC,CAAA;IACH,CAAC;IAED,OAAO;QACL,IAAI,CAAC,SAAS,GAAG,EAAE,CAAA;QACnB,IAAI,CAAC,IAAI,EAAE,CAAA;IACb,CAAC;CACF"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { FileSize } from '../../state/types.js';
|
|
2
|
+
import { UploadError } from './errors.js';
|
|
3
|
+
import { FileUpload } from './FileUpload.js';
|
|
4
|
+
export type UploadChangeListener = (files: FileUpload[]) => void;
|
|
5
|
+
export type UploadStatusChangeListener = (status: UploadManagerStatus) => void;
|
|
6
|
+
export type UploadErrorListener = (errors: UploadError[]) => void;
|
|
7
|
+
export type UploadManagerStatus = 'idle' | 'uploading' | 'error';
|
|
8
|
+
export declare class UploadManager {
|
|
9
|
+
private changeListeners;
|
|
10
|
+
private statusListeners;
|
|
11
|
+
private errorListeners;
|
|
12
|
+
private input;
|
|
13
|
+
private value;
|
|
14
|
+
private maxSize?;
|
|
15
|
+
private maxItems;
|
|
16
|
+
private accept;
|
|
17
|
+
private onDestroy;
|
|
18
|
+
status: UploadManagerStatus;
|
|
19
|
+
constructor(options?: {
|
|
20
|
+
maxSize?: FileSize;
|
|
21
|
+
accept?: string[];
|
|
22
|
+
maxItems?: number;
|
|
23
|
+
});
|
|
24
|
+
private runChangeListeners;
|
|
25
|
+
private runStatusListeners;
|
|
26
|
+
private hasEquivalentFile;
|
|
27
|
+
private attachEventListeners;
|
|
28
|
+
private createInput;
|
|
29
|
+
private computeStatus;
|
|
30
|
+
open(): void;
|
|
31
|
+
get(): FileUpload[];
|
|
32
|
+
reset(): void;
|
|
33
|
+
remove(file: FileUpload): void;
|
|
34
|
+
onChange(listener: UploadChangeListener): () => void;
|
|
35
|
+
onChangeStatus(listener: UploadStatusChangeListener): () => void;
|
|
36
|
+
onError(listener: UploadErrorListener): () => void;
|
|
37
|
+
isFull(): boolean;
|
|
38
|
+
destroy(): void;
|
|
39
|
+
}
|
|
40
|
+
//# sourceMappingURL=UploadManager.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UploadManager.d.ts","sourceRoot":"","sources":["../../../src/utils/upload/UploadManager.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAsD,WAAW,EAAE,MAAM,UAAU,CAAA;AAC1F,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAGzC,MAAM,MAAM,oBAAoB,GAAG,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAA;AAChE,MAAM,MAAM,0BAA0B,GAAG,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAA;AAC9E,MAAM,MAAM,mBAAmB,GAAG,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,IAAI,CAAA;AACjE,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,WAAW,GAAG,OAAO,CAAA;AAEhE,qBAAa,aAAa;IACxB,OAAO,CAAC,eAAe,CAA6B;IACpD,OAAO,CAAC,eAAe,CAAmC;IAC1D,OAAO,CAAC,cAAc,CAA4B;IAClD,OAAO,CAAC,KAAK,CAAgC;IAC7C,OAAO,CAAC,KAAK,CAAmB;IAChC,OAAO,CAAC,OAAO,CAAC,CAAU;IAC1B,OAAO,CAAC,QAAQ,CAAQ;IACxB,OAAO,CAAC,MAAM,CAAU;IACxB,OAAO,CAAC,SAAS,CAAuB;IACxC,MAAM,EAAE,mBAAmB,CAAS;gBAExB,OAAO,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,QAAQ,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE;IAMlF,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,oBAAoB;IA+B5B,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,aAAa;IASrB,IAAI;IAKJ,GAAG,IAAI,UAAU,EAAE;IAInB,KAAK;IAML,MAAM,CAAC,IAAI,EAAE,UAAU;IAOvB,QAAQ,CAAC,QAAQ,EAAE,oBAAoB;IAOvC,cAAc,CAAC,QAAQ,EAAE,0BAA0B;IAOnD,OAAO,CAAC,QAAQ,EAAE,mBAAmB;IAOrC,MAAM;IAIN,OAAO;CAIR"}
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
import { pull } from 'lodash';
|
|
2
|
+
import { FileAlreadyExists, FileIsTooLarge, MaxFilesReached } from './errors.js';
|
|
3
|
+
import { FileUpload } from './FileUpload.js';
|
|
4
|
+
import { getFileId, unitPower } from './utils.js';
|
|
5
|
+
export class UploadManager {
|
|
6
|
+
changeListeners = [];
|
|
7
|
+
statusListeners = [];
|
|
8
|
+
errorListeners = [];
|
|
9
|
+
input = null;
|
|
10
|
+
value = [];
|
|
11
|
+
maxSize;
|
|
12
|
+
maxItems;
|
|
13
|
+
accept;
|
|
14
|
+
onDestroy = () => { };
|
|
15
|
+
status = 'idle';
|
|
16
|
+
constructor(options) {
|
|
17
|
+
this.maxSize = options?.maxSize;
|
|
18
|
+
this.accept = options?.accept ?? [];
|
|
19
|
+
this.maxItems = options?.maxItems ?? 0;
|
|
20
|
+
}
|
|
21
|
+
runChangeListeners() {
|
|
22
|
+
this.changeListeners.forEach(l => l(this.value));
|
|
23
|
+
}
|
|
24
|
+
runStatusListeners() {
|
|
25
|
+
const status = this.computeStatus();
|
|
26
|
+
if (status === this.status)
|
|
27
|
+
return;
|
|
28
|
+
this.status = status;
|
|
29
|
+
this.statusListeners.forEach(l => l(status));
|
|
30
|
+
}
|
|
31
|
+
hasEquivalentFile(file) {
|
|
32
|
+
const id = getFileId(file);
|
|
33
|
+
return this.value.some(f => id === f.id);
|
|
34
|
+
}
|
|
35
|
+
attachEventListeners() {
|
|
36
|
+
const handleChange = () => {
|
|
37
|
+
const newFiles = [];
|
|
38
|
+
const errors = [];
|
|
39
|
+
for (const f of this.input?.files ?? []) {
|
|
40
|
+
if (this.maxSize && f.size > this.maxSize.value * Math.pow(1024, unitPower[this.maxSize?.unit])) {
|
|
41
|
+
errors.push(new FileIsTooLarge(f.name, this.maxSize));
|
|
42
|
+
}
|
|
43
|
+
else if (this.maxItems && this.value.length + newFiles.length === this.maxItems) {
|
|
44
|
+
errors.push(new MaxFilesReached(f.name, this.maxItems));
|
|
45
|
+
}
|
|
46
|
+
else if (this.hasEquivalentFile(f)) {
|
|
47
|
+
errors.push(new FileAlreadyExists(f.name));
|
|
48
|
+
}
|
|
49
|
+
else {
|
|
50
|
+
const upload = new FileUpload(f);
|
|
51
|
+
newFiles.push(upload);
|
|
52
|
+
upload.onChange(() => this.runStatusListeners());
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
if (newFiles.length) {
|
|
56
|
+
this.value = [...this.value, ...newFiles];
|
|
57
|
+
this.runChangeListeners();
|
|
58
|
+
this.runStatusListeners();
|
|
59
|
+
}
|
|
60
|
+
if (errors.length) {
|
|
61
|
+
this.errorListeners.forEach(l => l(errors));
|
|
62
|
+
}
|
|
63
|
+
this.destroy();
|
|
64
|
+
};
|
|
65
|
+
this.onDestroy = () => this.input?.removeEventListener('change', handleChange);
|
|
66
|
+
this.input?.addEventListener('change', handleChange);
|
|
67
|
+
}
|
|
68
|
+
createInput() {
|
|
69
|
+
this.input = document.createElement('input');
|
|
70
|
+
this.input.setAttribute('type', 'file');
|
|
71
|
+
this.input.setAttribute('multiple', '');
|
|
72
|
+
this.input.setAttribute('style', 'display: none');
|
|
73
|
+
this.input.setAttribute('accept', `.${this.accept.join(',.')}`);
|
|
74
|
+
document.body.append(this.input);
|
|
75
|
+
this.attachEventListeners();
|
|
76
|
+
}
|
|
77
|
+
computeStatus() {
|
|
78
|
+
let uploading = false;
|
|
79
|
+
for (const f of this.value) {
|
|
80
|
+
if (f.status === 'error')
|
|
81
|
+
return 'error';
|
|
82
|
+
if (f.status === 'pending')
|
|
83
|
+
uploading = true;
|
|
84
|
+
}
|
|
85
|
+
return uploading ? 'uploading' : 'idle';
|
|
86
|
+
}
|
|
87
|
+
open() {
|
|
88
|
+
this.createInput();
|
|
89
|
+
this.input?.click();
|
|
90
|
+
}
|
|
91
|
+
get() {
|
|
92
|
+
return this.value;
|
|
93
|
+
}
|
|
94
|
+
reset() {
|
|
95
|
+
this.value.forEach(f => f.destroy());
|
|
96
|
+
this.value = [];
|
|
97
|
+
this.runChangeListeners();
|
|
98
|
+
}
|
|
99
|
+
remove(file) {
|
|
100
|
+
file.destroy();
|
|
101
|
+
this.value = this.value.filter(f => f !== file);
|
|
102
|
+
this.runChangeListeners();
|
|
103
|
+
this.runStatusListeners();
|
|
104
|
+
}
|
|
105
|
+
onChange(listener) {
|
|
106
|
+
this.changeListeners.push(listener);
|
|
107
|
+
return () => {
|
|
108
|
+
pull(this.changeListeners, listener);
|
|
109
|
+
};
|
|
110
|
+
}
|
|
111
|
+
onChangeStatus(listener) {
|
|
112
|
+
this.statusListeners.push(listener);
|
|
113
|
+
return () => {
|
|
114
|
+
pull(this.statusListeners, listener);
|
|
115
|
+
};
|
|
116
|
+
}
|
|
117
|
+
onError(listener) {
|
|
118
|
+
this.errorListeners.push(listener);
|
|
119
|
+
return () => {
|
|
120
|
+
pull(this.errorListeners, listener);
|
|
121
|
+
};
|
|
122
|
+
}
|
|
123
|
+
isFull() {
|
|
124
|
+
return !!this.maxItems && this.value.length === this.maxItems;
|
|
125
|
+
}
|
|
126
|
+
destroy() {
|
|
127
|
+
this.onDestroy();
|
|
128
|
+
this.input?.remove();
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
//# sourceMappingURL=UploadManager.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UploadManager.js","sourceRoot":"","sources":["../../../src/utils/upload/UploadManager.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { UploadError } from './errors.js';
|
|
3
|
+
import { FileUpload } from './FileUpload.js';
|
|
4
|
+
import { FileUploadStatus } from './types.js';
|
|
5
|
+
import { UploadManager, UploadManagerStatus } from './UploadManager.js';
|
|
6
|
+
export declare const UploadProvider: ({ value, children }: {
|
|
7
|
+
value: UploadManager;
|
|
8
|
+
children: ReactNode;
|
|
9
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare function useUploadManager(): UploadManager;
|
|
11
|
+
export declare function useUploads(): FileUpload[];
|
|
12
|
+
export declare function useUploadErrorEffect(effect: (errors: UploadError[]) => void): void;
|
|
13
|
+
export declare function useUploadManagerStatus(): UploadManagerStatus;
|
|
14
|
+
export declare function useUploadStatus(file: FileUpload): FileUploadStatus;
|
|
15
|
+
//# sourceMappingURL=context.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/utils/upload/context.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,SAAS,EAAmC,MAAM,OAAO,CAAA;AACjF,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAIpE,eAAO,MAAM,cAAc,wBAA+C;IAAE,KAAK,EAAE,aAAa,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAGtH,CAAA;AAED,wBAAgB,gBAAgB,kBAI/B;AAED,wBAAgB,UAAU,IAAI,UAAU,EAAE,CAKzC;AAED,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,IAAI,QAG3E;AAED,wBAAgB,sBAAsB,wBAKrC;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,UAAU,oBAI/C"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useEffectOnce } from '@stack-spot/portal-components';
|
|
3
|
+
import { createContext, useContext, useEffect, useState } from 'react';
|
|
4
|
+
import { UploadManager } from './UploadManager.js';
|
|
5
|
+
const context = createContext(undefined);
|
|
6
|
+
export const UploadProvider = ({ value = new UploadManager(), children }) => {
|
|
7
|
+
useEffectOnce(() => () => value.destroy());
|
|
8
|
+
return _jsx(context.Provider, { value: value, children: children });
|
|
9
|
+
};
|
|
10
|
+
export function useUploadManager() {
|
|
11
|
+
const manager = useContext(context);
|
|
12
|
+
if (!manager)
|
|
13
|
+
throw new Error('"useUploadManager()" must be used only within the context of an <UploadProvider>.');
|
|
14
|
+
return manager;
|
|
15
|
+
}
|
|
16
|
+
export function useUploads() {
|
|
17
|
+
const manager = useUploadManager();
|
|
18
|
+
const [files, setFiles] = useState([]);
|
|
19
|
+
useEffect(() => manager.onChange(setFiles));
|
|
20
|
+
return files;
|
|
21
|
+
}
|
|
22
|
+
export function useUploadErrorEffect(effect) {
|
|
23
|
+
const manager = useUploadManager();
|
|
24
|
+
useEffect(() => manager.onError(effect));
|
|
25
|
+
}
|
|
26
|
+
export function useUploadManagerStatus() {
|
|
27
|
+
const manager = useUploadManager();
|
|
28
|
+
const [status, setStatus] = useState(manager.status);
|
|
29
|
+
useEffect(() => manager.onChangeStatus(setStatus));
|
|
30
|
+
return status;
|
|
31
|
+
}
|
|
32
|
+
export function useUploadStatus(file) {
|
|
33
|
+
const [status, setStatus] = useState(file.status);
|
|
34
|
+
useEffect(() => file.onChange(setStatus));
|
|
35
|
+
return status;
|
|
36
|
+
}
|
|
37
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/utils/upload/context.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAA;AAC7D,OAAO,EAAE,aAAa,EAAa,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAIjF,OAAO,EAAE,aAAa,EAAuB,MAAM,iBAAiB,CAAA;AAEpE,MAAM,OAAO,GAAG,aAAa,CAA4B,SAAS,CAAC,CAAA;AAEnE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,aAAa,EAAE,EAAE,QAAQ,EAAiD,EAAE,EAAE;IACzH,aAAa,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;IAC1C,OAAO,KAAC,OAAO,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAoB,CAAA;AACtE,CAAC,CAAA;AAED,MAAM,UAAU,gBAAgB;IAC9B,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAA;IACnC,IAAI,CAAC,OAAO;QAAE,MAAM,IAAI,KAAK,CAAC,mFAAmF,CAAC,CAAA;IAClH,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,MAAM,UAAU,UAAU;IACxB,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAA;IAClC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAe,EAAE,CAAC,CAAA;IACpD,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC3C,OAAO,KAAK,CAAA;AACd,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,MAAuC;IAC1E,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAA;IAClC,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAA;AAC1C,CAAC;AAED,MAAM,UAAU,sBAAsB;IACpC,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAA;IAClC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAsB,OAAO,CAAC,MAAM,CAAC,CAAA;IACzE,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAA;IAClD,OAAO,MAAM,CAAA;AACf,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,IAAgB;IAC9C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAmB,IAAI,CAAC,MAAM,CAAC,CAAA;IACnE,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAA;IACzC,OAAO,MAAM,CAAA;AACf,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { FileSize } from '../../state/types.js';
|
|
2
|
+
export declare class UploadError extends Error {
|
|
3
|
+
readonly fileName: string;
|
|
4
|
+
constructor(fileName: string, message?: string);
|
|
5
|
+
}
|
|
6
|
+
export declare class FileIsTooLarge extends UploadError {
|
|
7
|
+
readonly maxSize: FileSize;
|
|
8
|
+
constructor(fileName: string, maxSize: FileSize);
|
|
9
|
+
}
|
|
10
|
+
export declare class FileAlreadyExists extends UploadError {
|
|
11
|
+
constructor(fileName: string);
|
|
12
|
+
}
|
|
13
|
+
export declare class MaxFilesReached extends UploadError {
|
|
14
|
+
readonly maxFiles: number;
|
|
15
|
+
constructor(fileName: string, maxFiles: number);
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=errors.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"errors.d.ts","sourceRoot":"","sources":["../../../src/utils/upload/errors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,qBAAa,WAAY,SAAQ,KAAK;IACpC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;gBAEb,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM;CAI/C;AAED,qBAAa,cAAe,SAAQ,WAAW;IAC7C,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAA;gBAEd,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ;CAIhD;AAED,qBAAa,iBAAkB,SAAQ,WAAW;gBACpC,QAAQ,EAAE,MAAM;CAG7B;AAED,qBAAa,eAAgB,SAAQ,WAAW;IAC9C,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;gBAEb,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;CAI/C"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export class UploadError extends Error {
|
|
2
|
+
fileName;
|
|
3
|
+
constructor(fileName, message) {
|
|
4
|
+
super(message || `There was an error while uploading ${fileName}`);
|
|
5
|
+
this.fileName = fileName;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
export class FileIsTooLarge extends UploadError {
|
|
9
|
+
maxSize;
|
|
10
|
+
constructor(fileName, maxSize) {
|
|
11
|
+
super(fileName, `Can't upload ${fileName} because it exceeds the maximum file size of ${maxSize.value} ${maxSize.unit}.`);
|
|
12
|
+
this.maxSize = maxSize;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
export class FileAlreadyExists extends UploadError {
|
|
16
|
+
constructor(fileName) {
|
|
17
|
+
super(fileName, `Can't upload ${fileName} because it is already on the list.`);
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
export class MaxFilesReached extends UploadError {
|
|
21
|
+
maxFiles;
|
|
22
|
+
constructor(fileName, maxFiles) {
|
|
23
|
+
super(fileName, `Can't upload ${fileName} because the maximum number of files (${maxFiles}) has been reached.`);
|
|
24
|
+
this.maxFiles = maxFiles;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=errors.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"errors.js","sourceRoot":"","sources":["../../../src/utils/upload/errors.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,WAAY,SAAQ,KAAK;IAC3B,QAAQ,CAAQ;IAEzB,YAAY,QAAgB,EAAE,OAAgB;QAC5C,KAAK,CAAC,OAAO,IAAI,sCAAsC,QAAQ,EAAE,CAAC,CAAA;QAClE,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAA;IAC1B,CAAC;CACF;AAED,MAAM,OAAO,cAAe,SAAQ,WAAW;IACpC,OAAO,CAAU;IAE1B,YAAY,QAAgB,EAAE,OAAiB;QAC7C,KAAK,CAAC,QAAQ,EAAE,gBAAgB,QAAQ,gDAAgD,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,IAAI,GAAG,CAAC,CAAA;QACzH,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;IACxB,CAAC;CACF;AAED,MAAM,OAAO,iBAAkB,SAAQ,WAAW;IAChD,YAAY,QAAgB;QAC1B,KAAK,CAAC,QAAQ,EAAE,gBAAgB,QAAQ,qCAAqC,CAAC,CAAA;IAChF,CAAC;CACF;AAED,MAAM,OAAO,eAAgB,SAAQ,WAAW;IACrC,QAAQ,CAAQ;IAEzB,YAAY,QAAgB,EAAE,QAAgB;QAC5C,KAAK,CAAC,QAAQ,EAAE,gBAAgB,QAAQ,yCAAyC,QAAQ,qBAAqB,CAAC,CAAA;QAC/G,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAA;IAC1B,CAAC;CACF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/upload/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/utils/upload/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/utils/upload/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,UAEnC;AAED,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAKtD,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/utils/upload/utils.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,SAAS,CAAC,IAAU;IAClC,OAAO,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,IAAI,EAAE,CAAA;AACzD,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAqC;IACzD,CAAC,EAAE,CAAC;IACJ,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACN,CAAA"}
|
|
@@ -1,11 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
interface Props {
|
|
1
|
+
export declare const AgentDescription: ({ agentId }: {
|
|
3
2
|
agentId?: string;
|
|
4
|
-
|
|
5
|
-
description?: string;
|
|
6
|
-
numberOfKnowledgeSources: number;
|
|
7
|
-
visibility: AgentVisibilityLevel;
|
|
8
|
-
}
|
|
9
|
-
export declare const AgentDescription: ({ agentId, llm, description, numberOfKnowledgeSources, visibility }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export {};
|
|
3
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
11
4
|
//# sourceMappingURL=AgentDescription.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AgentDescription.d.ts","sourceRoot":"","sources":["../../../src/views/Agents/AgentDescription.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AgentDescription.d.ts","sourceRoot":"","sources":["../../../src/views/Agents/AgentDescription.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,gBAAgB,gBAAiB;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,4CAkDjE,CAAA"}
|
|
@@ -1,15 +1,18 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Text } from '@citric/core';
|
|
3
3
|
import { Badge, Skeleton } from '@citric/ui';
|
|
4
|
-
import {
|
|
4
|
+
import { agentToolsClient } from '@stack-spot/portal-network';
|
|
5
5
|
import { useMemo } from 'react';
|
|
6
6
|
import { ToolBadge } from '../../components/ToolBadge.js';
|
|
7
|
+
import { toolById } from '../../utils/tools.js';
|
|
7
8
|
import { useAgentsDictionary } from './dictionary.js';
|
|
8
9
|
import { AgentDescriptionBox } from './styled.js';
|
|
9
|
-
export const AgentDescription = ({ agentId
|
|
10
|
+
export const AgentDescription = ({ agentId }) => {
|
|
10
11
|
const t = useAgentsDictionary();
|
|
11
|
-
const [agent, , , { isLoading }] =
|
|
12
|
-
const
|
|
12
|
+
const [agent, , , { isLoading }] = agentToolsClient.agent.useStatefulQuery({ agentId: agentId }, { enabled: !!agentId });
|
|
13
|
+
const [toolKits, , , { isLoading: isLoadingToolKit }] = agentToolsClient.tools.useStatefulQuery();
|
|
14
|
+
const numberOfKnowledgeSources = agent?.knowledge_source_config?.knowledge_sources.length ?? 0;
|
|
15
|
+
const knowledgeSources = useMemo(() => agent?.knowledge_source_config?.knowledge_sources?.map((ks, index) => (_jsx("li", { children: _jsx(Badge, { palette: "teal", appearance: "square", children: ks }) }, index))), [agent]);
|
|
13
16
|
const skeleton = useMemo(() => {
|
|
14
17
|
const loadingKS = [];
|
|
15
18
|
for (let i = 0; i < numberOfKnowledgeSources; i++) {
|
|
@@ -19,13 +22,12 @@ export const AgentDescription = ({ agentId, llm, description, numberOfKnowledgeS
|
|
|
19
22
|
}, [numberOfKnowledgeSources]);
|
|
20
23
|
const tools = useMemo(() => {
|
|
21
24
|
const result = [];
|
|
22
|
-
for (const
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
}
|
|
25
|
+
for (const tool of agent?.tools ?? []) {
|
|
26
|
+
const toolWithImage = toolById(tool.builtin_tool_id, toolKits);
|
|
27
|
+
result.push(_jsx("li", { children: _jsx(ToolBadge, { name: toolWithImage?.name || toolWithImage?.id || 'unknown', image: toolWithImage?.image }) }, tool.builtin_tool_id));
|
|
26
28
|
}
|
|
27
29
|
return result;
|
|
28
30
|
}, [agent]);
|
|
29
|
-
return (_jsxs(AgentDescriptionBox, { children: [description && _jsxs("section", { children: [_jsx(Text, { appearance: "microtext1", className: "title", children: t.description }), _jsx(Text, { children: description })] }), (!!numberOfKnowledgeSources || !!knowledgeSources?.length) && _jsxs("section", { children: [_jsx(Text, { appearance: "microtext1", className: "title", children: "Knowledge sources" }), _jsx("ul", { children: isLoading ? skeleton : knowledgeSources })] }), !!tools.length && _jsxs("section", { children: [_jsx(Text, { appearance: "microtext1", className: "title", children: t.tools }), _jsx("ul", { children: tools })] }),
|
|
31
|
+
return (_jsxs(AgentDescriptionBox, { children: [agent?.description && _jsxs("section", { children: [_jsx(Text, { appearance: "microtext1", className: "title", children: t.description }), _jsx(Text, { children: agent?.description })] }), (!!numberOfKnowledgeSources || !!knowledgeSources?.length) && _jsxs("section", { children: [_jsx(Text, { appearance: "microtext1", className: "title", children: "Knowledge sources" }), _jsx("ul", { children: isLoading || isLoadingToolKit ? skeleton : knowledgeSources })] }), !!tools.length && _jsxs("section", { children: [_jsx(Text, { appearance: "microtext1", className: "title", children: t.tools }), _jsx("ul", { children: tools })] }), agent?.model_name && _jsxs("section", { children: [_jsx(Text, { appearance: "microtext1", className: "title", children: "LLM" }), _jsx(Badge, { palette: "orange", appearance: "square", children: agent?.model_name })] })] }));
|
|
30
32
|
};
|
|
31
33
|
//# sourceMappingURL=AgentDescription.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AgentDescription.js","sourceRoot":"","sources":["../../../src/views/Agents/AgentDescription.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"AgentDescription.js","sourceRoot":"","sources":["../../../src/views/Agents/AgentDescription.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AgentsPanel.d.ts","sourceRoot":"","sources":["../../../src/views/Agents/AgentsPanel.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AgentsPanel.d.ts","sourceRoot":"","sources":["../../../src/views/Agents/AgentsPanel.tsx"],"names":[],"mappings":"AAQA;;GAEG;AACH,eAAO,MAAM,WAAW,+CA2BvB,CAAA"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { agentToolsClient } from '@stack-spot/portal-network';
|
|
2
3
|
import { useEffect, useMemo, useRef } from 'react';
|
|
3
4
|
import { RightPanelTabs } from '../../components/RightPanelTabs.js';
|
|
4
5
|
import { useCurrentChat } from '../../context/hooks.js';
|
|
5
6
|
import { checkIsTrial } from '../../utils/check-is-trial.js';
|
|
6
7
|
import { AgentsTab, AgentsTabWorkspace } from './AgentsTab.js';
|
|
7
8
|
import { useAgentsDictionary } from './dictionary.js';
|
|
8
|
-
const agentDefaultSlug = 'stk_code_buddy';
|
|
9
9
|
/**
|
|
10
10
|
* Renders the Agent selection form in the Right Panel if this is the panel that is currently opened.
|
|
11
11
|
*/
|
|
@@ -15,21 +15,21 @@ export const AgentsPanel = () => {
|
|
|
15
15
|
const isTrial = checkIsTrial();
|
|
16
16
|
const agent = useRef(chat.get('agent'));
|
|
17
17
|
useEffect(() => {
|
|
18
|
-
if (agentDefaultSlug !== chat.get('agent')?.slug) {
|
|
18
|
+
if (agentToolsClient.agentDefaultSlug !== chat.get('agent')?.slug) {
|
|
19
19
|
agent.current = chat.get('agent');
|
|
20
20
|
}
|
|
21
21
|
}, [chat]);
|
|
22
22
|
const tabs = useMemo(() => isTrial ? [
|
|
23
|
-
{ title: t.favorites, content: _jsx(AgentsTab, { visibility: "
|
|
24
|
-
{ title: t.builtin, content: _jsx(AgentsTab, { visibility: "
|
|
25
|
-
{ title: t.personal, content: _jsx(AgentsTab, { visibility: "
|
|
23
|
+
{ title: t.favorites, content: _jsx(AgentsTab, { visibility: "favorite", agent: agent }, "favorite") },
|
|
24
|
+
{ title: t.builtin, content: _jsx(AgentsTab, { visibility: "built_in", agent: agent }, "builtin") },
|
|
25
|
+
{ title: t.personal, content: _jsx(AgentsTab, { visibility: "personal", agent: agent }, "personal") },
|
|
26
26
|
] : [
|
|
27
|
-
{ title: t.favorites, content: _jsx(AgentsTab, { visibility: "
|
|
28
|
-
{ title: t.builtin, content: _jsx(AgentsTab, { visibility: "
|
|
29
|
-
{ title: t.personal, content: _jsx(AgentsTab, { visibility: "
|
|
30
|
-
{ title: t.shared, content: _jsx(AgentsTab, { visibility: "
|
|
31
|
-
{ title: t.spots, content: _jsx(AgentsTabWorkspace, { visibility: "
|
|
32
|
-
{ title: t.account, content: _jsx(AgentsTab, { visibility: "
|
|
27
|
+
{ title: t.favorites, content: _jsx(AgentsTab, { visibility: "favorite", agent: agent }, "favorite") },
|
|
28
|
+
{ title: t.builtin, content: _jsx(AgentsTab, { visibility: "built_in", agent: agent }, "builtin") },
|
|
29
|
+
{ title: t.personal, content: _jsx(AgentsTab, { visibility: "personal", agent: agent }, "personal") },
|
|
30
|
+
{ title: t.shared, content: _jsx(AgentsTab, { visibility: "shared", agent: agent }, "shared") },
|
|
31
|
+
{ title: t.spots, content: _jsx(AgentsTabWorkspace, { visibility: "workspace", agent: agent }, "workspace") },
|
|
32
|
+
{ title: t.account, content: _jsx(AgentsTab, { visibility: "account", agent: agent }, "account") },
|
|
33
33
|
], [t, isTrial, agent]);
|
|
34
34
|
return _jsx(RightPanelTabs, { tabs: tabs }, chat.id);
|
|
35
35
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AgentsPanel.js","sourceRoot":"","sources":["../../../src/views/Agents/AgentsPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAElD
|
|
1
|
+
{"version":3,"file":"AgentsPanel.js","sourceRoot":"","sources":["../../../src/views/Agents/AgentsPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { AgentVisibilityLevel } from '@stack-spot/portal-network';
|
|
2
2
|
import { ChatProperties } from '../../state/ChatState.js';
|
|
3
3
|
export interface AgentTabProps {
|
|
4
|
-
visibility:
|
|
4
|
+
visibility: AgentVisibilityLevel;
|
|
5
5
|
workspaceId?: string;
|
|
6
6
|
agent: React.MutableRefObject<ChatProperties['agent']>;
|
|
7
7
|
showSubmitButton?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AgentsTab.d.ts","sourceRoot":"","sources":["../../../src/views/Agents/AgentsTab.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AgentsTab.d.ts","sourceRoot":"","sources":["../../../src/views/Agents/AgentsTab.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA8C,oBAAoB,EAAqB,MAAM,4BAA4B,CAAA;AAUhI,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAMtD,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,oBAAoB,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACvD,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,SAAS,yDAAiE,aAAa,4CAsEnG,CAAA;AAED,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,aAAa,2CASxF"}
|
|
@@ -3,7 +3,7 @@ import { Button, IconBox, Text } from '@citric/core';
|
|
|
3
3
|
import { Agent, Search } from '@citric/icons';
|
|
4
4
|
import { Placeholder } from '@stack-spot/portal-components/Placeholder';
|
|
5
5
|
import { MiniLogo } from '@stack-spot/portal-components/svg';
|
|
6
|
-
import {
|
|
6
|
+
import { agentToolsClient, workspaceAiClient } from '@stack-spot/portal-network';
|
|
7
7
|
import { useCallback, useMemo, useState } from 'react';
|
|
8
8
|
import { ButtonFavorite } from '../../components/ButtonFavorite.js';
|
|
9
9
|
import { DescribedRadioGroup } from '../../components/form/DescribedRadioGroup.js';
|
|
@@ -22,10 +22,10 @@ export const AgentsTab = ({ visibility, workspaceId, agent, showSubmitButton = t
|
|
|
22
22
|
const [filter, setFilter] = useState('');
|
|
23
23
|
const { useFavorites, onAddFavorite, onRemoveFavorite } = useAgentFavorites();
|
|
24
24
|
const listFavorites = useFavorites();
|
|
25
|
-
const agentDefault =
|
|
25
|
+
const agentDefault = agentToolsClient.agentDefault.useQuery();
|
|
26
26
|
const agents = workspaceId
|
|
27
27
|
? workspaceAiClient.getAgentFromWorkspaceAi.useQuery({ workspaceId })
|
|
28
|
-
:
|
|
28
|
+
: agentToolsClient.agents.useQuery({ visibility });
|
|
29
29
|
const [value, setValue] = useState(agent.current
|
|
30
30
|
? agents.find(a => a.id === agent.current?.id)
|
|
31
31
|
: chat.get('agent') ? agents.find(a => a.id === chat.get('agent')?.id) : agentDefault);
|
|
@@ -44,7 +44,7 @@ export const AgentsTab = ({ visibility, workspaceId, agent, showSubmitButton = t
|
|
|
44
44
|
}, []);
|
|
45
45
|
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "content", children: [_jsx(IconInput, { icon: _jsx(Search, {}), value: filter, onChange: setFilter, className: "search" }), !!filtered.length && _jsx(DescribedRadioGroup, { options: filtered, renderAfterElement: ({ id }) => (_jsx(ButtonFavorite, { favorite: {
|
|
46
46
|
idOrSlug: id, listFavorites, onAddFavorite, onRemoveFavorite,
|
|
47
|
-
} })), keygen: a => a.id, value: value, onChange: onChange, renderLabel: ({ name, avatar, id }) => (_jsxs(AgentLabel, { children: [id ? (avatar ? _jsx("img", { src: avatar }) : _jsx(IconBox, { size: "xs", children: _jsx(Agent, {}) })) : _jsx(MiniLogo, {}), _jsx(Text, { children: name })] })), renderDescription: a => _jsx(AgentDescription, { agentId: a.id
|
|
47
|
+
} })), keygen: a => a.id, value: value, onChange: onChange, renderLabel: ({ name, avatar, id }) => (_jsxs(AgentLabel, { children: [id ? (avatar ? _jsx("img", { src: avatar }) : _jsx(IconBox, { size: "xs", children: _jsx(Agent, {}) })) : _jsx(MiniLogo, {}), _jsx(Text, { children: name })] })), renderDescription: a => _jsx(AgentDescription, { agentId: a.id }), optionClassName: a => (a === value && filter && !a.name.toLocaleLowerCase().includes(filter.toLocaleLowerCase()))
|
|
48
48
|
? 'filtered-out'
|
|
49
49
|
: '', className: "option-list" }), !!agents.length && !filtered.length &&
|
|
50
50
|
_jsx(Placeholder, { title: t.noSearchResults, description: t.noSearchResultsDescription, className: "no-data-placeholder" }), !agents.length && _jsx(Placeholder, { title: t.noData, description: t.noDataDescription })] }), !!filtered.length && showSubmitButton && _jsx(Button, { onClick: submit, disabled: !value, children: t.apply })] }));
|