@autobe/ui 0.30.0-dev.20260315 → 0.30.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 (86) hide show
  1. package/LICENSE +661 -661
  2. package/lib/components/AutoBeChatMain.js +5 -5
  3. package/lib/components/AutoBeConfigModal.js +9 -9
  4. package/package.json +2 -2
  5. package/src/components/AutoBeAssistantMessageMovie.tsx +22 -22
  6. package/src/components/AutoBeChatMain.tsx +376 -376
  7. package/src/components/AutoBeChatSidebar.tsx +414 -414
  8. package/src/components/AutoBeConfigButton.tsx +83 -83
  9. package/src/components/AutoBeConfigModal.tsx +443 -443
  10. package/src/components/AutoBeStatusButton.tsx +75 -75
  11. package/src/components/AutoBeStatusModal.tsx +486 -486
  12. package/src/components/AutoBeUserMessageMovie.tsx +27 -27
  13. package/src/components/common/ActionButton.tsx +205 -205
  14. package/src/components/common/ActionButtonGroup.tsx +80 -80
  15. package/src/components/common/AutoBeConfigInput.tsx +185 -185
  16. package/src/components/common/ChatBubble.tsx +119 -119
  17. package/src/components/common/Collapsible.tsx +95 -95
  18. package/src/components/common/CompactSessionIndicator.tsx +73 -73
  19. package/src/components/common/CompactSessionList.tsx +82 -82
  20. package/src/components/common/index.ts +8 -8
  21. package/src/components/common/openai/OpenAIContent.tsx +53 -53
  22. package/src/components/common/openai/OpenAIUserAudioContent.tsx +70 -70
  23. package/src/components/common/openai/OpenAIUserFileContent.tsx +76 -76
  24. package/src/components/common/openai/OpenAIUserImageContent.tsx +34 -34
  25. package/src/components/common/openai/OpenAIUserTextContent.tsx +15 -15
  26. package/src/components/common/openai/index.ts +5 -5
  27. package/src/components/events/AutoBeCompleteEventMovie.tsx +402 -402
  28. package/src/components/events/AutoBeCorrectEventMovie.tsx +354 -354
  29. package/src/components/events/AutoBeEventGroupMovie.tsx +18 -18
  30. package/src/components/events/AutoBeEventMovie.tsx +158 -158
  31. package/src/components/events/AutoBeProgressEventMovie.tsx +217 -217
  32. package/src/components/events/AutoBeScenarioEventMovie.tsx +135 -135
  33. package/src/components/events/AutoBeStartEventMovie.tsx +82 -82
  34. package/src/components/events/AutoBeValidateEventMovie.tsx +249 -249
  35. package/src/components/events/README.md +300 -300
  36. package/src/components/events/common/CollapsibleEventGroup.tsx +211 -211
  37. package/src/components/events/common/EventCard.tsx +61 -61
  38. package/src/components/events/common/EventContent.tsx +31 -31
  39. package/src/components/events/common/EventHeader.tsx +85 -85
  40. package/src/components/events/common/EventIcon.tsx +82 -82
  41. package/src/components/events/common/ProgressBar.tsx +64 -64
  42. package/src/components/events/common/index.ts +13 -13
  43. package/src/components/events/groups/CorrectEventGroup.tsx +183 -183
  44. package/src/components/events/groups/ValidateEventGroup.tsx +143 -143
  45. package/src/components/events/groups/index.ts +8 -8
  46. package/src/components/events/index.ts +16 -16
  47. package/src/components/events/utils/eventGrouper.tsx +116 -116
  48. package/src/components/events/utils/index.ts +1 -1
  49. package/src/components/index.ts +13 -13
  50. package/src/components/upload/AutoBeChatUploadBox.tsx +425 -425
  51. package/src/components/upload/AutoBeChatUploadSendButton.tsx +66 -66
  52. package/src/components/upload/AutoBeFileUploadBox.tsx +123 -123
  53. package/src/components/upload/AutoBeUploadConfig.ts +5 -5
  54. package/src/components/upload/AutoBeVoiceRecoderButton.tsx +100 -100
  55. package/src/components/upload/index.ts +5 -5
  56. package/src/constant/color.ts +28 -28
  57. package/src/context/AutoBeAgentContext.tsx +245 -245
  58. package/src/context/AutoBeAgentSessionList.tsx +58 -58
  59. package/src/context/SearchParamsContext.tsx +49 -49
  60. package/src/hooks/index.ts +3 -3
  61. package/src/hooks/useEscapeKey.ts +24 -24
  62. package/src/hooks/useIsomorphicLayoutEffect.ts +8 -8
  63. package/src/hooks/useMediaQuery.ts +73 -73
  64. package/src/hooks/useSessionStorage.ts +10 -10
  65. package/src/icons/Receipt.tsx +74 -74
  66. package/src/index.ts +9 -9
  67. package/src/strategy/AutoBeAgentSessionStorageStrategy.ts +127 -127
  68. package/src/structure/AutoBeListener.ts +373 -373
  69. package/src/structure/AutoBeListenerState.ts +53 -53
  70. package/src/structure/IAutoBeAgentSessionStorageStrategy.ts +87 -87
  71. package/src/structure/IAutoBeEventGroup.ts +6 -6
  72. package/src/structure/index.ts +4 -4
  73. package/src/types/config.ts +44 -44
  74. package/src/types/index.ts +1 -1
  75. package/src/utils/AutoBeFileUploader.ts +279 -279
  76. package/src/utils/AutoBeVoiceRecorder.ts +95 -95
  77. package/src/utils/__tests__/crypto.test.ts +286 -286
  78. package/src/utils/__tests__/storage.test.ts +229 -229
  79. package/src/utils/crypto.ts +95 -95
  80. package/src/utils/index.ts +6 -6
  81. package/src/utils/number.ts +17 -17
  82. package/src/utils/storage.ts +96 -96
  83. package/src/utils/time.ts +14 -14
  84. package/tsconfig.json +9 -9
  85. package/vitest.config.ts +15 -15
  86. package/README.md +0 -261
@@ -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,158 @@
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 "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;