H-6460: Finish ds-components beta recipe cleanup by lunelson · Pull Request #8673 · hashintel/hash

lunelson · 2026-04-29T11:07:29Z

🌟 What is the purpose of this PR?

Finish the remaining @hashintel/ds-components beta-structure cleanup for H-6460 by flattening the lingering src/beta component layout, converting the last Panda config recipes to runtime recipes, and removing transitional preset and Figma tooling leftovers that are no longer part of the package workflow.

🔗 Related links

H-6460 (internal)
Existing PR: H-6460: Finish ds-components beta recipe cleanup #8673

🚫 Blocked by

None

🔍 What does this change?

Flattens the remaining src/beta component roots into the sibling-file pattern (foo.tsx, foo.recipe.ts, foo.stories.ts) and updates affected story imports across the beta surface.
Extends the beta migration codemod and tests in scripts/migrate-beta-fractal-pilots.ts and scripts/migrate-beta-fractal-pilots.test.ts to support the later migration batches and preserve the explicit .recipe / .stories import behavior.
Converts the last remaining Panda defineSlotRecipe(...) holdouts to runtime sva(...) recipes, deletes src/preset/recipes.ts, and removes the temporary recipe registration wiring from src/preset.ts.
Keeps the preset typing workaround as a narrow suppression on colorPalette instead of the broader registry-era suppression.
Removes the current @hashintel/refractive usage from ds-components for now as part of the beta-surface simplification.
Removes cleanup leftovers that were only supporting the migration process, including HANDOFF.md, figma.config.json, and the unused @figma/code-connect dependency.

Pre-Merge Checklist 🚀

🚢 Has this modified a publishable library?

This PR:

does not modify any publishable blocks or libraries, or modifications do not need publishing

📜 Does this require a change to the docs?

The changes in this PR:

are internal and do not require a docs change

🕸️ Does this require a change to the Turbo Graph?

The changes in this PR:

do not affect the execution graph

⚠️ Known issues

Some beta runtime recipes still carry TODO(beta-graduation) export-line suppressions for strict-token issues; those were intentionally left for a later cleanup pass.

🐾 Next steps

Remove the remaining staged beta recipe suppressions as strict-token issues are fixed.
Start graduating stabilized beta components out of src/beta into src/components.

🛡 What tests cover this?

yarn fix:eslint
yarn fix:format
yarn lint:tsc
yarn test:unit
yarn build

❓ How to test this?

Check out ln/ds-random-fixing.
Run yarn fix:eslint, yarn fix:format, yarn lint:tsc, yarn test:unit, and yarn build from libs/@hashintel/ds-components.
Confirm the package still builds cleanly, the codemod tests pass, and src/preset/recipes.ts / figma.config.json are gone.

📹 Demo

N/A

vercel · 2026-04-29T11:07:32Z

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
hash	Error		May 11, 2026 2:23pm
hashdotdesign-tokens	Error		May 11, 2026 2:23pm
petrinaut	Error	Comment	May 11, 2026 2:23pm

lunelson · 2026-04-29T11:07:44Z

This stack of pull requests is managed by Graphite. Learn more about stacking.

cursor · 2026-04-29T15:59:24Z

PR Summary

Medium Risk
Broad mechanical refactor across many beta components (file moves, import rewrites, and recipe API migration) that could break build/storybook wiring if any paths or variant typings are missed, but it stays within the beta surface and is largely systematic.

Overview
Completes the src/beta cleanup by flattening remaining components to a sibling-file layout (<component>.tsx, <component>.recipe.ts, <component>.stories.ts) and updating story/component imports accordingly.

Migrates beta styling from Panda defineRecipe/defineSlotRecipe to runtime cva/sva recipes with local recipe imports, adding staged @ts-expect-error suppressions where strict-token issues remain.

Adds a scripts/migrate-beta-fractal-pilots.ts codemod (with Vitest coverage) to automate the file moves and specifier rewrites, and removes leftover tooling/config (e.g., figma.config.json, @figma/code-connect, and @hashintel/refractive dependency/peerDependency entries).

^{Reviewed by Cursor Bugbot for commit ae4853c. Bugbot is set up for automated code reviews on this repo. Configure here.}

augmentcode · 2026-04-29T17:23:50Z

🤖 Augment PR Summary

Summary: This PR removes the @hashintel/refractive dependency from @hashintel/ds-components.

Changes:

Drops @hashintel/refractive from both dependencies and peerDependencies.
Replaces <refractive.div> usage in SegmentedControl, Slider, and Switch with plain <div> elements.
Implements replacement “glass”/thumb visuals using Panda CSS (e.g. backdropFilter, borders, gradients, shadows).

