+
+ +
+ +
+ + ${this.showSkillDropdown ? html` +
+ ${this.skills.map(skill => html` +
this.selectSkill(skill.id)}> + ${skill.icon} +
+ ${skill.name} + ${skill.description} +
+
+ `)} +
+ ` : nothing} +
+
+
+ + ${this.currentView === 'create' ? this.renderGalleryView() : + this.currentView === 'labs' ? this.renderLabsView() : html` +
+ +
+
+ Code Assistant + sparkle +
+
+ ${this.messages.length === 0 ? html` +
+ web +

Describe a website to build.

+
+
+ ` : repeat(this.messages, m => m.id, m => html` +
+ ${m.attachments && m.attachments.length > 0 ? html` +
+ ${m.attachments.map(src => html``)} +
+ ` : nothing} +

${m.content}

+ ${m.role === 'assistant' && m.a2uiMessages && m.a2uiMessages.length > 0 + ? html` +
this.activeTab = 'preview'}> +
+ ${this.renderInlineA2UI(m.a2uiMessages)} +
+ visibility View in Preview +
+ ` : nothing} +
+ `)} + ${this.isLoading ? html`
Generating...
` : nothing} +
+ +
+
+ ${this.attachments.length > 0 ? html` +
+ ${this.attachments.map((src, idx) => html` +
+ + +
+ `)} +
+ ` : nothing} + +
+ +
+ + +
+ +
+
+
+