# Bases wireframes (PaperCraft was not running on 2026-10-21, so no PNGs; ASCII only)

Tokens: panels are rounded cards on `canvas`, separation by tone, accent = Catppuccin `mauve`. Every colour comes from
`tokens.theme.colors.*`. Light and dark are the same layout; only tokens change. Replace with PaperCraft screens
(project `NotesCraft`, page "Bases") when the app is available: `papercraft-cli call get_basic_info` failed to connect.

## 1. `.base` tab chrome + Table view (matches the owner's screenshot)
```
 Tab strip:  [ Books.base  x ]  [ Reading.md ]  +
+-----------------------------------------------------------------------------------------+
| [table-2] Reading list v        Results  [sort] Sort  [rows] Group  [filter] Filter  [list] Properties   [search]  [+ New] |
+-----------------------------------------------------------------------------------------+
|  Title            v | Author         | Year  ^ | Genre    | Pages | Tags              |
|---------------------+----------------+---------+----------+-------+-------------------|
|  Dune               | Frank Herbert  | 1965    | sci-fi   |   412 | (classic) (scifi) |
|  Neuromancer        | William Gibson | 1984    | cyberpunk|   271 | (cyberpunk)       |
|  [error: pages/0]   | ...            |         |          |       |                   |
|  ...                                                                  (virtualised)  |
|---------------------+----------------+---------+----------+-------+-------------------|
|                                      Earliest 1965         Average 340                |  <- summary row
+-----------------------------------------------------------------------------------------+
| 30 results            0 errors                  Dune.md: 12 backlinks  3 403 words  19 120 characters |
+-----------------------------------------------------------------------------------------+
```
Header click = sort (arrow shows direction), drag header edge = resize, drag header = reorder, right-click header =
Summarize / Hide / Sort asc / Sort desc. Row height short/medium/tall/extra tall. Selected cell has an accent outline;
Enter edits (note properties only).

## 2. Properties popover (the owner's screenshot)
```
                                         +-------------------------------+
   [list] Properties  <- opens           | [search properties..........] |
                                         | NOTE PROPERTIES               |
                                         | [x] title       :: grip       |
                                         | [x] author                    |
                                         | [x] year                      |
                                         | [ ] genre                     |
                                         | [x] pages                     |
                                         | FILE PROPERTIES               |
                                         | [ ] file.name  [ ] file.mtime |
                                         | FORMULA                       |
                                         | [x] ppu          (fx)         |
                                         | [ + New formula ]             |
                                         +-------------------------------+
```

## 3. Sort, Group and Filter builder
```
 Filter                                                         [</>] advanced
+----------------------------------------------------------------------------+
| All views | This view                                                      |
| Match  [ All v ] of the following                                          |
|   [ year v ] [ >= v ] [ 2000 ]                                       [trash]|
|   [ genre v ] [ is v ] [ sci-fi ]                                    [trash]|
|   [ + Add filter ]  [ + Add filter group ]                                  |
|   +-- Match [ Any v ] ----------------------------------------------+      |
|   |  [ tags v ] [ contains v ] [ classic ]                  [trash] |      |
|   |  [ file.hasLink(this.file) ]   (advanced row)           [trash] |      |
|   +------------------------------------------------------------------+      |
+----------------------------------------------------------------------------+
 Sort:  :: [ year v ] [ new to old v ] [trash]   [ + Add sort ]
 Group: by [ status v ]  order [ Manual v ]  [x] Planned  [x] Done  [ ] Dropped  [+ Add group]
```

## 4. Cards view
```
 [layout-grid] Gallery v   ...toolbar as above...
+--------------+  +--------------+  +--------------+  +--------------+
| [cover img ] |  | [cover img ] |  | [#a6e3a1 blk]|  | [cover img ] |
|              |  |              |  |              |  |              |
| Dune         |  | Neuromancer  |  | Foundation   |  | Hyperion     |
| F. Herbert   |  | W. Gibson    |  | I. Asimov    |  | D. Simmons   |
| 1965  (sf)   |  | 1984  (cp)   |  | 1951  (sf)   |  | 1989  (sf)   |
+--------------+  +--------------+  +--------------+  +--------------+
 Settings: card size, image property, fit (cover/contain), aspect ratio.
```

## 5. List view
```
  - Dune, Frank Herbert, 1965
  - Neuromancer, William Gibson, 1984
 (numbers / bullets / none; "Indent properties" nests the other properties under the first)
```

## 6. Map view with popup (the owner's second screenshot)
```
+-----------------------------------------------------------------------------------------+
| [map] Places v  ... toolbar ...                       360 results                       |
+-----------------------------------------------------------------------------------------+
|                         (OpenStreetMap tiles, or the grid when offline)                 |
|                                  (12)             (o)                                   |
|                    (o)       (5)       +--------------------------+                      |
|                                         | Eiffel Tower          x |   <- popup card      |
|              (47)                  (o)--+ coordinates 48.858, 2.294                     |
|                                         | tags       places                              |
|                                         | [ Open note ]            |                     |
|                                         +--------------------------+                     |
|  [+]                                                                                    |
|  [-]                                  [Offline: tiles not loaded]  (c) OpenStreetMap contributors |
+-----------------------------------------------------------------------------------------+
 (n) = cluster with count; (o) = marker with the Lucide icon and colour from the properties.
 Right-click = Copy coordinates. First time Maps is enabled: a dialog states the tile host and that the viewed
 area is sent to it (spec D13).
```

## 7. Maps card in Settings > Core plugins
```
+------------------------------------------------------------------+
| [map] Maps                                             [ toggle ]|
| Map view for bases. Downloads tiles from tile.openstreetmap.org. |
| Tiles [on]   Tile URL [https://tile.openstreetmap.org/{z}/{x}/{y}.png] |
| Cache 34 MB of 200 MB                         [ Clear cache ]    |
+------------------------------------------------------------------+
```

## 8. Embedded base in a note
```
 ```base
 filters: file.hasLink(this.file)
 views: [{type: table, name: Linked}]
 ```
 renders as:   +-- [Linked v] -------------------------------------+
               | file.name        | file.mtime                    |
               | Project plan     | 2 days ago                    |
               +--------------------------------------------------+
```