Describe the problem/error/question
I am new to n8n and Lovable UI. I have super basic understanding of software engineering. This is for a capstone project as product managers.
My task flow is to upload an image of a room, use AI to detect individual objects in the room, pull some popular design styles eg Modern, minimalist etc. I wan to user to receive the objects and styles so they can choose one. But the image url to be used downstream. I have a webhook to start the uploading of image and generate all the outputs I have mentioned. I can see them in the respond to webhook. But Lovable is not showing these objects and styles. it is receiving the response but I cannot tell why it is not rendering properly on UI. I have tried everything I can.
What is the error message (if any)?
There is no error message in n8n. It skist that the next webhook doesn’t fire up because user has to have selected an object and a style. But they cannot see them to select. So I am stuck there.
Please share your workflow
I have removed credentials:
Share the output returned by the last node
[
{
"objects": [
{
"id": "object_1",
"label": "Beige Sofa",
"description": "A large, light beige sofa with two matching cushions located at the top center of the room."
},
{
"id": "object_2",
"label": "Taupe Sofa",
"description": "A slightly larger, textured taupe-colored sofa with grey and cream pillows situated on the left side of the room."
},
{
"id": "object_3",
"label": "Area Rug",
"description": "A large, cream-colored rug with embossed geometric diamond patterns covering the central floor area."
},
{
"id": "object_4",
"label": "Wood Table Lamp",
"description": "A medium-sized table lamp with a cream shade and wooden base placed on a side table next to the taupe sofa on the left."
},
{
"id": "object_5",
"label": "Floor Lamp",
"description": "A tall, white-shaded floor lamp with a slender stand located at the far right of the room."
},
{
"id": "object_6",
"label": "Round Woven Ottoman",
"description": "A small, round, off-white woven ottoman with a lid, placed near the right side of the beige sofa."
},
{
"id": "object_7",
"label": "Throw Pillows",
"description": "Multiple small throw pillows in beige, cream, and grey tones placed on both sofas, contributing to the room’s soft color palette."
},
{
"id": "object_8",
"label": "Curtain Set",
"description": "Thick beige curtains paired with sheer white ones positioned behind the beige sofa, framing the window (considered decorative)."
},
{
"id": "object_9",
"label": "Blanket",
"description": "A light grey, patterned throw blanket draped over the arm of the taupe sofa on the left side."
},
{
"id": "object_10",
"label": "Decorative Logs and Tools",
"description": "A small set of decorative fire tools and stacked logs in a holder located on the far right, near the floor lamp and ottoman."
}
],
"styles": [
{
"id": "scandinavian",
"label": "Scandinavian",
"value": "Scandinavian",
"description": "Scandinavian style furniture and decor"
},
{
"id": "traditional",
"label": "Traditional",
"value": "Traditional",
"description": "Traditional style furniture and decor"
},
{
"id": "minimalist",
"label": "Minimalist",
"value": "Minimalist",
"description": "Minimalist style furniture and decor"
},
{
"id": "rustic",
"label": "Rustic",
"value": "Rustic",
"description": "Rustic style furniture and decor"
},
{
"id": "contemporary",
"label": "Contemporary",
"value": "Contemporary",
"description": "Contemporary style furniture and decor"
},
{
"id": "industrial",
"label": "Industrial",
"value": "Industrial",
"description": "Industrial style furniture and decor"
},
{
"id": "bohemian",
"label": "Bohemian",
"value": "Bohemian",
"description": "Bohemian style furniture and decor"
}
],
"image_url": "https://ik.imagekit.io/evmsruyjl/ready-mage__gEeewPSB.png"
}
]
Information on your n8n setup
- n8n version: [email protected]
- Database (default: SQLite):
- n8n EXECUTIONS_PROCESS setting (default: own, main):
- Running n8n via (Docker, npm, n8n cloud, desktop app): Cloud
- Operating system: MacOS Sequoia 15.4
