[cyzcz]

Summary

Completes the remaining light/dark surface registration and QA sweep follow-ups for @goodwidget/streaming-widget (#255, #263, #36, #254).

Closes #255

Changes

1. Registered light_* and dark_* component sub-themes (packages/streaming-widget/src/config.ts):
   • Added streamingWidgetConfig, streamingSurfaceTheme, and createStreamingWidgetConfig(config) registering both light_* and dark_* themes for all 6 Card-derived surfaces (StreamRow, PoolRow, BalanceCard, EmptyStateCard, ErrorStateCard, SetStreamFormCard).
   • Wired createStreamingWidgetConfig(config) into StreamingWidget and StreamingWidgetPreview, and spread extends: 'Card' + ...streamingSurfaceTheme in components/shared.tsx.
2. Header & Chain Badge Alignment (packages/streaming-widget/src/components/StreamingWidgetView.tsx):
   • Added backgroundColor="$background" to the root YStack container and delegated the GoodDollar header + chain display name badge (getChainDisplayName(chainId)) to <WidgetTabs chainId={state.chainId ?? undefined} />, fixing the exploratory QA finding where raw "Chain 1" was shown instead of the network name.
3. Off-Base SUP Reserve Indicator (packages/streaming-widget/src/components/BalancesTab.tsx):
   • Resolved QA finding B-02 / K-02 ([QA] Streaming widget — full exploratory sweep (ties to PR #256) #263, [GoodBounty] Finalize Streaming Widget PR #36): when chainId !== STREAMING_CHAINS.BASE, SUP Reserve displays a Base only badge and "Switch to Base to manage SUP reserve lockers." guidance with dimmed opacity (0.75) while keeping read-only Base data visible.

Verification

• pnpm --filter @goodwidget/ui --filter @goodwidget/core --filter @goodwidget/embed --filter @goodwidget/streaming-widget build (ESM, CJS, DTS passing)
• pnpm --filter @goodwidget/streaming-widget lint (0 errors, 0 warnings)

[Copilot]

🟡 Changes recommended

Named surface themes ignore effective token overrides, and whole-card opacity reduces small-text contrast below the required 4.5:1 ratio.

2 open issues

• Avoid fading off-Base card content · New
• Generate surface themes from effective token overrides · New

What changed in this PR

Addresses streaming-widget theme and UI follow-ups from #255 and #263 by registering named card surfaces, adopting the shared header, and clarifying off-Base SUP reserve availability.

Changes:

• Registers light/dark themes for six card-derived surfaces and wires configuration into both widget entry points.
• Uses WidgetTabs for the shared header and network display.
• Adds off-Base reserve guidance and corresponding test assertions while retaining read-only data.

File	Description
tests/​widgets/​streaming-widget/​states.spec.ts	Asserts off-Base badge and guidance text.
packages/​streaming-widget/​src/​StreamingWidget.tsx	Applies widget configuration to runtime and preview providers.
packages/​streaming-widget/​src/​index.ts	Exports widget configuration helpers and defaults.
packages/​streaming-widget/​src/​config.ts	Defines light/dark surface themes and configuration merging.
packages/​streaming-widget/​src/​components/​StreamingWidgetView.tsx	Uses the shared header and themed root background.
packages/​streaming-widget/​src/​components/​shared.tsx	Connects named cards to shared surface styling.
packages/​streaming-widget/​src/​components/​BalancesTab.tsx	Adds off-Base reserve messaging, dimming, and spinner gating.

_{Review effort: Balanced}