20220552/ai-florist
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: landing, geolocation, and description card

Browse Source 
* feat: add step-specific DescriptionCard instructions before user input

Each flow page shows English guidance in muted instruction mode until the user makes a selection, then switches to dynamic summary copy.

Co-authored-by: Cursor <cursoragent@cursor.com>

* feat: polish route page, map geolocation, and landing artwork

Replace landing growth SVGs with flow artwork, align Start Creating with FlowContinueBar, and search nearby florists from the user's current location.

Co-authored-by: Cursor <cursoragent@cursor.com>

---------

Co-authored-by: 이지은 <ijieun@ijieun-ui-MacBookPro.local>
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Chaewon Lee
2026-06-14 22:12:59 +09:00
committed by GitHub
parent 578e54efa6
commit e0f6058ff3
12 changed files with 259 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/routes/generating/+page.svelte
View File

@@ -16,6 +16,7 @@
loadFlow,
saveFlow
} from '$lib/flowerFlow/session.js';
import { ARTWORK_CARD_DEFAULTS } from '$lib/flowerFlow/artworkCardCopy.js';
const MAX_RETRIES = 5;
const userInput = getFlowUserInput();
@@ -24,12 +25,20 @@
const artworkTitle = $derived.by(() => {
const who = typeof userInput.relationship === 'string' ? userInput.relationship : null;
const whatFor = typeof userInput.occasion === 'string' ? userInput.occasion : null;
if (!who && !whatFor) return 'Your bouquet';
if (!who && !whatFor) return ARTWORK_CARD_DEFAULTS.generating.title;
const occasion = whatFor ? `A ${whatFor} bouquet for` : 'A bouquet for';
return `${occasion} ${who ?? '...'}`;
});
const artworkDescription = $derived(cardMessage || '잠시 관리중 ~');
const artworkDescription = $derived(
cardMessage?.trim() || ARTWORK_CARD_DEFAULTS.generating.description
);
const artworkCardMode = $derived.by(() => {
const who = typeof userInput.relationship === 'string' ? userInput.relationship : null;
const whatFor = typeof userInput.occasion === 'string' ? userInput.occasion : null;
return who || whatFor || cardMessage?.trim() ? 'summary' : 'instruction';
});
/** @type {import('$lib/components/ui/Artwork/artworkVariants.js').ArtworkVariant} */
let artworkVariant = $state('create2');
@@ -212,7 +221,13 @@
<Header step={4} total={7} />
<main class="flex min-h-0 flex-1 flex-col lg:flex-row">
<Artwork comingSoon variant={artworkVariant} title={artworkTitle} description={artworkDescription} />
<Artwork
comingSoon
variant={artworkVariant}
title={artworkTitle}
description={artworkDescription}
cardMode={artworkCardMode}
/>
<section class="relative flex min-h-0 flex-1 flex-col lg:overflow-y-auto">
<GenerationActivityFeed