Tracing dashboard

[mpangrazzi]

Adds the first built-in Hayhooks tracing dashboard for local debugging, with a React/Vite UI mounted at /dashboard and backed by an in-process live trace buffer.

Summary

• Adds a live trace dashboard with entrypoint filtering, trace cards, nested span waterfall, selected-span tags, freshness/error states, dark mode, and slow-component highlighting.
• Adds dashboard APIs for config, entrypoints, trace pagination, and clearing traces, with cursor-based polling, custom dashboard path support, bounded trace/span/tag retention, and safe payload metadata by default.
• Extends Hayhooks tracing so pipeline, OpenAI, MCP, deploy/undeploy, streaming, and optional Haystack component spans can be mirrored locally while preserving OpenTelemetry export compatibility.
• Wires dashboard packaging and CLI support via hayhooks run --with-tracing-dashboard, including runtime frontend builds, prebuilt dist overrides, docs, examples, and a demo trace-generation script.

Test plan

• cd dashboard && npm run lint
• cd dashboard && npm run test
• cd dashboard && npm run build
• hatch run test:types
• pytest tests/test_dashboard_mount.py tests/test_it_dashboard.py tests/test_live_trace_buffer.py tests/test_tracing.py tests/test_cli.py

[socket-security]

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff	Package	Supply Chain Security	Vulnerability	Quality	Maintenance	License
	npm/​class-variance-authority@​0.7.1
	npm/​typescript-eslint@​8.59.0
	npm/​jsdom@​29.1.0
	npm/​@​types/​react-dom@​19.2.3
	npm/​@​types/​react@​19.2.14
	npm/​vitest@​4.1.5
	npm/​clsx@​2.1.1
	npm/​lucide-react@​1.8.0
	npm/​@​types/​node@​24.12.2
	npm/​vite@​8.0.9
	npm/​@​fontsource/​inter@​5.2.8
	npm/​tailwindcss@​4.2.4
	npm/​react@​19.2.5
	npm/​eslint-plugin-react-refresh@​0.5.2
	npm/​globals@​17.5.0
	npm/​tailwind-merge@​3.5.0
	npm/​@​testing-library/​react@​16.3.2
	npm/​tw-animate-css@​1.4.0
	npm/​@​eslint/​js@​9.39.4
	npm/​@​testing-library/​jest-dom@​6.9.1
	npm/​eslint@​9.39.4
	npm/​@​base-ui/​react@​1.4.1
	npm/​@​tailwindcss/​vite@​4.2.4
	npm/​typescript@​6.0.3
	npm/​shadcn@​4.4.0
	npm/​react-dom@​19.2.5
	npm/​@​vitejs/​plugin-react@​6.0.1
	npm/​eslint-plugin-react-hooks@​7.1.1

View full report

[socket-security]

Warning

Review the following alerts detected in dependencies.

According to your organization's Security Policy, it is recommended to resolve "Warn" alerts. Learn more about Socket for GitHub.

Action	Severity	Alert  (click "▶" to expand/collapse)
Warn		License policy violation: npm @fontsource/inter under OFL-1.1 License: OFL-1.1 - The applicable license policy does not permit this license (5) (npm metadata) License: OFL-1.1 - The applicable license policy does not permit this license (5) (package/package.json) License: OFL-1.1 - The applicable license policy does not permit this license (5) (package/LICENSE) From: dashboard/package-lock.json → npm/@fontsource/inter@5.2.8 ℹ Read more on: This package | This alert | What is a license policy violation? Next steps: Take a moment to review the security alert above. Review the linked package source code to understand the potential risk. Ensure the package is not malicious before proceeding. If you're unsure how to proceed, reach out to your security team or ask the Socket team for help at support@socket.dev. Suggestion: Find a package that does not violate your license policy or adjust your policy to allow this package's license. Mark the package as acceptable risk. To ignore this alert only in this pull request, reply with the comment @SocketSecurity ignore npm/@fontsource/inter@5.2.8. You can also ignore all packages with @SocketSecurity ignore-all. To ignore an alert for all future pull requests, use Socket's Dashboard to change the triage state of this alert.
Warn		License policy violation: npm typescript License: LicenseRef-W3C-Community-Final-Specification-Agreement - The applicable license policy does not permit this license (5) (package/ThirdPartyNoticeText.txt) From: dashboard/package-lock.json → npm/typescript@6.0.3 ℹ Read more on: This package | This alert | What is a license policy violation? Next steps: Take a moment to review the security alert above. Review the linked package source code to understand the potential risk. Ensure the package is not malicious before proceeding. If you're unsure how to proceed, reach out to your security team or ask the Socket team for help at support@socket.dev. Suggestion: Find a package that does not violate your license policy or adjust your policy to allow this package's license. Mark the package as acceptable risk. To ignore this alert only in this pull request, reply with the comment @SocketSecurity ignore npm/typescript@6.0.3. You can also ignore all packages with @SocketSecurity ignore-all. To ignore an alert for all future pull requests, use Socket's Dashboard to change the triage state of this alert.

View full report

[anakin87]

Nice!

Approving this small PR 😉