Library Views: See Your Prompts the Way You Work
Your prompt library is not one rigid list. Switch it between six layouts straight from the library toolbar, and your choice is remembered the next time you come back. Use a card grid or a tight list for everyday browsing, a drag-and-drop Kanban board to organize by status or AI tool, or three masonry media walls that turn your saved image and video results into a gallery. (Skills currently render in grid layout only.)
Grid & List Views
Grid view arranges your prompts in a responsive card layout that flexes from 2 to 5 columns depending on screen size and density, with each card showing its title, description, tags, categories, and hover actions. List view stacks one prompt per row for fast top-to-bottom scanning. Both views animate smoothly when items move, and both offer two density modes so you can trade breathing room for more items on screen. In German the toolbar labels these Raster and Liste.
- Grid: 2 to 5 columns depending on breakpoint and density
- List: one prompt per row for fast scanning
- Two density modes - comfortable or compact - adjust spacing and column count
- Density applies only to Grid and List (not to Kanban or the media walls)
- German toolbar labels: grid = Raster, list = Liste
- Empty state shows 'Keine Prompts gefunden' with a create button
Kanban View
Kanban turns your library into a board of columns and lets you drag cards from one column to the next to change the underlying field. Group by Status and you get five fixed, color-coded columns - Neu, Offen, In Bearbeitung, Review, Abgeschlossen. Group by Tool and you get one column per AI tool, sorted alphabetically, plus an 'Ohne Tool' catch-all for prompts with no tool assigned. Dragging a card updates the prompt's status or tool right away, and you can also move cards with the keyboard using the arrow keys and Enter. Density modes do not apply in this view.
- Group by Status (default) or Tool, switched in the toolbar
- Status columns: Neu (slate), Offen (sky), In Bearbeitung (amber), Review (violet), Abgeschlossen (emerald)
- Tool grouping: one column per AI tool plus an 'Ohne Tool' catch-all
- Drag-and-drop plus keyboard navigation (arrow keys + Enter)
- Dragging a card updates the prompt's status or tool immediately
- Density modes do not apply to Kanban
Photo, Video & Media Walls
Three masonry walls lay your saved outputs out in flowing columns - 2 on mobile, 3 on small screens, 4 on large - at their natural aspect ratios. The Photo Wall shows your image outputs as lazy-loaded images. The Video Wall shows your video outputs through a hover-to-play component that mutes and autoplays on hover, with a duration badge and a play affordance, and respects reduced-motion and save-data preferences. The Media Wall interleaves both image and video. Every tile shares the same chrome - a rounded card with a hover gradient overlay showing the title and AI tool, and a subtle 1.03x zoom on hover - and clicking any tile opens the full prompt detail.
- Masonry layout: 2 columns on mobile, 3 on small screens, 4 on large - natural aspect ratios
- Photo Wall: image outputs as lazy-loaded images
- Video Wall: video outputs with hover-autoplay (muted), duration badge, reduced-motion and save-data aware
- Media Wall: image and video combined
- Shared tile chrome: gradient overlay with title + AI tool, 1.03x hover zoom; opens prompt detail on click
- German labels Fotos / Videos / Media; empty states 'Keine Bilder/Medien vorhanden'
View Persistence & Sharing
Whatever layout you pick is remembered. Your view, grouping, and density are saved to your browser's local storage and also written into the page URL as query parameters - for example ?view=grid&group=status&density=comfortable. That means the exact layout is restored when you return, and you can bookmark it or share the link so it opens the same way for someone else. The library toolbar provides the switching controls with German labels.
- Saved to browser local storage (key p2l.library.view)
- Mirrored in URL params: ?view=...&group=...&density=...
- Layout is restored on return and can be bookmarked or shared
- German toolbar labels: grid = Raster, list = Liste, kanban = Kanban, photos = Fotos, videos = Videos, media = Media