@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.
- package/LICENSE +661 -661
- package/README.md +261 -0
- package/lib/components/AutoBeChatMain.js +5 -5
- package/lib/components/AutoBeChatMain.js.map +1 -1
- package/lib/components/AutoBeConfigModal.js +9 -9
- package/lib/components/AutoBeStatusModal.js +4 -4
- package/lib/components/AutoBeStatusModal.js.map +1 -1
- package/lib/components/AutoBeUserMessageMovie.d.ts +2 -2
- package/lib/components/common/ChatBubble.d.ts +2 -2
- package/lib/components/common/openai/OpenAIContent.d.ts +2 -2
- package/lib/components/common/openai/OpenAIContent.js.map +1 -1
- package/lib/components/common/openai/OpenAIUserAudioContent.js +1 -1
- package/lib/components/common/openai/OpenAIUserAudioContent.js.map +1 -1
- package/lib/components/common/openai/OpenAIUserFileContent.js +1 -1
- package/lib/components/common/openai/OpenAIUserFileContent.js.map +1 -1
- package/lib/components/common/openai/OpenAIUserImageContent.d.ts +2 -2
- package/lib/components/events/AutoBeCompleteEventMovie.d.ts +2 -2
- package/lib/components/events/AutoBeCompleteEventMovie.js +5 -5
- package/lib/components/events/AutoBeCompleteEventMovie.js.map +1 -1
- package/lib/components/events/AutoBeCorrectEventMovie.d.ts +2 -2
- package/lib/components/events/AutoBeCorrectEventMovie.js +4 -4
- package/lib/components/events/AutoBeCorrectEventMovie.js.map +1 -1
- package/lib/components/events/AutoBeEventMovie.js +38 -17
- package/lib/components/events/AutoBeEventMovie.js.map +1 -1
- package/lib/components/events/AutoBeProgressEventMovie.js +73 -13
- package/lib/components/events/AutoBeProgressEventMovie.js.map +1 -1
- package/lib/components/events/AutoBeScenarioEventMovie.d.ts +2 -2
- package/lib/components/events/AutoBeScenarioEventMovie.js +18 -5
- package/lib/components/events/AutoBeScenarioEventMovie.js.map +1 -1
- package/lib/components/events/AutoBeStartEventMovie.d.ts +2 -2
- package/lib/components/events/AutoBeStartEventMovie.js +2 -2
- package/lib/components/events/AutoBeStartEventMovie.js.map +1 -1
- package/lib/components/events/AutoBeValidateEventMovie.d.ts +2 -2
- package/lib/components/events/AutoBeValidateEventMovie.js +3 -11
- package/lib/components/events/AutoBeValidateEventMovie.js.map +1 -1
- package/lib/components/events/groups/CorrectEventGroup.d.ts +2 -2
- package/lib/components/events/groups/CorrectEventGroup.js +1 -1
- package/lib/components/events/groups/CorrectEventGroup.js.map +1 -1
- package/lib/components/events/groups/ValidateEventGroup.d.ts +2 -2
- package/lib/components/events/groups/ValidateEventGroup.js +1 -2
- package/lib/components/events/groups/ValidateEventGroup.js.map +1 -1
- package/lib/components/events/utils/eventGrouper.js +1 -2
- package/lib/components/events/utils/eventGrouper.js.map +1 -1
- package/lib/components/upload/AutoBeChatUploadBox.d.ts +3 -4
- package/lib/components/upload/AutoBeChatUploadBox.js +2 -1
- package/lib/components/upload/AutoBeChatUploadBox.js.map +1 -1
- package/lib/components/upload/AutoBeChatUploadSendButton.js +1 -1
- package/lib/components/upload/AutoBeChatUploadSendButton.js.map +1 -1
- package/lib/context/AutoBeAgentContext.d.ts +1 -3
- package/lib/context/AutoBeAgentContext.js +0 -4
- package/lib/context/AutoBeAgentContext.js.map +1 -1
- package/lib/hooks/useSessionStorage.d.ts +4 -0
- package/lib/hooks/useSessionStorage.js +16 -0
- package/lib/hooks/useSessionStorage.js.map +1 -0
- package/lib/index.d.ts +1 -0
- package/lib/index.js +1 -0
- package/lib/index.js.map +1 -1
- package/lib/strategy/AutoBeAgentSessionStorageStrategy.d.ts +10 -0
- package/lib/strategy/AutoBeAgentSessionStorageStrategy.js +117 -0
- package/lib/strategy/AutoBeAgentSessionStorageStrategy.js.map +1 -0
- package/lib/structure/AutoBeListener.js +91 -23
- package/lib/structure/AutoBeListener.js.map +1 -1
- package/lib/structure/AutoBeListenerState.d.ts +3 -3
- package/lib/structure/AutoBeListenerState.js +4 -4
- package/lib/structure/AutoBeListenerState.js.map +1 -1
- package/lib/structure/IAutoBeAgentSessionStorageStrategy.js +1 -1
- package/lib/structure/IAutoBeAgentSessionStorageStrategy.js.map +1 -1
- package/lib/utils/AutoBeFileUploader.d.ts +2 -2
- package/lib/utils/AutoBeFileUploader.js.map +1 -1
- package/package.json +3 -4
- package/src/components/AutoBeAssistantMessageMovie.tsx +22 -22
- package/src/components/AutoBeChatMain.tsx +376 -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 -484
- 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/index.ts +8 -8
- 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/common/openai/index.ts +5 -5
- package/src/components/events/AutoBeCompleteEventMovie.tsx +402 -402
- package/src/components/events/AutoBeCorrectEventMovie.tsx +354 -368
- package/src/components/events/AutoBeEventGroupMovie.tsx +18 -18
- package/src/components/events/AutoBeEventMovie.tsx +158 -139
- package/src/components/events/AutoBeProgressEventMovie.tsx +217 -157
- package/src/components/events/AutoBeScenarioEventMovie.tsx +135 -95
- package/src/components/events/AutoBeStartEventMovie.tsx +82 -82
- package/src/components/events/AutoBeValidateEventMovie.tsx +249 -286
- 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/common/index.ts +13 -13
- package/src/components/events/groups/CorrectEventGroup.tsx +183 -183
- package/src/components/events/groups/ValidateEventGroup.tsx +143 -146
- package/src/components/events/groups/index.ts +8 -8
- package/src/components/events/index.ts +16 -16
- package/src/components/events/utils/eventGrouper.tsx +116 -117
- package/src/components/events/utils/index.ts +1 -1
- package/src/components/index.ts +13 -13
- package/src/components/upload/AutoBeChatUploadBox.tsx +425 -424
- package/src/components/upload/AutoBeChatUploadSendButton.tsx +66 -66
- package/src/components/upload/AutoBeFileUploadBox.tsx +123 -123
- package/src/components/upload/AutoBeUploadConfig.ts +5 -5
- package/src/components/upload/AutoBeVoiceRecoderButton.tsx +100 -100
- package/src/components/upload/index.ts +5 -5
- package/src/constant/color.ts +28 -28
- package/src/context/AutoBeAgentContext.tsx +245 -258
- package/src/context/AutoBeAgentSessionList.tsx +58 -58
- package/src/context/SearchParamsContext.tsx +49 -49
- package/src/hooks/index.ts +3 -3
- package/src/hooks/useEscapeKey.ts +24 -24
- package/src/hooks/useIsomorphicLayoutEffect.ts +8 -8
- package/src/hooks/useMediaQuery.ts +73 -73
- package/src/hooks/useSessionStorage.ts +10 -0
- package/src/icons/Receipt.tsx +74 -74
- package/src/index.ts +9 -8
- package/src/strategy/AutoBeAgentSessionStorageStrategy.ts +127 -0
- package/src/structure/AutoBeListener.ts +373 -304
- package/src/structure/AutoBeListenerState.ts +53 -53
- package/src/structure/IAutoBeAgentSessionStorageStrategy.ts +87 -87
- package/src/structure/IAutoBeEventGroup.ts +6 -6
- package/src/structure/index.ts +4 -4
- package/src/types/config.ts +44 -44
- package/src/types/index.ts +1 -1
- package/src/utils/AutoBeFileUploader.ts +279 -279
- package/src/utils/AutoBeVoiceRecorder.ts +95 -95
- package/src/utils/__tests__/crypto.test.ts +286 -286
- package/src/utils/__tests__/storage.test.ts +229 -229
- package/src/utils/crypto.ts +95 -95
- package/src/utils/index.ts +6 -6
- package/src/utils/number.ts +17 -17
- package/src/utils/storage.ts +96 -96
- package/src/utils/time.ts +14 -14
- package/tsconfig.json +9 -9
- package/vitest.config.ts +15 -15
|
@@ -1,82 +1,82 @@
|
|
|
1
|
-
import {
|
|
2
|
-
AutoBeAnalyzeStartEvent,
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
AutoBeRealizeAuthorizationStartEvent,
|
|
6
|
-
AutoBeRealizeStartEvent,
|
|
7
|
-
AutoBeRealizeTestStartEvent,
|
|
8
|
-
AutoBeTestStartEvent,
|
|
9
|
-
} from "@autobe/interface";
|
|
10
|
-
|
|
11
|
-
interface IAutoBeStartEventProps {
|
|
12
|
-
event:
|
|
13
|
-
| AutoBeAnalyzeStartEvent
|
|
14
|
-
|
|
|
15
|
-
| AutoBeInterfaceStartEvent
|
|
16
|
-
| AutoBeTestStartEvent
|
|
17
|
-
| AutoBeRealizeStartEvent
|
|
18
|
-
| AutoBeRealizeAuthorizationStartEvent
|
|
19
|
-
| AutoBeRealizeTestStartEvent;
|
|
20
|
-
style?: React.CSSProperties;
|
|
21
|
-
className?: string;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
const AutoBeStartEventMovie = (props: IAutoBeStartEventProps) => {
|
|
25
|
-
const { event } = props;
|
|
26
|
-
const title = getTitle(event);
|
|
27
|
-
|
|
28
|
-
return (
|
|
29
|
-
<div
|
|
30
|
-
style={{
|
|
31
|
-
display: "flex",
|
|
32
|
-
justifyContent: "center",
|
|
33
|
-
marginBottom: "1rem",
|
|
34
|
-
}}
|
|
35
|
-
>
|
|
36
|
-
<div
|
|
37
|
-
className={props.className}
|
|
38
|
-
style={{
|
|
39
|
-
backgroundColor: "#f0f0f0",
|
|
40
|
-
border: "1px solid #e0e0e0",
|
|
41
|
-
borderRadius: "0.5rem",
|
|
42
|
-
padding: "0.5rem 1rem",
|
|
43
|
-
...props.style,
|
|
44
|
-
}}
|
|
45
|
-
>
|
|
46
|
-
<div
|
|
47
|
-
style={{
|
|
48
|
-
fontSize: "0.875rem",
|
|
49
|
-
color: "#666",
|
|
50
|
-
fontWeight: "medium",
|
|
51
|
-
}}
|
|
52
|
-
>
|
|
53
|
-
🚀 {title} has started.
|
|
54
|
-
</div>
|
|
55
|
-
</div>
|
|
56
|
-
</div>
|
|
57
|
-
);
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
function getTitle(event: IAutoBeStartEventProps["event"]): string {
|
|
61
|
-
switch (event.type) {
|
|
62
|
-
case "analyzeStart":
|
|
63
|
-
return "Analyze";
|
|
64
|
-
case "
|
|
65
|
-
return "
|
|
66
|
-
case "interfaceStart":
|
|
67
|
-
return "Interface";
|
|
68
|
-
case "testStart":
|
|
69
|
-
return "Test";
|
|
70
|
-
case "realizeStart":
|
|
71
|
-
return "Realize";
|
|
72
|
-
case "realizeAuthorizationStart":
|
|
73
|
-
return "Realize Authorization";
|
|
74
|
-
case "realizeTestStart":
|
|
75
|
-
return "Final E2E Test";
|
|
76
|
-
default:
|
|
77
|
-
event satisfies never;
|
|
78
|
-
throw new Error("Unknown event type"); // unreachable
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
export default AutoBeStartEventMovie;
|
|
1
|
+
import {
|
|
2
|
+
AutoBeAnalyzeStartEvent,
|
|
3
|
+
AutoBeDatabaseStartEvent,
|
|
4
|
+
AutoBeInterfaceStartEvent,
|
|
5
|
+
AutoBeRealizeAuthorizationStartEvent,
|
|
6
|
+
AutoBeRealizeStartEvent,
|
|
7
|
+
AutoBeRealizeTestStartEvent,
|
|
8
|
+
AutoBeTestStartEvent,
|
|
9
|
+
} from "@autobe/interface";
|
|
10
|
+
|
|
11
|
+
interface IAutoBeStartEventProps {
|
|
12
|
+
event:
|
|
13
|
+
| AutoBeAnalyzeStartEvent
|
|
14
|
+
| AutoBeDatabaseStartEvent
|
|
15
|
+
| AutoBeInterfaceStartEvent
|
|
16
|
+
| AutoBeTestStartEvent
|
|
17
|
+
| AutoBeRealizeStartEvent
|
|
18
|
+
| AutoBeRealizeAuthorizationStartEvent
|
|
19
|
+
| AutoBeRealizeTestStartEvent;
|
|
20
|
+
style?: React.CSSProperties;
|
|
21
|
+
className?: string;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
const AutoBeStartEventMovie = (props: IAutoBeStartEventProps) => {
|
|
25
|
+
const { event } = props;
|
|
26
|
+
const title = getTitle(event);
|
|
27
|
+
|
|
28
|
+
return (
|
|
29
|
+
<div
|
|
30
|
+
style={{
|
|
31
|
+
display: "flex",
|
|
32
|
+
justifyContent: "center",
|
|
33
|
+
marginBottom: "1rem",
|
|
34
|
+
}}
|
|
35
|
+
>
|
|
36
|
+
<div
|
|
37
|
+
className={props.className}
|
|
38
|
+
style={{
|
|
39
|
+
backgroundColor: "#f0f0f0",
|
|
40
|
+
border: "1px solid #e0e0e0",
|
|
41
|
+
borderRadius: "0.5rem",
|
|
42
|
+
padding: "0.5rem 1rem",
|
|
43
|
+
...props.style,
|
|
44
|
+
}}
|
|
45
|
+
>
|
|
46
|
+
<div
|
|
47
|
+
style={{
|
|
48
|
+
fontSize: "0.875rem",
|
|
49
|
+
color: "#666",
|
|
50
|
+
fontWeight: "medium",
|
|
51
|
+
}}
|
|
52
|
+
>
|
|
53
|
+
🚀 {title} has started.
|
|
54
|
+
</div>
|
|
55
|
+
</div>
|
|
56
|
+
</div>
|
|
57
|
+
);
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
function getTitle(event: IAutoBeStartEventProps["event"]): string {
|
|
61
|
+
switch (event.type) {
|
|
62
|
+
case "analyzeStart":
|
|
63
|
+
return "Analyze";
|
|
64
|
+
case "databaseStart":
|
|
65
|
+
return "Database";
|
|
66
|
+
case "interfaceStart":
|
|
67
|
+
return "Interface";
|
|
68
|
+
case "testStart":
|
|
69
|
+
return "Test";
|
|
70
|
+
case "realizeStart":
|
|
71
|
+
return "Realize";
|
|
72
|
+
case "realizeAuthorizationStart":
|
|
73
|
+
return "Realize Authorization";
|
|
74
|
+
case "realizeTestStart":
|
|
75
|
+
return "Final E2E Test";
|
|
76
|
+
default:
|
|
77
|
+
event satisfies never;
|
|
78
|
+
throw new Error("Unknown event type"); // unreachable
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
export default AutoBeStartEventMovie;
|