mirror of
https://github.com/openswarm-ai/openswarm.git
synced 2026-08-26 14:32:22 +02:00
[eric] onboarding: empty state becomes 'What do you want done?' pointing at the chat bubble; chips one-tap launch (no prefill step), App Builder keeps its surface
This commit is contained in:
@@ -87,13 +87,18 @@ const DashboardEmptyState: React.FC<{
|
||||
// context switch); the others use the default mode.
|
||||
const launch = (prompt: string) => {
|
||||
if (launching) return;
|
||||
if (onStarter) {
|
||||
onStarter(prompt, isAppBuilder ? 'view-builder' : undefined);
|
||||
// App Builder opens its own surface, so prefill its composer (the user reviews,
|
||||
// then builds). Everything else fires immediately: a pick is one tap to a running agent.
|
||||
if (isAppBuilder) {
|
||||
if (onStarter) onStarter(prompt, 'view-builder');
|
||||
return;
|
||||
}
|
||||
if (!onLaunch) return;
|
||||
setLaunching(true); // empty state unmounts on first session, but guard a fast double-click
|
||||
onLaunch(prompt, mode, model);
|
||||
if (onLaunch) {
|
||||
setLaunching(true); // empty state unmounts on first session, but guard a fast double-click
|
||||
onLaunch(prompt, mode, model);
|
||||
return;
|
||||
}
|
||||
if (onStarter) onStarter(prompt);
|
||||
};
|
||||
|
||||
return (
|
||||
@@ -109,8 +114,8 @@ const DashboardEmptyState: React.FC<{
|
||||
}}
|
||||
>
|
||||
<style>{`@keyframes empty-state-shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }`}</style>
|
||||
<Typography sx={{ color: c.text.tertiary, fontSize: '1.25rem', mb: 1 }}>
|
||||
No agents running
|
||||
<Typography sx={{ color: c.text.secondary, fontSize: '1.45rem', fontWeight: 500, mb: 1 }}>
|
||||
What do you want done?
|
||||
</Typography>
|
||||
<Typography
|
||||
sx={{
|
||||
@@ -127,12 +132,12 @@ const DashboardEmptyState: React.FC<{
|
||||
animation: active ? 'empty-state-shimmer 6s linear infinite' : 'none',
|
||||
}}
|
||||
>
|
||||
Click the
|
||||
Tell the
|
||||
{/* Literal toolbar glyph; the shimmer's transparent color would hide it, so reset color here. */}
|
||||
<Box component="span" sx={{ display: 'inline-flex', color: c.text.tertiary }}>
|
||||
<ChatBubbleTeardrop sx={{ fontSize: 15 }} />
|
||||
</Box>
|
||||
below to launch your first agent
|
||||
below and I'll put a team on it
|
||||
</Typography>
|
||||
|
||||
{showChips && (
|
||||
|
||||
Reference in New Issue
Block a user