49 lines
2.8 KiB
Markdown
49 lines
2.8 KiB
Markdown
# Banatie Lab
|
||
|
||
Banatie Lab is the browser UI for working with the Banatie API: generating images, browsing the gallery of created images, managing prompts, aliases, and flows. It is referenced on the landing page as "Web Lab".
|
||
|
||
The Lab will be built **from scratch**. This folder collects everything that was previously designed or documented, so the ideas are not lost.
|
||
|
||
## Documents in this folder
|
||
|
||
| Document | Origin | Purpose |
|
||
|----------|--------|---------|
|
||
| [design-system.md](design-system.md) | `feature/lab-design` / `feature/lab-frontend` branches (`apps/landing/src/app/(lab)/CLAUDE.md`) | Full design system and layout architecture for the Lab UI |
|
||
| [legacy-workbench.md](legacy-workbench.md) | `apps/landing/WORKBENCH_DOCUMENTATION.md` (main) | Text-to-Image workbench — predecessor of the Generate page (MinimizedApiKey badge, PromptReuseButton) |
|
||
| [legacy-expanded-image-view.md](legacy-expanded-image-view.md) | `apps/landing/src/components/shared/EXPANDED_IMAGE_VIEW.md` (main) | Full-size image modal with metadata — building block for the gallery |
|
||
|
||
## Planned feature set (from design-system.md)
|
||
|
||
Pages that were planned in the abandoned `feature/lab-*` branches:
|
||
|
||
- `/lab/generate` — generation workbench (prompt, references, parameters)
|
||
- `/lab/images` — gallery of generated images with filters
|
||
- `/lab/live` — live URL / prompt-URL testing
|
||
- `/lab/upload` — file upload interface
|
||
|
||
Additional concepts mentioned in the design doc: alias management and flow control.
|
||
|
||
## API capabilities the UI must expose
|
||
|
||
The functional scope is defined by the existing API documentation:
|
||
|
||
- [../api/image-generation.md](../api/image-generation.md) — basic generation
|
||
- [../api/image-generation-advanced.md](../api/image-generation-advanced.md) — reference images, aliases (`@hero`), flows, flow-scoped aliases (`@best`), dynamic aliases (`@last`, `@first`, `@upload`), regeneration
|
||
- [../api/live-url.md](../api/live-url.md) — CDN architecture, live URLs (`/live/{scope}?prompt=...`), prompt-based caching
|
||
- [../api/images-upload.md](../api/images-upload.md) — uploads
|
||
- [../api/admin.md](../api/admin.md) — API key management
|
||
|
||
## Design direction (summary)
|
||
|
||
- Work-focused tool, not marketing — compact typography, tight spacing, like Google AI Studio
|
||
- Dual color system: zinc for layout chrome, slate for forms/cards; purple→cyan accent gradient
|
||
- Lucide React icons only, no emojis
|
||
- Scroll-aware collapsing header, left filter sidebar, contextual footer
|
||
- Responsive 768px–1920px+
|
||
|
||
See [design-system.md](design-system.md) for the complete spec.
|
||
|
||
## What does NOT exist
|
||
|
||
There is no PRD with a detailed feature list (gallery filters, prompt list, flow list behavior). The pages above plus the API docs are the only recorded ideas. A proper PRD should be written here before implementation starts.
|