@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.
Files changed (164) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/app-metadata.json +3 -3
  3. package/dist/chat-interceptors/send-message.js +3 -3
  4. package/dist/chat-interceptors/send-message.js.map +1 -1
  5. package/dist/components/AgentCard/dictionary.d.ts +4 -2
  6. package/dist/components/AgentCard/dictionary.d.ts.map +1 -1
  7. package/dist/components/AgentCard/dictionary.js +4 -2
  8. package/dist/components/AgentCard/dictionary.js.map +1 -1
  9. package/dist/components/FileDescription.d.ts +10 -0
  10. package/dist/components/FileDescription.d.ts.map +1 -0
  11. package/dist/components/FileDescription.js +85 -0
  12. package/dist/components/FileDescription.js.map +1 -0
  13. package/dist/components/Selector/index.d.ts +2 -2
  14. package/dist/components/Selector/index.d.ts.map +1 -1
  15. package/dist/components/Selector/index.js +2 -2
  16. package/dist/components/Selector/index.js.map +1 -1
  17. package/dist/state/ChatEntry.d.ts +9 -0
  18. package/dist/state/ChatEntry.d.ts.map +1 -1
  19. package/dist/state/ChatEntry.js.map +1 -1
  20. package/dist/state/ChatState.d.ts +5 -0
  21. package/dist/state/ChatState.d.ts.map +1 -1
  22. package/dist/state/ChatState.js +6 -0
  23. package/dist/state/ChatState.js.map +1 -1
  24. package/dist/state/constants.d.ts +5 -0
  25. package/dist/state/constants.d.ts.map +1 -0
  26. package/dist/state/constants.js +9 -0
  27. package/dist/state/constants.js.map +1 -0
  28. package/dist/state/types.d.ts +5 -1
  29. package/dist/state/types.d.ts.map +1 -1
  30. package/dist/utils/chat.d.ts +2 -1
  31. package/dist/utils/chat.d.ts.map +1 -1
  32. package/dist/utils/chat.js +2 -1
  33. package/dist/utils/chat.js.map +1 -1
  34. package/dist/utils/tools.d.ts +2 -2
  35. package/dist/utils/tools.d.ts.map +1 -1
  36. package/dist/utils/tools.js +3 -6
  37. package/dist/utils/tools.js.map +1 -1
  38. package/dist/utils/upload/FileUpload.d.ts +21 -0
  39. package/dist/utils/upload/FileUpload.d.ts.map +1 -0
  40. package/dist/utils/upload/FileUpload.js +55 -0
  41. package/dist/utils/upload/FileUpload.js.map +1 -0
  42. package/dist/utils/upload/UploadManager.d.ts +40 -0
  43. package/dist/utils/upload/UploadManager.d.ts.map +1 -0
  44. package/dist/utils/upload/UploadManager.js +131 -0
  45. package/dist/utils/upload/UploadManager.js.map +1 -0
  46. package/dist/utils/upload/context.d.ts +15 -0
  47. package/dist/utils/upload/context.d.ts.map +1 -0
  48. package/dist/utils/upload/context.js +37 -0
  49. package/dist/utils/upload/context.js.map +1 -0
  50. package/dist/utils/upload/errors.d.ts +17 -0
  51. package/dist/utils/upload/errors.d.ts.map +1 -0
  52. package/dist/utils/upload/errors.js +27 -0
  53. package/dist/utils/upload/errors.js.map +1 -0
  54. package/dist/utils/upload/types.d.ts +7 -0
  55. package/dist/utils/upload/types.d.ts.map +1 -0
  56. package/dist/utils/upload/types.js +2 -0
  57. package/dist/utils/upload/types.js.map +1 -0
  58. package/dist/utils/upload/utils.d.ts +4 -0
  59. package/dist/utils/upload/utils.d.ts.map +1 -0
  60. package/dist/utils/upload/utils.js +10 -0
  61. package/dist/utils/upload/utils.js.map +1 -0
  62. package/dist/views/Agents/AgentDescription.d.ts +2 -9
  63. package/dist/views/Agents/AgentDescription.d.ts.map +1 -1
  64. package/dist/views/Agents/AgentDescription.js +11 -9
  65. package/dist/views/Agents/AgentDescription.js.map +1 -1
  66. package/dist/views/Agents/AgentsPanel.d.ts.map +1 -1
  67. package/dist/views/Agents/AgentsPanel.js +11 -11
  68. package/dist/views/Agents/AgentsPanel.js.map +1 -1
  69. package/dist/views/Agents/AgentsTab.d.ts +2 -2
  70. package/dist/views/Agents/AgentsTab.d.ts.map +1 -1
  71. package/dist/views/Agents/AgentsTab.js +4 -4
  72. package/dist/views/Agents/AgentsTab.js.map +1 -1
  73. package/dist/views/Agents/useAgentFavorites.d.ts +1 -1
  74. package/dist/views/Agents/useAgentFavorites.js +4 -4
  75. package/dist/views/Agents/useAgentFavorites.js.map +1 -1
  76. package/dist/views/Chat/AgentInfo.d.ts +2 -1
  77. package/dist/views/Chat/AgentInfo.d.ts.map +1 -1
  78. package/dist/views/Chat/AgentInfo.js +2 -2
  79. package/dist/views/Chat/AgentInfo.js.map +1 -1
  80. package/dist/views/Chat/ChatMessage.d.ts +1 -1
  81. package/dist/views/Chat/ChatMessage.d.ts.map +1 -1
  82. package/dist/views/Chat/ChatMessage.js +27 -8
  83. package/dist/views/Chat/ChatMessage.js.map +1 -1
  84. package/dist/views/Chat/styled.d.ts.map +1 -1
  85. package/dist/views/Chat/styled.js +15 -1
  86. package/dist/views/Chat/styled.js.map +1 -1
  87. package/dist/views/ChatHistory/HistoryItem.d.ts.map +1 -1
  88. package/dist/views/ChatHistory/HistoryItem.js +8 -5
  89. package/dist/views/ChatHistory/HistoryItem.js.map +1 -1
  90. package/dist/views/ChatHistory/utils.d.ts +0 -6
  91. package/dist/views/ChatHistory/utils.d.ts.map +1 -1
  92. package/dist/views/ChatHistory/utils.js +1 -16
  93. package/dist/views/ChatHistory/utils.js.map +1 -1
  94. package/dist/views/Home/CustomAgent.js +3 -3
  95. package/dist/views/Home/CustomAgent.js.map +1 -1
  96. package/dist/views/MessageInput/AgentSelector.js +4 -4
  97. package/dist/views/MessageInput/AgentSelector.js.map +1 -1
  98. package/dist/views/MessageInput/ButtonAgent.js +2 -2
  99. package/dist/views/MessageInput/ButtonAgent.js.map +1 -1
  100. package/dist/views/MessageInput/{InfoBar.d.ts → ContextBar.d.ts} +2 -2
  101. package/dist/views/MessageInput/ContextBar.d.ts.map +1 -0
  102. package/dist/views/MessageInput/{InfoBar.js → ContextBar.js} +5 -5
  103. package/dist/views/MessageInput/ContextBar.js.map +1 -0
  104. package/dist/views/MessageInput/SelectContent.d.ts.map +1 -1
  105. package/dist/views/MessageInput/SelectContent.js +14 -17
  106. package/dist/views/MessageInput/SelectContent.js.map +1 -1
  107. package/dist/views/MessageInput/UploadBar.d.ts +2 -0
  108. package/dist/views/MessageInput/UploadBar.d.ts.map +1 -0
  109. package/dist/views/MessageInput/UploadBar.js +47 -0
  110. package/dist/views/MessageInput/UploadBar.js.map +1 -0
  111. package/dist/views/MessageInput/dictionary.d.ts +1 -1
  112. package/dist/views/MessageInput/dictionary.d.ts.map +1 -1
  113. package/dist/views/MessageInput/dictionary.js +18 -4
  114. package/dist/views/MessageInput/dictionary.js.map +1 -1
  115. package/dist/views/MessageInput/index.d.ts.map +1 -1
  116. package/dist/views/MessageInput/index.js +46 -5
  117. package/dist/views/MessageInput/index.js.map +1 -1
  118. package/dist/views/MessageInput/styled.d.ts.map +1 -1
  119. package/dist/views/MessageInput/styled.js +56 -27
  120. package/dist/views/MessageInput/styled.js.map +1 -1
  121. package/dist/views/Steps/dictionary.d.ts +1 -1
  122. package/dist/views/Tools.js +3 -3
  123. package/dist/views/Tools.js.map +1 -1
  124. package/dist/views/Workspaces/WorkspacesTab.js +1 -1
  125. package/package.json +2 -2
  126. package/src/app-metadata.json +3 -3
  127. package/src/chat-interceptors/send-message.ts +3 -3
  128. package/src/components/AgentCard/dictionary.ts +4 -2
  129. package/src/components/FileDescription.tsx +114 -0
  130. package/src/components/Selector/index.tsx +4 -5
  131. package/src/state/ChatEntry.ts +10 -0
  132. package/src/state/ChatState.ts +6 -0
  133. package/src/state/constants.ts +12 -0
  134. package/src/state/types.ts +6 -1
  135. package/src/utils/chat.ts +3 -1
  136. package/src/utils/tools.ts +5 -7
  137. package/src/utils/upload/FileUpload.ts +64 -0
  138. package/src/utils/upload/UploadManager.ts +147 -0
  139. package/src/utils/upload/context.tsx +44 -0
  140. package/src/utils/upload/errors.ts +34 -0
  141. package/src/utils/upload/types.ts +7 -0
  142. package/src/utils/upload/utils.ts +12 -0
  143. package/src/views/Agents/AgentDescription.tsx +18 -25
  144. package/src/views/Agents/AgentsPanel.tsx +11 -12
  145. package/src/views/Agents/AgentsTab.tsx +8 -16
  146. package/src/views/Agents/useAgentFavorites.ts +4 -4
  147. package/src/views/Chat/AgentInfo.tsx +3 -2
  148. package/src/views/Chat/ChatMessage.tsx +51 -16
  149. package/src/views/Chat/styled.ts +15 -1
  150. package/src/views/ChatHistory/HistoryItem.tsx +10 -5
  151. package/src/views/ChatHistory/utils.ts +1 -18
  152. package/src/views/Home/CustomAgent.tsx +4 -4
  153. package/src/views/MessageInput/AgentSelector.tsx +4 -4
  154. package/src/views/MessageInput/ButtonAgent.tsx +2 -2
  155. package/src/views/MessageInput/{InfoBar.tsx → ContextBar.tsx} +9 -9
  156. package/src/views/MessageInput/SelectContent.tsx +17 -21
  157. package/src/views/MessageInput/UploadBar.tsx +69 -0
  158. package/src/views/MessageInput/dictionary.ts +18 -4
  159. package/src/views/MessageInput/index.tsx +77 -32
  160. package/src/views/MessageInput/styled.ts +56 -27
  161. package/src/views/Tools.tsx +4 -3
  162. package/src/views/Workspaces/WorkspacesTab.tsx +1 -1
  163. package/dist/views/MessageInput/InfoBar.d.ts.map +0 -1
  164. 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,7 @@
