main · last commit
25 days ago ·
45ojfkig
memestudio-am3 Compact template rail and restore scrollable canvas
Past Stand
bd reopen memestudio-am3
| Created by | Eugene Blikh |
| Owner | bigbes@gmail.com |
| Created | 2026-07-19T23:12:23Z |
| Started | 2026-07-19T23:12:28Z |
| Updated | 2026-07-19T23:25:57Z |
| Closed | 2026-07-19T23:25:57Z |
The first-start library exposes 100 templates directly in the sidebar. That makes the sidebar's min-content height expand the app grid, vertically centers the canvas against the oversized page, and leaves most of the canvas inaccessible. Keep six popular/selected templates in the rail, move the full searchable library into an overlay picker, preserve Imgflip popularity order, and constrain sidebar/stage/inspector scrolling to the viewport.
Keep six quick templates in the sidebar: the first six by Imgflip catalog rank, replacing the sixth with the active template when needed. Put all templates plus upload in a native dialog with its own search; sidebar search and Browse all open it, and Escape/native focus handling close it. Persist catalog rank in SQLite and run a one-time metadata-only rank migration for databases created before the rank column, without redownloading image blobs. Constrain the grid/flex min-heights to 100dvh, make the stage independently scrollable, size the zoom wrapper to transformed dimensions, and support wheel/scrollbar plus space- or middle-drag panning.
The sidebar renders at most six template tiles plus an All templates action; the full 100-template library is searchable and selectable in a keyboard-accessible overlay; Imgflip catalog order drives popularity and the active template remains visible in the quick rail; the app stays exactly viewport-high; sidebar, stage, and inspector scroll independently; an oversized or zoomed canvas can be reached by scrolling/panning; relevant server, JavaScript, CSS, and Docker checks pass.
No outgoing dependencies.
Nothing depends on this issue.
| id | memestudio-am3 |
| content_hash | 97a231f676cad2fc0004e66e5e92e164c57125a7281f3035fbb02018cdd9b045 |
| title | Compact template rail and restore scrollable canvas |
| description | The first-start library exposes 100 templates directly in the sidebar. That makes the sidebar's min-content height expand the app grid, vertically centers the canvas against the oversized page, and leaves most of the canvas inaccessible. Keep six popular/selected templates in the rail, move the full searchable library into an overlay picker, preserve Imgflip popularity order, and constrain sidebar/stage/inspector scrolling to the viewport. |
| design | Keep six quick templates in the sidebar: the first six by Imgflip catalog rank, replacing the sixth with the active template when needed. Put all templates plus upload in a native dialog with its own search; sidebar search and Browse all open it, and Escape/native focus handling close it. Persist catalog rank in SQLite and run a one-time metadata-only rank migration for databases created before the rank column, without redownloading image blobs. Constrain the grid/flex min-heights to 100dvh, make the stage independently scrollable, size the zoom wrapper to transformed dimensions, and support wheel/scrollbar plus space- or middle-drag panning. |
| acceptance_criteria | The sidebar renders at most six template tiles plus an All templates action; the full 100-template library is searchable and selectable in a keyboard-accessible overlay; Imgflip catalog order drives popularity and the active template remains visible in the quick rail; the app stays exactly viewport-high; sidebar, stage, and inspector scroll independently; an oversized or zoomed canvas can be reached by scrolling/panning; relevant server, JavaScript, CSS, and Docker checks pass. |
| notes | |
| status | closed |
| priority | 1 |
| issue_type | bug |
| assignee | Eugene Blikh |
| estimated_minutes | NULL |
| created_at | 2026-07-19T23:12:23Z |
| created_by | Eugene Blikh |
| owner | bigbes@gmail.com |
| updated_at | 2026-07-19T23:25:57Z |
| closed_at | 2026-07-19T23:25:57Z |
| closed_by_session | |
| external_ref | NULL |
| spec_id | |
| compaction_level | 0 |
| compacted_at | NULL |
| compacted_at_commit | NULL |
| original_size | NULL |
| sender | |
| ephemeral | 0 |
| wisp_type | |
| pinned | 0 |
| is_template | 0 |
| mol_type | |
| work_type | |
| source_system | |
| metadata | �{} |
| source_repo | |
| close_reason | Implemented six-template quick rail, searchable native full-library picker, persisted Imgflip popularity rank with metadata-only legacy migration, viewport-constrained independent scrolling, zoom-aware stage sizing, and space/middle-button panning. Go tests including race, vet/build, JS syntax, Docker build, and a 100-template headless browser interaction check pass. |
| event_kind | |
| actor | |
| target | |
| payload | |
| await_type | |
| await_id | |
| timeout_ns | 0 |
| waiters | |
| hook_bead | |
| role_bead | |
| agent_state | |
| last_activity | NULL |
| role_type | |
| rig | |
| due_at | NULL |
| defer_until | NULL |
| no_history | 0 |
| started_at | 2026-07-19T23:12:28Z |
| is_blocked | 0 |
| id | 019f7ca6-efd6-7d2f-b528-e2f254ad6b61 |
| issue_id | memestudio-am3 |
| event_type | created |
| actor | Eugene Blikh |
| old_value | |
| new_value | |
| comment | NULL |
| created_at | 2026-07-20T02:12:22Z |
| id | 019f7ca7-0355-7595-83c8-6453718b9779 |
| issue_id | memestudio-am3 |
| event_type | claimed |
| actor | Eugene Blikh |
| old_value | {"id":"memestudio-am3","title":"Compact template rail and restore scrollable canvas","description":"The first-start library exposes 100 templates directly in the sidebar. That makes the sidebar's min-content height expand the app grid, vertically centers the canvas against the oversized page, and leaves most of the canvas inaccessible. Keep six popular/selected templates in the rail, move the full searchable library into an overlay picker, preserve Imgflip popularity order, and constrain sidebar/stage/inspector scrolling to the viewport.","acceptance_criteria":"The sidebar renders at most six template tiles plus an All templates action; the full 100-template library is searchable and selectable in a keyboard-accessible overlay; Imgflip catalog order drives popularity and the active template remains visible in the quick rail; the app stays exactly viewport-high; sidebar, stage, and inspector scroll independently; an oversized or zoomed canvas can be reached by scrolling/panning; relevant server, JavaScript, CSS, and Docker checks pass.","status":"open","priority":1,"issue_type":"bug","owner":"bigbes@gmail.com","created_at":"2026-07-19T23:12:23Z","created_by":"Eugene Blikh","updated_at":"2026-07-19T23:12:23Z"} |
| new_value | {"assignee":"Eugene Blikh","status":"in_progress"} |
| comment | NULL |
| created_at | 2026-07-20T02:12:27Z |
| id | 019f7ca8-d58b-72ce-9150-b98ea0525b8b |
| issue_id | memestudio-am3 |
| event_type | updated |
| actor | Eugene Blikh |
| old_value | {"id":"memestudio-am3","title":"Compact template rail and restore scrollable canvas","description":"The first-start library exposes 100 templates directly in the sidebar. That makes the sidebar's min-content height expand the app grid, vertically centers the canvas against the oversized page, and leaves most of the canvas inaccessible. Keep six popular/selected templates in the rail, move the full searchable library into an overlay picker, preserve Imgflip popularity order, and constrain sidebar/stage/inspector scrolling to the viewport.","acceptance_criteria":"The sidebar renders at most six template tiles plus an All templates action; the full 100-template library is searchable and selectable in a keyboard-accessible overlay; Imgflip catalog order drives popularity and the active template remains visible in the quick rail; the app stays exactly viewport-high; sidebar, stage, and inspector scroll independently; an oversized or zoomed canvas can be reached by scrolling/panning; relevant server, JavaScript, CSS, and Docker checks pass.","status":"in_progress","priority":1,"issue_type":"bug","assignee":"Eugene Blikh","owner":"bigbes@gmail.com","created_at":"2026-07-19T23:12:23Z","created_by":"Eugene Blikh","updated_at":"2026-07-19T23:12:28Z","started_at":"2026-07-19T23:12:28Z"} |
| new_value | {"design":"Keep six quick templates in the sidebar: the first six by Imgflip catalog rank, replacing the sixth with the active template when needed. Put all templates plus upload in a native dialog with its own search; sidebar search and Browse all open it, and Escape/native focus handling close it. Persist catalog rank in SQLite and run a one-time metadata-only rank migration for databases created before the rank column, without redownloading image blobs. Constrain the grid/flex min-heights to 100dvh, make the stage independently scrollable, size the zoom wrapper to transformed dimensions, and support wheel/scrollbar plus space- or middle-drag panning."} |
| comment | NULL |
| created_at | 2026-07-20T02:14:27Z |
| id | 019f7cb3-5bf9-71b5-b023-6f5ac4c76ebf |
| issue_id | memestudio-am3 |
| event_type | closed |
| actor | Eugene Blikh |
| old_value | |
| new_value | Implemented six-template quick rail, searchable native full-library picker, persisted Imgflip popularity rank with metadata-only legacy migration, viewport-constrained independent scrolling, zoom-aware stage sizing, and space/middle-button panning. Go tests including race, vet/build, JS syntax, Docker build, and a 100-template headless browser interaction check pass. |
| comment | NULL |
| created_at | 2026-07-20T02:25:57Z |
No comments.
Close reason