@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.
- package/LICENSE +661 -661
- package/README.md +261 -0
- package/lib/components/AutoBeChatMain.d.ts +6 -0
- package/lib/components/AutoBeChatMain.js +46 -37
- package/lib/components/AutoBeChatMain.js.map +1 -1
- package/lib/components/AutoBeConfigModal.js +9 -9
- package/lib/components/upload/AutoBeChatUploadBox.d.ts +1 -0
- package/lib/components/upload/AutoBeChatUploadBox.js +11 -16
- package/lib/components/upload/AutoBeChatUploadBox.js.map +1 -1
- package/lib/context/AutoBeAgentContext.js +78 -30
- package/lib/context/AutoBeAgentContext.js.map +1 -1
- package/lib/context/SearchParamsContext.js +1 -1
- package/lib/context/SearchParamsContext.js.map +1 -1
- package/lib/structure/AutoBeListener.d.ts +1 -0
- package/lib/structure/AutoBeListener.js +9 -1
- package/lib/structure/AutoBeListener.js.map +1 -1
- package/package.json +2 -2
- package/src/components/AutoBeAssistantMessageMovie.tsx +22 -22
- package/src/components/AutoBeChatMain.tsx +394 -376
- package/src/components/AutoBeChatSidebar.tsx +414 -414
- package/src/components/AutoBeConfigButton.tsx +83 -83
- package/src/components/AutoBeConfigModal.tsx +443 -443
- package/src/components/AutoBeStatusButton.tsx +75 -75
- package/src/components/AutoBeStatusModal.tsx +486 -486
- package/src/components/AutoBeUserMessageMovie.tsx +27 -27
- package/src/components/common/ActionButton.tsx +205 -205
- package/src/components/common/ActionButtonGroup.tsx +80 -80
- package/src/components/common/AutoBeConfigInput.tsx +185 -185
- package/src/components/common/ChatBubble.tsx +119 -119
- package/src/components/common/Collapsible.tsx +95 -95
- package/src/components/common/CompactSessionIndicator.tsx +73 -73
- package/src/components/common/CompactSessionList.tsx +82 -82
- package/src/components/common/openai/OpenAIContent.tsx +53 -53
- package/src/components/common/openai/OpenAIUserAudioContent.tsx +70 -70
- package/src/components/common/openai/OpenAIUserFileContent.tsx +76 -76
- package/src/components/common/openai/OpenAIUserImageContent.tsx +34 -34
- package/src/components/common/openai/OpenAIUserTextContent.tsx +15 -15
- package/src/components/events/AutoBeCompleteEventMovie.tsx +402 -402
- package/src/components/events/AutoBeCorrectEventMovie.tsx +354 -354
- package/src/components/events/AutoBeEventGroupMovie.tsx +18 -18
- package/src/components/events/AutoBeEventMovie.tsx +154 -154
- package/src/components/events/AutoBeProgressEventMovie.tsx +207 -207
- package/src/components/events/AutoBeScenarioEventMovie.tsx +135 -135
- package/src/components/events/AutoBeStartEventMovie.tsx +82 -82
- package/src/components/events/AutoBeValidateEventMovie.tsx +249 -249
- package/src/components/events/README.md +300 -300
- package/src/components/events/common/CollapsibleEventGroup.tsx +211 -211
- package/src/components/events/common/EventCard.tsx +61 -61
- package/src/components/events/common/EventContent.tsx +31 -31
- package/src/components/events/common/EventHeader.tsx +85 -85
- package/src/components/events/common/EventIcon.tsx +82 -82
- package/src/components/events/common/ProgressBar.tsx +64 -64
- package/src/components/events/groups/CorrectEventGroup.tsx +183 -183
- package/src/components/events/groups/ValidateEventGroup.tsx +143 -143
- package/src/components/events/utils/eventGrouper.tsx +116 -116
- package/src/components/upload/AutoBeChatUploadBox.tsx +433 -425
- package/src/components/upload/AutoBeChatUploadSendButton.tsx +66 -66
- package/src/components/upload/AutoBeFileUploadBox.tsx +123 -123
- package/src/components/upload/AutoBeVoiceRecoderButton.tsx +100 -100
- package/src/context/AutoBeAgentContext.tsx +301 -245
- package/src/context/AutoBeAgentSessionList.tsx +58 -58
- package/src/context/SearchParamsContext.tsx +49 -49
- package/src/icons/Receipt.tsx +74 -74
- package/src/structure/AutoBeListener.ts +368 -363
- 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;
|