Technical Notes: This keeps the Ark UI structure intact while eliminating the refractive SVG-filter based effect and its dependency edge.

_{🤖 Was this summary useful? React with 👍 or 👎}

augmentcode

Review completed. 1 suggestion posted.

Comment augment review to trigger a new review at any time.

Amp-Thread-ID: https://ampcode.com/threads/T-019e01d6-155c-75ba-95ec-f6520abe62fe Co-authored-by: Amp <amp@ampcode.com>

Amp-Thread-ID: https://ampcode.com/threads/T-019e01f6-7782-74d7-9692-69f8c40b243d Co-authored-by: Amp <amp@ampcode.com>

Amp-Thread-ID: https://ampcode.com/threads/T-019e0264-82c6-775a-b63f-3b6ff8006e1d Co-authored-by: Amp <amp@ampcode.com>

Latest approval commit 0722077 is not an ancestor of 9a751ad, indicating rewritten history after approval

See the output of git range-diff at https://github.com/hashintel/hash/actions/runs/25673305708

cursor

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

There are 2 total unresolved issues (including 1 from previous review).

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

^{Reviewed by Cursor Bugbot for commit 4046ab5. Configure here.}

github-actions Bot added area/deps Relates to third-party dependencies (area) area/libs Relates to first-party libraries/crates/packages (area) type/eng > frontend Owned by the @frontend team area/apps > hash.design Affects the `hash.design` design site (app) labels Apr 29, 2026

lunelson mentioned this pull request Apr 29, 2026

FE-219: port and wire all components from park-ui, as stubs #8670

Merged

4 tasks

vercel Bot deployed to Preview – petrinaut April 29, 2026 11:11 View deployment

vercel Bot deployed to Preview – hash April 29, 2026 11:20 View deployment

lunelson marked this pull request as ready for review April 29, 2026 15:59

graphite-app Bot assigned lunelson Apr 29, 2026

graphite-app Bot requested a review from a team April 29, 2026 16:00

cursor Bot reviewed Apr 29, 2026

View reviewed changes

Comment thread libs/@hashintel/ds-components/src/components/Switch/switch.tsx

lunelson force-pushed the ln/fe-219-stub-park-ui-patterns branch from bcf3239 to 980f377 Compare April 29, 2026 16:19

lunelson force-pushed the ln/ds-random-fixing branch from 4982a3f to ea67c84 Compare April 29, 2026 16:19

cursor Bot reviewed Apr 29, 2026

View reviewed changes

Comment thread libs/@hashintel/ds-components/src/components/Switch/switch.tsx

vercel Bot deployed to Preview – petrinaut April 29, 2026 16:23 View deployment

vercel Bot deployed to Preview – hash April 29, 2026 16:32 View deployment

augmentcode Bot reviewed Apr 29, 2026

View reviewed changes

Comment thread libs/@hashintel/ds-components/src/components/Slider/slider.tsx

lunelson force-pushed the ln/fe-219-stub-park-ui-patterns branch from 980f377 to 86889ff Compare April 29, 2026 20:05

lunelson force-pushed the ln/ds-random-fixing branch from ea67c84 to 0d5eb4a Compare April 29, 2026 20:05

cursor Bot reviewed Apr 29, 2026

View reviewed changes

Comment thread libs/@hashintel/ds-components/src/components/Switch/switch.tsx

lunelson marked this pull request as draft April 29, 2026 20:06

lunelson changed the title ~~Remove refractive from ds-components~~ WIP removals, refinements Apr 29, 2026

vercel Bot deployed to Preview – petrinaut April 29, 2026 20:09 View deployment

vercel Bot deployed to Preview – hash April 29, 2026 20:17 View deployment

Base automatically changed from ln/fe-219-stub-park-ui-patterns to main April 30, 2026 10:40

github-actions Bot added the area/infra Relates to version control, CI, CD or IaC (area) label Apr 30, 2026

lunelson and others added 8 commits May 11, 2026 11:57

Refactor final ds-components beta batch

88109f4

Amp-Thread-ID: https://ampcode.com/threads/T-019e01d6-155c-75ba-95ec-f6520abe62fe Co-authored-by: Amp <amp@ampcode.com>

Refactor ds-components drawer tags toast batch

8e14b3b

Amp-Thread-ID: https://ampcode.com/threads/T-019e01f6-7782-74d7-9692-69f8c40b243d Co-authored-by: Amp <amp@ampcode.com>

Refactor ds-components date dialog field batch

434c3a0

Amp-Thread-ID: https://ampcode.com/threads/T-019e01f6-7782-74d7-9692-69f8c40b243d Co-authored-by: Amp <amp@ampcode.com>

