feat(FN-2172): add embedded dev server preview panel

- Add usePreviewEmbed hook to derive preview embed URLs and availability state
- Add PreviewIframe component with iframe load/error wiring and deduplicated error callbacks
- Integrate preview panel actions, fallback messaging, and embedded iframe rendering in DevServerView
- Expand test coverage for usePreviewEmbed, PreviewIframe, and DevServerView preview integration scenarios
This commit is contained in:
Fusion
2026-04-20 19:48:32 -07:00
committed by gsxdsm
parent 64f5c0862b
commit b0defea550
8 changed files with 918 additions and 152 deletions

View File

@@ -20,13 +20,16 @@ vi.mock("../../hooks/useDevServerLogs", () => ({
}));
vi.mock("lucide-react", () => ({
AlertTriangle: () => <span data-testid="icon-alert-triangle" />,
ChevronDown: () => <span data-testid="icon-chevron-down" />,
ExternalLink: () => <span data-testid="icon-external-link" />,
Eye: () => <span data-testid="icon-eye" />,
Loader2: () => <span data-testid="icon-loader" />,
Maximize2: () => <span data-testid="icon-maximize" />,
Minimize2: () => <span data-testid="icon-minimize" />,
Monitor: () => <span data-testid="icon-monitor" />,
Play: () => <span data-testid="icon-play" />,
RefreshCw: () => <span data-testid="icon-refresh" />,
RotateCw: () => <span data-testid="icon-rotate" />,
Search: () => <span data-testid="icon-search" />,
Square: () => <span data-testid="icon-square" />,