@autobe/ui 0.30.2 → 0.30.4-dev.20260324

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 (69) hide show
  1. package/LICENSE +661 -661
  2. package/README.md +261 -0
  3. package/lib/components/AutoBeChatMain.d.ts +6 -0
  4. package/lib/components/AutoBeChatMain.js +46 -37
  5. package/lib/components/AutoBeChatMain.js.map +1 -1
  6. package/lib/components/AutoBeConfigModal.js +9 -9
  7. package/lib/components/events/AutoBeEventMovie.js +0 -4
  8. package/lib/components/events/AutoBeEventMovie.js.map +1 -1
  9. package/lib/components/events/AutoBeProgressEventMovie.js +0 -10
  10. package/lib/components/events/AutoBeProgressEventMovie.js.map +1 -1
  11. package/lib/components/upload/AutoBeChatUploadBox.d.ts +1 -0
  12. package/lib/components/upload/AutoBeChatUploadBox.js +11 -16
  13. package/lib/components/upload/AutoBeChatUploadBox.js.map +1 -1
  14. package/lib/context/AutoBeAgentContext.js +78 -30
  15. package/lib/context/AutoBeAgentContext.js.map +1 -1
  16. package/lib/context/SearchParamsContext.js +1 -1
  17. package/lib/context/SearchParamsContext.js.map +1 -1
  18. package/lib/structure/AutoBeListener.d.ts +1 -0
  19. package/lib/structure/AutoBeListener.js +9 -11
  20. package/lib/structure/AutoBeListener.js.map +1 -1
  21. package/package.json +2 -2
  22. package/src/components/AutoBeAssistantMessageMovie.tsx +22 -22
  23. package/src/components/AutoBeChatMain.tsx +394 -376
  24. package/src/components/AutoBeChatSidebar.tsx +414 -414
  25. package/src/components/AutoBeConfigButton.tsx +83 -83
  26. package/src/components/AutoBeConfigModal.tsx +443 -443
  27. package/src/components/AutoBeStatusButton.tsx +75 -75
  28. package/src/components/AutoBeStatusModal.tsx +486 -486
  29. package/src/components/AutoBeUserMessageMovie.tsx +27 -27
  30. package/src/components/common/ActionButton.tsx +205 -205
  31. package/src/components/common/ActionButtonGroup.tsx +80 -80
  32. package/src/components/common/AutoBeConfigInput.tsx +185 -185
  33. package/src/components/common/ChatBubble.tsx +119 -119
  34. package/src/components/common/Collapsible.tsx +95 -95
  35. package/src/components/common/CompactSessionIndicator.tsx +73 -73
  36. package/src/components/common/CompactSessionList.tsx +82 -82
  37. package/src/components/common/openai/OpenAIContent.tsx +53 -53
  38. package/src/components/common/openai/OpenAIUserAudioContent.tsx +70 -70
  39. package/src/components/common/openai/OpenAIUserFileContent.tsx +76 -76
  40. package/src/components/common/openai/OpenAIUserImageContent.tsx +34 -34
  41. package/src/components/common/openai/OpenAIUserTextContent.tsx +15 -15
  42. package/src/components/events/AutoBeCompleteEventMovie.tsx +402 -402
  43. package/src/components/events/AutoBeCorrectEventMovie.tsx +354 -354
  44. package/src/components/events/AutoBeEventGroupMovie.tsx +18 -18
  45. package/src/components/events/AutoBeEventMovie.tsx +154 -158
  46. package/src/components/events/AutoBeProgressEventMovie.tsx +207 -217
  47. package/src/components/events/AutoBeScenarioEventMovie.tsx +135 -135
  48. package/src/components/events/AutoBeStartEventMovie.tsx +82 -82
  49. package/src/components/events/AutoBeValidateEventMovie.tsx +249 -249
  50. package/src/components/events/README.md +300 -300
  51. package/src/components/events/common/CollapsibleEventGroup.tsx +211 -211
  52. package/src/components/events/common/EventCard.tsx +61 -61
  53. package/src/components/events/common/EventContent.tsx +31 -31
  54. package/src/components/events/common/EventHeader.tsx +85 -85
  55. package/src/components/events/common/EventIcon.tsx +82 -82
  56. package/src/components/events/common/ProgressBar.tsx +64 -64
  57. package/src/components/events/groups/CorrectEventGroup.tsx +183 -183
  58. package/src/components/events/groups/ValidateEventGroup.tsx +143 -143
  59. package/src/components/events/utils/eventGrouper.tsx +116 -116
  60. package/src/components/upload/AutoBeChatUploadBox.tsx +433 -425
  61. package/src/components/upload/AutoBeChatUploadSendButton.tsx +66 -66
  62. package/src/components/upload/AutoBeFileUploadBox.tsx +123 -123
  63. package/src/components/upload/AutoBeVoiceRecoderButton.tsx +100 -100
  64. package/src/context/AutoBeAgentContext.tsx +301 -245
  65. package/src/context/AutoBeAgentSessionList.tsx +58 -58
  66. package/src/context/SearchParamsContext.tsx +49 -49
  67. package/src/icons/Receipt.tsx +74 -74
  68. package/src/structure/AutoBeListener.ts +368 -373
  69. package/tsconfig.json +9 -9
