feat(app): glassmorphism chat UI with widget embed system

lfg2025/archy

- Glassmorphism chat window matching Proux design rules (glass layers,
  gradient backgrounds, glow effects, blur intensities, inner glows)
- Conversation ID displayed in header, side-switching (left/right layout)
- Chat store with Pinia: conversations, messages, streaming state
- OpenRouter AI integration with SSE streaming (Llama 4 Maverick free model)
- Chat components: ChatWindow, ChatHeader, ChatInput, ChatMessage,
  StreamingDots (typing indicator)
- Embeddable widget system: floating action button (FAB) + modal popup
  with scale-in animation, side-aware positioning
- Widget demo page (/widget-demo) showing AIUI embedded in a mock "Acme App"
  with documentation of 4 integration methods: script tag, web component,
  npm package, and iframe
- Theme composable with dark/light mode, system preference detection
- Custom CSS: glass variants (subtle/medium/strong/light/dark), glow effects,
  gradient text, animation keyframes, thin scrollbar
- Responsive: mobile-first, 44px touch targets, dvh viewport

Made-with: Cursor

This commit is contained in:

Dorian

2026-03-02 14:20:34 +00:00

parent c28e6dd811

commit 27864cf92e

16 changed files with 1057 additions and 32 deletions

									
										packages/app/src/App.vue
									
		+1
		-1
	
												View File
												
				@@ -1,5 +1,5 @@

				<template>

				  <div class="h-dvh flex flex-col bg-gray-50 text-gray-900 dark:bg-gray-950 dark:text-gray-100">

				  <div class="h-dvh flex flex-col">

				    <RouterView />

				  </div>

				</template>