[Evanfeenstra]

What

The store front (?store=1, what index.stakwork.ai shows a visitor) redesigned, and its Concept lists fixed.

Why

• The store wore the admin console's 12 px type and palette, with insider copy ("the phone book", "the rows of the signed index card").
• A package's page listed every Concept it carries as a chip. openlaw/legal-desk carries 752, so its page was 32,500 px tall. It is about 2,700 px now.
• That page also downloaded 2.7 MB of JSON (every Concept page's text) to draw a list of names.

Changes

Concepts

• One tree everywhere (ConceptTree in Store.tsx): the roots with their counts, a branch opened in place and its children drawn only then, a filter over every page (through src/search.ts). The package page and the Concepts page share it.
• "Under this page" and search results are rows with a one-line description, 24 at a time, then "Show all".
• The top search returns the matching Concept pages as well as packages; / focuses it.
• conceptChildren in store-links.ts (tested) is the tree's branches.

Look

• Its own scale and a darker palette. components.css redefines the shell's palette variables on .store, so the shared .btn, .badge and .md-view follow with no second copy of their rules. Nothing outside .store changes.
• A hero with the index's counts, cards, a package header with a stat strip that jumps to each part, workflows as rows that open to their inputs, steps and agent tools, a sticky aside, skeletons while a read is out, a phone layout.
• A "For agents" block with the one line that adds the store to an MCP client.

Server

• GET /index/packages/:publisher/:name?docs=0 leaves each Concept page's text out (withoutConceptDocs, tested); the store reads a package that way. An index that predates this ignores the parameter, so the page works against either.

Dev

• STRUT_DEV_INDEX=<url> npm run dev in web/ (and the store entry in .claude/launch.json) runs this checkout's store over a deployed index's open reads. That is how this was built and checked against index.stakwork.ai's data.

For the reviewer

• Rebased over Paid runs 8: agents and the store — /public/mcp tools, llms.txt, prices in live items, the store's Run form #620. Its Run form and price badges are kept as they were; the price badge sits in the redesigned live row.
• Not seen with real data: the live-item pages (a publisher's live app, workflow or step, and Paid runs 8: agents and the store — /public/mcp tools, llms.txt, prices in live items, the store's Run form #620's Run panel). The index has no live rows, so they were restyled only through the shared classes and variables. Worth a look on a server that has some.
• Checked: engine and web type-checks, vite build, web/src/store-links.test.ts, web/src/store-run.test.ts, src/packages/index.test.ts; every page in a browser at 1440 px and 390 px against the live index. The full npm test was not run locally.
• The lighter package read takes effect once the index server is redeployed.