docs(mcp-patterns): update empty-state-pine to bordered icon square with stacked actions

[croswell]

Description

Updates the empty-state-pine composition pattern in libs/core/src/stories/resources/mcp-patterns.json to match the new empty-state design.

Changes to the pattern snippet:

• Icon badge changed from a circular colored badge (border-radius="circle", red-300 background, white 40px icon) to a neutral-gray 48x48 rounded square (no border, border-radius="md", --pine-color-background-inset) with a centered neutral-colored 24px icon.
• Actions changed from a side-by-side secondary + primary row to a stacked column: primary action on top of a tertiary "Learn more" button.
• Inner boxes use flex="none" so the badge stays a 48x48 square and the sections stay centered as a group in tall panels (pds-box defaults to flex-grow: 1).
• Title/description wrapped in their own column box and copy adjusted so the example is coherent.
• Updated description and notes to describe the new gray-square + stacked-actions layout.

The pattern is composed entirely from existing primitives (pds-box, pds-icon, pds-text, pds-button) — no new component or props. It renders live in Storybook under Resources → Patterns via PatternCatalog.

Design preview

Static preview of the new recipe (light + dark) — neutral-gray 48x48 icon square (no border, md corner radius, --pine-color-background-inset fill) with a 24px icon. Note: this is an approximate render for design review, not a live Storybook/Stencil build.

Empty state new design preview (light and dark)

Type of change

• This change requires a documentation update

How Has This Been Tested?

• other: Validated that mcp-patterns.json is still well-formed JSON. Pattern renders via the existing PatternCatalog Storybook page; no build/codegen needed since there are no .tsx changes. Included a static headless-Chrome preview of the recipe for design review. Addressed Bugbot review: added flex="none" to inner boxes to prevent the badge stretching (pds-box defaults to flex-grow: 1).

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my code
• I have made corresponding changes to the documentation
• My changes generate no new warnings

_{To show artifacts inline, enable in settings.}

  

[netlify]

✅ Deploy Preview for pine-design-system ready!

Name	Link
🔨 Latest commit	03f85e6
🔍 Latest deploy log	https://app.netlify.com/projects/pine-design-system/deploys/6a5d35c21058ed00080235d1
😎 Deploy Preview	https://deploy-preview-781--pine-design-system.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[cursor]

Cursor Bugbot has reviewed your changes using default effort and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

Want higher recall? High effort reviews run extra passes and find more bugs. A team admin can switch effort levels in the Cursor dashboard.

^{Reviewed by Cursor Bugbot for commit 7c7b364. Configure here.}