Marcos Paulo
7f432138df
Inventory of the 29 core plugins (22 done, 2 partial, 5 missing), 80 community plugins with a verdict each, a ranked roadmap with 8 ready briefs, the Bases spec (D1-D13) and 20 tasks, ASCII wireframes of the Bases screens (PaperCraft was not running). crates/bases is registered at layer L2. Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
127 lines
7.6 KiB
Markdown
127 lines
7.6 KiB
Markdown
# 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 |
|
|
+--------------------------------------------------+
|
|
```
|