Skip to main content
The Table view shows your entire image library as a structured data table. It is built with TanStack Table and supports global search, column-specific filters, tag and color filtering, sorting, and pagination. Click the Table tab in the navigation bar to open it.

Columns

ColumnDescription
Image64×64 thumbnail. Click it (or the title) to open the image detail modal.
IDLast 8 characters of the internal record ID.
TitleImage title. Sortable.
CategoryCategory badge (e.g. Film, Commercial). Sortable.
TagsUp to 3 color-coded tag badges with a +N overflow count.
SrefStyle reference number, if set. Shown as a blue badge.
ColorsColor swatches sorted dark-to-light.
Parent”Original” badge for direct uploads; clickable parent title for AI-generated variations.
LikesLike count. Sortable.
ViewsView count. Sortable.
SourceExternal source link, if set.
Date UploadedUpload date. Sortable.
ActionsView, Generate (magic wand menu), Edit (pencil), Delete (trash).

Search and filtering

The search bar at the top of the filter panel queries across all text columns simultaneously. Results update in real time as you type. The result count shows how many images match your current filters out of the total library size.

Column-specific filters

Below the global search, individual text inputs appear for each filterable column. These allow you to narrow results per-column — for example, filtering the Title column to “sunset” while the Category column shows “Landscape”.

Tag filter

A row of tag badges appears under the column filters. Click any tag to activate it as a filter — only images containing that tag are shown. You can select multiple tags; images matching any selected tag are included. Click Clear to remove all active tag filters.

Color filter

A row of color swatches (one per unique color in your library) appears below the tag filter. Click a swatch to filter to images containing that exact hex color. Multiple colors can be active at once; images matching any selected color are included.

Toggle filters

Two toggle buttons control dataset scope:
ToggleEffect
Originals onlyHides AI-generated images (those with a parentImageId), showing only direct uploads.
Sref onlyShows only images that have a sref field set or a tag starting with sref:.

Sorting

Click any column header that supports sorting to sort the table by that column. Click once for ascending, again for descending. An arrow indicator shows the current sort direction. Columns without sorting (thumbnail, tags, colors, parent, source, actions) do not respond to header clicks.

Pagination

Results are paginated at 20 rows per page. The pagination bar at the bottom of the table shows the current page out of the total page count and provides:
  • First page (double left arrow)
  • Previous page (single left arrow)
  • Next page (single right arrow)
  • Last page (double right arrow)

Opening an image

Click View in the Actions column, or click the thumbnail, to open the image detail modal. From there you can see full metadata, like the image, add it to a board, or generate variations.

Image actions

Each row has four action buttons:

View

Opens the image detail modal.

Generate

Dropdown: Variations, Storyboard, or Deck.

Edit

Opens the Edit Image modal to update metadata and re-run AI analysis.

Delete

Permanently deletes the image and its storage. Asks for confirmation.
Deleting an image is permanent and cannot be undone. Any boards that referenced the image will have a broken reference for that slot.

Build docs developers (and LLMs) love