(
+ secondaryProducts.map((sp) => sp.product_id),
+ )
const [submitting, startSubmit] = useTransition()
+ const secondaryDirty =
+ JSON.stringify([...selectedSecondary].sort()) !==
+ JSON.stringify(secondaryProducts.map((sp) => sp.product_id).sort())
+
const dirty =
title !== idea.title ||
description !== (idea.description ?? '') ||
- productId !== (idea.product_id ?? '')
+ productId !== (idea.product_id ?? '') ||
+ secondaryDirty
function save() {
startSubmit(async () => {
@@ -278,6 +300,13 @@ function IdeaFormSection({ idea, products, isDemo, pending }: FormProps) {
toast.error(r.error)
return
}
+ if (secondaryDirty) {
+ const r2 = await updateSecondaryProductsAction(idea.id, selectedSecondary)
+ if ('error' in r2) {
+ toast.error(r2.error)
+ return
+ }
+ }
toast.success('Opgeslagen')
router.refresh()
})
@@ -320,6 +349,30 @@ function IdeaFormSection({ idea, products, isDemo, pending }: FormProps) {
))}
+ {products.filter((p) => p.id !== productId).length > 0 && (
+
+
Extra producten
+
+ {products
+ .filter((p) => p.id !== productId)
+ .map((p) => (
+
+
+ ))}
+
+
@@ -337,6 +390,7 @@ function IdeaFormSection({ idea, products, isDemo, pending }: FormProps) {
setTitle(idea.title)
setDescription(idea.description ?? '')
setProductId(idea.product_id ?? '')
+ setSelectedSecondary(secondaryProducts.map((sp) => sp.product_id))
}}
>
Reset
diff --git a/components/ideas/idea-list.tsx b/components/ideas/idea-list.tsx
index e457a02..2edac75 100644
--- a/components/ideas/idea-list.tsx
+++ b/components/ideas/idea-list.tsx
@@ -87,8 +87,14 @@ export function IdeaList({ ideas, products, isDemo }: IdeaListProps) {
return ideas.filter((idea) => {
if (q && !idea.title.toLowerCase().includes(q)) return false
if (productFilter !== 'all') {
- if (productFilter === 'none' && idea.product_id !== null) return false
- if (productFilter !== 'none' && idea.product_id !== productFilter) return false
+ if (productFilter === 'none') {
+ if (idea.product_id !== null) return false
+ } else {
+ const matchesPrimary = idea.product_id === productFilter
+ const matchesSecondary =
+ idea.secondary_products?.some((sp) => sp.product_id === productFilter) ?? false
+ if (!matchesPrimary && !matchesSecondary) return false
+ }
}
if (statusFilter.size > 0 && !statusFilter.has(idea.status)) return false
return true
From b147f813d4f8fe98ae4ec401ba792e339935d01a Mon Sep 17 00:00:00 2001
From: Janpeter Visser <30029041+madhura68@users.noreply.github.com>
Date: Wed, 6 May 2026 03:19:15 +0200
Subject: [PATCH 031/132] =?UTF-8?q?docs(ST-5xfaavbo):=20mcp-integration.md?=
=?UTF-8?q?=20=E2=80=94=20update=5Fjob=5Fstatus=20optionele=20token-velden?=
=?UTF-8?q?=20gedocumenteerd=20(#113)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Co-authored-by: Claude Sonnet 4.6
---
docs/runbooks/mcp-integration.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/docs/runbooks/mcp-integration.md b/docs/runbooks/mcp-integration.md
index 05bf489..61e5f39 100644
--- a/docs/runbooks/mcp-integration.md
+++ b/docs/runbooks/mcp-integration.md
@@ -39,7 +39,7 @@ Scrum4Me heeft een eigen MCP-server in repo [`madhura68/scrum4me-mcp`](https://g
- `kind: 'TASK_IMPLEMENTATION'` (default) — payload met `implementation_plan`, `story`, `pbi`, `sprint`, `repo_url`
- `kind: 'IDEA_GRILL'` of `'IDEA_MAKE_PLAN'` — payload met `idea`, `product`, `repo_url`, en `prompt_text` (de embedded prompt uit `lib/idea-prompts/`)
Stale CLAIMED-jobs (>30min) worden eerst terug naar QUEUED gezet. Lege queue na block-time = klaar.
-- `mcp__scrum4me__update_job_status` — agent rapporteert `running|done|failed` + optionele branch/summary/error; triggert automatisch SSE-event. Bij `failed` voor `IDEA_GRILL`/`IDEA_MAKE_PLAN` wordt de idea-status automatisch op `GRILL_FAILED` resp. `PLAN_FAILED` gezet. Auth: Bearer-token moet matchen `claimed_by_token_id`.
+- `mcp__scrum4me__update_job_status` — agent rapporteert `running|done|failed` + optionele branch/summary/error; triggert automatisch SSE-event. Bij `failed` voor `IDEA_GRILL`/`IDEA_MAKE_PLAN` wordt de idea-status automatisch op `GRILL_FAILED` resp. `PLAN_FAILED` gezet. Auth: Bearer-token moet matchen `claimed_by_token_id`. Optionele token-velden: `model_id` (string), `input_tokens`, `output_tokens`, `cache_read_tokens`, `cache_write_tokens` (alle non-negative int) — worden opgeslagen op de ClaudeJob-rij bij done/failed.
**Idea-jobs (M12) — agent gedrag per kind:**
From a2c8bd41af1abdd70c716dbd0cd0c49cee63dd82 Mon Sep 17 00:00:00 2001
From: Janpeter Visser <30029041+madhura68@users.noreply.github.com>
Date: Wed, 6 May 2026 03:19:30 +0200
Subject: [PATCH 032/132] =?UTF-8?q?ST-1216:=20Insights=20sprint-widget=20?=
=?UTF-8?q?=E2=80=94=20token=20KPI-kaartjes=20&=20per-job=20tabel=20(#114)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
* feat(ST-vmc7vpps): lib/insights/token-stats.ts — sprint KPI + per-job query
SQL-queries voor totale tokens/kosten (KPI) en per-job tabel met
ModelPrice JOIN. Guard op lege sprintId. Tests voor empty guard,
KPI-mapping en null token-data.
Co-Authored-By: Claude Sonnet 4.6
* feat(ST-vmc7vpps): TokenUsageCard — KPI-kaartjes + sorteerbare per-job tabel
Client-component met drie KPI-strips (totaal tokens, kosten USD, gem. per job)
en sorteerbare tabel op kosten of duur. Nulls als '—', MD3-tokens, geen
hardcoded kleuren.
Co-Authored-By: Claude Sonnet 4.6
* feat(ST-vmc7vpps): insights page — TokenUsageCard integreren
Voeg getTokenStats + TokenUsageCard imports toe aan insights/page.tsx.
tokenStats apart awaiten na activeSprints (kan niet in dezelfde Promise.all).
TokenUsageCard-sectie toegevoegd na AgentThroughputCard.
Co-Authored-By: Claude Sonnet 4.6
---------
Co-authored-by: Claude Sonnet 4.6
---
__tests__/lib/insights/token-stats.test.ts | 67 +++++++++
app/(app)/insights/components/token-usage.tsx | 109 +++++++++++++++
app/(app)/insights/page.tsx | 13 ++
lib/insights/token-stats.ts | 129 ++++++++++++++++++
4 files changed, 318 insertions(+)
create mode 100644 __tests__/lib/insights/token-stats.test.ts
create mode 100644 app/(app)/insights/components/token-usage.tsx
create mode 100644 lib/insights/token-stats.ts
diff --git a/__tests__/lib/insights/token-stats.test.ts b/__tests__/lib/insights/token-stats.test.ts
new file mode 100644
index 0000000..8614292
--- /dev/null
+++ b/__tests__/lib/insights/token-stats.test.ts
@@ -0,0 +1,67 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+
+const { mockQueryRaw } = vi.hoisted(() => ({ mockQueryRaw: vi.fn() }))
+
+vi.mock('@/lib/prisma', () => ({
+ prisma: { $queryRaw: mockQueryRaw },
+}))
+
+import { getTokenStats } from '@/lib/insights/token-stats'
+
+beforeEach(() => {
+ vi.clearAllMocks()
+})
+
+describe('getTokenStats', () => {
+ it('returns empty result for empty sprintId', async () => {
+ const result = await getTokenStats('user-1', '')
+
+ expect(result.kpi.totalTokens).toBe(0)
+ expect(result.kpi.totalCostUsd).toBe(0)
+ expect(result.kpi.avgCostPerJob).toBe(0)
+ expect(result.kpi.jobCount).toBe(0)
+ expect(result.jobs).toHaveLength(0)
+ expect(mockQueryRaw).not.toHaveBeenCalled()
+ })
+
+ it('maps kpi rows correctly', async () => {
+ const kpiRows = [{ total_tokens: BigInt(10000), total_cost: 0.15, avg_cost: 0.05, job_count: BigInt(3) }]
+ const jobRows: unknown[] = []
+ mockQueryRaw.mockResolvedValueOnce(kpiRows).mockResolvedValueOnce(jobRows)
+
+ const result = await getTokenStats('user-1', 'sprint-1')
+
+ expect(result.kpi.totalTokens).toBe(10000)
+ expect(result.kpi.totalCostUsd).toBe(0.15)
+ expect(result.kpi.avgCostPerJob).toBe(0.05)
+ expect(result.kpi.jobCount).toBe(3)
+ })
+
+ it('maps job rows and handles null token data', async () => {
+ const kpiRows = [{ total_tokens: BigInt(0), total_cost: null, avg_cost: null, job_count: BigInt(0) }]
+ const jobRows = [
+ {
+ job_id: 'job-1',
+ task_title: 'My Task',
+ idea_code: null,
+ model_id: 'claude-sonnet-4-6',
+ input_tokens: null,
+ output_tokens: null,
+ cache_read_tokens: null,
+ cache_write_tokens: null,
+ cost_usd: null,
+ duration_seconds: 42,
+ },
+ ]
+ mockQueryRaw.mockResolvedValueOnce(kpiRows).mockResolvedValueOnce(jobRows)
+
+ const result = await getTokenStats('user-1', 'sprint-1')
+
+ expect(result.jobs).toHaveLength(1)
+ const job = result.jobs[0]
+ expect(job.jobId).toBe('job-1')
+ expect(job.taskTitle).toBe('My Task')
+ expect(job.costUsd).toBeNull()
+ expect(job.durationSeconds).toBe(42)
+ })
+})
diff --git a/app/(app)/insights/components/token-usage.tsx b/app/(app)/insights/components/token-usage.tsx
new file mode 100644
index 0000000..4bb4f90
--- /dev/null
+++ b/app/(app)/insights/components/token-usage.tsx
@@ -0,0 +1,109 @@
+'use client'
+
+import { useState, useMemo } from 'react'
+import type { TokenKpi, TokenJobRow } from '@/lib/insights/token-stats'
+
+export interface TokenUsageCardProps {
+ kpi: TokenKpi
+ jobs: TokenJobRow[]
+}
+
+type SortKey = 'cost' | 'duration'
+
+function fmt(n: number | null, decimals = 0): string {
+ if (n === null) return '—'
+ return n.toLocaleString(undefined, { minimumFractionDigits: decimals, maximumFractionDigits: decimals })
+}
+
+function fmtCost(n: number | null): string {
+ if (n === null) return '—'
+ return '$' + n.toFixed(4)
+}
+
+function jobLabel(job: TokenJobRow): string {
+ const label = job.taskTitle ?? job.ideaCode ?? job.jobId
+ return label.length > 40 ? label.slice(0, 37) + '…' : label
+}
+
+export function TokenUsageCard({ kpi, jobs }: TokenUsageCardProps) {
+ const [sortKey, setSortKey] = useState('cost')
+
+ const sorted = useMemo(() => {
+ return [...jobs].sort((a, b) => {
+ if (sortKey === 'cost') return (b.costUsd ?? -Infinity) - (a.costUsd ?? -Infinity)
+ return (b.durationSeconds ?? -Infinity) - (a.durationSeconds ?? -Infinity)
+ })
+ }, [jobs, sortKey])
+
+ if (kpi.jobCount === 0) {
+ return Geen token-data
+ }
+
+ return (
+
+ {/* KPI strip */}
+
+
+
+ {kpi.totalTokens.toLocaleString()}
+
+
Totaal tokens
+
+
+
+ ${kpi.totalCostUsd.toFixed(4)}
+
+
Kosten (USD)
+
+
+
+ {kpi.avgCostPerJob ? '$' + kpi.avgCostPerJob.toFixed(4) : '—'}
+
+
Gem. per job
+
+
+
+ {/* Sortable table */}
+
+
+
+
+ Taak
+ Model
+ Input
+ Output
+ Cache-R
+ Cache-W
+ setSortKey('cost')}
+ >
+ Kosten (USD) {sortKey === 'cost' ? '▾' : ''}
+
+ setSortKey('duration')}
+ >
+ Duur (s) {sortKey === 'duration' ? '▾' : ''}
+
+
+
+
+ {sorted.map(job => (
+
+ {jobLabel(job)}
+ {job.modelId ?? '—'}
+ {fmt(job.inputTokens)}
+ {fmt(job.outputTokens)}
+ {fmt(job.cacheReadTokens)}
+ {fmt(job.cacheWriteTokens)}
+ {fmtCost(job.costUsd)}
+ {fmt(job.durationSeconds, 1)}
+
+ ))}
+
+
+
+
Velocity
diff --git a/lib/insights/token-stats.ts b/lib/insights/token-stats.ts
new file mode 100644
index 0000000..312c822
--- /dev/null
+++ b/lib/insights/token-stats.ts
@@ -0,0 +1,129 @@
+import { prisma } from '@/lib/prisma'
+
+export interface TokenKpi {
+ totalTokens: number
+ totalCostUsd: number
+ avgCostPerJob: number
+ jobCount: number
+}
+
+export interface TokenJobRow {
+ jobId: string
+ taskTitle: string | null
+ ideaCode: string | null
+ modelId: string | null
+ inputTokens: number | null
+ outputTokens: number | null
+ cacheReadTokens: number | null
+ cacheWriteTokens: number | null
+ costUsd: number | null
+ durationSeconds: number | null
+}
+
+export interface TokenStatsResult {
+ kpi: TokenKpi
+ jobs: TokenJobRow[]
+}
+
+type RawKpiRow = {
+ total_tokens: bigint
+ total_cost: number | null
+ avg_cost: number | null
+ job_count: bigint
+}
+
+type RawJobRow = {
+ job_id: string
+ task_title: string | null
+ idea_code: string | null
+ model_id: string | null
+ input_tokens: number | null
+ output_tokens: number | null
+ cache_read_tokens: number | null
+ cache_write_tokens: number | null
+ cost_usd: number | null
+ duration_seconds: number | null
+}
+
+const EMPTY_KPI: TokenKpi = { totalTokens: 0, totalCostUsd: 0, avgCostPerJob: 0, jobCount: 0 }
+
+export async function getTokenStats(userId: string, sprintId: string): Promise {
+ if (!sprintId) return { kpi: EMPTY_KPI, jobs: [] }
+
+ const [kpiRows, jobRows] = await Promise.all([
+ prisma.$queryRaw`
+ SELECT
+ COALESCE(SUM(cj.input_tokens + cj.output_tokens + cj.cache_read_tokens + cj.cache_write_tokens), 0) AS total_tokens,
+ SUM(
+ cj.input_tokens * mp.input_price_per_1m / 1000000.0
+ + cj.output_tokens * mp.output_price_per_1m / 1000000.0
+ + cj.cache_read_tokens * mp.cache_read_price_per_1m / 1000000.0
+ + cj.cache_write_tokens * mp.cache_write_price_per_1m / 1000000.0
+ ) FILTER (WHERE cj.input_tokens IS NOT NULL) AS total_cost,
+ AVG(
+ cj.input_tokens * mp.input_price_per_1m / 1000000.0
+ + cj.output_tokens * mp.output_price_per_1m / 1000000.0
+ + cj.cache_read_tokens * mp.cache_read_price_per_1m / 1000000.0
+ + cj.cache_write_tokens * mp.cache_write_price_per_1m / 1000000.0
+ ) FILTER (WHERE cj.input_tokens IS NOT NULL) AS avg_cost,
+ COUNT(*) FILTER (WHERE cj.input_tokens IS NOT NULL) AS job_count
+ FROM claude_jobs cj
+ JOIN tasks t ON cj.task_id = t.id
+ JOIN stories s ON t.story_id = s.id
+ LEFT JOIN model_prices mp ON mp.model_id = cj.model_id
+ WHERE cj.user_id = ${userId}
+ AND s.sprint_id = ${sprintId}
+ AND cj.status = 'DONE'
+ `,
+ prisma.$queryRaw`
+ SELECT
+ cj.id AS job_id,
+ t.title AS task_title,
+ i.code AS idea_code,
+ cj.model_id,
+ cj.input_tokens,
+ cj.output_tokens,
+ cj.cache_read_tokens,
+ cj.cache_write_tokens,
+ CASE WHEN cj.input_tokens IS NOT NULL THEN
+ cj.input_tokens * mp.input_price_per_1m / 1000000.0
+ + cj.output_tokens * mp.output_price_per_1m / 1000000.0
+ + cj.cache_read_tokens * mp.cache_read_price_per_1m / 1000000.0
+ + cj.cache_write_tokens * mp.cache_write_price_per_1m / 1000000.0
+ END AS cost_usd,
+ EXTRACT(EPOCH FROM (cj.finished_at - cj.claimed_at)) AS duration_seconds
+ FROM claude_jobs cj
+ LEFT JOIN tasks t ON cj.task_id = t.id
+ LEFT JOIN ideas i ON cj.idea_id = i.id
+ LEFT JOIN stories s ON t.story_id = s.id
+ LEFT JOIN model_prices mp ON mp.model_id = cj.model_id
+ WHERE cj.user_id = ${userId}
+ AND (s.sprint_id = ${sprintId} OR cj.idea_id IS NOT NULL)
+ AND cj.status = 'DONE'
+ ORDER BY cj.finished_at DESC
+ `,
+ ])
+
+ const kpi = kpiRows[0]
+
+ return {
+ kpi: {
+ totalTokens: Number(kpi?.total_tokens ?? 0),
+ totalCostUsd: Number(kpi?.total_cost ?? 0),
+ avgCostPerJob: Number(kpi?.avg_cost ?? 0),
+ jobCount: Number(kpi?.job_count ?? 0),
+ },
+ jobs: jobRows.map(r => ({
+ jobId: r.job_id,
+ taskTitle: r.task_title,
+ ideaCode: r.idea_code,
+ modelId: r.model_id,
+ inputTokens: r.input_tokens,
+ outputTokens: r.output_tokens,
+ cacheReadTokens: r.cache_read_tokens,
+ cacheWriteTokens: r.cache_write_tokens,
+ costUsd: r.cost_usd != null ? Number(r.cost_usd) : null,
+ durationSeconds: r.duration_seconds != null ? Number(r.duration_seconds) : null,
+ })),
+ }
+}
From d819d29b04a78afb976f19bfa4524df1d555e91a Mon Sep 17 00:00:00 2001
From: Janpeter Visser <30029041+madhura68@users.noreply.github.com>
Date: Wed, 6 May 2026 03:19:45 +0200
Subject: [PATCH 033/132] =?UTF-8?q?feat(ST-d9sl8egw):=20lib/insights/token?=
=?UTF-8?q?-history.ts=20=E2=80=94=20sprint-historiek,=20dag-data=20&=20PB?=
=?UTF-8?q?I-aggregaat=20(#115)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Drie functies via prisma.$queryRaw: getSprintTokenHistory (per-sprint
aggregaat), getDayTokenData (dag-totalen met guard op lege sprintId),
getPbiTokenAggregates (per-PBI met guard). Tests voor alle drie.
Co-authored-by: Claude Sonnet 4.6
---
__tests__/lib/insights/token-history.test.ts | 74 ++++++++
lib/insights/token-history.ts | 176 +++++++++++++++++++
2 files changed, 250 insertions(+)
create mode 100644 __tests__/lib/insights/token-history.test.ts
create mode 100644 lib/insights/token-history.ts
diff --git a/__tests__/lib/insights/token-history.test.ts b/__tests__/lib/insights/token-history.test.ts
new file mode 100644
index 0000000..39439b8
--- /dev/null
+++ b/__tests__/lib/insights/token-history.test.ts
@@ -0,0 +1,74 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+
+const { mockQueryRaw } = vi.hoisted(() => ({ mockQueryRaw: vi.fn() }))
+
+vi.mock('@/lib/prisma', () => ({
+ prisma: { $queryRaw: mockQueryRaw },
+}))
+
+import {
+ getSprintTokenHistory,
+ getDayTokenData,
+ getPbiTokenAggregates,
+} from '@/lib/insights/token-history'
+
+beforeEach(() => {
+ vi.clearAllMocks()
+})
+
+describe('getSprintTokenHistory', () => {
+ it('returns mapped sprint rows', async () => {
+ mockQueryRaw.mockResolvedValueOnce([
+ { sprint_id: 'sp-1', sprint_goal: 'Goal A', total_tokens: BigInt(5000), total_cost: 0.1, job_count: BigInt(2) },
+ ])
+ const rows = await getSprintTokenHistory('user-1')
+ expect(rows).toHaveLength(1)
+ expect(rows[0].sprintId).toBe('sp-1')
+ expect(rows[0].totalTokens).toBe(5000)
+ expect(rows[0].totalCostUsd).toBe(0.1)
+ expect(rows[0].jobCount).toBe(2)
+ })
+
+ it('returns zero cost when total_cost is null', async () => {
+ mockQueryRaw.mockResolvedValueOnce([
+ { sprint_id: 'sp-2', sprint_goal: 'Goal B', total_tokens: BigInt(0), total_cost: null, job_count: BigInt(0) },
+ ])
+ const rows = await getSprintTokenHistory('user-1')
+ expect(rows[0].totalCostUsd).toBe(0)
+ })
+})
+
+describe('getDayTokenData', () => {
+ it('returns empty array for empty sprintId', async () => {
+ const rows = await getDayTokenData('user-1', '')
+ expect(rows).toHaveLength(0)
+ expect(mockQueryRaw).not.toHaveBeenCalled()
+ })
+
+ it('maps day rows with ISO date string', async () => {
+ mockQueryRaw.mockResolvedValueOnce([
+ { day: new Date('2026-05-01T00:00:00Z'), total_tokens: BigInt(2000), total_cost: 0.05 },
+ ])
+ const rows = await getDayTokenData('user-1', 'sprint-1')
+ expect(rows).toHaveLength(1)
+ expect(rows[0].day).toBe('2026-05-01')
+ expect(rows[0].totalTokens).toBe(2000)
+ })
+})
+
+describe('getPbiTokenAggregates', () => {
+ it('returns empty array for empty sprintId', async () => {
+ const rows = await getPbiTokenAggregates('user-1', '')
+ expect(rows).toHaveLength(0)
+ expect(mockQueryRaw).not.toHaveBeenCalled()
+ })
+
+ it('maps pbi rows', async () => {
+ mockQueryRaw.mockResolvedValueOnce([
+ { pbi_id: 'pbi-1', pbi_code: 'M1', pbi_title: 'First PBI', total_tokens: BigInt(3000), total_cost: 0.08 },
+ ])
+ const rows = await getPbiTokenAggregates('user-1', 'sprint-1')
+ expect(rows[0].pbiCode).toBe('M1')
+ expect(rows[0].totalTokens).toBe(3000)
+ })
+})
diff --git a/lib/insights/token-history.ts b/lib/insights/token-history.ts
new file mode 100644
index 0000000..33f1abd
--- /dev/null
+++ b/lib/insights/token-history.ts
@@ -0,0 +1,176 @@
+import { prisma } from '@/lib/prisma'
+
+export interface SprintTokenRow {
+ sprintId: string
+ sprintGoal: string
+ totalTokens: number
+ totalCostUsd: number
+ jobCount: number
+}
+
+export interface DayTokenRow {
+ day: string
+ totalTokens: number
+ totalCostUsd: number
+}
+
+export interface PbiTokenRow {
+ pbiId: string
+ pbiCode: string
+ pbiTitle: string
+ totalTokens: number
+ totalCostUsd: number
+}
+
+type RawSprintRow = {
+ sprint_id: string
+ sprint_goal: string
+ total_tokens: bigint
+ total_cost: number | null
+ job_count: bigint
+}
+
+type RawDayRow = {
+ day: Date
+ total_tokens: bigint
+ total_cost: number | null
+}
+
+type RawPbiRow = {
+ pbi_id: string
+ pbi_code: string
+ pbi_title: string
+ total_tokens: bigint
+ total_cost: number | null
+}
+
+export async function getSprintTokenHistory(
+ userId: string,
+ productId?: string,
+ limit = 8,
+): Promise {
+ const rows = productId
+ ? await prisma.$queryRaw`
+ SELECT
+ sp.id AS sprint_id,
+ sp.sprint_goal,
+ COALESCE(SUM(cj.input_tokens + cj.output_tokens + cj.cache_read_tokens + cj.cache_write_tokens), 0) AS total_tokens,
+ SUM(
+ cj.input_tokens * mp.input_price_per_1m / 1000000.0
+ + cj.output_tokens * mp.output_price_per_1m / 1000000.0
+ + cj.cache_read_tokens * mp.cache_read_price_per_1m / 1000000.0
+ + cj.cache_write_tokens * mp.cache_write_price_per_1m / 1000000.0
+ ) FILTER (WHERE cj.input_tokens IS NOT NULL) AS total_cost,
+ COUNT(*) FILTER (WHERE cj.input_tokens IS NOT NULL) AS job_count
+ FROM claude_jobs cj
+ JOIN tasks t ON cj.task_id = t.id
+ JOIN stories s ON t.story_id = s.id
+ JOIN sprints sp ON s.sprint_id = sp.id
+ LEFT JOIN model_prices mp ON mp.model_id = cj.model_id
+ WHERE cj.user_id = ${userId}
+ AND cj.status = 'DONE'
+ AND cj.product_id = ${productId}
+ GROUP BY sp.id, sp.sprint_goal
+ ORDER BY sp.created_at DESC
+ LIMIT ${limit}
+ `
+ : await prisma.$queryRaw`
+ SELECT
+ sp.id AS sprint_id,
+ sp.sprint_goal,
+ COALESCE(SUM(cj.input_tokens + cj.output_tokens + cj.cache_read_tokens + cj.cache_write_tokens), 0) AS total_tokens,
+ SUM(
+ cj.input_tokens * mp.input_price_per_1m / 1000000.0
+ + cj.output_tokens * mp.output_price_per_1m / 1000000.0
+ + cj.cache_read_tokens * mp.cache_read_price_per_1m / 1000000.0
+ + cj.cache_write_tokens * mp.cache_write_price_per_1m / 1000000.0
+ ) FILTER (WHERE cj.input_tokens IS NOT NULL) AS total_cost,
+ COUNT(*) FILTER (WHERE cj.input_tokens IS NOT NULL) AS job_count
+ FROM claude_jobs cj
+ JOIN tasks t ON cj.task_id = t.id
+ JOIN stories s ON t.story_id = s.id
+ JOIN sprints sp ON s.sprint_id = sp.id
+ LEFT JOIN model_prices mp ON mp.model_id = cj.model_id
+ WHERE cj.user_id = ${userId}
+ AND cj.status = 'DONE'
+ GROUP BY sp.id, sp.sprint_goal
+ ORDER BY sp.created_at DESC
+ LIMIT ${limit}
+ `
+
+ return rows.map(r => ({
+ sprintId: r.sprint_id,
+ sprintGoal: r.sprint_goal,
+ totalTokens: Number(r.total_tokens),
+ totalCostUsd: Number(r.total_cost ?? 0),
+ jobCount: Number(r.job_count),
+ }))
+}
+
+export async function getDayTokenData(userId: string, sprintId: string): Promise {
+ if (!sprintId) return []
+
+ const rows = await prisma.$queryRaw`
+ SELECT
+ DATE(cj.finished_at) AS day,
+ COALESCE(SUM(cj.input_tokens + cj.output_tokens + cj.cache_read_tokens + cj.cache_write_tokens), 0) AS total_tokens,
+ SUM(
+ cj.input_tokens * mp.input_price_per_1m / 1000000.0
+ + cj.output_tokens * mp.output_price_per_1m / 1000000.0
+ + cj.cache_read_tokens * mp.cache_read_price_per_1m / 1000000.0
+ + cj.cache_write_tokens * mp.cache_write_price_per_1m / 1000000.0
+ ) FILTER (WHERE cj.input_tokens IS NOT NULL) AS total_cost
+ FROM claude_jobs cj
+ JOIN tasks t ON cj.task_id = t.id
+ JOIN stories s ON t.story_id = s.id
+ LEFT JOIN model_prices mp ON mp.model_id = cj.model_id
+ WHERE cj.user_id = ${userId}
+ AND s.sprint_id = ${sprintId}
+ AND cj.status = 'DONE'
+ AND cj.finished_at IS NOT NULL
+ GROUP BY DATE(cj.finished_at)
+ ORDER BY day ASC
+ `
+
+ return rows.map(r => ({
+ day: r.day.toISOString().slice(0, 10),
+ totalTokens: Number(r.total_tokens),
+ totalCostUsd: Number(r.total_cost ?? 0),
+ }))
+}
+
+export async function getPbiTokenAggregates(userId: string, sprintId: string): Promise {
+ if (!sprintId) return []
+
+ const rows = await prisma.$queryRaw`
+ SELECT
+ p.id AS pbi_id,
+ p.code AS pbi_code,
+ p.title AS pbi_title,
+ COALESCE(SUM(cj.input_tokens + cj.output_tokens + cj.cache_read_tokens + cj.cache_write_tokens), 0) AS total_tokens,
+ SUM(
+ cj.input_tokens * mp.input_price_per_1m / 1000000.0
+ + cj.output_tokens * mp.output_price_per_1m / 1000000.0
+ + cj.cache_read_tokens * mp.cache_read_price_per_1m / 1000000.0
+ + cj.cache_write_tokens * mp.cache_write_price_per_1m / 1000000.0
+ ) FILTER (WHERE cj.input_tokens IS NOT NULL) AS total_cost
+ FROM claude_jobs cj
+ JOIN tasks t ON cj.task_id = t.id
+ JOIN stories s ON t.story_id = s.id
+ JOIN pbis p ON s.pbi_id = p.id
+ LEFT JOIN model_prices mp ON mp.model_id = cj.model_id
+ WHERE cj.user_id = ${userId}
+ AND s.sprint_id = ${sprintId}
+ AND cj.status = 'DONE'
+ GROUP BY p.id, p.code, p.title
+ ORDER BY total_cost DESC
+ `
+
+ return rows.map(r => ({
+ pbiId: r.pbi_id,
+ pbiCode: r.pbi_code,
+ pbiTitle: r.pbi_title,
+ totalTokens: Number(r.total_tokens),
+ totalCostUsd: Number(r.total_cost ?? 0),
+ }))
+}
From be8cd4d02c67e8406162b5185c5618fc4d51f80a Mon Sep 17 00:00:00 2001
From: Janpeter Visser <30029041+madhura68@users.noreply.github.com>
Date: Wed, 6 May 2026 03:30:11 +0200
Subject: [PATCH 034/132] feat(ST-vi5iff4s): SoloTask-interface +
Prisma-queries uitbreiden met PBI-velden (#116)
pbi_code, pbi_title, pbi_description (nullable) toegevoegd aan SoloTask-interface.
Desktop en mobile solo-page: story.pbi select + mapping via ?. en ?? null.
Test-fixtures bijgewerkt (3 bestanden). 72 testfiles groen, tsc + build slagen.
Co-authored-by: Claude Sonnet 4.6
---
__tests__/components/solo/solo-board-batch-enqueue.test.tsx | 3 +++
__tests__/components/solo/task-detail-dialog.test.tsx | 3 +++
__tests__/stores/solo-store-realtime.test.ts | 3 +++
app/(app)/products/[id]/solo/page.tsx | 4 ++++
app/(mobile)/m/products/[id]/solo/page.tsx | 4 ++++
components/solo/solo-board.tsx | 3 +++
6 files changed, 20 insertions(+)
diff --git a/__tests__/components/solo/solo-board-batch-enqueue.test.tsx b/__tests__/components/solo/solo-board-batch-enqueue.test.tsx
index 392bf6e..d47242d 100644
--- a/__tests__/components/solo/solo-board-batch-enqueue.test.tsx
+++ b/__tests__/components/solo/solo-board-batch-enqueue.test.tsx
@@ -94,6 +94,9 @@ const TODO_TASK = {
story_code: 'ST-1',
story_title: 'Story 1',
task_code: 'ST-1.1',
+ pbi_code: null,
+ pbi_title: null,
+ pbi_description: null,
}
const DEFAULT_PROPS = {
diff --git a/__tests__/components/solo/task-detail-dialog.test.tsx b/__tests__/components/solo/task-detail-dialog.test.tsx
index 3b767fc..6c56a22 100644
--- a/__tests__/components/solo/task-detail-dialog.test.tsx
+++ b/__tests__/components/solo/task-detail-dialog.test.tsx
@@ -65,6 +65,9 @@ const baseTask: SoloTask = {
story_code: 'ST-100',
story_title: 'Test Story',
task_code: 'ST-100.1',
+ pbi_code: null,
+ pbi_title: null,
+ pbi_description: null,
}
const DEFAULT_PROPS = {
diff --git a/__tests__/stores/solo-store-realtime.test.ts b/__tests__/stores/solo-store-realtime.test.ts
index f61a7f8..2047a77 100644
--- a/__tests__/stores/solo-store-realtime.test.ts
+++ b/__tests__/stores/solo-store-realtime.test.ts
@@ -17,6 +17,9 @@ const baseTask = (id: string, overrides: Partial = {}): SoloTask => ({
story_code: 'ST-100',
story_title: 'Original Story',
task_code: 'ST-100.1',
+ pbi_code: null,
+ pbi_title: null,
+ pbi_description: null,
...overrides,
})
diff --git a/app/(app)/products/[id]/solo/page.tsx b/app/(app)/products/[id]/solo/page.tsx
index 868e579..6c03d5b 100644
--- a/app/(app)/products/[id]/solo/page.tsx
+++ b/app/(app)/products/[id]/solo/page.tsx
@@ -46,6 +46,7 @@ export default async function SoloProductPage({ params }: Props) {
code: true,
title: true,
tasks: { select: { id: true }, orderBy: { sort_order: 'asc' } },
+ pbi: { select: { code: true, title: true, description: true } },
},
},
},
@@ -86,6 +87,9 @@ export default async function SoloProductPage({ params }: Props) {
story_code: t.story.code,
story_title: t.story.title,
task_code: t.code,
+ pbi_code: t.story.pbi?.code ?? null,
+ pbi_title: t.story.pbi?.title ?? null,
+ pbi_description: t.story.pbi?.description ?? null,
}))
const unassignedStories: UnassignedStory[] = rawUnassigned.map(s => ({
diff --git a/app/(mobile)/m/products/[id]/solo/page.tsx b/app/(mobile)/m/products/[id]/solo/page.tsx
index ce8aa19..132e980 100644
--- a/app/(mobile)/m/products/[id]/solo/page.tsx
+++ b/app/(mobile)/m/products/[id]/solo/page.tsx
@@ -51,6 +51,7 @@ export default async function MobileSoloProductPage({ params }: Props) {
code: true,
title: true,
tasks: { select: { id: true }, orderBy: { sort_order: 'asc' } },
+ pbi: { select: { code: true, title: true, description: true } },
},
},
},
@@ -91,6 +92,9 @@ export default async function MobileSoloProductPage({ params }: Props) {
story_code: t.story.code,
story_title: t.story.title,
task_code: t.code,
+ pbi_code: t.story.pbi?.code ?? null,
+ pbi_title: t.story.pbi?.title ?? null,
+ pbi_description: t.story.pbi?.description ?? null,
}))
const unassignedStories: UnassignedStory[] = rawUnassigned.map(s => ({
diff --git a/components/solo/solo-board.tsx b/components/solo/solo-board.tsx
index 0dd6fa2..24b5cdf 100644
--- a/components/solo/solo-board.tsx
+++ b/components/solo/solo-board.tsx
@@ -32,6 +32,9 @@ export interface SoloTask {
story_code: string | null
story_title: string
task_code: string | null
+ pbi_code: string | null
+ pbi_title: string | null
+ pbi_description: string | null
}
export interface SoloBoardProps {
From 78543ee796f413194749ce3a4934f6f1b6f8077f Mon Sep 17 00:00:00 2001
From: Janpeter Visser <30029041+madhura68@users.noreply.github.com>
Date: Wed, 6 May 2026 03:35:32 +0200
Subject: [PATCH 035/132] feat(ST-dgognlsz): SoloTaskCard 4-regels layout met
Tooltips (#117)
4-regels layout: taaknaam+task_code badge (tooltip: naam+beschrijving),
beschrijving+pbi_code badge (tooltip: pbi_title+pbi_description), story+job-badge.
SoloTaskCardOverlay identieke 4-regels structuur zonder tooltips.
PBI-velden toegevoegd aan SoloTask-interface + Prisma-queries + test-fixtures.
Co-authored-by: Claude Sonnet 4.6
---
components/solo/solo-task-card.tsx | 74 +++++++++++++++++++++++++++---
1 file changed, 68 insertions(+), 6 deletions(-)
diff --git a/components/solo/solo-task-card.tsx b/components/solo/solo-task-card.tsx
index 6ba263f..5629dca 100644
--- a/components/solo/solo-task-card.tsx
+++ b/components/solo/solo-task-card.tsx
@@ -8,6 +8,7 @@ import { cn } from '@/lib/utils'
import { CodeBadge } from '@/components/shared/code-badge'
import { JOB_STATUS_LABELS, JOB_STATUS_COLORS, JOB_STATUS_ACTIVE } from '@/components/shared/job-status'
import { useSoloStore } from '@/stores/solo-store'
+import { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from '@/components/ui/tooltip'
import type { SoloTask } from './solo-board'
const PRIORITY_BORDER: Record = {
@@ -30,10 +31,6 @@ export function SoloTaskCard({ task, isDemo, onClick }: SoloTaskCardProps) {
disabled: isDemo,
})
- // view-transition-name laat de browser deze card snapshotten zodat hij
- // soepel van kolom naar kolom animeert wanneer de status realtime wijzigt
- // (ST-805 animatie A). Tijdens drag uit zetten — dnd-kit beheert de
- // transform dan zelf en dubbele transitions willen we niet.
const style: React.CSSProperties | undefined = transform
? { transform: CSS.Translate.toString(transform) }
: { viewTransitionName: `solo-task-${task.id}` }
@@ -51,12 +48,66 @@ export function SoloTaskCard({ task, isDemo, onClick }: SoloTaskCardProps) {
)}
{...(!isDemo ? { ...attributes, ...listeners } : {})}
>
+ {/* Regel 1: taaknaam + task_code */}
{task.title}
- {task.task_code &&
}
+ {task.task_code && (
+
+
+
+ {task.title}
+ {task.description && (
+ {task.description.slice(0, 100)}
+ )}
+
+
+
+ )}
+
+ {/* Regels 2–3: beschrijving + pbi_code */}
+
+ {task.description ? (
+
+
+
+ {task.description}
+
+ )}
+
+
+ ) : (
+
+ )}
+ {task.pbi_code && (
+
+
+
+ {task.pbi_title}
+ {task.pbi_description && (
+ {task.pbi_description.slice(0, 100)}
+ )}
+
+
+
+ )}
+
-
+
{task.story_code && {task.story_code} }
{task.story_title}
@@ -95,10 +146,21 @@ export function SoloTaskCardOverlay({ task }: { task: SoloTask }) {
PRIORITY_BORDER[task.priority],
)}
>
+ {/* Regel 1 */}
{task.title}
{task.task_code &&
}
+ {/* Regels 2–3 */}
+
+ {task.description ? (
+
{task.description}
+ ) : (
+
+ )}
+ {task.pbi_code &&
}
+
+ {/* Regel 4 */}
{task.story_code && {task.story_code} }
{task.story_title}
From 555ed8fe89f0a3c9e52098fa0590ab8ba16e357a Mon Sep 17 00:00:00 2001
From: Janpeter Visser <30029041+madhura68@users.noreply.github.com>
Date: Wed, 6 May 2026 03:45:59 +0200
Subject: [PATCH 036/132] feat(ST-qfpqpxzy): DB schema + settings-UI voor
min_quota_pct worker-drempel (#118)
- User.min_quota_pct Int @default(20) + ClaudeWorker.last_quota_pct/last_quota_check_at
- Migratie add_worker_quota_gate
- lib/schemas/user.ts: minQuotaPctSchema (int, 1-100)
- actions/settings.ts: updateMinQuotaPctAction met auth/demo/zod-guard
- MinQuotaEditor component met numeric input en DemoTooltip
- Settings-pagina: Worker-instellingen sectie
Co-authored-by: Claude Sonnet 4.6
---
__tests__/actions/settings.test.ts | 72 +++++++++++++++++++
actions/settings.ts | 29 ++++++++
app/(app)/settings/page.tsx | 16 ++++-
components/settings/min-quota-editor.tsx | 59 +++++++++++++++
lib/schemas/user.ts | 3 +
.../migration.sql | 6 ++
prisma/schema.prisma | 9 ++-
7 files changed, 190 insertions(+), 4 deletions(-)
create mode 100644 __tests__/actions/settings.test.ts
create mode 100644 actions/settings.ts
create mode 100644 components/settings/min-quota-editor.tsx
create mode 100644 lib/schemas/user.ts
create mode 100644 prisma/migrations/20260506014222_add_worker_quota_gate/migration.sql
diff --git a/__tests__/actions/settings.test.ts b/__tests__/actions/settings.test.ts
new file mode 100644
index 0000000..415b059
--- /dev/null
+++ b/__tests__/actions/settings.test.ts
@@ -0,0 +1,72 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+
+const { mockUserUpdate, mockGetIronSession } = vi.hoisted(() => ({
+ mockUserUpdate: vi.fn(),
+ mockGetIronSession: vi.fn(),
+}))
+
+vi.mock('next/cache', () => ({ revalidatePath: vi.fn() }))
+vi.mock('next/headers', () => ({ cookies: vi.fn().mockResolvedValue({}) }))
+vi.mock('iron-session', () => ({ getIronSession: mockGetIronSession }))
+vi.mock('@/lib/session', () => ({ sessionOptions: { cookieName: 'test', password: 'test' } }))
+vi.mock('@/lib/prisma', () => ({
+ prisma: { user: { update: mockUserUpdate } },
+}))
+
+import { updateMinQuotaPctAction } from '@/actions/settings'
+
+const SESSION_USER = { userId: 'user-1', isDemo: false }
+const SESSION_DEMO = { userId: 'demo-1', isDemo: true }
+const SESSION_UNAUTH = { userId: undefined, isDemo: false }
+
+describe('updateMinQuotaPctAction', () => {
+ beforeEach(() => {
+ vi.clearAllMocks()
+ mockUserUpdate.mockResolvedValue({})
+ })
+
+ it('returns error when not authenticated', async () => {
+ mockGetIronSession.mockResolvedValue(SESSION_UNAUTH)
+ const result = await updateMinQuotaPctAction(20)
+ expect(result).toMatchObject({ error: expect.any(String) })
+ expect(mockUserUpdate).not.toHaveBeenCalled()
+ })
+
+ it('returns 403 error for demo session', async () => {
+ mockGetIronSession.mockResolvedValue(SESSION_DEMO)
+ const result = await updateMinQuotaPctAction(20)
+ expect(result).toMatchObject({ status: 403 })
+ expect(mockUserUpdate).not.toHaveBeenCalled()
+ })
+
+ it('returns 422 error when value is 0 (below min)', async () => {
+ mockGetIronSession.mockResolvedValue(SESSION_USER)
+ const result = await updateMinQuotaPctAction(0)
+ expect(result).toMatchObject({ status: 422 })
+ expect(mockUserUpdate).not.toHaveBeenCalled()
+ })
+
+ it('returns 422 error when value is 101 (above max)', async () => {
+ mockGetIronSession.mockResolvedValue(SESSION_USER)
+ const result = await updateMinQuotaPctAction(101)
+ expect(result).toMatchObject({ status: 422 })
+ expect(mockUserUpdate).not.toHaveBeenCalled()
+ })
+
+ it('saves valid value and returns success', async () => {
+ mockGetIronSession.mockResolvedValue(SESSION_USER)
+ const result = await updateMinQuotaPctAction(35)
+ expect(result).toEqual({ success: true })
+ expect(mockUserUpdate).toHaveBeenCalledWith({
+ where: { id: 'user-1' },
+ data: { min_quota_pct: 35 },
+ })
+ })
+
+ it('accepts boundary values 1 and 100', async () => {
+ mockGetIronSession.mockResolvedValue(SESSION_USER)
+ await updateMinQuotaPctAction(1)
+ await updateMinQuotaPctAction(100)
+ expect(mockUserUpdate).toHaveBeenCalledTimes(2)
+ })
+})
diff --git a/actions/settings.ts b/actions/settings.ts
new file mode 100644
index 0000000..07c4889
--- /dev/null
+++ b/actions/settings.ts
@@ -0,0 +1,29 @@
+'use server'
+
+import { revalidatePath } from 'next/cache'
+import { cookies } from 'next/headers'
+import { getIronSession } from 'iron-session'
+import { prisma } from '@/lib/prisma'
+import { SessionData, sessionOptions } from '@/lib/session'
+import { minQuotaPctSchema } from '@/lib/schemas/user'
+
+async function getSession() {
+ return getIronSession(await cookies(), sessionOptions)
+}
+
+export async function updateMinQuotaPctAction(value: number) {
+ const session = await getSession()
+ if (!session.userId) return { error: 'Niet ingelogd' }
+ if (session.isDemo) return { error: 'Niet beschikbaar in demo-modus', status: 403 }
+
+ const parsed = minQuotaPctSchema.safeParse(value)
+ if (!parsed.success) return { error: 'Waarde moet tussen 1 en 100 liggen', status: 422 }
+
+ await prisma.user.update({
+ where: { id: session.userId },
+ data: { min_quota_pct: parsed.data },
+ })
+
+ revalidatePath('/settings')
+ return { success: true }
+}
diff --git a/app/(app)/settings/page.tsx b/app/(app)/settings/page.tsx
index b299e45..88daf20 100644
--- a/app/(app)/settings/page.tsx
+++ b/app/(app)/settings/page.tsx
@@ -5,6 +5,7 @@ import { prisma } from '@/lib/prisma'
import { RoleManager } from '@/components/settings/role-manager'
import { LeaveProductButton } from '@/components/settings/leave-product-button'
import { ProfileEditor } from '@/components/settings/profile-editor'
+import { MinQuotaEditor } from '@/components/settings/min-quota-editor'
import { ActivateProductButton } from '@/components/shared/activate-product-button'
import Link from 'next/link'
@@ -14,7 +15,7 @@ export default async function SettingsPage() {
const [user, userRoles, ownedProducts, memberships] = await Promise.all([
prisma.user.findUnique({
where: { id: session.userId },
- select: { username: true, email: true, bio: true, bio_detail: true, avatar_data: true, updated_at: true, active_product_id: true },
+ select: { username: true, email: true, bio: true, bio_detail: true, avatar_data: true, updated_at: true, active_product_id: true, min_quota_pct: true },
}),
prisma.userRole.findMany({ where: { user_id: session.userId } }),
prisma.product.findMany({
@@ -157,6 +158,19 @@ export default async function SettingsPage() {
)}
+
+
Worker-instellingen
+
+ Drempelwaarden voor de Claude-worker.
+
+
+
+
API Tokens
diff --git a/components/settings/min-quota-editor.tsx b/components/settings/min-quota-editor.tsx
new file mode 100644
index 0000000..feaf2d2
--- /dev/null
+++ b/components/settings/min-quota-editor.tsx
@@ -0,0 +1,59 @@
+'use client'
+
+import { useState, useTransition } from 'react'
+import { toast } from 'sonner'
+import { Button } from '@/components/ui/button'
+import { DemoTooltip } from '@/components/shared/demo-tooltip'
+import { updateMinQuotaPctAction } from '@/actions/settings'
+
+interface MinQuotaEditorProps {
+ currentValue: number
+ isDemo: boolean
+}
+
+export function MinQuotaEditor({ currentValue, isDemo }: MinQuotaEditorProps) {
+ const [value, setValue] = useState(currentValue)
+ const [isPending, startTransition] = useTransition()
+
+ function handleSave() {
+ startTransition(async () => {
+ const result = await updateMinQuotaPctAction(value)
+ if ('error' in result) {
+ toast.error(result.error as string)
+ } else {
+ toast.success('Instelling opgeslagen')
+ }
+ })
+ }
+
+ return (
+
+
+
+ Minimaal beschikbaar Claude-quota voordat de worker een job oppakt (%)
+
+
+ Worker slaapt tot quota gereset is wanneer onder deze drempel.
+
+
+
+ %
+
+
+ Opslaan
+
+
+
+
+ )
+}
diff --git a/lib/schemas/user.ts b/lib/schemas/user.ts
new file mode 100644
index 0000000..fbab76d
--- /dev/null
+++ b/lib/schemas/user.ts
@@ -0,0 +1,3 @@
+import { z } from 'zod'
+
+export const minQuotaPctSchema = z.number().int().min(1).max(100)
diff --git a/prisma/migrations/20260506014222_add_worker_quota_gate/migration.sql b/prisma/migrations/20260506014222_add_worker_quota_gate/migration.sql
new file mode 100644
index 0000000..66aa1fb
--- /dev/null
+++ b/prisma/migrations/20260506014222_add_worker_quota_gate/migration.sql
@@ -0,0 +1,6 @@
+-- AlterTable
+ALTER TABLE "claude_workers" ADD COLUMN "last_quota_check_at" TIMESTAMP(3),
+ADD COLUMN "last_quota_pct" INTEGER;
+
+-- AlterTable
+ALTER TABLE "users" ADD COLUMN "min_quota_pct" INTEGER NOT NULL DEFAULT 20;
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index f9d54ef..5082a97 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -121,6 +121,7 @@ model User {
active_product_id String?
active_product Product? @relation("UserActiveProduct", fields: [active_product_id], references: [id], onDelete: SetNull)
idea_code_counter Int @default(0)
+ min_quota_pct Int @default(20)
created_at DateTime @default(now())
updated_at DateTime @updatedAt
roles UserRole[]
@@ -378,9 +379,11 @@ model ClaudeWorker {
user_id String
token ApiToken @relation(fields: [token_id], references: [id], onDelete: Cascade)
token_id String
- product_id String?
- started_at DateTime @default(now())
- last_seen_at DateTime @default(now())
+ product_id String?
+ started_at DateTime @default(now())
+ last_seen_at DateTime @default(now())
+ last_quota_pct Int?
+ last_quota_check_at DateTime?
@@unique([token_id])
@@index([user_id, last_seen_at])
From 31dc429b61e24c23726466ada1951baf68b6777b Mon Sep 17 00:00:00 2001
From: Janpeter Visser <30029041+madhura68@users.noreply.github.com>
Date: Wed, 6 May 2026 04:34:48 +0200
Subject: [PATCH 037/132] feat(M13 PBI-31 T-519b/T-520b): NavBar stand-by badge
+ quota-check runbook (#119)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
* feat(M13 T-519b): SSE worker_heartbeat + NavBar stand-by badge
Aanvulling op scrum4me-mcp PR #25 (worker_heartbeat MCP-tool).
- app/api/realtime/solo/route.ts: WorkerHeartbeatPayload type +
isWorkerHeartbeatPayload guard + shouldEmit-routing op user_id.
- stores/solo-store.ts: workerQuotaPct + workerQuotaCheckAt state +
setWorkerQuota action. Reset bij decrementWorkers naar 0.
- lib/realtime/use-solo-realtime.ts: handle worker_heartbeat-event,
roep setWorkerQuota.
- components/solo/nav-status-indicators.tsx: stand-by badge wanneer
workerQuotaPct < minQuotaPct + tooltip met drempel.
- components/shared/nav-bar.tsx + app/(app)/layout.tsx: minQuotaPct
prop plumbing van User.min_quota_pct naar NavStatusIndicators.
Co-Authored-By: Claude Opus 4.7 (1M context)
* docs(M13 T-520b): pre-flight quota-check sectie in mcp-integration
Documenteert de batch-loop-uitbreiding:
1. get_worker_settings → min_quota_pct
2. bin/worker-quota-probe.sh → pct + reset
3. worker_heartbeat naar server (NavBar stand-by-badge)
4. Sleep tot reset bij low quota; anders wait_for_job
Verwijst naar bin/worker-quota-probe.sh in scrum4me-docker (zie
PR daar).
Co-Authored-By: Claude Opus 4.7 (1M context)
---------
Co-authored-by: Claude Opus 4.7 (1M context)
---
app/(app)/layout.tsx | 3 +-
app/api/realtime/solo/route.ts | 20 +++++++++++-
components/shared/nav-bar.tsx | 4 ++-
components/solo/nav-status-indicators.tsx | 40 +++++++++++++++++++++--
docs/INDEX.md | 2 +-
docs/runbooks/mcp-integration.md | 37 +++++++++++++++++++++
lib/realtime/use-solo-realtime.ts | 10 ++++++
stores/solo-store.ts | 18 +++++++++-
8 files changed, 126 insertions(+), 8 deletions(-)
diff --git a/app/(app)/layout.tsx b/app/(app)/layout.tsx
index 8f55e55..6fe0197 100644
--- a/app/(app)/layout.tsx
+++ b/app/(app)/layout.tsx
@@ -16,7 +16,7 @@ export default async function AppLayout({ children }: { children: React.ReactNod
const [user, userRoles, accessibleProducts] = await Promise.all([
prisma.user.findUnique({
where: { id: session.userId },
- select: { username: true, email: true, active_product_id: true },
+ select: { username: true, email: true, active_product_id: true, min_quota_pct: true },
}),
prisma.userRole.findMany({
where: { user_id: session.userId },
@@ -72,6 +72,7 @@ export default async function AppLayout({ children }: { children: React.ReactNod
activeProduct={activeProduct}
products={accessibleProducts}
hasActiveSprint={hasActiveSprint}
+ minQuotaPct={user.min_quota_pct}
/>
diff --git a/app/api/realtime/solo/route.ts b/app/api/realtime/solo/route.ts
index e514797..dbf820b 100644
--- a/app/api/realtime/solo/route.ts
+++ b/app/api/realtime/solo/route.ts
@@ -64,7 +64,17 @@ type WorkerPayload = {
product_id?: string
}
-type NotifyPayload = EntityPayload | JobPayload | WorkerPayload
+// M13: per-iteration quota-rapport van de worker. Geen product-scope —
+// elke heartbeat geldt voor alle producten waar deze user toegang toe heeft.
+type WorkerHeartbeatPayload = {
+ type: 'worker_heartbeat'
+ user_id: string
+ token_id: string
+ last_quota_pct: number
+ last_quota_check_at: string
+}
+
+type NotifyPayload = EntityPayload | JobPayload | WorkerPayload | WorkerHeartbeatPayload
function isJobPayload(p: NotifyPayload): p is JobPayload {
return 'type' in p && (p.type === 'claude_job_enqueued' || p.type === 'claude_job_status')
@@ -74,6 +84,10 @@ function isWorkerPayload(p: NotifyPayload): p is WorkerPayload {
return 'type' in p && (p.type === 'worker_connected' || p.type === 'worker_disconnected')
}
+function isWorkerHeartbeatPayload(p: NotifyPayload): p is WorkerHeartbeatPayload {
+ return 'type' in p && p.type === 'worker_heartbeat'
+}
+
function shouldEmit(
payload: NotifyPayload,
productId: string,
@@ -90,6 +104,10 @@ function shouldEmit(
return payload.user_id === userId
}
+ if (isWorkerHeartbeatPayload(payload)) {
+ return payload.user_id === userId
+ }
+
// M11 (ST-1104): question-events horen op /api/realtime/notifications, niet hier.
if (payload.entity === 'question') return false
diff --git a/components/shared/nav-bar.tsx b/components/shared/nav-bar.tsx
index bd93d68..42f0e2c 100644
--- a/components/shared/nav-bar.tsx
+++ b/components/shared/nav-bar.tsx
@@ -30,6 +30,7 @@ interface NavBarProps {
activeProduct: { id: string; name: string } | null
products: { id: string; name: string }[]
hasActiveSprint: boolean
+ minQuotaPct: number
}
export function NavBar({
@@ -41,6 +42,7 @@ export function NavBar({
activeProduct,
products,
hasActiveSprint,
+ minQuotaPct,
}: NavBarProps) {
const pathname = usePathname()
const router = useRouter()
@@ -188,7 +190,7 @@ export function NavBar({
{/* Rechts: solo-status + notifications + account-menu */}
-
diff --git a/components/solo/nav-status-indicators.tsx b/components/solo/nav-status-indicators.tsx
index e370540..28f9288 100644
--- a/components/solo/nav-status-indicators.tsx
+++ b/components/solo/nav-status-indicators.tsx
@@ -40,13 +40,28 @@ function RealtimeIndicator({
)
}
-export function SoloNavStatusIndicators({ hasActiveProduct }: { hasActiveProduct: boolean }) {
+export function SoloNavStatusIndicators({
+ hasActiveProduct,
+ minQuotaPct,
+}: {
+ hasActiveProduct: boolean
+ minQuotaPct: number
+}) {
const realtimeStatus = useSoloStore((s) => s.realtimeStatus)
const showConnectingIndicator = useSoloStore((s) => s.showConnectingIndicator)
const connectedWorkers = useSoloStore((s) => s.connectedWorkers)
+ const workerQuotaPct = useSoloStore((s) => s.workerQuotaPct)
if (!hasActiveProduct) return null
+ // M13: stand-by als alle workers low quota hebben (workerQuotaPct geldt
+ // voor de laatste-rapporterende worker; bij N>1 workers is dit een
+ // benadering — server-side aggregate is een v2-verbetering).
+ const isStandby =
+ connectedWorkers > 0 &&
+ workerQuotaPct !== null &&
+ workerQuotaPct < minQuotaPct
+
return (
0 ? 'bg-status-done' : 'bg-muted-foreground/40'
+ isStandby
+ ? 'bg-warning'
+ : connectedWorkers > 0
+ ? 'bg-status-done'
+ : 'bg-muted-foreground/40'
)} />
- {connectedWorkers > 0 ? 'Agent verbonden' : 'Geen agent'}
+ {isStandby ? (
+
+
+ Stand-by ({workerQuotaPct}%) }
+ />
+
+ Worker wacht tot Anthropic-quota stijgt boven {minQuotaPct}%
+
+
+
+ ) : connectedWorkers > 0 ? (
+ 'Agent verbonden'
+ ) : (
+ 'Geen agent'
+ )}
)
diff --git a/docs/INDEX.md b/docs/INDEX.md
index 9dd6afc..d156bcd 100644
--- a/docs/INDEX.md
+++ b/docs/INDEX.md
@@ -2,7 +2,7 @@
# Documentation Index
-Auto-generated on 2026-05-05 from front-matter and headings.
+Auto-generated on 2026-05-06 from front-matter and headings.
## Architecture Decision Records
diff --git a/docs/runbooks/mcp-integration.md b/docs/runbooks/mcp-integration.md
index 61e5f39..865016a 100644
--- a/docs/runbooks/mcp-integration.md
+++ b/docs/runbooks/mcp-integration.md
@@ -70,6 +70,43 @@ Wanneer je als agent draait (na een instructie als *"pak de volgende job uit de
Dit blijft gelden als je tussen jobs door commits, branches of pushes hebt gedaan — die afsluiting hoort bij de individuele job, niet bij het einde van de batch.
+## Pre-flight quota-check (M13)
+
+Vóór elke `wait_for_job`-aanroep doet de worker een pre-flight quota-check
+om te voorkomen dat-ie 600 s blokkeert terwijl Anthropic-quota toch op
+0 staat. Loop:
+
+1. `mcp__scrum4me__get_worker_settings()` → `{ min_quota_pct }`
+2. `bash bin/worker-quota-probe.sh` → JSON `{ pct, reset_at_iso, ... }`
+3. `mcp__scrum4me__worker_heartbeat({ last_quota_pct: pct, last_quota_check_at })`
+ — server emit een SSE-event zodat NavBar realtime de stand-by-badge
+ kan tonen
+4. **Als `pct < min_quota_pct`**: log "stand-by, wachten tot
+ `reset_at_iso`", sleep tot reset (cap op 1 uur), spring naar stap 2
+5. **Anders**: ga door met `wait_for_job`
+
+Pseudo-bash:
+
+```bash
+QUOTA_JSON=$(/opt/agent/bin/worker-quota-probe.sh)
+PCT=$(echo "$QUOTA_JSON" | jq -r '.pct')
+RESET=$(echo "$QUOTA_JSON" | jq -r '.reset_at_iso')
+
+# Stuur naar server (best-effort; failure niet-fataal)
+mcp_call worker_heartbeat "{\"last_quota_pct\": $PCT}"
+
+if [[ "$PCT" -lt "$MIN_PCT" ]]; then
+ log "stand-by until $RESET (pct=$PCT < min=$MIN_PCT)"
+ sleep_until "$RESET"
+ continue
+fi
+```
+
+**Beperking**: de probe kost ~1 outputtoken per check. 12 checks/uur =
+12 tokens/uur overhead — verwaarloosbaar. De `min_quota_pct`-setting
+staat per default op 20% — bij vrije Pro/Max-plans typisch ruim genoeg
+om dagelijks werk niet te verstoren.
+
**Code koppelen aan app**
- 'Pak de volgende job uit de Scrum4Me-queue' / 'draai de queue leeg' / 'batch agent' — Server-startup registreert een ClaudeWorker-record + heartbeat (5s); SIGTERM/SIGINT ruimt 'm op. UI in NavBar telt actieve workers via `last_seen_at < now() - 15s`.
diff --git a/lib/realtime/use-solo-realtime.ts b/lib/realtime/use-solo-realtime.ts
index 928dd80..cf93361 100644
--- a/lib/realtime/use-solo-realtime.ts
+++ b/lib/realtime/use-solo-realtime.ts
@@ -40,6 +40,7 @@ export function useSoloRealtime(productId: string | null) {
const setWorkers = useSoloStore.getState().setWorkers
const incrementWorkers = useSoloStore.getState().incrementWorkers
const decrementWorkers = useSoloStore.getState().decrementWorkers
+ const setWorkerQuota = useSoloStore.getState().setWorkerQuota
if (!productId) {
// Geen actief product (gebruiker zit niet op /solo) — stream uit
@@ -119,6 +120,15 @@ export function useSoloRealtime(productId: string | null) {
}
if (raw.type === 'worker_connected') { incrementWorkers(); return }
if (raw.type === 'worker_disconnected') { decrementWorkers(); return }
+ if (raw.type === 'worker_heartbeat') {
+ const hb = raw as {
+ type: 'worker_heartbeat'
+ last_quota_pct: number
+ last_quota_check_at: string
+ }
+ setWorkerQuota(hb.last_quota_pct, hb.last_quota_check_at)
+ return
+ }
return
}
const payload = raw as RealtimeEvent
diff --git a/stores/solo-store.ts b/stores/solo-store.ts
index 592976e..5fa6e7c 100644
--- a/stores/solo-store.ts
+++ b/stores/solo-store.ts
@@ -64,6 +64,11 @@ interface SoloStore {
claudeJobsByTaskId: Record
connectedWorkers: number
+ // M13: laatste quota-rapport van een actieve worker. null = geen
+ // worker actief of nog geen heartbeat met quota ontvangen.
+ workerQuotaPct: number | null
+ workerQuotaCheckAt: string | null
+
initTasks: (tasks: SoloTask[]) => void
optimisticMove: (taskId: string, toStatus: TaskStatus) => TaskStatus | null
rollback: (taskId: string, prevStatus: TaskStatus) => void
@@ -82,6 +87,7 @@ interface SoloStore {
setWorkers: (count: number) => void
incrementWorkers: () => void
decrementWorkers: () => void
+ setWorkerQuota: (pct: number, checkAt: string) => void
handleRealtimeEvent: (event: RealtimeEvent) => void
}
@@ -93,6 +99,8 @@ export const useSoloStore = create((set, get) => ({
showConnectingIndicator: false,
claudeJobsByTaskId: {},
connectedWorkers: 0,
+ workerQuotaPct: null,
+ workerQuotaCheckAt: null,
initTasks: (tasks) =>
set({ tasks: Object.fromEntries(tasks.map(t => [t.id, t])) }),
@@ -145,7 +153,15 @@ export const useSoloStore = create((set, get) => ({
setWorkers: (count) => set({ connectedWorkers: Math.max(0, count) }),
incrementWorkers: () => set(s => ({ connectedWorkers: s.connectedWorkers + 1 })),
- decrementWorkers: () => set(s => ({ connectedWorkers: Math.max(0, s.connectedWorkers - 1) })),
+ decrementWorkers: () =>
+ set((s) => ({
+ connectedWorkers: Math.max(0, s.connectedWorkers - 1),
+ // Reset quota-state als alle workers weg zijn — pct van een vertrokken
+ // worker is niet meer actueel.
+ workerQuotaPct: s.connectedWorkers - 1 <= 0 ? null : s.workerQuotaPct,
+ workerQuotaCheckAt: s.connectedWorkers - 1 <= 0 ? null : s.workerQuotaCheckAt,
+ })),
+ setWorkerQuota: (pct, checkAt) => set({ workerQuotaPct: pct, workerQuotaCheckAt: checkAt }),
handleJobEvent: (event) => {
const { job_id, task_id } = event
From f09f5a2a0600a62e879057a9ec21ea5d99609fb3 Mon Sep 17 00:00:00 2001
From: Janpeter Visser <30029041+madhura68@users.noreply.github.com>
Date: Wed, 6 May 2026 06:35:56 +0200
Subject: [PATCH 038/132] =?UTF-8?q?feat(ST-9pobw4w6):=20setAllSprintTasksD?=
=?UTF-8?q?oneAction=20=E2=80=94=20alle=20sprint-taken=20atomair=20op=20DO?=
=?UTF-8?q?NE=20(#120)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Voegt setAllSprintTasksDoneAction toe aan actions/sprints.ts. De actie haalt
alle taken op voor een sprint (via sprint_id + product_id), zet ze via een
interactieve Prisma-transactie op DONE met updateTaskStatusWithStoryPromotion,
en promoot parent-stories automatisch als alle taken DONE zijn.
Co-authored-by: Claude Sonnet 4.6
---
actions/sprints.ts | 29 +++++++++++++++++++++++++++++
1 file changed, 29 insertions(+)
diff --git a/actions/sprints.ts b/actions/sprints.ts
index bf7dac3..4b6acbf 100644
--- a/actions/sprints.ts
+++ b/actions/sprints.ts
@@ -12,6 +12,7 @@ import {
updateSprintGoalSchema,
} from '@/lib/schemas/sprint'
import { enforceUserRateLimit } from '@/lib/rate-limit'
+import { updateTaskStatusWithStoryPromotion } from '@/lib/tasks-status-update'
async function getSession() {
return getIronSession(await cookies(), sessionOptions)
@@ -272,3 +273,31 @@ export async function completeSprintAction(
revalidatePath(`/products/${sprint.product_id}/sprint`)
return { success: true }
}
+
+export async function setAllSprintTasksDoneAction(
+ sprintId: string,
+): Promise<{ ok: true } | { ok: false; error: string }> {
+ const session = await getSession()
+ if (!session.userId) return { ok: false, error: 'Niet ingelogd' }
+ if (session.isDemo) return { ok: false, error: 'Niet beschikbaar in demo-modus' }
+
+ const sprint = await prisma.sprint.findFirst({
+ where: { id: sprintId, product: productAccessFilter(session.userId) },
+ select: { id: true, product_id: true },
+ })
+ if (!sprint) return { ok: false, error: 'Sprint niet gevonden' }
+
+ const tasks = await prisma.task.findMany({
+ where: { sprint_id: sprintId, product_id: sprint.product_id },
+ select: { id: true },
+ })
+
+ await prisma.$transaction(async (tx) => {
+ for (const task of tasks) {
+ await updateTaskStatusWithStoryPromotion(task.id, 'DONE', tx)
+ }
+ })
+
+ revalidatePath(`/products/${sprint.product_id}/sprint`)
+ return { ok: true }
+}
From fd02cda207afa4d6773d0d40346e390094350ee1 Mon Sep 17 00:00:00 2001
From: Janpeter Visser <30029041+madhura68@users.noreply.github.com>
Date: Wed, 6 May 2026 06:36:13 +0200
Subject: [PATCH 039/132] ST-1229: UI: "Alles op done" knop met AlertDialog in
sprint-header.tsx (#121)
* feat(ST-n1csfo4j): AlertDialog imports, state en transition voor Alles-op-done knop
Voegt AlertDialog-imports, setAllSprintTasksDoneAction-import, productId-prop
(hernoemd van _productId) en showAllDoneConfirm/isSettingAllDone state toe aan
sprint-header.tsx als voorbereiding op de Alles-op-done AlertDialog-knop.
Co-Authored-By: Claude Sonnet 4.6
* feat(ST-n1csfo4j): handleAllDone + AlertDialog + Alles-op-done knop in sprint-afronden-dialog
Voegt handleAllDone toe (roept setAllSprintTasksDoneAction aan en zet alle
per-story decisions op DONE in de UI), een bevestigende AlertDialog en een
'Alles op done'-knop bovenaan de story-lijst in de sprint-afronden-dialog.
Voegt setAllSprintTasksDoneAction ook toe aan actions/sprints.ts omdat die
branch nog niet op main staat.
Co-Authored-By: Claude Sonnet 4.6
---------
Co-authored-by: Claude Sonnet 4.6
---
components/sprint/sprint-header.tsx | 62 ++++++++++++++++++++++++++++-
1 file changed, 60 insertions(+), 2 deletions(-)
diff --git a/components/sprint/sprint-header.tsx b/components/sprint/sprint-header.tsx
index 3668466..dac19e4 100644
--- a/components/sprint/sprint-header.tsx
+++ b/components/sprint/sprint-header.tsx
@@ -8,6 +8,16 @@ import {
DialogContent,
DialogTitle,
} from '@/components/ui/dialog'
+import {
+ AlertDialog,
+ AlertDialogAction,
+ AlertDialogCancel,
+ AlertDialogContent,
+ AlertDialogDescription,
+ AlertDialogFooter,
+ AlertDialogHeader,
+ AlertDialogTitle,
+} from '@/components/ui/alert-dialog'
import { toast } from 'sonner'
import { DemoTooltip } from '@/components/shared/demo-tooltip'
import {
@@ -20,7 +30,7 @@ import {
entityDialogFooterClasses,
entityDialogHeaderClasses,
} from '@/components/shared/entity-dialog-layout'
-import { updateSprintGoalAction, updateSprintDatesAction, completeSprintAction } from '@/actions/sprints'
+import { updateSprintGoalAction, updateSprintDatesAction, completeSprintAction, setAllSprintTasksDoneAction } from '@/actions/sprints'
import type { SprintStory } from './sprint-backlog'
interface Sprint {
@@ -51,12 +61,14 @@ function toDateInputValue(d: Date | null) {
return d.toISOString().slice(0, 10)
}
-export function SprintHeader({ productId: _productId, productName, sprint, isDemo, sprintStories }: SprintHeaderProps) {
+export function SprintHeader({ productId, productName, sprint, isDemo, sprintStories }: SprintHeaderProps) {
const [editingGoal, setEditingGoal] = useState(false)
const [editingDates, setEditingDates] = useState(false)
const [completeOpen, setCompleteOpen] = useState(false)
const [decisions, setDecisions] = useState>({})
const [isCompleting, startCompleting] = useTransition()
+ const [showAllDoneConfirm, setShowAllDoneConfirm] = useState(false)
+ const [isSettingAllDone, startSettingAllDone] = useTransition()
const [datesDirty, setDatesDirty] = useState(false)
const datesFormRef = useRef(null)
@@ -102,6 +114,20 @@ export function SprintHeader({ productId: _productId, productName, sprint, isDem
})
}
+ function handleAllDone() {
+ startSettingAllDone(async () => {
+ const result = await setAllSprintTasksDoneAction(sprint.id)
+ if (!result.ok) {
+ toast.error(result.error ?? 'Alles op done mislukt')
+ } else {
+ const allDone: Record = {}
+ sprintStories.forEach(s => { allDone[s.id] = 'DONE' })
+ setDecisions(allDone)
+ }
+ setShowAllDoneConfirm(false)
+ })
+ }
+
return (
@@ -208,6 +234,18 @@ export function SprintHeader({ productId: _productId, productName, sprint, isDem
Geef per story aan wat er mee moet gebeuren:
+
+ setShowAllDoneConfirm(true)}
+ >
+ {isSettingAllDone ? 'Bezig…' : 'Alles op done'}
+
+
{sprintStories.map(story => (
@@ -245,6 +283,26 @@ export function SprintHeader({ productId: _productId, productName, sprint, isDem
+
+
+
+
+ Alles op done zetten?
+
+ Alle taken én stories in de sprint — inclusief taken met status
+ REVIEW — worden op DONE gezet. De per-story toggles hieronder
+ worden daarna bijgewerkt. Je kunt daarna nog per story aanpassen
+ vóór je de sprint afrondt.
+
+
+
+ Annuleren
+
+ {isSettingAllDone ? 'Bezig…' : 'Alles op done'}
+
+
+
+
)
}
From 0f3aa403ea645014beb32ac5eeeaafad2342fdd7 Mon Sep 17 00:00:00 2001
From: Janpeter Visser <30029041+madhura68@users.noreply.github.com>
Date: Wed, 6 May 2026 06:37:05 +0200
Subject: [PATCH 040/132] feat(ST-05gegle6): datuminputs pre-vullen met vandaag
in start-sprint-button (#122)
Voegt todayLocalDate()-helper toe (toLocaleDateString('en-CA') voor YYYY-MM-DD
zonder UTC-drift) en gebruikt hem als defaultValue op start_date en end_date.
Dialog unmount bij sluiten zorgt automatisch voor reset naar vandaag bij heropenen.
Co-authored-by: Claude Sonnet 4.6
---
components/sprint/start-sprint-button.tsx | 8 ++++++--
1 file changed, 6 insertions(+), 2 deletions(-)
diff --git a/components/sprint/start-sprint-button.tsx b/components/sprint/start-sprint-button.tsx
index 6454456..2889c48 100644
--- a/components/sprint/start-sprint-button.tsx
+++ b/components/sprint/start-sprint-button.tsx
@@ -35,6 +35,10 @@ interface ActionResult {
sprintId?: string
}
+function todayLocalDate() {
+ return new Date().toLocaleDateString('en-CA')
+}
+
export function StartSprintButton({ productId, isDemo = false }: StartSprintButtonProps) {
const [open, setOpen] = useState(false)
const [dirty, setDirty] = useState(false)
@@ -110,14 +114,14 @@ export function StartSprintButton({ productId, isDemo = false }: StartSprintButt
Einddatum
-
+
{fieldError('end_date') && (
{fieldError('end_date')}
)}
From 1dd4e7761b300f044a2ea3f64add51598f7f569a Mon Sep 17 00:00:00 2001
From: Janpeter Visser <30029041+madhura68@users.noreply.github.com>
Date: Wed, 6 May 2026 06:37:47 +0200
Subject: [PATCH 041/132] =?UTF-8?q?feat(ST-v3leym34):=20sorteerbare=20kolo?=
=?UTF-8?q?mkoppen=20met=20SortHeader=20in=20idee=C3=ABntabel=20(#123)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Co-authored-by: Claude Sonnet 4.6
---
components/ideas/idea-list.tsx | 71 ++++++++++++++++++++++++++++++----
1 file changed, 64 insertions(+), 7 deletions(-)
diff --git a/components/ideas/idea-list.tsx b/components/ideas/idea-list.tsx
index 2edac75..2b92ca2 100644
--- a/components/ideas/idea-list.tsx
+++ b/components/ideas/idea-list.tsx
@@ -10,9 +10,10 @@
import { useMemo, useState, useTransition } from 'react'
import { useRouter } from 'next/navigation'
-import { Plus } from 'lucide-react'
+import { Plus, ArrowUp, ArrowDown, ArrowUpDown } from 'lucide-react'
import { toast } from 'sonner'
+import { cn } from '@/lib/utils'
import { Button } from '@/components/ui/button'
import { Input } from '@/components/ui/input'
import { Textarea } from '@/components/ui/textarea'
@@ -50,6 +51,8 @@ interface ProductOption {
repo_url: string | null
}
+type SortKey = 'code' | 'title' | 'product' | 'status'
+
interface IdeaListProps {
ideas: IdeaDto[]
products: ProductOption[]
@@ -67,6 +70,38 @@ const STATUS_FILTERS: { value: IdeaStatusApi; label: string }[] = [
{ value: 'plan_failed', label: 'Plan mislukt' },
]
+function SortHeader({
+ col,
+ label,
+ sortKey,
+ sortDir,
+ onSort,
+}: {
+ col: SortKey
+ label: string
+ sortKey: SortKey
+ sortDir: 'asc' | 'desc'
+ onSort: (col: SortKey) => void
+}) {
+ const active = sortKey === col
+ const Icon = active
+ ? sortDir === 'asc' ? ArrowUp : ArrowDown
+ : ArrowUpDown
+ return (
+ onSort(col)}
+ className={cn(
+ 'flex items-center gap-1 text-xs font-medium hover:text-foreground transition-colors',
+ active ? 'text-foreground' : 'text-muted-foreground'
+ )}
+ >
+ {label}
+
+ )
+}
+
export function IdeaList({ ideas, products, isDemo }: IdeaListProps) {
const router = useRouter()
const [isPending, startTransition] = useTransition()
@@ -76,6 +111,10 @@ export function IdeaList({ ideas, products, isDemo }: IdeaListProps) {
const [productFilter, setProductFilter] = useState('all')
const [statusFilter, setStatusFilter] = useState>(new Set())
+ // Sort state
+ const [sortKey, setSortKey] = useState('code')
+ const [sortDir, setSortDir] = useState<'asc' | 'desc'>('asc')
+
// Create-form state
const [showCreate, setShowCreate] = useState(false)
const [newTitle, setNewTitle] = useState('')
@@ -84,7 +123,7 @@ export function IdeaList({ ideas, products, isDemo }: IdeaListProps) {
const filtered = useMemo(() => {
const q = search.trim().toLowerCase()
- return ideas.filter((idea) => {
+ const result = ideas.filter((idea) => {
if (q && !idea.title.toLowerCase().includes(q)) return false
if (productFilter !== 'all') {
if (productFilter === 'none') {
@@ -99,7 +138,25 @@ export function IdeaList({ ideas, products, isDemo }: IdeaListProps) {
if (statusFilter.size > 0 && !statusFilter.has(idea.status)) return false
return true
})
- }, [ideas, search, productFilter, statusFilter])
+ const dir = sortDir === 'asc' ? 1 : -1
+ return [...result].sort((a, b) => {
+ switch (sortKey) {
+ case 'code': return dir * a.code.localeCompare(b.code)
+ case 'title': return dir * a.title.localeCompare(b.title)
+ case 'product': return dir * (a.product?.name ?? '').localeCompare(b.product?.name ?? '')
+ case 'status': return dir * a.status.localeCompare(b.status)
+ }
+ })
+ }, [ideas, search, productFilter, statusFilter, sortKey, sortDir])
+
+ function handleSort(col: SortKey) {
+ if (sortKey === col) {
+ setSortDir((d) => (d === 'asc' ? 'desc' : 'asc'))
+ } else {
+ setSortKey(col)
+ setSortDir('asc')
+ }
+ }
function toggleStatus(s: IdeaStatusApi) {
setStatusFilter((prev) => {
@@ -264,10 +321,10 @@ export function IdeaList({ ideas, products, isDemo }: IdeaListProps) {
- Code
- Titel
- Product
- Status
+ Acties
From bc90ef204096fa02161c5021092fcaa022445885 Mon Sep 17 00:00:00 2001
From: Janpeter Visser <30029041+madhura68@users.noreply.github.com>
Date: Wed, 6 May 2026 06:40:50 +0200
Subject: [PATCH 042/132] feat(ST-05mofrm7): sortDir state +
localStorage-persistentie aan PbiList toevoegen (#124)
Co-authored-by: Claude Sonnet 4.6
---
components/backlog/pbi-list.tsx | 8 +++++++-
1 file changed, 7 insertions(+), 1 deletion(-)
diff --git a/components/backlog/pbi-list.tsx b/components/backlog/pbi-list.tsx
index 01e4a03..39523d4 100644
--- a/components/backlog/pbi-list.tsx
+++ b/components/backlog/pbi-list.tsx
@@ -203,6 +203,7 @@ export function PbiList({ productId, isDemo }: PbiListProps) {
const [filterPriority, setFilterPriority] = useState('all')
const [filterStatus, setFilterStatus] = useState('all')
const [sortMode, setSortMode] = useState('priority')
+ const [sortDir, setSortDir] = useState<'asc' | 'desc'>('asc')
const [prefsLoaded, setPrefsLoaded] = useState(false)
const [dialogState, setDialogState] = useState(null)
const [activeDragId, setActiveDragId] = useState(null)
@@ -225,6 +226,8 @@ export function PbiList({ productId, isDemo }: PbiListProps) {
if (savedStatus === 'ready' || savedStatus === 'blocked' || savedStatus === 'done') {
setFilterStatus(savedStatus)
}
+ const savedDir = localStorage.getItem('scrum4me:pbi_sort_dir')
+ if (savedDir === 'asc' || savedDir === 'desc') setSortDir(savedDir)
setPrefsLoaded(true)
}, [])
@@ -232,6 +235,7 @@ export function PbiList({ productId, isDemo }: PbiListProps) {
useEffect(() => { if (prefsLoaded) localStorage.setItem('scrum4me:pbi_sort', sortMode) }, [sortMode, prefsLoaded])
useEffect(() => { if (prefsLoaded) localStorage.setItem('scrum4me:pbi_filter_priority', String(filterPriority)) }, [filterPriority, prefsLoaded])
useEffect(() => { if (prefsLoaded) localStorage.setItem('scrum4me:pbi_filter_status', filterStatus) }, [filterStatus, prefsLoaded])
+ useEffect(() => { if (prefsLoaded) localStorage.setItem('scrum4me:pbi_sort_dir', sortDir) }, [sortDir, prefsLoaded])
// Sync server data into store — use stable string dep to avoid infinite loop
const pbiIdKey = pbis.map(p => p.id).join(',')
@@ -259,7 +263,8 @@ export function PbiList({ productId, isDemo }: PbiListProps) {
const activeFilterCount =
(filterPriority !== 'all' ? 1 : 0) +
(filterStatus !== 'all' ? 1 : 0) +
- (sortMode !== 'priority' ? 1 : 0)
+ (sortMode !== 'priority' ? 1 : 0) +
+ (sortDir !== 'asc' ? 1 : 0)
const filtered = [...base].sort((a, b) => {
if (sortMode === 'code') {
@@ -392,6 +397,7 @@ export function PbiList({ productId, isDemo }: PbiListProps) {
setFilterPriority('all')
setFilterStatus('all')
setSortMode('priority')
+ setSortDir('asc')
}}
>
Wis filters
From 6015357905b4926cd49b1bd1efa342c5d62c7ba3 Mon Sep 17 00:00:00 2001
From: Janpeter Visser <30029041+madhura68@users.noreply.github.com>
Date: Wed, 6 May 2026 06:47:41 +0200
Subject: [PATCH 043/132] =?UTF-8?q?feat(ST-4uzuhxy0):=20sorteersectie=20in?=
=?UTF-8?q?=20popover=20vervangen=20door=20=E2=86=91=E2=86=93=20knoppen=20?=
=?UTF-8?q?+=20pills=20(#125)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Co-authored-by: Claude Sonnet 4.6
---
components/backlog/pbi-list.tsx | 56 +++++++++++++++++++++++++++++----
1 file changed, 50 insertions(+), 6 deletions(-)
diff --git a/components/backlog/pbi-list.tsx b/components/backlog/pbi-list.tsx
index 39523d4..7587e13 100644
--- a/components/backlog/pbi-list.tsx
+++ b/components/backlog/pbi-list.tsx
@@ -368,12 +368,56 @@ export function PbiList({ productId, isDemo }: PbiListProps) {
}
/>
-
+
+
Sorteren op
+
+ setSortDir('asc')}
+ className={cn(
+ 'text-xs px-2 py-0.5 rounded border transition-colors',
+ sortDir === 'asc'
+ ? 'bg-primary text-primary-foreground border-primary'
+ : 'bg-transparent border-border hover:bg-surface-container'
+ )}
+ aria-label="Oplopend sorteren"
+ >
+ ↑
+
+ setSortDir('desc')}
+ className={cn(
+ 'text-xs px-2 py-0.5 rounded border transition-colors',
+ sortDir === 'desc'
+ ? 'bg-primary text-primary-foreground border-primary'
+ : 'bg-transparent border-border hover:bg-surface-container'
+ )}
+ aria-label="Aflopend sorteren"
+ >
+ ↓
+
+
+
+
+ {SORT_OPTIONS.map((opt) => (
+ setSortMode(opt.value)}
+ className={cn(
+ 'text-xs px-2.5 py-1 rounded-full border transition-colors',
+ sortMode === opt.value
+ ? 'bg-primary text-primary-foreground border-primary'
+ : 'bg-transparent border-border hover:bg-surface-container'
+ )}
+ >
+ {opt.label}
+
+ ))}
+
+
Date: Wed, 6 May 2026 07:24:20 +0200
Subject: [PATCH 044/132] ST-1230: Sorteerstate en -logica toevoegen aan
IdeaList (#126)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
* feat(ideas): STATUS_SORT_ORDER + sorteerstate (ST-cmotjj9uf000104l5i70so19b)
- Voeg STATUS_SORT_ORDER toe: workflow-volgorde map (draft→plan_failed)
- Zet standaard sortDir op 'desc' conform AC (code aflopend bij laden)
Co-Authored-By: Claude Sonnet 4.6
* feat(ideas): sorted useMemo + tabel-render koppelen (ST-cmotjj9uf000104l5i70so19b)
- Voeg sorted useMemo toe na filtered: locale-aware sort met STATUS_SORT_ORDER
- Ideeën zonder product sorteren achteraan bij oplopende productsortering
- Vervang filtered.length/filtered.map door sorted in tabel-render
Co-Authored-By: Claude Sonnet 4.6
---------
Co-authored-by: Claude Sonnet 4.6
---
components/ideas/idea-list.tsx | 31 ++++++++++++++++++++++++++++---
1 file changed, 28 insertions(+), 3 deletions(-)
diff --git a/components/ideas/idea-list.tsx b/components/ideas/idea-list.tsx
index 2b92ca2..d052fd1 100644
--- a/components/ideas/idea-list.tsx
+++ b/components/ideas/idea-list.tsx
@@ -70,6 +70,11 @@ const STATUS_FILTERS: { value: IdeaStatusApi; label: string }[] = [
{ value: 'plan_failed', label: 'Plan mislukt' },
]
+const STATUS_SORT_ORDER: Record = {
+ draft: 0, grilling: 1, grilled: 2, planning: 3,
+ plan_ready: 4, planned: 5, grill_failed: 6, plan_failed: 7,
+}
+
function SortHeader({
col,
label,
@@ -113,7 +118,7 @@ export function IdeaList({ ideas, products, isDemo }: IdeaListProps) {
// Sort state
const [sortKey, setSortKey] = useState('code')
- const [sortDir, setSortDir] = useState<'asc' | 'desc'>('asc')
+ const [sortDir, setSortDir] = useState<'asc' | 'desc'>('desc')
// Create-form state
const [showCreate, setShowCreate] = useState(false)
@@ -149,6 +154,26 @@ export function IdeaList({ ideas, products, isDemo }: IdeaListProps) {
})
}, [ideas, search, productFilter, statusFilter, sortKey, sortDir])
+ const sorted = useMemo(() => {
+ return [...filtered].sort((a, b) => {
+ let cmp = 0
+ if (sortKey === 'code') {
+ cmp = (a.code ?? '').localeCompare(b.code ?? '', 'nl', { numeric: true })
+ } else if (sortKey === 'title') {
+ cmp = a.title.localeCompare(b.title, 'nl')
+ } else if (sortKey === 'product') {
+ const aN = a.product?.name ?? ''
+ const bN = b.product?.name ?? ''
+ if (!aN && bN) return sortDir === 'asc' ? 1 : -1
+ if (aN && !bN) return sortDir === 'asc' ? -1 : 1
+ cmp = aN.localeCompare(bN, 'nl')
+ } else {
+ cmp = (STATUS_SORT_ORDER[a.status] ?? 99) - (STATUS_SORT_ORDER[b.status] ?? 99)
+ }
+ return sortDir === 'asc' ? cmp : -cmp
+ })
+ }, [filtered, sortKey, sortDir])
+
function handleSort(col: SortKey) {
if (sortKey === col) {
setSortDir((d) => (d === 'asc' ? 'desc' : 'asc'))
@@ -311,7 +336,7 @@ export function IdeaList({ ideas, products, isDemo }: IdeaListProps) {
)}
{/* Tabel */}
- {filtered.length === 0 ? (
+ {sorted.length === 0 ? (
{ideas.length === 0
? 'Nog geen ideeën — start hierboven met "Nieuw idee".'
@@ -329,7 +354,7 @@ export function IdeaList({ ideas, products, isDemo }: IdeaListProps) {
- {filtered.map((idea) => {
+ {sorted.map((idea) => {
const badge = getIdeaStatusBadge(API_TO_DB[idea.status])
return (
Date: Wed, 6 May 2026 09:05:22 +0200
Subject: [PATCH 045/132] Landing v3: van idee tot pull request + 6 nieuwe
screenshots (#127)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
* feat(landing): tour uitbreiden naar 6 screenshots incl. Ideas/Insights
Vervangt de oude 3 .jpg-screenshots door 6 nieuwe .png's met de huidige
visuele staat van de app. Volgorde toont de hele flow: ideeën binnen →
producten → backlog → sprint → solo → insights.
- Tour-array van 3 naar 6 figures, grid blijft lg:grid-cols-3 (2x2-rijen)
- Intro-tekst aangepast: "Zes weergaven van Scrum4Me — van inkomende
ideeën tot persoonlijk Kanban-bord en voortgangs-inzichten"
- Bestandsnamen gehernoemd naar lowercase-dash-conventie:
Sprint.png → sprint.png, Solo.png → solo.png, "Product Backlog.png" →
product-backlog.png, Producten.png → producten.png, Insights.png →
insights.png, Ideas-table.png → ideas-table.png,
Ideas-detail.png → ideas-detail.png (alleen voorbereiding, nog niet in
tour gebruikt)
- Oude .jpg-bestanden verwijderd
Niet onderdeel: hero/architectuur/handleiding-rewrite voor v3 — die staan
gepland onder ST-1224 en blijven open.
Co-Authored-By: Claude Opus 4.7 (1M context)
* feat(landing): v3 — van idee tot pull request, met procesflow + Idea-laag
Verbreedt de landing-propositie van "executie lokaal" (v2) naar de
volledige cyclus idee → grill → plan → execute → PR. Eert M12 Ideas dat
sinds 2026-05-04 het kernconcept van het product is, plus auto-PR en
Sync-tab.
Hero:
- H1 "Van idee tot pull request — op je eigen hardware."
- Subhead benoemt grill→plan→materialise→agent→PR-cyclus en houdt het
lokaal-anker uit v2 vast.
Nieuw §3 "Van idee tot pull request":
- 4 procesflow-kaarten (Idee/Grill/Plan/Execute) met status-chips
(DRAFT/GRILLING/PLAN_READY/DONE→PR) en pijlen tussen kaarten op md+.
- Samenvattende paragraaf over state-machine, materializeIdeaPlanAction
en auto-PR.
Architectuur:
- docs/diagrams/architecture.mmd Worker-label uitgebreid met
"jobs: GRILL · PLAN · IMPL"; beide SVG's geregenereerd.
- Callout "Lokale worker" benoemt nu de drie jobsoorten expliciet.
Feature-grid (set D, 6 kaarten):
- Vervang "Hiërarchisch plannen" door "Ideas — Grill & Plan" op positie 1.
- Lokale Claude-agents: + auto-PR/SQUASH-merge zin.
- Realtime updates: + Sync-tab zin.
- Async vraagkanaal: + Grill-vragen zin.
Quickstart:
- Extra regel over UI-route (/ideas → Nieuw idee → Grill me) onder de
bestaande MCP-installatie code-block.
Scrum-samenvatting:
- Hiërarchie wordt twee-rij-systeem: Idea (DRAFT → GRILLED → PLAN_READY)
als bovenste rij, daaronder Product → PBI → Story → Taak met
"materialiseert ↓"-pijl.
- Terminologie krijgt 2 nieuwe tegels (Idea, Grill/Plan).
Handleiding (10 → 12 stappen):
- Nieuwe stappen 3-5 voor Idea-route (vastleggen, grillen, plan + materialiseren),
visueel gemarkeerd met tertiary-border en chip "Idea-route".
- Oude 7+8 (token + MCP-koppeling) samengevoegd tot stap 10.
- Stap 11 uitgebreid met Sync-tab-volgen.
- Stap 6 hernoemd "opbouwen" → "finetunen".
Plan-doc + grilling-context vastgelegd in docs/plans/landing-v3-idea-flow.md.
Tracked: ST-1224 onder PBI Marketing & Landingspagina.
Verified: lint 0 errors / 7 warnings (alle pre-existing), 564/564 tests,
productie-build slaagt.
Co-Authored-By: Claude Opus 4.7 (1M context)
---------
Co-authored-by: Claude Opus 4.7 (1M context)
---
app/page.tsx | 234 +++++++++++++++++++++----
docs/INDEX.md | 1 +
docs/diagrams/architecture.mmd | 2 +-
docs/plans/landing-v3-idea-flow.md | 161 +++++++++++++++++
public/diagrams/architecture-dark.svg | 2 +-
public/diagrams/architecture-light.svg | 2 +-
public/screenshots/ideas-detail.png | Bin 0 -> 409573 bytes
public/screenshots/ideas-table.png | Bin 0 -> 749152 bytes
public/screenshots/insights.png | Bin 0 -> 385965 bytes
public/screenshots/product-backlog.jpg | Bin 592279 -> 0 bytes
public/screenshots/product-backlog.png | Bin 0 -> 631442 bytes
public/screenshots/producten.png | Bin 0 -> 418430 bytes
public/screenshots/solo-paneel.jpg | Bin 752227 -> 0 bytes
public/screenshots/solo.png | Bin 0 -> 689004 bytes
public/screenshots/sprint-board.jpg | Bin 587688 -> 0 bytes
public/screenshots/sprint.png | Bin 0 -> 1003788 bytes
16 files changed, 363 insertions(+), 39 deletions(-)
create mode 100644 docs/plans/landing-v3-idea-flow.md
create mode 100644 public/screenshots/ideas-detail.png
create mode 100644 public/screenshots/ideas-table.png
create mode 100644 public/screenshots/insights.png
delete mode 100644 public/screenshots/product-backlog.jpg
create mode 100644 public/screenshots/product-backlog.png
create mode 100644 public/screenshots/producten.png
delete mode 100644 public/screenshots/solo-paneel.jpg
create mode 100644 public/screenshots/solo.png
delete mode 100644 public/screenshots/sprint-board.jpg
create mode 100644 public/screenshots/sprint.png
diff --git a/app/page.tsx b/app/page.tsx
index 78d65d5..9a118e3 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -82,12 +82,13 @@ export default async function LandingPage() {
- Plannen in de cloud. Uitvoeren op je eigen machine.
+ Van idee tot pull request — op je eigen hardware.
- De UI draait op Vercel, je code draait op jou. Een gedeelde job-queue laat lokale
- Claude Code agents (laptop, NAS of VM) stories autonoom oppakken — zonder dat je
- broncode ooit de cloud hoeft te raken.
+ Leg een idee vast, laat Claude het kritisch bevragen, accepteer het plan en zet het
+ door een lokale agent uit. Code, executie en agents draaien op je eigen machine;
+ alleen metadata loopt via Vercel + Neon. Idee na idee, automatisch omgezet in
+ commits en pull requests.
+ {/* ── Van idee tot PR ────────────────────────────────────────── */}
+
+
+
Van idee tot pull request
+
+ Vier stappen, één queue. Een idee groeit uit tot gemergde code zonder dat jij ertussen
+ hoeft.
+
+
+
+ {[
+ {
+ step: '1',
+ title: 'Idee',
+ chip: 'DRAFT',
+ chipClass: 'bg-tertiary-container text-tertiary-container-foreground',
+ desc: 'Leg een idee vast in twee zinnen. Status: DRAFT.',
+ },
+ {
+ step: '2',
+ title: 'Grill',
+ chip: 'GRILLING',
+ chipClass: 'bg-warning-container text-warning-container-foreground',
+ desc: 'Claude stelt kritische vragen via het belicoon; je antwoorden vormen de grill_md.',
+ },
+ {
+ step: '3',
+ title: 'Plan',
+ chip: 'PLAN_READY',
+ chipClass: 'bg-success-container text-success-container-foreground',
+ desc: 'Claude schrijft een YAML-plan. Materialiseer en je hebt PBI + stories + tasks.',
+ },
+ {
+ step: '4',
+ title: 'Execute',
+ chip: 'DONE → PR',
+ chipClass: 'bg-primary-container text-primary-container-foreground',
+ desc: 'Lokale agent claimt de jobs, commit, pusht en opent automatisch een PR.',
+ },
+ ].flatMap((s, i, arr) => {
+ const card = (
+
+
+
+ {s.step}
+
+
{s.title}
+
+ {s.chip}
+
+
+
{s.desc}
+
+ )
+ if (i === arr.length - 1) return [card]
+ return [
+ card,
+
+ →
+
,
+ ]
+ })}
+
+
+
+ State-machine: DRAFT → GRILLING → GRILLED → PLANNING → PLAN_READY → PLANNED.
+ Bij materialiseren ontstaat in één atomaire transactie precies één PBI met N stories en M taken
+ uit het YAML-plan. Op de laatste taak van de laatste story pusht de worker automatisch een
+ branch en opent of mergt een pull request — geen handwerk meer tussen plan en deploy.
+
+
+
{/* ── Architectuur ───────────────────────────────────────────── */}
@@ -161,7 +241,7 @@ export default async function LandingPage() {
},
{
title: 'Lokale worker',
- desc: 'Jouw machine — laptop, NAS of VM. Claude Code via stdio-MCP, claimt jobs atomisch (FOR UPDATE SKIP LOCKED), executeert lokaal, commit lokaal, push lokaal. Meerdere workers parallel veilig.',
+ desc: 'Jouw machine — laptop, NAS of VM. Claude Code via stdio-MCP, claimt jobs atomisch (FOR UPDATE SKIP LOCKED), executeert lokaal, commit lokaal, push lokaal. Doet drie soorten jobs: bevragen van een idee (GRILL), plan-generatie (PLAN), taak-implementatie (IMPL) — allemaal op dezelfde machine. Meerdere workers parallel veilig.',
},
{
title: 'GitHub',
@@ -182,33 +262,55 @@ export default async function LandingPage() {
Bekijk Scrum4Me in actie
- Drie schermen die de kern van Scrum4Me afdekken — van Product Backlog tot persoonlijk
- Kanban-bord. Elke weergave is desktop-first en gebouwd op MD3-tokens en shadcn-componenten.
+ Zes weergaven van Scrum4Me — van inkomende ideeën tot persoonlijk Kanban-bord en
+ voortgangs-inzichten. Elke weergave is desktop-first en gebouwd op MD3-tokens en
+ shadcn-componenten.
{[
{
- src: '/screenshots/sprint-board.jpg',
- alt: 'Sprint Board met drie panelen: Product Backlog, Sprint Backlog en Taken',
- title: 'Sprint Board',
+ src: '/screenshots/ideas-table.png',
+ alt: 'Ideas-dashboard met idee-kaarten in DRAFT/GRILLED/PLAN_READY-statussen',
+ title: 'Ideas-dashboard',
caption:
- 'Drie panelen op één scherm: Product Backlog links, Sprint Backlog in het midden, taken van de geselecteerde story rechts. Stories slepen tussen panelen werkt via dnd-kit.',
+ 'Persoonlijk overzicht van je ideeën met status (DRAFT → GRILLED → PLAN_READY → PLANNED). Klik "Grill me" of "Make plan" om een lokale agent te starten; bij materialiseren ontstaat exact één PBI met stories en taken.',
},
{
- src: '/screenshots/product-backlog.jpg',
+ src: '/screenshots/producten.png',
+ alt: 'Producten-dashboard met overzicht van actieve projecten',
+ title: 'Producten',
+ caption:
+ 'Eén overzicht van alle producten waar je toegang toe hebt — eigen producten plus die waar je als developer bent toegevoegd. Vanaf hier spring je naar Backlog, Sprint of Solo.',
+ },
+ {
+ src: '/screenshots/product-backlog.png',
alt: 'Product Backlog met PBIs gegroepeerd op prioriteit en stories per PBI',
title: 'Product Backlog',
caption:
'PBIs gegroepeerd op prioriteit (Kritiek → Laag) in het linkerpaneel. Klik op een PBI om de stories rechts te zien, gerangschikt per urgentie en versleepbaar.',
},
{
- src: '/screenshots/solo-paneel.jpg',
+ src: '/screenshots/sprint.png',
+ alt: 'Sprint Board met drie panelen: Product Backlog, Sprint Backlog en Taken',
+ title: 'Sprint Board',
+ caption:
+ 'Drie panelen op één scherm: Product Backlog links, Sprint Backlog in het midden, taken van de geselecteerde story rechts. Stories slepen tussen panelen werkt via dnd-kit.',
+ },
+ {
+ src: '/screenshots/solo.png',
alt: 'Solo Paneel — persoonlijk Kanban-bord met drie statuskolommen',
title: 'Solo Paneel',
caption:
'Persoonlijk Kanban-bord per product. Toont alleen taken van stories die jij hebt geclaimd, in drie kolommen (To Do, Bezig, Klaar). Drag-and-drop tussen kolommen verandert de status.',
},
+ {
+ src: '/screenshots/insights.png',
+ alt: 'Insights-dashboard met voortgangsmetrics en agent-throughput',
+ title: 'Insights',
+ caption:
+ 'Voortgang per product: doorlooptijden, agent-throughput en sprintresultaten in één blik. Helpt patronen herkennen — welke stories liepen vast, welke gingen vlot.',
+ },
].map((s) => (
{[
{
- title: 'Hiërarchisch plannen',
- desc: 'Organiseer werk in producten, Product Backlog Items, stories en taken — gegroepeerd op prioriteit en herrangschikbaar via drag-and-drop.',
+ title: 'Ideas — Grill & Plan',
+ desc: 'Leg een idee vast in twee zinnen. Claude grilt het met kritische vragen, schrijft een YAML-plan en zet ’t om in PBI + stories + tasks. Alles via een job-queue, asynchroon.',
},
{
title: 'Sprint Board + Solo Paneel',
@@ -254,15 +356,15 @@ export default async function LandingPage() {
},
{
title: 'Lokale Claude-agents',
- desc: 'Een job-queue met "Voer uit"-knop. Lokale Claude Code agents claimen werk atomisch, draaien het op jouw hardware en rapporteren status terug. Meerdere workers (laptop + NAS) parallel veilig.',
+ desc: 'Een job-queue met "Voer uit"-knop. Lokale Claude Code agents claimen werk atomisch, draaien het op jouw hardware en rapporteren status terug. Na de laatste task pusht de worker automatisch en opent een pull request via SQUASH-merge. Meerdere workers (laptop + NAS) parallel veilig.',
},
{
title: 'Realtime updates',
- desc: 'SSE bovenop Postgres LISTEN/NOTIFY. Wijzigingen vanuit andere tabs of een lokale agent verschijnen binnen 1–2 seconden in je Solo Paneel — geen refresh.',
+ desc: 'SSE bovenop Postgres LISTEN/NOTIFY. Wijzigingen vanuit andere tabs of een lokale agent verschijnen binnen 1–2 seconden in je Solo Paneel — geen refresh. De Sync-tab toont per idee de live status van story → push → PR-merge.',
},
{
title: 'Async vraagkanaal',
- desc: 'Loopt een agent vast op een keuze? Hij plaatst een vraag via het bel-icoon. Jij beantwoordt hem wanneer het uitkomt; de agent pakt automatisch de draad weer op.',
+ desc: 'Loopt een agent vast op een keuze? Hij plaatst een vraag via het bel-icoon. Jij beantwoordt hem wanneer het uitkomt; de agent pakt automatisch de draad weer op. Tijdens een Grill stelt Claude vragen via hetzelfde kanaal — antwoorden komen direct terug in de Idea-timeline.',
},
{
title: "Todo's",
@@ -295,6 +397,11 @@ cd scrum4me-mcp && npm install
# 3. Start Claude Code en vraag:
# "pak de volgende job uit de Scrum4Me-queue"`}
+
+ Liever in de UI beginnen? Open /ideas,
+ druk op "Nieuw idee" en klik "Grill me" — de eerste vraag verschijnt
+ binnen seconden in je belicoon.
+
Liever zonder MCP? Gebruik de{' '}
REST API met een Bearer-token
@@ -315,6 +422,21 @@ cd scrum4me-mcp && npm install
{/* Hiërarchie */}
Hiërarchie
+
+ {/* Idee-laag */}
+
+
+
Idea
+
+ DRAFT → GRILLED → PLAN_READY
+
+
+
+ ↓ materialiseert naar
+
+
+
+ {/* Scrum-laag */}
{[
{ label: 'Product', sub: 'Een softwareproject of codebase' },
@@ -340,6 +462,8 @@ cd scrum4me-mcp && npm install
Terminologie
{[
+ { term: 'Idea', def: 'Een voorstel of richting voordat ’t een PBI is. Heeft een grill-fase (Claude bevraagt ’t kritisch) en een plan-fase (Claude schrijft een YAML-plan met stories en tasks). Na materialiseren ontstaat exact één PBI.' },
+ { term: 'Grill / Plan', def: 'Twee asynchrone Claude-jobsoorten op een idea. Grill produceert grill_md (Q&A-transcript). Plan produceert plan_md (YAML met PBI/stories/tasks-templates) dat strikt geparseerd wordt.' },
{ term: 'Product Backlog', def: 'Geordende lijst van alle PBI\'s per product, gesorteerd op prioriteit (kritiek → laag) en positie.' },
{ term: 'Sprint', def: 'Actief tijdblok met een Sprint Goal. Per product is er maximaal één actieve Sprint tegelijk.' },
{ term: 'Sprint Backlog', def: 'De stories die voor deze Sprint zijn geselecteerd. Stories worden vanuit de Product Backlog gesleept.' },
@@ -395,59 +519,97 @@ cd scrum4me-mcp && npm install
step: '1',
title: 'Account aanmaken',
desc: 'Ga naar Registreren en kies een gebruikersnaam en wachtwoord. Na registratie word je direct doorgestuurd naar het dashboard. Liever passwordless? Paar je telefoon één keer en log voortaan in via QR. Of test eerst met de demo-account (alleen leesrechten).',
+ ideaRoute: false,
},
{
step: '2',
title: 'Product aanmaken',
desc: 'Klik op "Nieuw product" op het dashboard. Vul naam, optionele beschrijving, repo-URL en je Definition of Done in. Het product wordt zichtbaar op het dashboard.',
+ ideaRoute: false,
},
{
step: '3',
- title: 'Product Backlog opbouwen',
- desc: 'Open het product en voeg PBI\'s toe via het linkerpaneel. Geef elk PBI een prioriteit (Kritiek / Hoog / Gemiddeld / Laag). Klik op een PBI om in het rechterpaneel stories toe te voegen. Versleep PBI\'s en stories om de volgorde aan te passen.',
+ title: 'Een idee vastleggen',
+ desc: 'Open /ideas, klik "Nieuw idee", vul titel + één-alinea beschrijving in. Status: DRAFT.',
+ ideaRoute: true,
},
{
step: '4',
- title: 'Sprint starten',
- desc: 'Klik op "Sprint starten" op de productpagina en voer een Sprint Goal in. Per product is er maximaal één actieve Sprint tegelijk. Het Sprint-scherm wordt zichtbaar via de navigatie.',
+ title: 'Laat Claude grillen',
+ desc: 'Klik "Grill me". Een lokale agent stelt kritische vragen via het belicoon. Beantwoord ze; Claude schrijft een gestructureerde grill_md. Status: GRILLED.',
+ ideaRoute: true,
},
{
step: '5',
- title: 'Sprint Board — stories slepen en taken aanmaken',
- desc: 'Open het Sprint-scherm. Drie panelen verschijnen op één view: Product Backlog links, Sprint Backlog in het midden, taken rechts. Sleep stories vanuit links naar het midden om ze in de Sprint te plaatsen. Selecteer een story in het middenpaneel om de taken rechts te tonen en aan te maken.',
+ title: 'Maak het plan + materialiseer',
+ desc: 'Klik "Make plan". Claude genereert een YAML-plan (PBI + stories + tasks). Klik "Materialiseer" om ’t atomair om te zetten naar je product-backlog. Status: PLANNED.',
+ ideaRoute: true,
},
{
step: '6',
- title: 'Solo Paneel — claim stories en werk persoonlijk',
- desc: 'Open Solo via de navigatie. Claim openstaande stories uit de actieve Sprint (knop "Toon openstaande stories") en werk je taken af in drie statuskolommen via drag-and-drop. Klik op een taak voor het detail-dialoog met implementatieplan.',
+ title: 'Product Backlog finetunen',
+ desc: 'Optioneel: herorden PBI\'s en stories handmatig via drag-and-drop. Het meeste werk heeft materialise al gedaan — dit is alleen voor bijsturen of toevoegen van werk dat niet uit een idee komt.',
+ ideaRoute: false,
},
{
step: '7',
- title: 'API-token aanmaken',
- desc: 'Ga naar Instellingen → Tokens. Maak een nieuw token aan en kopieer de waarde direct — die is daarna niet meer zichtbaar. Hetzelfde token werkt voor de MCP-server én voor de REST API.',
+ title: 'Sprint starten',
+ desc: 'Klik op "Sprint starten" op de productpagina en voer een Sprint Goal in. Per product is er maximaal één actieve Sprint tegelijk. Het Sprint-scherm wordt zichtbaar via de navigatie.',
+ ideaRoute: false,
},
{
step: '8',
- title: 'Claude Code koppelen',
- desc: 'Aanbevolen: installeer de scrum4me-mcp-server (zie Quickstart hierboven) zodat Claude Code de Scrum4Me-tools native ziet. Alternatief: gebruik de REST API direct vanuit Codex, eigen scripts of CI-pipelines met je Bearer-token.',
+ title: 'Sprint Board — stories slepen en taken aanmaken',
+ desc: 'Open het Sprint-scherm. Drie panelen verschijnen op één view: Product Backlog links, Sprint Backlog in het midden, taken rechts. Sleep stories vanuit links naar het midden om ze in de Sprint te plaatsen. Selecteer een story in het middenpaneel om de taken rechts te tonen en aan te maken.',
+ ideaRoute: false,
},
{
step: '9',
- title: 'Story laten uitvoeren — "Voer uit"-knop',
- desc: 'Klik op "Voer uit" bij een story in het Solo Paneel. De story komt in de job-queue. Een lokale Claude-agent op je machine pakt \'m op via wait_for_job, werkt het implementatieplan af, commit naar je repo en zet de status op done. De NavBar toont live hoeveel workers actief zijn.',
+ title: 'Solo Paneel — claim stories en werk persoonlijk',
+ desc: 'Open Solo via de navigatie. Claim openstaande stories uit de actieve Sprint (knop "Toon openstaande stories") en werk je taken af in drie statuskolommen via drag-and-drop. Klik op een taak voor het detail-dialoog met implementatieplan.',
+ ideaRoute: false,
},
{
step: '10',
+ title: 'Claude Code koppelen',
+ desc: 'Maak een API-token aan in Instellingen → Tokens — hetzelfde token werkt voor MCP en REST. Aanbevolen: installeer de scrum4me-mcp-server (zie Quickstart hierboven) zodat Claude Code de tools native ziet. Alternatief: gebruik de REST API direct vanuit Codex, eigen scripts of CI-pipelines.',
+ ideaRoute: false,
+ },
+ {
+ step: '11',
+ title: 'Voer uit + Sync-tab volgen',
+ desc: 'Klik op "Voer uit" bij een story in het Solo Paneel. De story komt in de job-queue. Een lokale agent claimt de jobs, werkt taken af, commit en — na de laatste task — pusht en mergt automatisch een PR via SQUASH. Volg de voortgang in de Sync-tab op het idea-detail.',
+ ideaRoute: false,
+ },
+ {
+ step: '12',
title: 'Sprint afronden',
desc: 'Klik op "Sprint afronden" op het Sprint Board. Voor elke story kies je: markeer als Done of zet terug naar de Product Backlog. Daarna is een nieuwe Sprint aanmaakbaar.',
+ ideaRoute: false,
},
- ].map(({ step, title, desc }) => (
-
-
+ ].map(({ step, title, desc, ideaRoute }) => (
+
+
{step}
-
{title}
+
+ {title}
+ {ideaRoute && (
+
+ Idea-route
+
+ )}
+
{desc}
diff --git a/docs/INDEX.md b/docs/INDEX.md
index d156bcd..edf6c85 100644
--- a/docs/INDEX.md
+++ b/docs/INDEX.md
@@ -43,6 +43,7 @@ Auto-generated on 2026-05-06 from front-matter and headings.
| [Docs-restructuur — geoptimaliseerd voor AI-lookup](./plans/docs-restructure-ai-lookup.md) | proposal | 2026-05-02 |
| [PBI Bulk-Create Spec — Docs-Restructure for AI-Optimized Lookup](./plans/docs-restructure-pbi-spec.md) | done | 2026-05-03 |
| [Landing v2 — lokaal & veilig + architectuurdiagram](./plans/landing-local-first.md) | active | 2026-05-03 |
+| [Landing v3 — van idee tot pull request](./plans/landing-v3-idea-flow.md) | active | 2026-05-04 |
| [M10 — Password-loze inlog via QR-pairing](./plans/M10-qr-pairing-login.md) | active | 2026-05-03 |
| [M11 — Claude vraagt, gebruiker antwoordt](./plans/M11-claude-questions.md) | active | 2026-05-03 |
| [M12 — Idea entity + Grill/Plan Claude jobs](./plans/M12-ideas.md) | planned | — |
diff --git a/docs/diagrams/architecture.mmd b/docs/diagrams/architecture.mmd
index 31ed0f8..aa08a0b 100644
--- a/docs/diagrams/architecture.mmd
+++ b/docs/diagrams/architecture.mmd
@@ -13,7 +13,7 @@ flowchart LR
subgraph Yours["Jouw kant (lokaal)"]
direction TB
- Worker["Lokale worker
laptop / NAS / VM
Claude Code + MCP"]
+ Worker["Lokale worker
laptop / NAS / VM
Claude Code + MCP
jobs: GRILL · PLAN · IMPL"]
GitHub[("GitHub
jouw repo")]
Worker -->|git push| GitHub
end
diff --git a/docs/plans/landing-v3-idea-flow.md b/docs/plans/landing-v3-idea-flow.md
new file mode 100644
index 0000000..6c0dd56
--- /dev/null
+++ b/docs/plans/landing-v3-idea-flow.md
@@ -0,0 +1,161 @@
+---
+title: "Landing v3 — van idee tot pull request"
+status: active
+audience: [maintainer, contributor]
+language: nl
+last_updated: 2026-05-04
+applies_to: [SCRUM4ME]
+story_id: cmot8226500017h174z5qpphx
+story_code: ST-1224
+pbi_id: cmoq2q50s0000qa174rmrjove
+---
+
+# Landing v3 — van idee tot pull request
+
+**Story:** [ST-1224](../../docs/INDEX.md). Vervolg op Landing v2 (lokaal-first, PR #72).
+
+**Branch:** `feat/landing-new-screenshots` — gestart als screenshot-update, uitgebreid met de volledige v3-rewrite.
+
+## Context
+
+Sinds Landing v2 (2026-05-03, commit `4ff50cb`, op main via merge `b47f629`) is M12 — *Ideas* — geland en is het **kernconcept** van het product geworden:
+
+- Nieuw `/ideas`-dashboard per user. Idea staat **boven** Product/PBI in de hiërarchie en is de manier waarop nieuw werk binnenkomt.
+- State-machine: `DRAFT → GRILLING → GRILLED → PLANNING → PLAN_READY → PLANNED` (+ `GRILL_FAILED`, `PLAN_FAILED` recovery-paden).
+- Twee nieuwe `ClaudeJobKind`'s: `IDEA_GRILL` (Claude stelt kritische vragen via `ask_user_question`-loop) en `IDEA_MAKE_PLAN` (Claude genereert YAML-plan, geen vragen). Naast bestaande `TASK_IMPLEMENTATION`.
+- `materializeIdeaPlanAction` is een atomaire transformatie: `plan_md` (YAML) → 1 PBI + N stories + M tasks.
+- Job-flow voor IDEA_GRILL gebruikt het bestaande **async vraagkanaal**.
+
+Daarnaast (kleiner maar zichtbaar):
+- **Auto-PR + auto-merge (SQUASH)**: na `update_job_status('done')` op de laatste task pusht de worker automatisch en opent/mergt een PR.
+- **Sync-tab**: realtime overzicht van Story-status / `ClaudeJob.pushed_at` / `Pbi.pr_url` / `pr_merged_at` per Idea.
+- **Deploy-controle**: labels `skip-deploy` / `force-deploy` overrulen path-filter.
+
+User's eigen formulering (relevant voor toon): *"het nadenken over een idee, plannen en dan laten uitvoeren. idee na idee kan omgezet worden in acties met resultaten"*.
+
+## Doelgroep
+
+Ongewijzigd t.o.v. v2 (mix met zwaartepunt op privacy-bewuste indie devs en homelab-teams). De Idea-laag versterkt vooral de aantrekkingskracht voor solo-devs die *"niet aan een ticket-fabriek willen"*.
+
+## Doel
+
+1. **Hero verbreden** van "executie lokaal" naar volledige cyclus: idee → grill → plan → execute → PR.
+2. **Nieuwe sectie #3 "Van idee tot PR"** vóór de architectuur-sectie — toont de procesflow (4 stappen).
+3. **Architectuur-diagram lichtjes uitbreiden** met de Idea-job-kinds in de Worker-box.
+4. **Feature-grid herschikken**: vervang "Hiërarchisch plannen" door "Ideas — Grill & Plan"; werk auto-PR in als bullet onder "Lokale Claude-agents".
+5. **Handleiding uitbreiden** van 10 → 12 stappen met de Idea-route ervoor.
+6. **Quickstart** ongewijzigd; één regel toevoegen over UI-route (`/ideas`).
+7. **Tour** al gedaan (commit 6ce12df) — 6 echte screenshots in plaats van 3.
+
+## Sectievolgorde
+
+| # | Sectie | Wijziging |
+|---|---|---|
+| 1 | Header | ongewijzigd |
+| 2 | Hero | rewrite — H1 + subhead verbreden |
+| 3 | **Van idee tot PR** | nieuw — 4-stappen procesflow |
+| 4 | Architectuur | diagram regenereren; callout-card "Lokale worker" tekst aanvullen |
+| 5 | Tour (screenshots) | **klaar** (commit 6ce12df) — 6 figures |
+| 6 | Wat is Scrum4Me? | feature-grid herschikt (set D) |
+| 7 | Quickstart | + één regel UI-route |
+| 8 | Scrum in Scrum4Me | + 2 termen (Idea, Grill/Plan) + twee-rij-hiërarchie |
+| 9 | Gebruikershandleiding | 10 → 12 stappen (Idea-route ervoor) |
+| 10 | REST API | ongewijzigd |
+| 11 | Footer | ongewijzigd |
+
+## Sectie-detail
+
+### §2 Hero — rewrite
+
+- **H1**: *"Van idee tot pull request — op je eigen hardware."*
+- **Subhead** (~45 woorden): *"Leg een idee vast, laat Claude het kritisch bevragen, accepteer het plan en zet het door een lokale agent uit. Code, executie en agents draaien op je eigen machine; alleen metadata loopt via Vercel + Neon. Idee na idee, automatisch omgezet in commits en pull requests."*
+- **CTA's** ongewijzigd: *"Account aanmaken"* + *"Hoe het werkt"* (anchor `#architectuur`).
+
+### §3 Van idee tot PR (nieuw)
+
+Tussen Hero en Architectuur. Procesflow als 4 horizontaal geschakelde kaarten:
+
+```
+[1. Idee] → [2. Grill] → [3. Plan] → [4. Execute]
+DRAFT GRILLING PLAN_READY DONE → PR
+```
+
+Implementatie: `grid grid-cols-1 md:grid-cols-4 gap-4` met tussen kaarten een `→` op `hidden md:flex`. MD3-tokens. Status-chips matchen de PATCH/POST-badges in de API-sectie.
+
+Onder de 4 kaarten één paragraaf van ~3 zinnen die de state-machine, `materializeIdeaPlanAction` en auto-PR samenvat.
+
+### §4 Architectuur — diagram regenereren
+
+`docs/diagrams/architecture.mmd` Worker-label uitbreiden:
+
+```
+Worker["Lokale worker
+laptop / NAS / VM
+Claude Code + MCP
+jobs: GRILL · PLAN · IMPL"]
+```
+
+Daarna `npm run diagrams` om beide SVG's te regenereren.
+
+Callout-card "Lokale worker" in `app/page.tsx` krijgt aanvullende zin: *"Doet drie soorten jobs: bevragen van een idee (GRILL), plan-generatie (PLAN), taak-implementatie (IMPL). Allemaal op dezelfde machine."*
+
+### §6 Feature-grid — set D (6 kaarten)
+
+Vervang **"Hiërarchisch plannen"** door **"Ideas — Grill & Plan"** (nieuwe entry-point):
+
+1. **Ideas — Grill & Plan** *(nieuw)*
+2. Sprint Board + Solo Paneel
+3. **Lokale Claude-agents** *(uitbreiden — auto-PR)*
+4. **Realtime updates** *(uitbreiden — Sync-tab)*
+5. Async vraagkanaal *(uitbreiden — Grill-vragen)*
+6. Todo's
+
+### §7 Quickstart — kleine aanvulling
+
+Onder de bestaande code-block één regel: *"Liever in de UI beginnen? Open `/ideas`, druk op 'Nieuw idee' en klik 'Grill me' — de eerste vraag verschijnt binnen seconden in je belicoon."*
+
+### §8 Scrum in Scrum4Me — terminologie + hiërarchie
+
+Twee tegels toevoegen aan terminologie-grid: **Idea** en **Grill / Plan**.
+
+Hiërarchie-rij wordt twee-rij-systeem:
+- Bovenste rij: één tegel "Idea (DRAFT → GRILLED → PLAN_READY)" met "materialiseert ↓" pijl
+- Onderste rij: bestaande Product → PBI → Story → Taak
+
+### §9 Handleiding — 10 → 12 stappen
+
+1. Account aanmaken (+ QR-bijzin)
+2. Product aanmaken
+3. **Een idee vastleggen** *(nieuw)*
+4. **Laat Claude grillen** *(nieuw)*
+5. **Maak het plan + materialiseer** *(nieuw)*
+6. Product Backlog finetunen *(was: opbouwen)*
+7. Sprint starten
+8. Sprint Board
+9. Solo Paneel
+10. Claude Code koppelen *(token + MCP gecombineerd)*
+11. **Voer uit + Sync-tab volgen**
+12. Sprint afronden
+
+Stappen 3-5 markeren met visueel accent (`border-l-4 border-primary` of chip "Idea-route").
+
+## Bestanden
+
+**Wijzigen:**
+- `app/page.tsx` — Hero, nieuwe §3, callout in §4, feature-grid (§6), Quickstart-regel (§7), terminologie + hiërarchie (§8), handleiding (§9)
+- `docs/diagrams/architecture.mmd` — Worker-label uitbreiden
+- `public/diagrams/architecture-light.svg` + `architecture-dark.svg` — regenereren
+
+**Klaar (commit 6ce12df):**
+- `public/screenshots/*` — 6 nieuwe screenshots vervangen oude 3
+- Tour-array in `app/page.tsx`
+
+## Verificatie
+
+```bash
+npm run diagrams # regenereer SVG's
+npm run dev # http://localhost:3000 op 1024px+
+npm run lint && npm test && npm run build
+```
+
+Niet pushen zonder bevestiging (CLAUDE.md hardstop).
diff --git a/public/diagrams/architecture-dark.svg b/public/diagrams/architecture-dark.svg
index ca9fada..4fd8a08 100644
--- a/public/diagrams/architecture-dark.svg
+++ b/public/diagrams/architecture-dark.svg
@@ -1 +1 @@
-
job claim + LISTEN/NOTIFY
Vercel
Neon Postgres
Lokale worker
Scrum4Me — architectuur (lokaal & veilig)
\ No newline at end of file
+
job claim + LISTEN/NOTIFY
Vercel
Neon Postgres
Lokale worker
Scrum4Me — architectuur (lokaal & veilig)
\ No newline at end of file
diff --git a/public/diagrams/architecture-light.svg b/public/diagrams/architecture-light.svg
index 02691d1..4675a40 100644
--- a/public/diagrams/architecture-light.svg
+++ b/public/diagrams/architecture-light.svg
@@ -1 +1 @@
-
job claim + LISTEN/NOTIFY
Vercel
Neon Postgres
Lokale worker
Scrum4Me — architectuur (lokaal & veilig)
\ No newline at end of file
+
job claim + LISTEN/NOTIFY
Vercel
Neon Postgres
Lokale worker
Scrum4Me — architectuur (lokaal & veilig)
\ No newline at end of file
diff --git a/public/screenshots/ideas-detail.png b/public/screenshots/ideas-detail.png
new file mode 100644
index 0000000000000000000000000000000000000000..c4c5a4d477da8efbd3812dab3a9e8f9273dd50e3
GIT binary patch
literal 409573
zcmeFZcT`i^9yT0`pdv*PP^kif(xpm=0Ys!r?
ObOfYBsG$aM5Revn
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