ai-florist/docs/jieun_chatlog.md

AI Development Chat Log — AI Florist

Course submission: Cursor My chat log

Tool: Cursor

---

1. Dev dummy-data button

My chat

I want a dev debug button that fills dummy data (pre-made images, no AI) so I don't re-enter everything when jumping between steps. Will mute it later.

Outcome

• DevSeedButton, devSeed.js, static/dev/ fixtures

---

2. Message page UI

My chat

Follow message1.png, keep button styles consistent with create/upload. Add a message route folder.

"Write something from your heart" should be a text input.

Don't use pills for presets — use the same style as Friend/Family on create.

Outcome

• message/+page.svelte, MessageForm.svelte, MessagePresetList.svelte

---

3. Create selection & title behavior

My chat

On create, remove the default pre-selected option — landing should look unselected like message.

Don't wait for both WHO and WHAT FOR — update the title as soon as any one of the three fields is selected.

Outcome

• Create landing unselected; title updates on partial selection

---

4. Post–main-pull options & map build

My chat

Pulled main — what's new on the teammate's side? How is image prompt engineering set up? Is create-step input actually used in the pipeline?

Start building options and map using the same file structure as create/upload. Add component folders as needed.

Outcome

• options/map 2-column Artwork layout, components/ui/options/, components/ui/map/

---

5. Kakao Map + order message

My chat

I entered Kakao public + REST API keys — does it find nearby florists from my location?

Markers don't show on the map.

Add a refresh button after moving the map to reload shops in that area.

Show shop info when clicking a marker or list item.

On map top: generate a copyable florist order message from create input, flowers used, and mood keywords.

Add Kor/Eng toggle below the copy button.

Outcome

• api/map/shops, MapPanel, buildFloristOrderMessage.js

---

6. Artwork & description card layout

My chat

Center the description card. Artwork shifts when card is 1 vs 2 lines — fix so artwork stays put when card height changes.

Upload page artwork position is off — match other pages.

Too much gap between flower SVG and description — move card up, but never move/resize the artwork above.

Outcome

• Artwork.svelte layout split (fixed illustration + separate description)

---

7. flowerDB 93-flower image batch

My chat

I'm not building the UI yet — my role is adding images to the flower DB. I made a sample image in OpenAI. The prompt was:
A single [rose] flower stem, isolated object, transparent background, realistic botanical style, front-facing, centered composition, no vase, no bouquet, no hand, no text, soft natural lighting, consistent scale, PNG asset for UI card

So it's not generating an image on every request — it gets saved to the DB, right? I don't want to change the frontend; I only want to update the DB, without modifying the existing DB records.

OK, go ahead and run it. Check the file structure and organize the files to match the teammate's style.

Outcome

• scripts/generate-flower-catalog.js, static/flowers/{id}.png, flowerCatalogPrompt.js, flowerImagePaths.js

---

8. Museum frame (p5)

My chat

Museum frame on left panel (p5, 768×1024). Frame position fixed across pages; only inner image swaps.

create: create1.svg when empty, create2.svg as soon as anything is selected.

Slightly enlarge artwork inside frame only.

Description card per reference image; artwork must not move when card grows.

Outcome

• MuseumFrame.svelte, museumFrameGeometry.js, artworkVariants.js

---

9. Map & result dev polish

My chat

Can't navigate to /map — allow in dev only?

Map: remove line above order message, move message up, fix shop info overflow, no line breaks in English order text.

Map description card: 1–2 lines, Ready to order, brief flower theme only.

Can't go to /result — show dummy in dev. Limit DescriptionCard length.

Outcome

• Dev access to result/map, truncateDescription, map UI fixes

---

10. Bouquet image prompt & area edit

My chat

Add to suffix without deleting existing prompts: catalog scene + no person/hands.
A professional florist product photograph of a handcrafted bouquet…
Bouquet only. No person. No hands. No body parts visible

(Pasted English spec for area edit — mask as hint only, edit ribbon surface only.)

Implement it. Write image-pipeline.md and overall-pipeline.md in docs.

Outcome

• bouquetImageFormat.js, areaEditIntent.js, refinedAreaMask.js, pipeline docs

---

11. Git branch push

My chat

Push current state to new branch 0615-refinement.

Switch to main, then commit and push to new branch 0615-refinement2.

Outcome

• 0615-refinement, 0615-refinement2 pushed

---

Teammate scope (outside my chat)

• upload, edit core, flower-flow API, flowerDB.js original, Gemini server modules