{:else}
{#each items as item, i (`${item.uri}:${i}`)}
{/each}
{#if cursor}
{/if}
{/if}
```
**Step 2: FeedTabs.svelte is already fine**
The `FeedTabs.svelte` component reads from `$pinnedFeeds` which now only has "Recent". No changes needed.
**Step 3: Commit**
```bash
git add app/lib/components/organisms/FeedList.svelte
git commit -m "feat: update FeedList to render GalleryCards"
```
---
### Task 19: Update home page (+page.svelte and +page.ts)
**Files:**
- Modify: `app/routes/+page.svelte`
- Modify: `app/routes/+page.ts`
**Step 1: Update +page.svelte**
Replace the file — remove TrendingStrip, simplify:
```svelte
{#if feed.isLoading}
{:else}
{/if}
```
**Step 2: +page.ts is already correct**
The existing `+page.ts` uses `recentFeedQuery` which we've already updated. No changes needed.
**Step 3: Commit**
```bash
git add app/routes/+page.svelte
git commit -m "feat: update home page for grain timeline"
```
---
### Task 20: Update profile placeholder page
**Files:**
- Modify: `app/routes/profile/[did]/+page.svelte`
- Modify: `app/routes/profile/[did]/+page.ts`
**Step 1: Simplify profile page to placeholder**
Replace `app/routes/profile/[did]/+page.svelte` with:
```svelte
Profile
{did}
Full profile coming soon.
```
Replace `app/routes/profile/[did]/+page.ts` with:
```typescript
// Profile page — no data loading for MVP
```
**Step 2: Commit**
```bash
git add app/routes/profile/
git commit -m "feat: add placeholder profile page"
```
---
### Task 21: Clean up remaining teal references
**Files:**
- Modify: `app/lib/utils.ts` (keep as-is, all helpers are generic)
- Delete: `test/` (teal-specific test fixtures and tests)
- Delete: `seeds/` (teal-specific seed data)
- Delete: `data/` contents (MusicBrainz artist data)
- Delete: `Dockerfile` and `docker-compose.yml` (rebuild later)
- Delete: `.dockerignore` and `.railwayignore` (rebuild later)
**Step 1: Remove teal-specific data and tests**
```bash
cd ~/code/hatk-template-grain
rm -rf test seeds
rm -rf data/artist data/artist.tar.xz
rm -f Dockerfile docker-compose.yml .dockerignore .railwayignore 2>/dev/null
```
**Step 2: Commit**
```bash
git add -A
git commit -m "chore: remove teal-specific test data, seeds, and deploy config"
```
---
### Task 22: Install dependencies and verify build
**Step 1: Install dependencies**
```bash
cd ~/code/hatk-template-grain
npm install
```
Expected: installs successfully.
**Step 2: Generate types from lexicons**
```bash
npx hatk generate types
```
Expected: generates `hatk.generated.ts` and `hatk.generated.client.ts` with Grain types.
**Step 3: Run type check**
```bash
npx svelte-check
```
Expected: no type errors (may have warnings).
**Step 4: Commit generated types**
```bash
git add hatk.generated.ts hatk.generated.client.ts
git commit -m "chore: generate types from grain lexicons"
```
---
### Task 23: Final verification
**Step 1: Start dev server**
```bash
cd ~/code/hatk-template-grain
npm run dev
```
Expected: SvelteKit dev server starts on port 3000. The page should load showing the 3-column shell with "grain" branding, empty feed (no data yet), login button, and search placeholder.
**Step 2: Verify in browser**
Open `http://localhost:3000` and verify:
- 3-column layout renders
- Left sidebar shows "grain" logo and home icon
- Right sidebar shows search bar and "Feeds" card with "Recent"
- Main content shows "No galleries found" empty state
- No console errors related to missing components or imports
**Step 3: Final commit if any fixes needed**
```bash
git add -A
git commit -m "feat: grain hatk template MVP complete"
```