@autobe/ui 0.29.2 → 0.30.0-dev.20260315

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 (151) hide show
  1. package/LICENSE +661 -661
  2. package/README.md +261 -0
  3. package/lib/components/AutoBeChatMain.js +5 -5
  4. package/lib/components/AutoBeChatMain.js.map +1 -1
  5. package/lib/components/AutoBeConfigModal.js +9 -9
  6. package/lib/components/AutoBeStatusModal.js +4 -4
  7. package/lib/components/AutoBeStatusModal.js.map +1 -1
  8. package/lib/components/AutoBeUserMessageMovie.d.ts +2 -2
  9. package/lib/components/common/ChatBubble.d.ts +2 -2
  10. package/lib/components/common/openai/OpenAIContent.d.ts +2 -2
  11. package/lib/components/common/openai/OpenAIContent.js.map +1 -1
  12. package/lib/components/common/openai/OpenAIUserAudioContent.js +1 -1
  13. package/lib/components/common/openai/OpenAIUserAudioContent.js.map +1 -1
  14. package/lib/components/common/openai/OpenAIUserFileContent.js +1 -1
  15. package/lib/components/common/openai/OpenAIUserFileContent.js.map +1 -1
  16. package/lib/components/common/openai/OpenAIUserImageContent.d.ts +2 -2
  17. package/lib/components/events/AutoBeCompleteEventMovie.d.ts +2 -2
  18. package/lib/components/events/AutoBeCompleteEventMovie.js +5 -5
  19. package/lib/components/events/AutoBeCompleteEventMovie.js.map +1 -1
  20. package/lib/components/events/AutoBeCorrectEventMovie.d.ts +2 -2
  21. package/lib/components/events/AutoBeCorrectEventMovie.js +4 -4
  22. package/lib/components/events/AutoBeCorrectEventMovie.js.map +1 -1
  23. package/lib/components/events/AutoBeEventMovie.js +38 -17
  24. package/lib/components/events/AutoBeEventMovie.js.map +1 -1
  25. package/lib/components/events/AutoBeProgressEventMovie.js +73 -13
  26. package/lib/components/events/AutoBeProgressEventMovie.js.map +1 -1
  27. package/lib/components/events/AutoBeScenarioEventMovie.d.ts +2 -2
  28. package/lib/components/events/AutoBeScenarioEventMovie.js +18 -5
  29. package/lib/components/events/AutoBeScenarioEventMovie.js.map +1 -1
  30. package/lib/components/events/AutoBeStartEventMovie.d.ts +2 -2
  31. package/lib/components/events/AutoBeStartEventMovie.js +2 -2
  32. package/lib/components/events/AutoBeStartEventMovie.js.map +1 -1
  33. package/lib/components/events/AutoBeValidateEventMovie.d.ts +2 -2
  34. package/lib/components/events/AutoBeValidateEventMovie.js +3 -11
  35. package/lib/components/events/AutoBeValidateEventMovie.js.map +1 -1
  36. package/lib/components/events/groups/CorrectEventGroup.d.ts +2 -2
  37. package/lib/components/events/groups/CorrectEventGroup.js +1 -1
  38. package/lib/components/events/groups/CorrectEventGroup.js.map +1 -1
  39. package/lib/components/events/groups/ValidateEventGroup.d.ts +2 -2
  40. package/lib/components/events/groups/ValidateEventGroup.js +1 -2
  41. package/lib/components/events/groups/ValidateEventGroup.js.map +1 -1
  42. package/lib/components/events/utils/eventGrouper.js +1 -2
  43. package/lib/components/events/utils/eventGrouper.js.map +1 -1
  44. package/lib/components/upload/AutoBeChatUploadBox.d.ts +3 -4
  45. package/lib/components/upload/AutoBeChatUploadBox.js +2 -1
  46. package/lib/components/upload/AutoBeChatUploadBox.js.map +1 -1
  47. package/lib/components/upload/AutoBeChatUploadSendButton.js +1 -1
  48. package/lib/components/upload/AutoBeChatUploadSendButton.js.map +1 -1
  49. package/lib/context/AutoBeAgentContext.d.ts +1 -3
  50. package/lib/context/AutoBeAgentContext.js +0 -4
  51. package/lib/context/AutoBeAgentContext.js.map +1 -1
  52. package/lib/hooks/useSessionStorage.d.ts +4 -0
  53. package/lib/hooks/useSessionStorage.js +16 -0
  54. package/lib/hooks/useSessionStorage.js.map +1 -0
  55. package/lib/index.d.ts +1 -0
  56. package/lib/index.js +1 -0
  57. package/lib/index.js.map +1 -1
  58. package/lib/strategy/AutoBeAgentSessionStorageStrategy.d.ts +10 -0
  59. package/lib/strategy/AutoBeAgentSessionStorageStrategy.js +117 -0
  60. package/lib/strategy/AutoBeAgentSessionStorageStrategy.js.map +1 -0
  61. package/lib/structure/AutoBeListener.js +91 -23
  62. package/lib/structure/AutoBeListener.js.map +1 -1
  63. package/lib/structure/AutoBeListenerState.d.ts +3 -3
  64. package/lib/structure/AutoBeListenerState.js +4 -4
  65. package/lib/structure/AutoBeListenerState.js.map +1 -1
  66. package/lib/structure/IAutoBeAgentSessionStorageStrategy.js +1 -1
  67. package/lib/structure/IAutoBeAgentSessionStorageStrategy.js.map +1 -1
  68. package/lib/utils/AutoBeFileUploader.d.ts +2 -2
  69. package/lib/utils/AutoBeFileUploader.js.map +1 -1
  70. package/package.json +3 -4
  71. package/src/components/AutoBeAssistantMessageMovie.tsx +22 -22
  72. package/src/components/AutoBeChatMain.tsx +376 -376
  73. package/src/components/AutoBeChatSidebar.tsx +414 -414
  74. package/src/components/AutoBeConfigButton.tsx +83 -83
  75. package/src/components/AutoBeConfigModal.tsx +443 -443
  76. package/src/components/AutoBeStatusButton.tsx +75 -75
  77. package/src/components/AutoBeStatusModal.tsx +486 -484
  78. package/src/components/AutoBeUserMessageMovie.tsx +27 -27
  79. package/src/components/common/ActionButton.tsx +205 -205
  80. package/src/components/common/ActionButtonGroup.tsx +80 -80
  81. package/src/components/common/AutoBeConfigInput.tsx +185 -185
  82. package/src/components/common/ChatBubble.tsx +119 -119
  83. package/src/components/common/Collapsible.tsx +95 -95
  84. package/src/components/common/CompactSessionIndicator.tsx +73 -73
  85. package/src/components/common/CompactSessionList.tsx +82 -82
  86. package/src/components/common/index.ts +8 -8
  87. package/src/components/common/openai/OpenAIContent.tsx +53 -53
  88. package/src/components/common/openai/OpenAIUserAudioContent.tsx +70 -70
  89. package/src/components/common/openai/OpenAIUserFileContent.tsx +76 -76
  90. package/src/components/common/openai/OpenAIUserImageContent.tsx +34 -34
  91. package/src/components/common/openai/OpenAIUserTextContent.tsx +15 -15
  92. package/src/components/common/openai/index.ts +5 -5
  93. package/src/components/events/AutoBeCompleteEventMovie.tsx +402 -402
  94. package/src/components/events/AutoBeCorrectEventMovie.tsx +354 -368
  95. package/src/components/events/AutoBeEventGroupMovie.tsx +18 -18
  96. package/src/components/events/AutoBeEventMovie.tsx +158 -139
  97. package/src/components/events/AutoBeProgressEventMovie.tsx +217 -157
  98. package/src/components/events/AutoBeScenarioEventMovie.tsx +135 -95
  99. package/src/components/events/AutoBeStartEventMovie.tsx +82 -82
  100. package/src/components/events/AutoBeValidateEventMovie.tsx +249 -286
  101. package/src/components/events/README.md +300 -300
  102. package/src/components/events/common/CollapsibleEventGroup.tsx +211 -211
  103. package/src/components/events/common/EventCard.tsx +61 -61
  104. package/src/components/events/common/EventContent.tsx +31 -31
  105. package/src/components/events/common/EventHeader.tsx +85 -85
  106. package/src/components/events/common/EventIcon.tsx +82 -82
  107. package/src/components/events/common/ProgressBar.tsx +64 -64
  108. package/src/components/events/common/index.ts +13 -13
  109. package/src/components/events/groups/CorrectEventGroup.tsx +183 -183
  110. package/src/components/events/groups/ValidateEventGroup.tsx +143 -146
  111. package/src/components/events/groups/index.ts +8 -8
  112. package/src/components/events/index.ts +16 -16
  113. package/src/components/events/utils/eventGrouper.tsx +116 -117
  114. package/src/components/events/utils/index.ts +1 -1
  115. package/src/components/index.ts +13 -13
  116. package/src/components/upload/AutoBeChatUploadBox.tsx +425 -424
  117. package/src/components/upload/AutoBeChatUploadSendButton.tsx +66 -66
  118. package/src/components/upload/AutoBeFileUploadBox.tsx +123 -123
  119. package/src/components/upload/AutoBeUploadConfig.ts +5 -5
  120. package/src/components/upload/AutoBeVoiceRecoderButton.tsx +100 -100
  121. package/src/components/upload/index.ts +5 -5
  122. package/src/constant/color.ts +28 -28
  123. package/src/context/AutoBeAgentContext.tsx +245 -258
  124. package/src/context/AutoBeAgentSessionList.tsx +58 -58
  125. package/src/context/SearchParamsContext.tsx +49 -49
  126. package/src/hooks/index.ts +3 -3
  127. package/src/hooks/useEscapeKey.ts +24 -24
  128. package/src/hooks/useIsomorphicLayoutEffect.ts +8 -8
  129. package/src/hooks/useMediaQuery.ts +73 -73
  130. package/src/hooks/useSessionStorage.ts +10 -0
  131. package/src/icons/Receipt.tsx +74 -74
  132. package/src/index.ts +9 -8
  133. package/src/strategy/AutoBeAgentSessionStorageStrategy.ts +127 -0
  134. package/src/structure/AutoBeListener.ts +373 -304
  135. package/src/structure/AutoBeListenerState.ts +53 -53
  136. package/src/structure/IAutoBeAgentSessionStorageStrategy.ts +87 -87
  137. package/src/structure/IAutoBeEventGroup.ts +6 -6
  138. package/src/structure/index.ts +4 -4
  139. package/src/types/config.ts +44 -44
  140. package/src/types/index.ts +1 -1
  141. package/src/utils/AutoBeFileUploader.ts +279 -279
  142. package/src/utils/AutoBeVoiceRecorder.ts +95 -95
  143. package/src/utils/__tests__/crypto.test.ts +286 -286
  144. package/src/utils/__tests__/storage.test.ts +229 -229
  145. package/src/utils/crypto.ts +95 -95
  146. package/src/utils/index.ts +6 -6
  147. package/src/utils/number.ts +17 -17
  148. package/src/utils/storage.ts +96 -96
  149. package/src/utils/time.ts +14 -14
  150. package/tsconfig.json +9 -9
  151. package/vitest.config.ts +15 -15
