@autobe/ui 0.30.3 → 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 (65) 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/upload/AutoBeChatUploadBox.d.ts +1 -0
  8. package/lib/components/upload/AutoBeChatUploadBox.js +11 -16
  9. package/lib/components/upload/AutoBeChatUploadBox.js.map +1 -1
  10. package/lib/context/AutoBeAgentContext.js +78 -30
  11. package/lib/context/AutoBeAgentContext.js.map +1 -1
  12. package/lib/context/SearchParamsContext.js +1 -1
  13. package/lib/context/SearchParamsContext.js.map +1 -1
  14. package/lib/structure/AutoBeListener.d.ts +1 -0
  15. package/lib/structure/AutoBeListener.js +9 -1
  16. package/lib/structure/AutoBeListener.js.map +1 -1
  17. package/package.json +2 -2
  18. package/src/components/AutoBeAssistantMessageMovie.tsx +22 -22
  19. package/src/components/AutoBeChatMain.tsx +394 -376
  20. package/src/components/AutoBeChatSidebar.tsx +414 -414
  21. package/src/components/AutoBeConfigButton.tsx +83 -83
  22. package/src/components/AutoBeConfigModal.tsx +443 -443
  23. package/src/components/AutoBeStatusButton.tsx +75 -75
  24. package/src/components/AutoBeStatusModal.tsx +486 -486
  25. package/src/components/AutoBeUserMessageMovie.tsx +27 -27
  26. package/src/components/common/ActionButton.tsx +205 -205
  27. package/src/components/common/ActionButtonGroup.tsx +80 -80
  28. package/src/components/common/AutoBeConfigInput.tsx +185 -185
  29. package/src/components/common/ChatBubble.tsx +119 -119
  30. package/src/components/common/Collapsible.tsx +95 -95
  31. package/src/components/common/CompactSessionIndicator.tsx +73 -73
  32. package/src/components/common/CompactSessionList.tsx +82 -82
  33. package/src/components/common/openai/OpenAIContent.tsx +53 -53
  34. package/src/components/common/openai/OpenAIUserAudioContent.tsx +70 -70
  35. package/src/components/common/openai/OpenAIUserFileContent.tsx +76 -76
  36. package/src/components/common/openai/OpenAIUserImageContent.tsx +34 -34
  37. package/src/components/common/openai/OpenAIUserTextContent.tsx +15 -15
  38. package/src/components/events/AutoBeCompleteEventMovie.tsx +402 -402
  39. package/src/components/events/AutoBeCorrectEventMovie.tsx +354 -354
  40. package/src/components/events/AutoBeEventGroupMovie.tsx +18 -18
  41. package/src/components/events/AutoBeEventMovie.tsx +154 -154
  42. package/src/components/events/AutoBeProgressEventMovie.tsx +207 -207
  43. package/src/components/events/AutoBeScenarioEventMovie.tsx +135 -135
  44. package/src/components/events/AutoBeStartEventMovie.tsx +82 -82
  45. package/src/components/events/AutoBeValidateEventMovie.tsx +249 -249
  46. package/src/components/events/README.md +300 -300
  47. package/src/components/events/common/CollapsibleEventGroup.tsx +211 -211
  48. package/src/components/events/common/EventCard.tsx +61 -61
  49. package/src/components/events/common/EventContent.tsx +31 -31
  50. package/src/components/events/common/EventHeader.tsx +85 -85
  51. package/src/components/events/common/EventIcon.tsx +82 -82
  52. package/src/components/events/common/ProgressBar.tsx +64 -64
  53. package/src/components/events/groups/CorrectEventGroup.tsx +183 -183
  54. package/src/components/events/groups/ValidateEventGroup.tsx +143 -143
  55. package/src/components/events/utils/eventGrouper.tsx +116 -116
  56. package/src/components/upload/AutoBeChatUploadBox.tsx +433 -425
  57. package/src/components/upload/AutoBeChatUploadSendButton.tsx +66 -66
  58. package/src/components/upload/AutoBeFileUploadBox.tsx +123 -123
  59. package/src/components/upload/AutoBeVoiceRecoderButton.tsx +100 -100
  60. package/src/context/AutoBeAgentContext.tsx +301 -245
  61. package/src/context/AutoBeAgentSessionList.tsx +58 -58
  62. package/src/context/SearchParamsContext.tsx +49 -49
  63. package/src/icons/Receipt.tsx +74 -74
  64. package/src/structure/AutoBeListener.ts +368 -363
  65. 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,154 +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 "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;
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;