port: attachments (approved mockup) 3/3: note embeds, mini bar, widths, custom text

kayg commented

2026-11-02 13:16:26 +00:00

Owner

port: attachments, slice 3 of 3 (note embeds, mini bar, widths, custom text, phone Attach) · stacked on slice 2

Note embeds as live cards: ![T](<Note.md>) is a card with the note's title, its first six lines (blocks drawn read-only: headings, lists, to-dos, quotes, emphasis) and "Show all N lines"; <Note.md#Ingredients> shows only that part (#^id one line); it stays live (a change to the note marks its text stale, the card asks again and redraws). States are the links' (#448): never written (Make the note), in the Trash (lines shown dimmed, Restore), deleted for good (Create a new note), each with Remove embed. Open scales the note up out of its card (300 ms, reduced motion keeps the plain arrival).
Mini toolbar on every embed (corner of cards, end of rows, under a gallery): the layouts as a segmented choice, Open/Download, then ⋯ for the same menu as a right-click. At once on hover or focus, fades out fast; on touch it shows while the card is focused.
Widths: Large (pictures, video) is written as "large"; on desktop it reaches 56 px past the text column on each side, on a phone to within 7 px of the card's edge, never scrolling the page sideways (asserted). Compact ("compact") for notes, PDFs, recordings.
Custom text (CV4): double-click a picture's name (or a note card's title) to change the link's words (its alt text); Enter keeps, Esc leaves, empty gives the file's own name back. The first click of a double click waits 260 ms on the name only, so it never opens the viewer by accident.
Attach in the phone's keyboard text bar (next to the link button; pressing it does not take the keyboard from the text), same upward menu.
Viewer: shows the picture's name under it, a lighter veil (as the mockup).

Gates (head `abe12cb0` = gated head `ef0937a3` + a CSS-only change to the viewer's veil; Chromium dev-01, WebKit dev-02, `CI=1 --retries=0`, `~/bin/slot`)

editor vitest 521 pass, tsc ok; web vitest 87 pass; svelte-check 0 errors; Rust: contract test ok.
e2e/note-embeds.spec.ts (whole note and one part, open; live: text typed in another page shows in the card; never written → Make the note; mini toolbar sets Large and Card, wider than the card, no sideways scroll; double-click changes the words and empty gives the name back; phone text bar Attach) + pictures + embeds + bar-stable + phone-bars: chromium 273 pass; webkit 273 pass. The broader regression set on the stack head (editor, links, picker, no-hscroll, text-size too) passed on Chromium (325 of 326, the one failure was a read of an element that had been drawn again, fixed in the spec) and WebKit (320 of 322; the two were the Linux-WebKit video crash above).

Bundle (gz, whole stack vs `dev`)

gz bytes	first paint (entry)	all JS+CSS
`dev`	314,236	460,562
slice 1	317,511 (+3.3 KB)	465,238 (+4.7 KB)
slice 2	323,395 (+9.2 KB)	471,534 (+11.0 KB)
slice 3	327,810 (+13.6 KB)	476,079 (+15.5 KB)

Slice 3 adds +4.4 KB first paint / +4.5 KB total. The embed builders are in the editor chunk (the extension has to draw them synchronously); lazy-loading them is a possible later trim.

Screenshots

Control host: ~/Developer/Worktrees/shots/port-attachments/ (product-* ↔ mockup-*, 1440x900 and 390x844). Pairs: note card (whole, part), picture with mini toolbar, viewer (desktop and phone); Attach menu (tools bar and text bar) and Large are product-only.

Not ported yet, and why

Embed layouts pill/plain/map/web-link cards, code and CSV previews, Add-to-gallery +, drag a picture onto another to join (gallery stays "several on one line" by hand, or by Attach with several photos).
The mockup's Scan document and Unsplash rows of the Attach menu (no backend yet); Camera shows only on touch.
A note card's ⌘↵ shortcut hints, the mockup's expand-in-place for the card's lines (the card expands, but without the mockup's height spring).

🤖 Generated with Claude Code

## port: attachments, slice 3 of 3 (note embeds, mini bar, widths, custom text, phone Attach) · stacked on slice 2 - **Note embeds as live cards**: `![T](<Note.md>)` is a card with the note's title, its first six lines (blocks drawn read-only: headings, lists, to-dos, quotes, emphasis) and "Show all N lines"; `<Note.md#Ingredients>` shows only that part (`#^id` one line); **it stays live** (a change to the note marks its text stale, the card asks again and redraws). States are the links' (#448): never written (**Make the note**), in the Trash (lines shown dimmed, **Restore**), deleted for good (**Create a new note**), each with **Remove embed**. **Open** scales the note up out of its card (300 ms, reduced motion keeps the plain arrival). - **Mini toolbar** on every embed (corner of cards, end of rows, under a gallery): the layouts as a segmented choice, Open/Download, then ⋯ for the same menu as a right-click. At once on hover or focus, fades out fast; on touch it shows while the card is focused. - **Widths**: Large (pictures, video) is written as `"large"`; on desktop it reaches 56 px past the text column on each side, on a phone to within 7 px of the card's edge, never scrolling the page sideways (asserted). Compact (`"compact"`) for notes, PDFs, recordings. - **Custom text (CV4)**: double-click a picture's name (or a note card's title) to change the link's words (its alt text); Enter keeps, Esc leaves, empty gives the file's own name back. The first click of a double click waits 260 ms on the name only, so it never opens the viewer by accident. - **Attach in the phone's keyboard text bar** (next to the link button; pressing it does not take the keyboard from the text), same upward menu. - Viewer: shows the picture's name under it, a lighter veil (as the mockup). ### Gates (head `abe12cb0` = gated head `ef0937a3` + a CSS-only change to the viewer's veil; Chromium dev-01, WebKit dev-02, `CI=1 --retries=0`, `~/bin/slot`) - editor `vitest` 521 pass, `tsc` ok; web `vitest` 87 pass; `svelte-check` 0 errors; Rust: contract test ok. - `e2e/note-embeds.spec.ts` (whole note and one part, open; live: text typed in another page shows in the card; never written → Make the note; mini toolbar sets Large and Card, wider than the card, no sideways scroll; double-click changes the words and empty gives the name back; phone text bar Attach) + `pictures` + `embeds` + `bar-stable` + `phone-bars`: chromium 273 pass; webkit 273 pass. The broader regression set on the stack head (editor, links, picker, no-hscroll, text-size too) passed on Chromium (325 of 326, the one failure was a read of an element that had been drawn again, fixed in the spec) and WebKit (320 of 322; the two were the Linux-WebKit video crash above). ### Bundle (gz, whole stack vs `dev`) | gz bytes | first paint (entry) | all JS+CSS | |---|---|---| | `dev` | 314,236 | 460,562 | | slice 1 | 317,511 (+3.3 KB) | 465,238 (+4.7 KB) | | slice 2 | 323,395 (+9.2 KB) | 471,534 (+11.0 KB) | | slice 3 | 327,810 (+13.6 KB) | 476,079 (+15.5 KB) | Slice 3 adds +4.4 KB first paint / +4.5 KB total. The embed builders are in the editor chunk (the extension has to draw them synchronously); lazy-loading them is a possible later trim. ### Screenshots Control host: `~/Developer/Worktrees/shots/port-attachments/` (`product-*` ↔ `mockup-*`, 1440x900 and 390x844). Pairs: note card (whole, part), picture with mini toolbar, viewer (desktop and phone); Attach menu (tools bar and text bar) and Large are product-only. ### Not ported yet, and why - Embed layouts `pill`/`plain`/`map`/web-link cards, code and CSV previews, Add-to-gallery `+`, drag a picture onto another to join (gallery stays "several on one line" by hand, or by Attach with several photos). - The mockup's **Scan document** and **Unsplash** rows of the Attach menu (no backend yet); Camera shows only on touch. - A note card's ⌘↵ shortcut hints, the mockup's expand-in-place for the card's lines (the card expands, but without the mockup's height spring). 🤖 Generated with [Claude Code](https://claude.com/claude-code)

kayg added 20 commits

2026-11-02 13:16:26 +00:00

port: attachments slice 3 - note embeds, mini bar, widths, custom text ddf92c03b9

slice 3: Attach in the text bar, e2e for note embeds, mini bar, custom words 5e6960db79

note card counts lines not blanks; a double click on the name does not open; e2e scopes to the live bar 7d63fbe3b1

double click: no pending open; e2e source note longer than six lines 67215822ba

note card: find a part by its plain heading words db2cd6db5f

note card: only #^id is a block; #Heading is a part 320d33382e

note cards stay live: a change to the note redraws them and asks for the fresh text f2cecc5652

peek: tell listeners after the text is kept 563714daf0

embeds: a playing video or recording is kept when the file's facts change dc89e31359