1
+ export interface FileDescription {
2
+ id: string;
3
+ name: string;
4
+ extension: string;
5
+ }
6
+ export type FileUploadStatus = 'pending' | 'success' | 'error';
7
+ //# sourceMappingURL=types.d.ts.map
@@ -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,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/utils/upload/types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,4 @@
1
+ import { FileSize } from '../../state/types.js';
2
+ export declare function getFileId(file: File): string;
3
+ export declare const unitPower: Record<FileSize['unit'], number>;
4
+ //# sourceMappingURL=utils.d.ts.map
@@ -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,10 @@
1
+ export function getFileId(file) {
2
+ return `${file.name}|${file.lastModified}|${file.size}`;
3
+ }
4
+ export const unitPower = {
5
+ B: 0,
6
+ KB: 1,
7
+ MB: 2,
8
+ GB: 3,
9
+ };
10
+ //# sourceMappingURL=utils.js.map
@@ -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
- import { AgentVisibilityLevel } from '@stack-spot/portal-network';
2
- interface Props {
1
+ export declare const AgentDescription: ({ agentId }: {
3
2
  agentId?: string;
4
- llm?: string;
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":"AAEA,OAAO,EAAe,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAM9E,UAAU,KAAK;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB,EAAE,MAAM,CAAC;IACjC,UAAU,EAAE,oBAAoB,CAAC;CAClC;AAED,eAAO,MAAM,gBAAgB,wEAAyE,KAAK,4CAkD1G,CAAA"}
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 { agentClient } from '@stack-spot/portal-network';
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, llm, description, numberOfKnowledgeSources, visibility }) => {
10
+ export const AgentDescription = ({ agentId }) => {
10
11
  const t = useAgentsDictionary();
11
- const [agent, , , { isLoading }] = agentClient.agentById.useStatefulQuery({ agentId: agentId, builtIn: visibility === 'BUILT-IN' }, { enabled: !!agentId });
12
- const knowledgeSources = useMemo(() => agent?.knowledge_sources_config?.knowledge_sources_details?.map((ks, index) => (_jsx("li", { children: _jsx(Badge, { palette: "teal", appearance: "square", children: ks.name }) }, index))), [agent]);
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 kit of agent?.toolkits?.builtins ?? []) {
23
- for (const tool of kit.tools ?? []) {
24
- result.push(_jsx("li", { children: _jsx(ToolBadge, { name: tool.name || tool.id || 'unknown', image: kit.image_url }) }, tool.id));
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 })] }), llm && _jsxs("section", { children: [_jsx(Text, { appearance: "microtext1", className: "title", children: "LLM" }), _jsx(Badge, { palette: "orange", appearance: "square", children: llm })] })] }));
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":"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"}
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":"AASA;;GAEG;AACH,eAAO,MAAM,WAAW,+CA2BvB,CAAA"}
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: "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") },
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: "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") },
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":"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"}
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 { VisibilityLevel } from '@stack-spot/portal-network/api/agent';
1
+ import { AgentVisibilityLevel } from '@stack-spot/portal-network';
2
2
  import { ChatProperties } from '../../state/ChatState.js';
3
3
  export interface AgentTabProps {
4
- visibility: VisibilityLevel | 'BUILT-IN';
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":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAA;AAUtE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAMtD,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,eAAe,GAAG,UAAU,CAAC;IACzC,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,4CA6EnG,CAAA;AAED,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,aAAa,2CASxF"}
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 { agentClient, workspaceAiClient } from '@stack-spot/portal-network';
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 = agentClient.agentDefault.useQuery({});
25
+ const agentDefault = agentToolsClient.agentDefault.useQuery();
26
26
  const agents = workspaceId
27
27
  ? workspaceAiClient.getAgentFromWorkspaceAi.useQuery({ workspaceId })
28
- : agentClient.allAgents.useQuery({ visibilities: [visibility] });
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, visibility: visibility, description: a.description, llm: a.llm_config?.model_slug, numberOfKnowledgeSources: a.knowledge_sources_config?.knowledge_sources?.length ?? 0 }), optionClassName: a => (a === value && filter && !a.name.toLocaleLowerCase().includes(filter.toLocaleLowerCase()))
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 })] }));