@@ -1,18 +1,18 @@
1
- import { IAutoBeEventGroup } from "../../structure";
2
- import { AutoBeEventMovie } from "./AutoBeEventMovie";
3
-
4
- export interface IAutoBeEventGroupMovieProps {
5
- eventGroups: IAutoBeEventGroup[];
6
- }
7
-
8
- export const AutoBeEventGroupMovie = (props: IAutoBeEventGroupMovieProps) => {
9
- return props.eventGroups.map((e, index) => (
10
- <AutoBeEventMovie
11
- key={index}
12
- events={e.events}
13
- last={index === props.eventGroups.length - 1}
14
- />
15
- ));
16
- };
17
-
18
- export default AutoBeEventGroupMovie;
1
+ import { IAutoBeEventGroup } from "../../structure";
2
+ import { AutoBeEventMovie } from "./AutoBeEventMovie";
3
+
4
+ export interface IAutoBeEventGroupMovieProps {
5
+ eventGroups: IAutoBeEventGroup[];
6
+ }
7
+
8
+ export const AutoBeEventGroupMovie = (props: IAutoBeEventGroupMovieProps) => {
9
+ return props.eventGroups.map((e, index) => (
10
+ <AutoBeEventMovie
11
+ key={index}
12
+ events={e.events}
13
+ last={index === props.eventGroups.length - 1}
14
+ />
15
+ ));
16
+ };
17
+
18
+ export default AutoBeEventGroupMovie;
@@ -1,158 +1,154 @@
1
- import { AutoBeEvent } from "@autobe/interface";
2
-
3
- import {
4
- AutoBeCompleteEventMovie,
5
- AutoBeCorrectEventMovie,
6
- AutoBeProgressEventMovie,
7
- AutoBeScenarioEventMovie,
8
- AutoBeStartEventMovie,
9
- AutoBeValidateEventMovie,
10
- CorrectEventGroup,
11
- ICorrectEventGroupProps,
12
- IValidateEventGroupProps,
13
- ValidateEventGroup,
14
- } from ".";
15
- import { useAutoBeAgent } from "../../context/AutoBeAgentContext";
16
- import { AutoBeAssistantMessageMovie } from "../AutoBeAssistantMessageMovie";
17
- import { AutoBeUserMessageMovie } from "../AutoBeUserMessageMovie";
18
-
19
- export interface IAutoBeEventMovieProps<Event extends AutoBeEvent> {
20
- events: Event[];
21
- last: boolean;
22
- }
23
-
24
- export function AutoBeEventMovie<Event extends AutoBeEvent>(
25
- props: IAutoBeEventMovieProps<Event>,
26
- ) {
27
- const { service } = useAutoBeAgent();
28
-
29
- if (service === null) {
30
- console.error("Service is not available");
31
- return null;
32
- }
33
- const back: Event = props.events[props.events.length - 1]!;
34
- switch (back.type) {
35
- case "userMessage":
36
- return <AutoBeUserMessageMovie message={back.contents} />;
37
- case "assistantMessage":
38
- return (
39
- <AutoBeAssistantMessageMovie
40
- text={back.text}
41
- isoTimestamp={back.created_at}
42
- />
43
- );
44
- // START EVENTS
45
- case "analyzeStart":
46
- case "databaseStart":
47
- case "interfaceStart":
48
- case "testStart":
49
- case "realizeStart":
50
- case "realizeTestStart":
51
- case "realizeAuthorizationStart":
52
- return <AutoBeStartEventMovie event={back} />;
53
- // SCENARIO EVENTS
54
- case "analyzeScenario":
55
- case "databaseGroup":
56
- case "databaseGroupReview":
57
- case "databaseAuthorization":
58
- case "databaseAuthorizationReview":
59
- case "interfaceGroup":
60
- case "realizeTestReset":
61
- return <AutoBeScenarioEventMovie event={back} />;
62
- // PROGRESS EVENTS
63
- case "analyzeWriteModule":
64
- case "analyzeModuleReview":
65
- case "analyzeWriteUnit":
66
- case "analyzeUnitReview":
67
- case "analyzeWriteSection":
68
- case "analyzeSectionReview":
69
- case "interfaceEndpoint":
70
- case "interfaceEndpointReview":
71
- case "databaseComponent":
72
- case "databaseComponentReview":
73
- case "databaseSchema":
74
- case "databaseSchemaReview":
75
- case "interfaceOperation":
76
- case "interfaceOperationReview":
77
- case "interfaceAuthorization":
78
- case "interfaceSchema":
79
- case "interfaceSchemaCasting":
80
- case "interfaceSchemaRefine":
81
- case "interfaceSchemaReview":
82
- case "interfaceSchemaComplement":
83
- case "interfaceSchemaRename":
84
- case "interfacePrerequisite":
85
- case "testScenario":
86
- case "testScenarioReview":
87
- case "testValidate":
88
- case "testWrite":
89
- case "realizePlan":
90
- case "realizeWrite":
91
- case "realizeAuthorizationWrite":
92
- case "realizeTestOperation":
93
- case "realizeValidate":
94
- return <AutoBeProgressEventMovie event={back} />;
95
- // VALIDATE EVENTS
96
- case "databaseValidate":
97
- case "realizeAuthorizationValidate":
98
- if (props.events.length === 1) {
99
- return <AutoBeValidateEventMovie event={back} />;
100
- }
101
- return (
102
- <ValidateEventGroup
103
- events={props.events as IValidateEventGroupProps["events"]}
104
- defaultCollapsed={true}
105
- />
106
- );
107
- // COMPLETE EVENTS
108
- case "analyzeComplete":
109
- case "databaseComplete":
110
- case "interfaceComplete":
111
- case "testComplete":
112
- case "realizeComplete":
113
- return (
114
- <AutoBeCompleteEventMovie getFiles={service.getFiles} event={back} />
115
- );
116
- // CORRECT EVENTS
117
- case "databaseCorrect":
118
- case "realizeAuthorizationCorrect": {
119
- if (props.events.length === 1) {
120
- return <AutoBeCorrectEventMovie event={back} />;
121
- }
122
- return (
123
- <CorrectEventGroup
124
- events={props.events as ICorrectEventGroupProps["events"]}
125
- defaultCollapsed={true}
126
- />
127
- );
128
- }
129
- // DISCARD
130
- case "imageDescribeStart":
131
- case "imageDescribeDraft":
132
- case "imageDescribeComplete":
133
- case "realizeTestComplete":
134
- case "realizeAuthorizationComplete":
135
- case "vendorRequest":
136
- case "vendorResponse":
137
- case "vendorTimeout":
138
- case "jsonParseError":
139
- case "jsonValidateError":
140
- case "consentFunctionCall":
141
- case "preliminary":
142
- case "analyzeWriteModule":
143
- case "analyzeModuleReview":
144
- case "analyzeWriteUnit":
145
- case "analyzeUnitReview":
146
- case "analyzeWriteSection":
147
- case "analyzeSectionReview":
148
- case "analyzeScenarioReview":
149
- case "testCorrect":
150
- case "realizeCorrect":
151
- return null;
152
- default:
153
- back satisfies never;
154
- return null;
155
- }
156
- }
157
-
158
- export default AutoBeEventMovie;
1
+ import { AutoBeEvent } from "@autobe/interface";
2
+
3
+ import {
4
+ AutoBeCompleteEventMovie,
5
+ AutoBeCorrectEventMovie,
6
+ AutoBeProgressEventMovie,
7
+ AutoBeScenarioEventMovie,
8
+ AutoBeStartEventMovie,
9
+ AutoBeValidateEventMovie,
10
+ CorrectEventGroup,
11
+ ICorrectEventGroupProps,
12
+ IValidateEventGroupProps,
13
+ ValidateEventGroup,
14
+ } from ".";
15
+ import { useAutoBeAgent } from "../../context/AutoBeAgentContext";
16
+ import { AutoBeAssistantMessageMovie } from "../AutoBeAssistantMessageMovie";
17
+ import { AutoBeUserMessageMovie } from "../AutoBeUserMessageMovie";
18
+
19
+ export interface IAutoBeEventMovieProps<Event extends AutoBeEvent> {
20
+ events: Event[];
21
+ last: boolean;
22
+ }
23
+
24
+ export function AutoBeEventMovie<Event extends AutoBeEvent>(
25
+ props: IAutoBeEventMovieProps<Event>,
26
+ ) {
27
+ const { service } = useAutoBeAgent();
28
+
29
+ if (service === null) {
30
+ console.error("Service is not available");
31
+ return null;
32
+ }
33
+ const back: Event = props.events[props.events.length - 1]!;
34
+ switch (back.type) {
35
+ case "userMessage":
36
+ return <AutoBeUserMessageMovie message={back.contents} />;
37
+ case "assistantMessage":
38
+ return (
39
+ <AutoBeAssistantMessageMovie
40
+ text={back.text}
41
+ isoTimestamp={back.created_at}
42
+ />
43
+ );
44
+ // START EVENTS
45
+ case "analyzeStart":
46
+ case "databaseStart":
47
+ case "interfaceStart":
48
+ case "testStart":
49
+ case "realizeStart":
50
+ case "realizeTestStart":
51
+ case "realizeAuthorizationStart":
52
+ return <AutoBeStartEventMovie event={back} />;
53
+ // SCENARIO EVENTS
54
+ case "analyzeScenario":
55
+ case "databaseGroup":
56
+ case "databaseGroupReview":
57
+ case "databaseAuthorization":
58
+ case "databaseAuthorizationReview":
59
+ case "interfaceGroup":
60
+ case "realizeTestReset":
61
+ return <AutoBeScenarioEventMovie event={back} />;
62
+ // PROGRESS EVENTS
63
+ case "analyzeWriteModule":
64
+ case "analyzeWriteUnit":
65
+ case "analyzeWriteSection":
66
+ case "analyzeSectionReview":
67
+ case "interfaceEndpoint":
68
+ case "interfaceEndpointReview":
69
+ case "databaseComponent":
70
+ case "databaseComponentReview":
71
+ case "databaseSchema":
72
+ case "databaseSchemaReview":
73
+ case "interfaceOperation":
74
+ case "interfaceOperationReview":
75
+ case "interfaceAuthorization":
76
+ case "interfaceSchema":
77
+ case "interfaceSchemaCasting":
78
+ case "interfaceSchemaRefine":
79
+ case "interfaceSchemaReview":
80
+ case "interfaceSchemaComplement":
81
+ case "interfaceSchemaRename":
82
+ case "interfacePrerequisite":
83
+ case "testScenario":
84
+ case "testScenarioReview":
85
+ case "testValidate":
86
+ case "testWrite":
87
+ case "realizePlan":
88
+ case "realizeWrite":
89
+ case "realizeAuthorizationWrite":
90
+ case "realizeTestOperation":
91
+ case "realizeValidate":
92
+ return <AutoBeProgressEventMovie event={back} />;
93
+ // VALIDATE EVENTS
94
+ case "databaseValidate":
95
+ case "realizeAuthorizationValidate":
96
+ if (props.events.length === 1) {
97
+ return <AutoBeValidateEventMovie event={back} />;
98
+ }
99
+ return (
100
+ <ValidateEventGroup
101
+ events={props.events as IValidateEventGroupProps["events"]}
102
+ defaultCollapsed={true}
103
+ />
104
+ );
105
+ // COMPLETE EVENTS
106
+ case "analyzeComplete":
107
+ case "databaseComplete":
108
+ case "interfaceComplete":
109
+ case "testComplete":
110
+ case "realizeComplete":
111
+ return (
112
+ <AutoBeCompleteEventMovie getFiles={service.getFiles} event={back} />
113
+ );
114
+ // CORRECT EVENTS
115
+ case "databaseCorrect":
116
+ case "realizeAuthorizationCorrect": {
117
+ if (props.events.length === 1) {
118
+ return <AutoBeCorrectEventMovie event={back} />;
119
+ }
120
+ return (
121
+ <CorrectEventGroup
122
+ events={props.events as ICorrectEventGroupProps["events"]}
123
+ defaultCollapsed={true}
124
+ />
125
+ );
126
+ }
127
+ // DISCARD
128
+ case "imageDescribeStart":
129
+ case "imageDescribeDraft":
130
+ case "imageDescribeComplete":
131
+ case "realizeTestComplete":
132
+ case "realizeAuthorizationComplete":
133
+ case "vendorRequest":
134
+ case "vendorResponse":
135
+ case "vendorTimeout":
136
+ case "jsonParseError":
137
+ case "jsonValidateError":
138
+ case "consentFunctionCall":
139
+ case "preliminary":
140
+ case "analyzeWriteModule":
141
+ case "analyzeWriteUnit":
142
+ case "analyzeWriteSection":
143
+ case "analyzeSectionReview":
144
+ case "analyzeScenarioReview":
145
+ case "testCorrect":
146
+ case "realizeCorrect":
147
+ return null;
148
+ default:
149
+ back satisfies never;
150
+ return null;
151
+ }
152
+ }
153
+
154
+ export default AutoBeEventMovie;