docs: add AI development chat log for course submission

This commit is contained in:
codenamewont
2026-06-17 02:13:16 +09:00
parent 3e0ff5df70
commit 49368c296f
3 changed files with 405 additions and 3 deletions

192
docs/jieun_chatlog.md Normal file
View File

@@ -0,0 +1,192 @@
# 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. Postmain-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: 12 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