feat(design-system): add hostmap, tailwind merge, other

[alexfreska]

The PR adds a few components for use in indexd, and also cleans up the units storage helpers used across apps.

design-system

• Added cn tailwind class merging helper.
• ValueCopyable now shows the display value as hover title.
• Added CountryFlag.
• Added HostMap.

units

• Added country code helpers.
• Storage helpers refactored for v2-only and modular usage.

[changeset-bot]

🦋 Changeset detected

Latest commit: 76e9c68

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 4 packages

Name	Type
@siafoundation/design-system	Minor
@siafoundation/units	Minor
indexd	Patch
@siafoundation/indexd-react	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
explorer	❌ Failed (Inspect)			Aug 1, 2025 8:57pm
explorer-zen	❌ Failed (Inspect)			Aug 1, 2025 8:57pm
indexd	❌ Failed (Inspect)			Aug 1, 2025 8:57pm
renterd	❌ Failed (Inspect)			Aug 1, 2025 8:57pm

1 Skipped Deployment

Name	Status	Preview	Comments	Updated (UTC)
hostd	⬜️ Ignored (Inspect)	Visit Preview		Aug 1, 2025 8:57pm

[alexfreska]

• feat(indexd): contract explorer #1232
• feat(indexd): host explorer filter sort #1230
• feat(indexd): host explorer #1226
• feat(design-system): data table #1231
• feat(design-system): add hostmap, tailwind merge, other #1228 👈 (View in Graphite)
• feat(indexd): siascan explorer data #1225
• chore: upgrade bignumber #1227
• main

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

[Copilot]

Pull Request Overview

This PR adds new data visualization components and refactors storage helpers to support v2-only host operations. The main focus is adding a DataTable component with TanStack integration, a HostMap visualization, and improved country handling utilities.

• Refactored storage utilities to work exclusively with V2HostSettings instead of mixed v1/v2 support
• Added TanStack-based DataTable with virtualization, filtering, and pagination
• Added HostMap component for geographical visualization of hosts
• Added country utilities and CountryFlag component for better internationalization

Reviewed Changes

Copilot reviewed 31 out of 33 changed files in this pull request and generated 4 comments.

Show a summary per file

File	Description
libs/units/src/storage.ts	Refactored storage cost calculations to use V2HostSettings exclusively
libs/units/src/country.ts	Added country utilities and improved error handling for country codes
libs/design-system/src/app/DataTable/*	New TanStack-based data table implementation with virtualization
libs/design-system/src/app/HostMap/*	New geographical host visualization component
libs/design-system/src/components/CountryFlag.tsx	New component for displaying country flags with proper accessibility
libs/design-system/src/lib/ui.ts	Added tailwind class merging utility function

Comments suppressed due to low confidence (1)

libs/units/src/storage.spec.ts:30

• The test expects '$8.64/TB' but the function displayStoragePricePerTBPerMonth should append '/month' suffix based on the perMonth: true parameter in the implementation. The expected value should be '$8.64/TB/month'.

  ).toEqual('$8.64/TB')