embeds: keep a playing player only while the line is unchanged 203645f499

slice 3 polish: large width inside the card, note card text size, show-all as a link, viewer caption dd5ed72675

viewer: room under the picture for its name 14e2522635

Merge slice 2 into slice 3 f6ad660831

e2e: read the text's place again if it was drawn again 167d58e7f2

e2e: the test video is told 404, so no engine decodes a fake file f0f9464cd2

e2e: Linux WebKit has no media backend, the play click runs on Chromium da122acc20

pictures: a first view waits at most 250 ms for sizes (one constant) c31d6b1786

pictures: stay 'peeking' while the sizes are awaited, so the live copy cannot fill an empty page unsized f5c9c7db9a

e2e: three random bytes per test picture, so no two tests share content ef0937a3b0

viewer: a lighter veil, as the mockup's

CI / server (pull_request) Has been cancelled

Details

CI / rust (pull_request) Has been cancelled

Details

CI / web (pull_request) Has been cancelled

Details

Markdown extraction contract / markdown-native-contract (pull_request) Has been cancelled

Details

Markdown extraction contract / markdown-editor-contract (pull_request) Has been cancelled

Details

abe12cb0e4

kayg commented

2026-11-02 16:35:06 +00:00

Author

Owner

First-paint budget (#866) at head 495b4041: first_js_brotli 240.136 KB (limit 240: over by 0.136), first_css_brotli 22.739 KB (limit 22.1: over by 0.64: the mini toolbar and note-card styles), PictureViewer 1.216 KB (limit 1.1), and attachments is 10.3 KB (a new chunk name, needs a budget line). Everything this PR adds to JS lives in the lazy attachments chunk (note cards, mini toolbar, zoom, live cards, embed-note.ts); the entry gets only the zoom and peek hooks (lazy.ts, peek.ts) and the phone text bar's Attach button. I did not raise any limit. To get under: the CSS can move to the chunk (measured: that costs the entry ~0.2 KB for the listed dependency, so it needs the entry trimmed too) or kayg can give this PR its own lines. Gates: Chromium 310 and WebKit 306 pass (pictures, embeds, note-embeds, bar-stable, phone-bars, editor, links, picker), editor 521 / web 87 unit tests.

**First-paint budget (#866) at head `495b4041`:** first_js_brotli **240.136 KB** (limit 240: over by 0.136), first_css_brotli **22.739 KB** (limit 22.1: over by 0.64: the mini toolbar and note-card styles), `PictureViewer` 1.216 KB (limit 1.1), and `attachments` is 10.3 KB (a new chunk name, needs a budget line). Everything this PR adds to JS lives in the lazy `attachments` chunk (note cards, mini toolbar, zoom, live cards, `embed-note.ts`); the entry gets only the zoom and peek hooks (`lazy.ts`, `peek.ts`) and the phone text bar's Attach button. I did not raise any limit. To get under: the CSS can move to the chunk (measured: that costs the entry ~0.2 KB for the listed dependency, so it needs the entry trimmed too) or kayg can give this PR its own lines. Gates: Chromium 310 and WebKit 306 pass (pictures, embeds, note-embeds, bar-stable, phone-bars, editor, links, picker), editor 521 / web 87 unit tests.

kayg referenced this pull request

2026-11-03 05:43:01 +00:00

perf: budget lines for the ports' lazy chunks (per-app) #890

kayg referenced this pull request

2026-11-04 10:07:48 +00:00

Approved-but-unported UI (ship list, Nov 4) #925

kayg referenced this pull request

2026-11-04 13:06:24 +00:00

Open PR triage (Nov 4) #931

~~kayg referenced this pull request 2026-11-05 23:21:11 +00:00~~

Cleanup 2026-11-06 #978

kayg referenced this pull request

2026-11-05 23:29:33 +00:00

Cleanup 2026-11-06 #978

kayg referenced this pull request

2026-11-07 17:56:31 +00:00

Housekeeping 2026-11-07 #1009

kayg commented

2026-11-07 20:33:36 +00:00

Author

Owner

housekeeping #1009: rebased+failing, left open for review.

restacked attachment slice three on #860. preserved final viewer/embed modules and current dev bars; peek notifications follow the memory update without eager prefetch. removed obsolete widget.ts and updated peek subscriptions to onPeek.

head: 985c68535484651b39cd611cc8f814a36c05ff75; based on dev cd7f84432febfc63b788fbb9b9f9950452982d74, pushed with the original exact force-with-lease.

frontend frozen install, check, lint, build and unit tests passed. bundle gate failed. first-paint brotli vs dev: JS 231081 B (+304 B), CSS 18386 B (+0 B).

Rust gate results (Mac VM):

exit	command
0	`cargo fmt -p calternal-attachments -- --check`
0	`cargo check -j4 --locked -p calternal-attachments --all-targets`
0	`cargo clippy -j4 --locked -p calternal-attachments --all-targets -- -D warnings`
0	`cargo test -j4 --locked -p calternal-attachments`

targeted Chromium and WebKit specs at 1440 and 390 never started. the audit waited more than three hours behind the live daily-train-1107 locks (first queue at 23:45 IST, 7 November; final queue cleanup after 02:46 IST, 8 November). browser validation and UI captures are unrun. only this audit’s exact queued units were stopped; the train locks and owners were left intact. hot-path perf qualification is unrun.

all executed gates used the VM Nix environment, shared Mac lock and slot. exact commands, source heads, logs and dev baseline. frontend inputs are identical to the tested frontend tree when a Rust-only repair changed the head.

original-head cherry/patch inventory, pr-861.md; unmatched entries are missing-patch candidates, with semantic overlap/replacements noted above.

final queue, cleanup and source-verification evidence.

housekeeping #1009: rebased+failing, left open for review. restacked attachment slice three on #860. preserved final viewer/embed modules and current dev bars; peek notifications follow the memory update without eager prefetch. removed obsolete widget.ts and updated peek subscriptions to onPeek. head: `985c68535484651b39cd611cc8f814a36c05ff75`; based on dev `cd7f84432febfc63b788fbb9b9f9950452982d74`, pushed with the original exact force-with-lease. frontend frozen install, check, lint, build and unit tests passed. bundle gate failed. first-paint brotli vs dev: JS 231081 B (+304 B), CSS 18386 B (+0 B). Rust gate results (Mac VM): | exit | command | |---|---| | 0 | `cargo fmt -p calternal-attachments -- --check` | | 0 | `cargo check -j4 --locked -p calternal-attachments --all-targets` | | 0 | `cargo clippy -j4 --locked -p calternal-attachments --all-targets -- -D warnings` | | 0 | `cargo test -j4 --locked -p calternal-attachments` | targeted Chromium and WebKit specs at 1440 and 390 never started. the audit waited more than three hours behind the live daily-train-1107 locks (first queue at 23:45 IST, 7 November; final queue cleanup after 02:46 IST, 8 November). browser validation and UI captures are unrun. only this audit’s exact queued units were stopped; the train locks and owners were left intact. hot-path perf qualification is unrun. all executed gates used the VM Nix environment, shared Mac lock and slot. [exact commands, source heads, logs and dev baseline](https://git.kayg.org/attachments/870a0fef-2e31-425c-aea6-eb87a66d365a). frontend inputs are identical to the tested frontend tree when a Rust-only repair changed the head. [original-head cherry/patch inventory](https://git.kayg.org/attachments/e05a38dc-c028-4d77-8655-efa9d5c8ea50), `pr-861.md`; unmatched entries are missing-patch candidates, with semantic overlap/replacements noted above. [final queue, cleanup and source-verification evidence](https://git.kayg.org/attachments/7ab315a5-4b6c-4af1-971b-cdae2637adae).

kayg referenced this pull request

2026-11-07 21:18:44 +00:00

Housekeeping 2026-11-07 #1009

kayg commented

2026-11-08 00:51:18 +00:00

Author

Owner

Final-port test pass (issue #1009), READY: no: 2 real failures; bundle gate fails; first paint is bigger than dev.

head 985c68535484651b39cd611cc8f814a36c05ff75

Targeted specs, CI=1 --retries=0 --workers=1, dev-01 Chromium and dev-02 WebKit (through ~/bin/slot), against a dev-head backend (cd7f84432).

spec	Chromium 1440	Chromium 390	WebKit 1440	WebKit 390
embeds, note-embeds	10 pass, 1 fail	11 pass, 1 fail	10 pass, 1 fail	11 pass, 1 fail

Failing: embeds.spec.ts:101 (1440, same cause as #860) and note-embeds.spec.ts:145 on a phone the text bar has Attach, and it opens the same menu (390).

Bundle gate: perf/web.sh --bundle-only --gate (the 17 failures from the housekeeping audit). Per the gate's own rule (total_js_brotli budget must equal the sum of the named chunk budgets) a cap can only move between named chunks; there is no donor chunk inside this PR, so a fix is a code cut or a decision by kayg. I raised nothing and moved nothing.

Gate: attachments 9.90 KB (no budget), PictureViewer 1.21 vs 1.1. First paint JS +304 B vs dev (rule: <= dev).

Not done: Not run yet: Mac VM Safari blur/frame check and perf ABAB x5 on the perf VMs (they need a ready PR first); light/dark 2x screenshots against the mockup are only done for #888 (see its comment).

Not marked READY FOR MERGE.

**Final-port test pass (issue #1009), READY: no: 2 real failures; bundle gate fails; first paint is bigger than dev.** head `985c68535484651b39cd611cc8f814a36c05ff75` Targeted specs, `CI=1 --retries=0 --workers=1`, dev-01 Chromium and dev-02 WebKit (through `~/bin/slot`), against a dev-head backend (`cd7f84432`). | spec | Chromium 1440 | Chromium 390 | WebKit 1440 | WebKit 390 | |---|---|---|---|---| | embeds, note-embeds | 10 pass, 1 fail | 11 pass, 1 fail | 10 pass, 1 fail | 11 pass, 1 fail | Failing: `embeds.spec.ts:101` (1440, same cause as #860) and `note-embeds.spec.ts:145 on a phone the text bar has Attach, and it opens the same menu` (390). **Bundle gate:** `perf/web.sh --bundle-only --gate` (the 17 failures from the housekeeping audit). Per the gate's own rule (`total_js_brotli` budget must equal the sum of the named chunk budgets) a cap can only move between named chunks; there is no donor chunk inside this PR, so a fix is a code cut or a decision by kayg. I raised nothing and moved nothing. - Gate: `attachments` 9.90 KB (no budget), `PictureViewer` 1.21 vs 1.1. First paint JS +304 B vs dev (rule: <= dev). **Not done:** Not run yet: Mac VM Safari blur/frame check and perf ABAB x5 on the perf VMs (they need a ready PR first); light/dark 2x screenshots against the mockup are only done for #888 (see its comment). Not marked READY FOR MERGE.

kayg referenced this pull request

2026-11-08 02:05:32 +00:00

Housekeeping 2026-11-07 #1009

kayg referenced this pull request

2026-11-08 19:01:27 +00:00

Housekeeping 2026-11-07 #1009

kayg referenced this pull request

2026-11-08 19:01:29 +00:00

Housekeeping 2026-11-07 #1009

kayg referenced this pull request

2026-11-08 19:04:24 +00:00

Housekeeping 2026-11-07 #1009

kayg commented

2026-11-09 02:48:07 +00:00

Author

Owner

Screenshots and state (issue #1009), a4ee1ff888

Attachments and pictures (#846, #860, #861; this is the #861 tip). Product (Chromium, 2x) next to the approved mockup, light and dark. Not READY: first paint is over dev (JS +257 B plain; see the #1009 table). Specs: Chromium and WebKit at both sizes green (pictures, note-embeds, embeds, bars, dialogs) after one real fix: embeds.css was imported by nothing in apps/web, so pictures were drawn without their styles in WebKit (pictures:70 and :143).
Differences from the mockup: the product's audio card has no waveform or scrubber; its PDF is a tile row with no page preview; the viewer shows the note dimmed behind the picture where the mockup has a blurred backdrop; the picture toolbar has fewer buttons; the product's Insert sheet at 1440 is a small floating card.

Screenshots (2x; light and dark; 1440x900 and 390x844). Left: the approved mockup (review/calendar-2). Right: this PR.

attach-menu

	mockup	this PR
1440 light
1440 dark
390 light
390 dark

note-card

	mockup	this PR
1440 light
1440 dark
390 light
390 dark

note-part

	mockup	this PR
1440 light
1440 dark
390 light
390 dark

note-picture

	mockup	this PR
1440 light
1440 dark
390 light
390 dark

picture

	mockup	this PR
1440 light
1440 dark
390 light
390 dark

large

	mockup	this PR
1440 light
1440 dark
390 light
390 dark

gallery-stack

	mockup	this PR
1440 light
1440 dark
390 light
390 dark

gallery-grid

	mockup	this PR
1440 light
1440 dark
390 light
390 dark

viewer

	mockup	this PR
1440 light
1440 dark
390 light
390 dark

audio

	mockup	this PR
1440 light
1440 dark
390 light
390 dark

pdf-file

	mockup	this PR
1440 light
1440 dark
390 light
390 dark

textbar

	mockup	this PR
390 light
390 dark

**Screenshots and state (issue #1009), a4ee1ff8885f654b89bf57c9ad533c3f7be3e1c1** Attachments and pictures (#846, #860, #861; this is the #861 tip). Product (Chromium, 2x) next to the approved mockup, light and dark. **Not READY: first paint is over dev (JS +257 B plain; see the #1009 table).** Specs: Chromium and WebKit at both sizes green (pictures, note-embeds, embeds, bars, dialogs) after one real fix: `embeds.css` was imported by nothing in `apps/web`, so pictures were drawn without their styles in WebKit (`pictures:70` and `:143`). Differences from the mockup: the product's audio card has no waveform or scrubber; its PDF is a tile row with no page preview; the viewer shows the note dimmed behind the picture where the mockup has a blurred backdrop; the picture toolbar has fewer buttons; the product's Insert sheet at 1440 is a small floating card. ### Screenshots (2x; light and dark; 1440x900 and 390x844). Left: the approved mockup (review/calendar-2). Right: this PR. **attach-menu** | | mockup | this PR | |---|---|---| | 1440 light | ![](https://git.kayg.org/attachments/83691742-583d-4605-8f98-d79fc9b20b80) | ![](https://git.kayg.org/attachments/9ff6c509-ae62-4e25-9b0a-e59a842785a1) | | 1440 dark | ![](https://git.kayg.org/attachments/c1b377d2-5b51-4d1d-992c-de308daee2cd) | ![](https://git.kayg.org/attachments/144fe3a5-b9ad-45f4-8e93-e3678687af74) | | 390 light | ![](https://git.kayg.org/attachments/11105e8a-6a1d-49d7-b305-fa030b9d493f) | ![](https://git.kayg.org/attachments/3602849a-5a78-4d67-b672-be11b221c67b) | | 390 dark | ![](https://git.kayg.org/attachments/9a189ec3-0d11-47aa-aa0a-f4b7a26940ae) | ![](https://git.kayg.org/attachments/c237d2a4-435b-4109-8ca5-446621c4b4fd) | **note-card** | | mockup | this PR | |---|---|---| | 1440 light | ![](https://git.kayg.org/attachments/796ea36f-0cf1-484d-8618-5aadb0f107cd) | ![](https://git.kayg.org/attachments/d3c8ebdf-5958-48fd-a5c5-ceddc3145666) | | 1440 dark | ![](https://git.kayg.org/attachments/123fa7d0-3436-44d4-8c6f-4827ef4fb68a) | ![](https://git.kayg.org/attachments/bb36b578-7793-49ea-93c5-c433c4fb7b35) | | 390 light | ![](https://git.kayg.org/attachments/42eb69a8-72b0-45cf-a344-48aa91459cdc) | ![](https://git.kayg.org/attachments/235bce49-8497-4602-b458-9208d80b756a) | | 390 dark | ![](https://git.kayg.org/attachments/810cd1da-6f21-42b7-a7d8-3464db962fee) | ![](https://git.kayg.org/attachments/cd9b3037-7f2f-4108-9515-3080b7d83956) | **note-part** | | mockup | this PR | |---|---|---| | 1440 light | ![](https://git.kayg.org/attachments/df520523-5665-45aa-b131-b93c5ffd7e4d) | ![](https://git.kayg.org/attachments/d7eb2c9e-d016-4857-8760-e74053c10caf) | | 1440 dark | ![](https://git.kayg.org/attachments/e3e7b4ed-7b0d-42c1-801f-3e3add9d2e1f) | ![](https://git.kayg.org/attachments/26e5e448-fddb-4f70-a097-dd8a85b5d644) | | 390 light | ![](https://git.kayg.org/attachments/b7e9b418-31f6-4598-973f-ff40e11e60f1) | ![](https://git.kayg.org/attachments/128d0fa9-591a-44c8-a984-98f5ad404fde) | | 390 dark | ![](https://git.kayg.org/attachments/482d63fa-71ca-4bca-9a7e-533d34d88a77) | ![](https://git.kayg.org/attachments/2f9c2569-9d9a-4596-8ca4-523f85e20a15) | **note-picture** | | mockup | this PR | |---|---|---| | 1440 light | ![](https://git.kayg.org/attachments/0bf9a4b3-b218-4695-b5be-974d0318aabb) | ![](https://git.kayg.org/attachments/57b19d48-d2a3-43bb-b505-1ff3d1551ad0) | | 1440 dark | ![](https://git.kayg.org/attachments/94885b06-d0d1-4433-b0f0-d111f4654051) | ![](https://git.kayg.org/attachments/10d2a05d-e489-4895-bd74-7825fc062c8c) | | 390 light | ![](https://git.kayg.org/attachments/1b716f0f-5137-406e-83f5-0a832913b33e) | ![](https://git.kayg.org/attachments/fd9c00b4-3672-47d5-8893-08a65d56b8d5) | | 390 dark | ![](https://git.kayg.org/attachments/c83cf6f4-ed17-4e0d-9bde-29305d44544b) | ![](https://git.kayg.org/attachments/6d6a778f-8122-4c50-aa45-fa75b67b594d) | **picture** | | mockup | this PR | |---|---|---| | 1440 light | ![](https://git.kayg.org/attachments/5d4a7c14-80c8-4014-adaa-9692cd2a0293) | ![](https://git.kayg.org/attachments/9a00da65-9b62-40d4-9b49-2a084936bd52) | | 1440 dark | ![](https://git.kayg.org/attachments/6a605783-3bc1-4810-b111-a73645c71442) | ![](https://git.kayg.org/attachments/bcdad948-5b6e-4916-bfd2-f01fb7b73e33) | | 390 light | ![](https://git.kayg.org/attachments/68cf1fe5-e54b-453f-8e38-c7c882a0c8dc) | ![](https://git.kayg.org/attachments/fe595e39-d0eb-4605-85a4-3c3c2330e57f) | | 390 dark | ![](https://git.kayg.org/attachments/cd32a484-f059-4130-8512-d64ba733fe07) | ![](https://git.kayg.org/attachments/65f1a53d-7873-4dbe-b13d-476588a3c9ff) | **large** | | mockup | this PR | |---|---|---| | 1440 light | ![](https://git.kayg.org/attachments/c1f4cd96-9f15-4024-97db-f7e73a9af0d5) | ![](https://git.kayg.org/attachments/91eb11a7-b122-4f14-8a3d-36fc5e61ef64) | | 1440 dark | ![](https://git.kayg.org/attachments/d49fdaff-60f5-4d22-bccd-2b59cb614ee1) | ![](https://git.kayg.org/attachments/969f48ca-55dc-4941-93be-25d5e36fb293) | | 390 light | ![](https://git.kayg.org/attachments/4aaa79f0-4f7f-420a-8059-79ab64f2e861) | ![](https://git.kayg.org/attachments/57734517-5dac-4a39-9480-9223bb9bb7e8) | | 390 dark | ![](https://git.kayg.org/attachments/dfaa9874-6d77-4204-af38-d1cdd66626f6) | ![](https://git.kayg.org/attachments/8271fd73-78fd-4fad-a2de-fb349c12e169) | **gallery-stack** | | mockup | this PR | |---|---|---| | 1440 light | ![](https://git.kayg.org/attachments/d64ea68b-4936-4366-81d5-1c4151efe26e) | ![](https://git.kayg.org/attachments/411cbcf8-f06b-474e-973f-e55082a18375) | | 1440 dark | ![](https://git.kayg.org/attachments/6693cc41-e5c0-429a-8a2f-3012974d5a97) | ![](https://git.kayg.org/attachments/03de7abe-b15f-46c8-be0f-c90074fecfdd) | | 390 light | ![](https://git.kayg.org/attachments/b56ef8ed-6e08-41e1-90a5-cbeccf5d314d) | ![](https://git.kayg.org/attachments/a313b11c-7b9a-46ee-a629-83e25b24f3c2) | | 390 dark | ![](https://git.kayg.org/attachments/003a16d8-8c18-453c-bf79-b7de949d6f15) | ![](https://git.kayg.org/attachments/42b4d102-5246-4b68-8cdf-29278b629925) | **gallery-grid** | | mockup | this PR | |---|---|---| | 1440 light | ![](https://git.kayg.org/attachments/f0fa5490-a297-46e6-8c1f-9f81646b62e9) | ![](https://git.kayg.org/attachments/21563ac5-f2ea-448d-8ace-4419cfa80c1f) | | 1440 dark | ![](https://git.kayg.org/attachments/c14b2365-fde9-4a3e-b989-ad3523d91075) | ![](https://git.kayg.org/attachments/f366b2ee-3077-478b-aa27-46c076fffb3f) | | 390 light | ![](https://git.kayg.org/attachments/3a449d37-2a7d-47e4-b4e3-943548262524) | ![](https://git.kayg.org/attachments/828e7136-ed7f-41c8-9b94-365d533c3354) | | 390 dark | ![](https://git.kayg.org/attachments/9bdf81b0-25a0-403e-9cab-6ee1d278bc88) | ![](https://git.kayg.org/attachments/dd07b62f-cb0d-43df-a9a3-5cdbac7c4172) | **viewer** | | mockup | this PR | |---|---|---| | 1440 light | ![](https://git.kayg.org/attachments/27d56e54-8011-489e-84fd-c4c84b29039f) | ![](https://git.kayg.org/attachments/854683d1-7ef8-4765-b794-51f5c431c3e6) | | 1440 dark | ![](https://git.kayg.org/attachments/82041f0b-96d9-4964-baf8-24566b6e1453) | ![](https://git.kayg.org/attachments/58cad892-a6fe-42fd-a24a-0affc3b17207) | | 390 light | ![](https://git.kayg.org/attachments/7f4df2dd-e400-4ce8-b63f-87689a051879) | ![](https://git.kayg.org/attachments/e120c047-efeb-4a7a-9194-943ef0c0042f) | | 390 dark | ![](https://git.kayg.org/attachments/3f499c53-d9e8-49c4-83d0-1277c1433843) | ![](https://git.kayg.org/attachments/3a15fb5b-1a6e-417c-81a0-c6588bab7155) | **audio** | | mockup | this PR | |---|---|---| | 1440 light | ![](https://git.kayg.org/attachments/96c07dd9-4bf3-4011-afa1-5029722fe2ed) | ![](https://git.kayg.org/attachments/150e5619-f436-494f-8408-051323976ec6) | | 1440 dark | ![](https://git.kayg.org/attachments/295250dd-12d5-4ee1-8a20-d02ab2672ac6) | ![](https://git.kayg.org/attachments/ad545c4d-39bb-4c2f-889c-5052a38bb7c3) | | 390 light | ![](https://git.kayg.org/attachments/7f161860-96e2-4cd6-b22c-24aa108c25b8) | ![](https://git.kayg.org/attachments/6ef7f591-2b1e-4c51-9996-1da61fc52415) | | 390 dark | ![](https://git.kayg.org/attachments/cd424f1b-eca1-4442-9706-adc6fb92d652) | ![](https://git.kayg.org/attachments/45304ba6-18ab-48be-8759-2de947f58266) | **pdf-file** | | mockup | this PR | |---|---|---| | 1440 light | ![](https://git.kayg.org/attachments/a10e20df-6d1c-402a-a66b-878309c57e73) | ![](https://git.kayg.org/attachments/fe0f0de1-dae7-47b9-8060-040a59228c2e) | | 1440 dark | ![](https://git.kayg.org/attachments/cfdebabc-bcd7-4d86-81fd-64ad1434c388) | ![](https://git.kayg.org/attachments/c34f164f-d1fb-43a5-910e-040b99bbfbae) | | 390 light | ![](https://git.kayg.org/attachments/f72cde85-b23d-4565-b709-a2dec12c2e08) | ![](https://git.kayg.org/attachments/5e4c701a-d993-40ae-b79b-65a9e790a13d) | | 390 dark | ![](https://git.kayg.org/attachments/386cf7ab-08a8-4c66-9ce8-fa3011a3b89d) | ![](https://git.kayg.org/attachments/c19c7fa9-7c14-4898-9549-515538d7eb12) | **textbar** | | mockup | this PR | |---|---|---| | 390 light | ![](https://git.kayg.org/attachments/5d84537c-6ff6-4aba-9b7c-bb5384e061b7) | ![](https://git.kayg.org/attachments/4576fee1-35da-4def-92f3-33cb12b46053) | | 390 dark | ![](https://git.kayg.org/attachments/ec9c71de-7c7c-4327-b10c-4ad89b9b6d3c) | ![](https://git.kayg.org/attachments/a6ed21bf-b99f-445c-9e97-0a14e98429bc) |

pr861-attach-menu-1440-light.png

2.2 MiB

mock-attach-menu-1440-light.png

2.4 MiB

pr861-attach-menu-1440-dark.png

2.1 MiB

mock-attach-menu-1440-dark.png

2.4 MiB

pr861-attach-menu-390-light.png

656 KiB

mock-attach-menu-390-light.png

829 KiB

pr861-attach-menu-390-dark.png

666 KiB

mock-attach-menu-390-dark.png

782 KiB

pr861-note-card-1440-light.png

649 KiB

mock-note-card-1440-light.png

1 MiB

pr861-note-card-1440-dark.png

634 KiB

mock-note-card-1440-dark.png

1.2 MiB

pr861-note-card-390-light.png

162 KiB

mock-note-card-390-light.png

300 KiB

pr861-note-card-390-dark.png

136 KiB

mock-note-card-390-dark.png

264 KiB

pr861-note-part-1440-light.png

1.3 MiB

mock-note-part-1440-light.png

1.1 MiB

pr861-note-part-1440-dark.png

1.3 MiB

mock-note-part-1440-dark.png

1.2 MiB

pr861-note-part-390-light.png

516 KiB

mock-note-part-390-light.png

341 KiB

pr861-note-part-390-dark.png

483 KiB

mock-note-part-390-dark.png

286 KiB

pr861-note-picture-1440-light.png

1.8 MiB

mock-note-picture-1440-light.png

2.1 MiB

pr861-note-picture-1440-dark.png

1.8 MiB

mock-note-picture-1440-dark.png

2.3 MiB

pr861-note-picture-390-light.png

603 KiB

mock-note-picture-390-light.png

677 KiB

pr861-note-picture-390-dark.png

558 KiB

mock-note-picture-390-dark.png

661 KiB

pr861-picture-1440-light.png

2 MiB

mock-picture-1440-light.png

2.5 MiB

pr861-picture-1440-dark.png

1.9 MiB

mock-picture-1440-dark.png

2.7 MiB

pr861-picture-390-light.png

825 KiB

mock-picture-390-light.png

950 KiB

pr861-picture-390-dark.png

777 KiB

mock-picture-390-dark.png

937 KiB

pr861-large-1440-light.png

2.8 MiB

mock-large-1440-light.png

3.1 MiB

pr861-large-1440-dark.png

2.8 MiB

mock-large-1440-dark.png

3.2 MiB

pr861-large-390-dark.png

827 KiB

mock-large-390-dark.png

915 KiB

pr861-gallery-stack-1440-light.png

1.8 MiB

mock-gallery-grid-1440-light.png

2.6 MiB

pr861-gallery-grid-1440-dark.png

2.2 MiB

pr861-viewer-1440-dark.png

2.8 MiB

mock-viewer-1440-dark.png

4 MiB

pr861-viewer-390-light.png

803 KiB

mock-viewer-390-light.png

683 KiB

pr861-viewer-390-dark.png

756 KiB

mock-viewer-390-dark.png

647 KiB

pr861-audio-1440-light.png

1.1 MiB

mock-audio-1440-light.png

1.5 MiB

pr861-audio-1440-dark.png

1.1 MiB

mock-audio-1440-dark.png

1.6 MiB

mock-pdf-file-390-light.png

223 KiB

pr861-pdf-file-390-dark.png

121 KiB

mock-pdf-file-390-dark.png

203 KiB

pr861-textbar-390-light.png

112 KiB

mock-textbar-390-light.png

251 KiB

pr861-textbar-390-dark.png

89 KiB

mock-textbar-390-dark.png

244 KiB

pr861-large-390-light.png

815 KiB

mock-large-390-light.png

927 KiB

mock-gallery-stack-1440-light.png

2.4 MiB

pr861-gallery-stack-1440-dark.png

1.8 MiB

mock-gallery-stack-1440-dark.png

2.4 MiB

pr861-gallery-stack-390-light.png

644 KiB

mock-gallery-stack-390-light.png

964 KiB

pr861-gallery-stack-390-dark.png

607 KiB

mock-gallery-stack-390-dark.png

909 KiB

pr861-gallery-grid-1440-light.png

2.2 MiB

mock-gallery-grid-1440-dark.png

2.7 MiB

pr861-gallery-grid-390-light.png

648 KiB

mock-gallery-grid-390-light.png

958 KiB

pr861-gallery-grid-390-dark.png

617 KiB

mock-gallery-grid-390-dark.png

927 KiB

pr861-viewer-1440-light.png

2.8 MiB

mock-viewer-1440-light.png

4 MiB

pr861-audio-390-light.png

421 KiB

mock-audio-390-light.png

440 KiB

pr861-audio-390-dark.png

372 KiB

mock-audio-390-dark.png

442 KiB

pr861-pdf-file-1440-light.png

700 KiB

mock-pdf-file-1440-light.png

911 KiB

pr861-pdf-file-1440-dark.png

687 KiB

mock-pdf-file-1440-dark.png

1,022 KiB

pr861-pdf-file-390-light.png

170 KiB

kayg commented

2026-11-09 07:35:11 +00:00

Author

Owner

Screenshots and state (issue #1009), fcf655253b

Attachments and pictures (#846, #860, #861; this is the #861 tip), restacked on dev 661123e94. Product (Chromium, 2x, re-taken after the rebase) next to the approved mockup, light and dark. Not READY: first paint JS is over dev (+233 B #846, +202 B #860, +352 B #861; #846 CSS +129 B). Specs: pictures, note-embeds, embeds, bars, dialogs, phone-bars: green on Chromium and WebKit at both sizes (275 passed each). Gate passes (budget total 517.3 KiB). Rebase notes: Image and File are now blocks of the registry (Media group) that open the chooser inside the tap, since the Insert sheet lists the registry; the attach menu uses dev's above placement, not the old up; embeds.css is imported by the lazy widget module. Perf ABAB is queued behind other lanes.

Screenshots (2x; light and dark; 1440x900 and 390x844). Left: the approved mockup (review/calendar-2). Right: this PR.

attach-menu

	mockup	this PR
1440 light
1440 dark
390 light
390 dark

note-card

	mockup	this PR
1440 light
1440 dark
390 light
390 dark

note-part

	mockup	this PR
1440 light
1440 dark
390 light
390 dark

note-picture

	mockup	this PR
1440 light
1440 dark
390 light
390 dark

picture

	mockup	this PR
1440 light
1440 dark
390 light
390 dark

large

	mockup	this PR
1440 light
1440 dark
390 light
390 dark

gallery-stack

	mockup	this PR
1440 light
1440 dark
390 light
390 dark

gallery-grid

	mockup	this PR
1440 light
1440 dark
390 light
390 dark

viewer

	mockup	this PR
1440 light
1440 dark
390 light
390 dark

audio

	mockup	this PR
1440 light
1440 dark
390 light
390 dark

pdf-file

	mockup	this PR
1440 light
1440 dark
390 light
390 dark

textbar

	mockup	this PR
390 light
390 dark

Differences from the mockup: the product's Insert sheet at 1440 has Image and File where the mockup has one Photo or file tile; the audio card has no waveform or scrubber; the PDF is a tile row with no page preview; no cover chip.

**Screenshots and state (issue #1009), fcf655253bdd9b32f00a3b3dcfdc3678b8f544e5** Attachments and pictures (#846, #860, #861; this is the #861 tip), restacked on dev `661123e94`. Product (Chromium, 2x, re-taken after the rebase) next to the approved mockup, light and dark. **Not READY: first paint JS is over dev (+233 B #846, +202 B #860, +352 B #861; #846 CSS +129 B).** Specs: pictures, note-embeds, embeds, bars, dialogs, phone-bars: green on Chromium and WebKit at both sizes (275 passed each). Gate passes (budget total 517.3 KiB). Rebase notes: Image and File are now blocks of the registry (Media group) that open the chooser inside the tap, since the Insert sheet lists the registry; the attach menu uses dev's `above` placement, not the old `up`; `embeds.css` is imported by the lazy widget module. Perf ABAB is queued behind other lanes. ### Screenshots (2x; light and dark; 1440x900 and 390x844). Left: the approved mockup (review/calendar-2). Right: this PR. **attach-menu** | | mockup | this PR | |---|---|---| | 1440 light | ![](https://git.kayg.org/attachments/3fa05b8a-a081-4baf-a1f7-a62afc82b39c) | ![](https://git.kayg.org/attachments/d4fdee20-82ab-4967-9e84-8d722ecec26d) | | 1440 dark | ![](https://git.kayg.org/attachments/6df9c63f-1e80-4ace-b4db-6f71f90fe1a0) | ![](https://git.kayg.org/attachments/cb09b7eb-5ab5-487a-86a7-7c92d3cae9de) | | 390 light | ![](https://git.kayg.org/attachments/797e7785-23e2-41d1-9f13-6dbec7921266) | ![](https://git.kayg.org/attachments/2c86f154-7778-4493-8105-60076d256f08) | | 390 dark | ![](https://git.kayg.org/attachments/c5dcaac5-193a-4303-8f18-a61be5e186eb) | ![](https://git.kayg.org/attachments/604605d0-4427-44bf-98dd-15b938587663) | **note-card** | | mockup | this PR | |---|---|---| | 1440 light | ![](https://git.kayg.org/attachments/11742305-da7a-43f8-8c03-60edf2d7426a) | ![](https://git.kayg.org/attachments/8dc8f24e-361b-4d41-b86e-388113fd4c77) | | 1440 dark | ![](https://git.kayg.org/attachments/ae87d5fd-443b-454a-992e-fc65f4bfa145) | ![](https://git.kayg.org/attachments/475cc8e7-8f9a-4681-b79b-842d321bcca2) | | 390 light | ![](https://git.kayg.org/attachments/9a69330c-f4e1-45ee-9a55-ec216941d6fe) | ![](https://git.kayg.org/attachments/606ba1eb-f918-4880-9dd6-ac5b94c614a0) | | 390 dark | ![](https://git.kayg.org/attachments/f570607e-6ade-4ec1-b919-2761883c8c29) | ![](https://git.kayg.org/attachments/aacb23ea-040d-45ae-8ee2-a9e3b1de8f88) | **note-part** | | mockup | this PR | |---|---|---| | 1440 light | ![](https://git.kayg.org/attachments/413b19c8-76df-4d6e-84e6-638760c49007) | ![](https://git.kayg.org/attachments/1fa54c01-5fec-412d-a242-5beb83a26661) | | 1440 dark | ![](https://git.kayg.org/attachments/365568ba-6ffc-452c-a922-5b1e86b8cb88) | ![](https://git.kayg.org/attachments/259afe05-b405-4f2d-a36c-f9715e031d7c) | | 390 light | ![](https://git.kayg.org/attachments/646cee8a-96e9-4e57-9bb0-2e08f22c1cc5) | ![](https://git.kayg.org/attachments/a0bc4a0c-5278-4eee-b34f-6fed8a1e0518) | | 390 dark | ![](https://git.kayg.org/attachments/d2a7a951-4c15-483e-9d8f-a624cb681c9b) | ![](https://git.kayg.org/attachments/83113021-4cfd-4f85-b8cb-69ca4f6a87e5) | **note-picture** | | mockup | this PR | |---|---|---| | 1440 light | ![](https://git.kayg.org/attachments/32d1b59d-0bd9-4abb-9c90-7ea198d34575) | ![](https://git.kayg.org/attachments/28f83d9f-5a69-4061-9f49-e45e38dd77a6) | | 1440 dark | ![](https://git.kayg.org/attachments/e8cc40c2-bb45-4adb-8b8c-8031f9d2102e) | ![](https://git.kayg.org/attachments/071553c9-c360-4c29-919f-fa9de229548e) | | 390 light | ![](https://git.kayg.org/attachments/4b698100-6dd0-4df1-8cfa-02b1fde76199) | ![](https://git.kayg.org/attachments/9064238b-33aa-4807-b87d-0eb83f9a1498) | | 390 dark | ![](https://git.kayg.org/attachments/4b1c884b-599b-4f94-bfa6-a549c1b2148e) | ![](https://git.kayg.org/attachments/cae160b3-7b85-492d-80f5-668a194b3996) | **picture** | | mockup | this PR | |---|---|---| | 1440 light | ![](https://git.kayg.org/attachments/14e91131-39b1-4dd4-907a-b130f48da59a) | ![](https://git.kayg.org/attachments/2babc51a-deb1-49d5-8624-b39b7e78533e) | | 1440 dark | ![](https://git.kayg.org/attachments/f4eeb1c6-f3bc-4e37-adc3-0a2ac48736b0) | ![](https://git.kayg.org/attachments/170f0aa8-3fe7-46e7-a868-8176fa589da1) | | 390 light | ![](https://git.kayg.org/attachments/a3bbf5f0-7e73-47bd-a17e-92bdd69acc5e) | ![](https://git.kayg.org/attachments/69876961-51b3-4be4-8d4f-6f606468f1f7) | | 390 dark | ![](https://git.kayg.org/attachments/8bb0869b-b7bd-45c5-a7e4-292133e63b3e) | ![](https://git.kayg.org/attachments/fa2299c0-8bf7-4178-8d30-b7a070c98ade) | **large** | | mockup | this PR | |---|---|---| | 1440 light | ![](https://git.kayg.org/attachments/380f03e6-91d6-471c-9091-7778e3496cd4) | ![](https://git.kayg.org/attachments/47c316da-ebf2-4b70-bfe8-eb5c723b0beb) | | 1440 dark | ![](https://git.kayg.org/attachments/457fe72b-a811-4f6f-a35e-8513b545bd1a) | ![](https://git.kayg.org/attachments/10f094bd-542d-4a8b-abf1-abfa5ede9a1f) | | 390 light | ![](https://git.kayg.org/attachments/3be26591-850d-45a0-8b50-b8ed0908327c) | ![](https://git.kayg.org/attachments/42c83588-494b-4dbc-bc4b-a2309ab237d1) | | 390 dark | ![](https://git.kayg.org/attachments/5869df76-b18b-4b1d-99cc-87e3d36db87c) | ![](https://git.kayg.org/attachments/8dfb62d3-53ab-4e5d-9214-7d60f64832cc) | **gallery-stack** | | mockup | this PR | |---|---|---| | 1440 light | ![](https://git.kayg.org/attachments/ad6710aa-1a4f-4b4d-9943-96de8efe9b73) | ![](https://git.kayg.org/attachments/aa01df88-c9fc-4c94-8338-48892e5d9519) | | 1440 dark | ![](https://git.kayg.org/attachments/926690af-a2e7-4b85-844f-d6077a73e5b6) | ![](https://git.kayg.org/attachments/e704a969-4d79-48d7-a93b-6abd141f6438) | | 390 light | ![](https://git.kayg.org/attachments/a16989d7-4214-485f-9737-4ecae4e08bc1) | ![](https://git.kayg.org/attachments/8ca62faa-3cd1-49a2-98e9-6f3c22b18fb3) | | 390 dark | ![](https://git.kayg.org/attachments/b6108cb2-e6b5-4067-8204-e198fba150d7) | ![](https://git.kayg.org/attachments/5cadb8dd-244a-40e0-8a61-9fbf67bdbfdf) | **gallery-grid** | | mockup | this PR | |---|---|---| | 1440 light | ![](https://git.kayg.org/attachments/88269559-d897-41ee-9e61-02f90a6efecd) | ![](https://git.kayg.org/attachments/d3d2d6e4-6b69-4494-97d0-af667176fd06) | | 1440 dark | ![](https://git.kayg.org/attachments/da7e02fa-7661-44df-b593-5ff5ed8ba8b4) | ![](https://git.kayg.org/attachments/ee9c6c01-9fdb-4673-ba00-d7d2d86a6dea) | | 390 light | ![](https://git.kayg.org/attachments/b728b867-44b5-43e4-aaf8-81024bd19269) | ![](https://git.kayg.org/attachments/3ed54fe3-552d-4a69-91fc-02c31657cc7e) | | 390 dark | ![](https://git.kayg.org/attachments/788fa9bd-50d1-446c-9a1e-d35e946441d8) | ![](https://git.kayg.org/attachments/e0c5924f-07df-4488-a0d8-3dc12466797c) | **viewer** | | mockup | this PR | |---|---|---| | 1440 light | ![](https://git.kayg.org/attachments/20e74d13-4819-43fc-ae28-8214e1795c6d) | ![](https://git.kayg.org/attachments/a91629b5-fa89-45c0-a049-f1b3740024f4) | | 1440 dark | ![](https://git.kayg.org/attachments/88424766-62ff-440f-82b8-baca2032c962) | ![](https://git.kayg.org/attachments/ad9f0e1a-01f3-43b7-8f92-0a9c99762e21) | | 390 light | ![](https://git.kayg.org/attachments/8046147e-8607-457a-9542-929c250485a7) | ![](https://git.kayg.org/attachments/f1acb065-11de-4fbd-a779-3c98191da4bc) | | 390 dark | ![](https://git.kayg.org/attachments/135aa536-7aa2-4c6e-aefd-1c0e10c4a305) | ![](https://git.kayg.org/attachments/8d251b90-8024-4d2b-bffa-4c875f55164e) | **audio** | | mockup | this PR | |---|---|---| | 1440 light | ![](https://git.kayg.org/attachments/f05f8200-6547-45a8-8af1-6fef0eabfa87) | ![](https://git.kayg.org/attachments/661418d0-7556-443b-aeb8-1941c5d05940) | | 1440 dark | ![](https://git.kayg.org/attachments/42fb00c0-cce2-4c2e-8642-7c5293fae5d2) | ![](https://git.kayg.org/attachments/971a6db7-44ad-4c02-bb0a-08a5df67629e) | | 390 light | ![](https://git.kayg.org/attachments/9370e4e8-92b8-4a0c-afcb-11b2325d1d05) | ![](https://git.kayg.org/attachments/88827090-084e-4b7e-9a3b-ae791a06b1d6) | | 390 dark | ![](https://git.kayg.org/attachments/96c6683f-447a-400c-9765-d8960113b1f4) | ![](https://git.kayg.org/attachments/eaa54c3b-6773-448a-81f6-10616e1aeaee) | **pdf-file** | | mockup | this PR | |---|---|---| | 1440 light | ![](https://git.kayg.org/attachments/5d9efc52-7a34-47ec-a51f-3a2b9b2f282f) | ![](https://git.kayg.org/attachments/5d7860aa-85ed-4259-be94-5ca52c4f7815) | | 1440 dark | ![](https://git.kayg.org/attachments/a2b87a1e-2b68-44ef-98d9-a65e7e3e38ea) | ![](https://git.kayg.org/attachments/2d744f8d-25ba-46ce-ab38-50d99ee33116) | | 390 light | ![](https://git.kayg.org/attachments/247ae82e-2c17-44fa-b9ed-d2852e33a087) | ![](https://git.kayg.org/attachments/96a2e7b1-5d1a-4412-9a20-41c8d9f469da) | | 390 dark | ![](https://git.kayg.org/attachments/562495ce-4c72-467e-8d37-3434c6712979) | ![](https://git.kayg.org/attachments/3d49e6c0-c6de-4eb8-99ba-c4d75b222b46) | **textbar** | | mockup | this PR | |---|---|---| | 390 light | ![](https://git.kayg.org/attachments/9ae10453-f0db-4068-8b02-eb319774502c) | ![](https://git.kayg.org/attachments/1251d005-ea94-4bce-baca-4d9d5517560b) | | 390 dark | ![](https://git.kayg.org/attachments/326967d8-3175-4123-843c-8c5a2ad322a2) | ![](https://git.kayg.org/attachments/6422479c-65ac-4110-b752-2bb4bbb8b28d) | Differences from the mockup: the product's Insert sheet at 1440 has Image and File where the mockup has one Photo or file tile; the audio card has no waveform or scrubber; the PDF is a tile row with no page preview; no cover chip.

pr861-attach-menu-1440-dark.png

2.3 MiB

mock-attach-menu-1440-dark.png

2.4 MiB

pr861-attach-menu-390-light.png

664 KiB

mock-attach-menu-390-light.png

829 KiB

pr861-attach-menu-390-dark.png

673 KiB

mock-attach-menu-390-dark.png

782 KiB

pr861-note-card-1440-light.png

986 KiB

pr861-note-part-1440-light.png

1.6 MiB

mock-note-part-1440-light.png

1.1 MiB

pr861-note-part-1440-dark.png

1.5 MiB

mock-note-part-1440-dark.png

1.2 MiB

pr861-note-picture-1440-light.png

2.1 MiB

mock-note-picture-1440-light.png

2.1 MiB

pr861-note-picture-1440-dark.png

2 MiB

mock-note-picture-1440-dark.png

2.3 MiB

pr861-note-picture-390-light.png

617 KiB

mock-note-picture-390-light.png

677 KiB

pr861-note-picture-390-dark.png

568 KiB

mock-note-picture-390-dark.png

661 KiB

pr861-picture-1440-light.png

2.3 MiB

mock-picture-1440-light.png

2.5 MiB

pr861-picture-1440-dark.png

2.2 MiB

pr861-attach-menu-1440-light.png

2.4 MiB

mock-attach-menu-1440-light.png

2.4 MiB

mock-note-card-1440-light.png

1 MiB

pr861-note-card-1440-dark.png

902 KiB

mock-note-card-1440-dark.png

1.2 MiB

pr861-note-card-390-light.png

169 KiB

mock-note-card-390-light.png

300 KiB

pr861-note-card-390-dark.png

143 KiB

mock-note-card-390-dark.png

264 KiB

pr861-note-part-390-light.png

525 KiB

mock-note-part-390-light.png

341 KiB

pr861-note-part-390-dark.png

492 KiB

mock-note-part-390-dark.png

286 KiB

pr861-picture-390-light.png

832 KiB

mock-picture-390-light.png

950 KiB

pr861-picture-390-dark.png

788 KiB

mock-picture-390-dark.png

937 KiB

pr861-large-1440-light.png

3.1 MiB

mock-large-1440-light.png

3.1 MiB

pr861-gallery-stack-1440-light.png

2.1 MiB

mock-gallery-stack-1440-light.png

2.4 MiB

pr861-gallery-stack-1440-dark.png

2 MiB

mock-gallery-stack-1440-dark.png

2.4 MiB

pr861-gallery-stack-390-light.png

658 KiB

mock-gallery-stack-390-light.png

964 KiB

pr861-gallery-stack-390-dark.png

615 KiB

mock-gallery-stack-390-dark.png

909 KiB

pr861-gallery-grid-1440-light.png

2.5 MiB

mock-gallery-grid-1440-light.png

2.6 MiB

pr861-gallery-grid-1440-dark.png

2.4 MiB

mock-gallery-grid-1440-dark.png

2.7 MiB

mock-picture-1440-dark.png

2.7 MiB

pr861-large-1440-dark.png

3 MiB

mock-large-1440-dark.png

3.2 MiB

pr861-large-390-light.png

824 KiB

mock-large-390-light.png

927 KiB

pr861-large-390-dark.png

832 KiB

mock-large-390-dark.png

915 KiB

pr861-gallery-grid-390-light.png

662 KiB

mock-gallery-grid-390-light.png

958 KiB

pr861-gallery-grid-390-dark.png

624 KiB

mock-gallery-grid-390-dark.png

927 KiB

pr861-viewer-1440-light.png

2.9 MiB

mock-viewer-1440-light.png

4 MiB

pr861-viewer-1440-dark.png

2.9 MiB

mock-viewer-1440-dark.png

4 MiB

pr861-viewer-390-light.png

813 KiB

mock-viewer-390-light.png

683 KiB

pr861-viewer-390-dark.png

766 KiB

mock-viewer-390-dark.png

647 KiB

pr861-audio-1440-light.png

1.4 MiB

mock-audio-1440-light.png

1.5 MiB

pr861-audio-1440-dark.png

1.3 MiB

mock-audio-1440-dark.png

1.6 MiB

pr861-audio-390-light.png

429 KiB

mock-audio-390-light.png

440 KiB

pr861-audio-390-dark.png

384 KiB

mock-audio-390-dark.png

442 KiB

pr861-pdf-file-1440-light.png

1 MiB

mock-pdf-file-1440-light.png

911 KiB

pr861-pdf-file-1440-dark.png

968 KiB

mock-pdf-file-1440-dark.png

1,022 KiB

pr861-pdf-file-390-light.png

182 KiB

mock-pdf-file-390-light.png

223 KiB

pr861-pdf-file-390-dark.png

130 KiB

mock-pdf-file-390-dark.png

203 KiB

pr861-textbar-390-light.png

126 KiB

mock-textbar-390-light.png

251 KiB

pr861-textbar-390-dark.png

96 KiB

mock-textbar-390-dark.png

244 KiB

kayg referenced this pull request

2026-11-09 15:48:58 +00:00

perf(web): first-paint credits for the port stacks #1022

kayg referenced this pull request

2026-11-09 15:48:59 +00:00

port: tables, resizing, markdown in cells, carry, motion (stacked on #845) #854

kayg commented

2026-11-09 15:48:59 +00:00

Author

Owner

Perf (perf-02, Chromium 4x slowdown, 10k notes, 5 interleaved rounds, dev built from 3f079de39 run twice as a control; medians of per-run p50 / p95, ms):

metric	dev A	dev B (control)	#1022 credits	#849 Contacts	#854 tables	#861 attachments
blaze.shown p50 / p95	36.2 / 64.7	36.0 / 65.7	35.5 / 67.3	37.3 / 65.1	35.1 / 62.3	34.7 / 66.6
type.long_note p50 / p95	21.9 / 55.5	23.5 / 53.4	22.8 / 55.2	23.3 / 54.8	21.8 / 57.0	26.3 / 61.5
type.nested_list p50 / p95	42.1 / 51.0	42.0 / 51.3	43.0 / 52.5	42.4 / 51.0	42.2 / 50.8	43.2 / 52.2
type.code_block p50 / p95	23.9 / 34.8	24.0 / 47.3	24.4 / 52.9	28.0 / 47.5	24.9 / 53.6	25.7 / 53.1
type.code_note_prose p50 / p95	28.0 / 63.0	29.6 / 64.0	29.6 / 68.6	33.4 / 68.5	27.9 / 69.5	37.1 / 71.2
blaze.cpu	76.8	76.3	75.8	75.8	75.4	77.2
blaze.long_task_max	157	153	157	151	149	162

The dev-vs-dev control moves by as much as any arm (code_block p95 34.8 vs 47.3; long_note p95 53.4 vs 55.5), so there is no change beyond the noise on any metric, for any arm. Arms are the heads built from the rebased branches (#854 f58c71010, #861 f20b9457b, #849 as 144013926 before its budget-only commit, #1022 17010f469).

First paint on dev 3f079de39: +78 B plain / +467 B normalised. Gate passes at f20b9457b. Specs: all chromium specs pass. webkit-1440 (15) and webkit-390 (7) fail in embeds, note-embeds and pictures (Page crashed on dev-01 under load 30+); the same four pictures specs fail the same way on the pre-rebase head fcf655253, so they are not caused by the rebase. They need a quieter host to be told apart from load.

**Perf** (perf-02, Chromium 4x slowdown, 10k notes, 5 interleaved rounds, dev built from `3f079de39` run twice as a control; medians of per-run p50 / p95, ms): | metric | dev A | dev B (control) | #1022 credits | #849 Contacts | #854 tables | #861 attachments | |---|---|---|---|---|---|---| | blaze.shown p50 / p95 | 36.2 / 64.7 | 36.0 / 65.7 | 35.5 / 67.3 | 37.3 / 65.1 | 35.1 / 62.3 | 34.7 / 66.6 | | type.long_note p50 / p95 | 21.9 / 55.5 | 23.5 / 53.4 | 22.8 / 55.2 | 23.3 / 54.8 | 21.8 / 57.0 | 26.3 / 61.5 | | type.nested_list p50 / p95 | 42.1 / 51.0 | 42.0 / 51.3 | 43.0 / 52.5 | 42.4 / 51.0 | 42.2 / 50.8 | 43.2 / 52.2 | | type.code_block p50 / p95 | 23.9 / 34.8 | 24.0 / 47.3 | 24.4 / 52.9 | 28.0 / 47.5 | 24.9 / 53.6 | 25.7 / 53.1 | | type.code_note_prose p50 / p95 | 28.0 / 63.0 | 29.6 / 64.0 | 29.6 / 68.6 | 33.4 / 68.5 | 27.9 / 69.5 | 37.1 / 71.2 | | blaze.cpu | 76.8 | 76.3 | 75.8 | 75.8 | 75.4 | 77.2 | | blaze.long_task_max | 157 | 153 | 157 | 151 | 149 | 162 | The dev-vs-dev control moves by as much as any arm (code_block p95 34.8 vs 47.3; long_note p95 53.4 vs 55.5), so there is no change beyond the noise on any metric, for any arm. Arms are the heads built from the rebased branches (#854 `f58c71010`, #861 `f20b9457b`, #849 as `144013926` before its budget-only commit, #1022 `17010f469`). First paint on dev `3f079de39`: +78 B plain / +467 B normalised. Gate passes at `f20b9457b`. Specs: all chromium specs pass. webkit-1440 (15) and webkit-390 (7) fail in embeds, note-embeds and pictures (`Page crashed` on dev-01 under load 30+); the same four pictures specs fail the same way on the pre-rebase head `fcf655253`, so they are not caused by the rebase. They need a quieter host to be told apart from load.

kayg commented

2026-11-09 18:18:39 +00:00

Author

Owner

READY FOR MERGE: attachments embeds (head `f20b9457b`): the webkit failures were the host

Re-ran the three specs that crashed (pictures, note-embeds, embeds) in webkit-1440 and webkit-390 on dev-02, which was idle: load 3.1 before, 6.5 at the end (dev-01 was at 30 to 40 when they crashed). Same head, same calternal-h861 backend: 31 passed, 1 skipped, 0 failed. The four pictures specs that had Page crashed pass too. So the earlier webkit failures were the loaded host (WebKit crashing under memory/CPU pressure), not this PR and not the rebase.

The rest of the evidence on this head is unchanged: gate passes, chromium 1440 and 390 all pass, only dev's own failures elsewhere. First paint against dev is still over (+78 B plain / +467 B normalised on 3f079de39); that is kayg's call and is parked until the new table.

## READY FOR MERGE: attachments embeds (head `f20b9457b`): the webkit failures were the host Re-ran the three specs that crashed (`pictures`, `note-embeds`, `embeds`) in webkit-1440 and webkit-390 on **dev-02, which was idle**: load 3.1 before, 6.5 at the end (dev-01 was at 30 to 40 when they crashed). Same head, same `calternal-h861` backend: **31 passed, 1 skipped, 0 failed**. The four pictures specs that had `Page crashed` pass too. So the earlier webkit failures were the loaded host (WebKit crashing under memory/CPU pressure), not this PR and not the rebase. The rest of the evidence on this head is unchanged: gate passes, chromium 1440 and 390 all pass, only dev's own failures elsewhere. First paint against dev is still over (+78 B plain / +467 B normalised on `3f079de39`); that is kayg's call and is parked until the new table.

kayg referenced this pull request

2026-11-09 18:42:09 +00:00

Housekeeping 2026-11-07 #1009

kayg commented

2026-11-10 10:36:10 +00:00

Author

Owner

READY FOR MERGE: attachments 3, embedded notes (head `ac2061d00`, on #860)

Merged dev fe2efbf11 (#1044) into the branch (clean; it also merges cleanly with the newer 4274dafb4), budgets regenerated from a fresh build, bundle gate clean, specs on dev-02 with calternal-h861, chromium and webkit at 1440 and 390. Dev baseline: 228023 B plain / 227378 B normalised / CSS 18236.

first paint plain / normalised	CSS	budget total
228337 / 227893 B (+314 / +515 B; accepted)	18236	542.28 KiB (≤ 543.9)

Specs (+ embeds, note-embeds, phone-bars, keys-no-motion): 654 passed, 518 skipped, 0 failed on dev-02; the earlier webkit Page crashed failures on dev-01 do not recur on an idle host. Pixel and contrast specs on x86 (dev-01): see the dev-01 comment below.

## READY FOR MERGE: attachments 3, embedded notes (head `ac2061d00`, on #860) Merged dev `fe2efbf11` (#1044) into the branch (clean; it also merges cleanly with the newer `4274dafb4`), budgets regenerated from a fresh build, bundle gate clean, specs on dev-02 with `calternal-h861`, chromium and webkit at 1440 and 390. Dev baseline: 228023 B plain / 227378 B normalised / CSS 18236. | first paint plain / normalised | CSS | budget total | |---|---|---| | 228337 / 227893 B (**+314 / +515 B**; accepted) | 18236 | 542.28 KiB (≤ 543.9) | Specs (+ embeds, note-embeds, phone-bars, keys-no-motion): **654 passed, 518 skipped, 0 failed** on dev-02; the earlier webkit `Page crashed` failures on dev-01 do not recur on an idle host. Pixel and contrast specs on x86 (dev-01): see the dev-01 comment below.

kayg commented

2026-11-10 12:06:51 +00:00

Author

Owner

Handoff: head `ac2061d00` is pushed and READY as posted

Handoff (usage limit): the x86 pixel and contrast run on dev-01 (4 projects, 15 specs) was stopped before finishing this head; I released its job. Done: dev fe2efbf11 and the earlier heads (#902, #854, rows tip, #878 base) ran there with the same 6 phone-bars photo-dark failures on dev itself and nothing new. Next step: re-run px-d1b.sh-style pixel set on this head on dev-01 (about 1 h per head) if you want it before merging.

## Handoff: head `ac2061d00` is pushed and READY as posted Handoff (usage limit): the x86 pixel and contrast run on dev-01 (4 projects, 15 specs) was stopped before finishing this head; I released its job. Done: dev `fe2efbf11` and the earlier heads (#902, #854, rows tip, #878 base) ran there with the same 6 `phone-bars` photo-dark failures on dev itself and nothing new. Next step: re-run `px-d1b.sh`-style pixel set on this head on dev-01 (about 1 h per head) if you want it before merging.

CI / server (pull_request) Has been cancelled

Details

CI / rust (pull_request) Has been cancelled

Details

CI / web (pull_request) Has been cancelled

Details

Markdown extraction contract / markdown-native-contract (pull_request) Has been cancelled

Details

Markdown extraction contract / markdown-editor-contract (pull_request) Has been cancelled

Details

This pull request is broken due to missing fork information.

View command line instructions

Checkout

From your project repository, check out a new branch and test the changes.

git fetch -u origin port/port-attachments-3:port/port-attachments-3

git switch port/port-attachments-3

Merge

Merge the changes and update on Forgejo.

Warning: The "Autodetect manual merge" setting is not enabled for this repository, you will have to mark this pull request as manually merged afterwards.