@@ -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,139 +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 "prismaStart":
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 "prismaComponent":
56
- case "interfaceGroup":
57
- case "realizeTestReset":
58
- return <AutoBeScenarioEventMovie event={back} />;
59
- // PROGRESS EVENTS
60
- case "analyzeWrite":
61
- case "analyzeReview":
62
- case "interfaceEndpoint":
63
- case "prismaSchema":
64
- case "prismaReview":
65
- case "interfaceOperation":
66
- case "interfaceOperationReview":
67
- case "interfaceAuthorization":
68
- case "interfaceSchema":
69
- case "interfaceSchemaReview":
70
- case "interfaceComplement":
71
- case "interfaceSchemaRename":
72
- case "interfacePrerequisite":
73
- case "testWrite":
74
- case "testScenario":
75
- case "testScenarioReview":
76
- case "realizeWrite":
77
- case "realizeAuthorizationWrite":
78
- case "realizeTestOperation":
79
- return <AutoBeProgressEventMovie event={back} />;
80
- // VALIDATE EVENTS
81
- case "prismaInsufficient":
82
- case "prismaValidate":
83
- case "testValidate":
84
- case "realizeValidate":
85
- case "realizeAuthorizationValidate":
86
- if (props.events.length === 1) {
87
- return <AutoBeValidateEventMovie event={back} />;
88
- }
89
-
90
- return (
91
- <ValidateEventGroup
92
- events={props.events as IValidateEventGroupProps["events"]}
93
- defaultCollapsed={true}
94
- />
95
- );
96
- // COMPLETE EVENTS
97
- case "analyzeComplete":
98
- case "prismaComplete":
99
- case "interfaceComplete":
100
- case "testComplete":
101
- case "realizeComplete":
102
- return (
103
- <AutoBeCompleteEventMovie getFiles={service.getFiles} event={back} />
104
- );
105
- // CORRECT EVENTS
106
- case "prismaCorrect":
107
- case "testCorrect":
108
- case "realizeCorrect":
109
- case "realizeAuthorizationCorrect": {
110
- if (props.events.length === 1) {
111
- return <AutoBeCorrectEventMovie event={back} />;
112
- }
113
-
114
- return (
115
- <CorrectEventGroup
116
- events={props.events as ICorrectEventGroupProps["events"]}
117
- defaultCollapsed={true}
118
- />
119
- );
120
- }
121
- // DISCARD
122
- case "interfaceEndpointReview":
123
- case "realizeTestComplete":
124
- case "realizeAuthorizationComplete":
125
- case "vendorRequest":
126
- case "vendorResponse":
127
- case "vendorTimeout":
128
- case "jsonParseError":
129
- case "jsonValidateError":
130
- case "consentFunctionCall":
131
- case "preliminary":
132
- return null;
133
- default:
134
- back satisfies never;
135
- return null;
136
- }
137
- }
138
-
139
- 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;