Finish ds-components beta flattening

63fac6d

Amp-Thread-ID: https://ampcode.com/threads/T-019e01f6-7782-74d7-9692-69f8c40b243d Co-authored-by: Amp <amp@ampcode.com>

Remove ds preset recipe registry

a9b96b0

Amp-Thread-ID: https://ampcode.com/threads/T-019e0264-82c6-775a-b63f-3b6ff8006e1d Co-authored-by: Amp <amp@ampcode.com>

Remove ds-components handoff

499e3cb

Amp-Thread-ID: https://ampcode.com/threads/T-019e0264-82c6-775a-b63f-3b6ff8006e1d Co-authored-by: Amp <amp@ampcode.com>

Remove unused ds-components figma config

f232d5e

Amp-Thread-ID: https://ampcode.com/threads/T-019e0264-82c6-775a-b63f-3b6ff8006e1d Co-authored-by: Amp <amp@ampcode.com>

fix types on collapsibleRecipe

9a751ad

lunelson force-pushed the ln/ds-random-fixing branch from 0722077 to 9a751ad Compare May 11, 2026 10:18

vercel Bot deployed to Preview – hashdotdesign-tokens May 11, 2026 10:21 View deployment

cursor Bot reviewed May 11, 2026

View reviewed changes

Comment thread libs/@hashintel/ds-components/src/beta/carousel.tsx Outdated

vercel Bot deployed to Preview – petrinaut May 11, 2026 10:22 View deployment

vercel Bot deployed to Preview – hash May 11, 2026 10:31 View deployment

alex-e-leon previously approved these changes May 11, 2026

View reviewed changes

fix review comments

4046ab5

vercel Bot deployed to Preview – hashdotdesign-tokens May 11, 2026 13:33 View deployment

vercel Bot deployed to Preview – petrinaut May 11, 2026 13:34 View deployment

cursor Bot reviewed May 11, 2026

View reviewed changes

Comment thread libs/@hashintel/ds-components/src/beta/collapsible.recipe.ts

vercel Bot deployed to Preview – hash May 11, 2026 13:39 View deployment

fix failed checks run

ae4853c

vercel Bot deployed to Preview – hash May 11, 2026 14:23 View deployment

vercel Bot had a problem deploying to Preview – petrinaut May 11, 2026 14:23 Failure

vercel Bot had a problem deploying to Preview – hashdotdesign-tokens May 11, 2026 14:23 Failure

alex-e-leon approved these changes May 11, 2026

View reviewed changes

lunelson added this pull request to the merge queue May 11, 2026

Merged via the queue into main with commit 5b3da5e May 11, 2026
49 of 53 checks passed

lunelson deleted the ln/ds-random-fixing branch May 11, 2026 15:51

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

H-6460: Finish ds-components beta recipe cleanup#8673

H-6460: Finish ds-components beta recipe cleanup#8673
lunelson merged 22 commits into
mainfrom
ln/ds-random-fixing

lunelson commented Apr 29, 2026 •

edited

Loading

Uh oh!

vercel Bot commented Apr 29, 2026 •

edited

Loading

Uh oh!

lunelson commented Apr 29, 2026 •

edited

Loading

Uh oh!

cursor Bot commented Apr 29, 2026 •

edited

Loading

Uh oh!

Uh oh!

Uh oh!

augmentcode Bot commented Apr 29, 2026

Uh oh!

augmentcode Bot left a comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

cursor Bot left a comment

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Milestone

Development

Uh oh!

3 participants

Conversation

lunelson commented Apr 29, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🌟 What is the purpose of this PR?

🔗 Related links

🚫 Blocked by

🔍 What does this change?

Pre-Merge Checklist 🚀

🚢 Has this modified a publishable library?

📜 Does this require a change to the docs?

🕸️ Does this require a change to the Turbo Graph?

⚠️ Known issues

🐾 Next steps

🛡 What tests cover this?

❓ How to test this?

📹 Demo

Uh oh!

vercel Bot commented Apr 29, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

lunelson commented Apr 29, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

cursor Bot commented Apr 29, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

PR Summary

Uh oh!

Uh oh!

Uh oh!

augmentcode Bot commented Apr 29, 2026

Uh oh!

augmentcode Bot left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

cursor Bot left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Milestone

Development

Uh oh!

3 participants

lunelson commented Apr 29, 2026 •

edited

Loading

vercel Bot commented Apr 29, 2026 •

edited

Loading

lunelson commented Apr 29, 2026 •

edited

Loading

cursor Bot commented Apr 29, 2026 •

edited

Loading