Workspace's recent designs section (per #66) shows 3 most-recent designs but no way to load more — user wanting to see their last 10 or 20 designs has to go to the Gallery #313

New issue

Closed

opened 2026-10-04 03:50:22 +00:00 by Mark · 1 comment

Mark commented

2026-10-04 03:50:22 +00:00

Owner

Finding

src/components/workspace/CanvasArea.tsx:93 defines recentDesigns and :468 renders them as 3 swatches. The user can click any of the 3 to load.

grep -n 'showMore\|seeAll' src/components/workspace/CanvasArea.tsx returns 0. No "See all" link to the Gallery.

A user wanting to load a design they made last week:

Sees only 3 in the recent designs
Wants to see the 4th, 5th, 6th, etc.
Has to go to the Gallery
Navigate away from the workspace
Find the design
Click it
Loads the workspace with the design
4 navigation hops

The fix is a "See all recent" link in the recent designs section.

Where

Recent designs: src/components/workspace/CanvasArea.tsx:468
No see-all: grep -n 'seeAll' src/components/workspace/ returns 0
The Gallery is the destination: src/pages/Gallery.tsx

Suggested fix shape

UI: a small "See all →" link next to "Recent designs:" header:

<div className="flex items-center justify-between mb-3">
  <p className="text-[11px] font-medium uppercase tracking-wider" style={{ color: '#6B6560' }}>
    Recent designs:
  </p>
  <Link to="/gallery" className="text-[11px] underline" style={{ color: '#E6A948' }}>
    See all →
  </Link>
</div>

Behavior: clicking navigates to /gallery with a "recent" filter applied:

navigate('/gallery?sort=recently-edited');

The Gallery opens with the 20 most-recent designs (or all of them, if there are fewer than 20).

Polish: a "Show 6 instead of 3" toggle for users who want more on the canvas.

Severity

Low. The user can navigate to the Gallery. Power users notice the friction.

Discovered by

Gap analysis (2026-10-02) of workspace navigation.

#66 (open) — Recent designs. The recent is in place; the "see all" is the addition.
The Gallery's URL state (per #232) is the destination; the recent filter is applied via the URL.
Most modern apps have "see all" on a summary view. Standard.

## Finding `src/components/workspace/CanvasArea.tsx:93` defines `recentDesigns` and `:468` renders them as 3 swatches. The user can click any of the 3 to load. `grep -n 'showMore\|seeAll' src/components/workspace/CanvasArea.tsx` returns 0. No "See all" link to the Gallery. A user wanting to load a design they made last week: - Sees only 3 in the recent designs - Wants to see the 4th, 5th, 6th, etc. - Has to go to the Gallery - Navigate away from the workspace - Find the design - Click it - Loads the workspace with the design - 4 navigation hops The fix is a "See all recent" link in the recent designs section. ## Where - Recent designs: `src/components/workspace/CanvasArea.tsx:468` - No see-all: `grep -n 'seeAll' src/components/workspace/` returns 0 - The Gallery is the destination: `src/pages/Gallery.tsx` ## Suggested fix shape 1. **UI**: a small "See all →" link next to "Recent designs:" header: ```tsx <div className="flex items-center justify-between mb-3"> <p className="text-[11px] font-medium uppercase tracking-wider" style={{ color: '#6B6560' }}> Recent designs: </p> <Link to="/gallery" className="text-[11px] underline" style={{ color: '#E6A948' }}> See all → </Link> </div> ``` 2. **Behavior**: clicking navigates to /gallery with a "recent" filter applied: ```ts navigate('/gallery?sort=recently-edited'); ``` The Gallery opens with the 20 most-recent designs (or all of them, if there are fewer than 20). 3. **Polish**: a "Show 6 instead of 3" toggle for users who want more on the canvas. ## Severity Low. The user can navigate to the Gallery. Power users notice the friction. ## Discovered by Gap analysis (2026-10-02) of workspace navigation. ## Related - #66 (open) — Recent designs. The recent is in place; the "see all" is the addition. - The Gallery's URL state (per #232) is the destination; the recent filter is applied via the URL. - Most modern apps have "see all" on a summary view. Standard.

Mark added the

feature-request

triage-approved

labels

2026-10-04 03:50:22 +00:00

Mark referenced this issue from a commit

2026-10-04 22:24:34 +00:00

fix(#313): workspace Recent designs 'See all →' shortcut to the Gallery

Mark commented

2026-10-04 22:28:42 +00:00

Author

Owner

Shipped in commit 2e6c263 (push 194fd2f..2e6c263). Added a See all → link next to the empty-state Recent designs header in src/components/workspace/CanvasArea.tsx. Click persists sortMode recently-edited to localStorage (Gallery reads from tc_gallery_filters_v1 at mount, per #232) and navigates to /gallery, so the 4th/5th/Nth design from last week is reachable in one click instead of four. Hidden when the recent-designs list is empty.

Shipped in commit 2e6c263 (push 194fd2f..2e6c263). Added a See all → link next to the empty-state Recent designs header in src/components/workspace/CanvasArea.tsx. Click persists sortMode recently-edited to localStorage (Gallery reads from tc_gallery_filters_v1 at mount, per #232) and navigates to /gallery, so the 4th/5th/Nth design from last week is reachable in one click instead of four. Hidden when the recent-designs list is empty.

Mark closed this issue

2026-10-04 22:28:45 +00:00