valknar
e1e571754a
Imports the visual direction from a claude.ai/design session ("PulseNode
Dashboard.dc.html") and reconciles it with the app's existing choices
rather than a wholesale swap: kept the IBM Plex Sans/Mono + Space
Grotesk typography and the pulse-green accent concept from the earlier
pass, adopted the imported design's structural ideas - a real
tonal/elevation token system (derived divider/muted colors via
color-mix instead of hardcoded per-theme duplicates, actual box-shadow
elevation), a 12-column bento grid with per-widget-type column spans
instead of uniform equal-width cards, fading-edge section dividers,
and a shared WidgetCard/MetricBar/StatusTag vocabulary so every widget
type stops repeating its own card markup.
Icons come from @phosphor-icons/react's /ssr entrypoint (bundled at
build time) rather than the imported design's unpkg.com CDN script -
that script is fine for the standalone design-tool preview, but a
runtime third-party call would break the self-hosted-only principle
already established (fonts self-hosted via next/font, no external
requests). New app/icon.svg reuses the same nav badge mark as the
favicon, replacing the never-touched create-next-app default.
Two new pieces of real functionality prompted by the design's mockup
toast/live-indicator, not just decoration: a "live" WebSocket
connection-status indicator (lib/ws/client.ts now tracks and exposes
real connection state), and a toast that fires on actual config:update
and config:error events - the latter finally surfaces config validation
failures in the browser, previously visible only in server logs despite
being designed for exactly this back in M1.
40 lines
929 B
JSON
40 lines
929 B
JSON
{
|
|
"name": "pulsenode",
|
|
"version": "0.1.0",
|
|
"private": true,
|
|
"scripts": {
|
|
"dev": "tsx watch server.ts",
|
|
"build": "next build",
|
|
"start": "NODE_ENV=production tsx server.ts",
|
|
"lint": "eslint"
|
|
},
|
|
"dependencies": {
|
|
"@phosphor-icons/react": "^2.1.10",
|
|
"chokidar": "^5.0.0",
|
|
"dockerode": "^5.0.1",
|
|
"dotenv": "^17.4.2",
|
|
"next": "16.3.1",
|
|
"p-limit": "^7.3.1",
|
|
"react": "19.2.8",
|
|
"react-dom": "19.2.8",
|
|
"systeminformation": "^5.33.1",
|
|
"tsx": "^4.23.12",
|
|
"ws": "^8.21.3",
|
|
"yaml": "^2.9.0",
|
|
"zod": "^4.4.3"
|
|
},
|
|
"devDependencies": {
|
|
"@tailwindcss/postcss": "^4",
|
|
"@types/dockerode": "^4.0.1",
|
|
"@types/node": "^20",
|
|
"@types/react": "^19",
|
|
"@types/react-dom": "^19",
|
|
"@types/ws": "^8.18.1",
|
|
"eslint": "^9",
|
|
"eslint-config-next": "16.3.1",
|
|
"tailwindcss": "^4",
|
|
"typescript": "^5"
|
|
},
|
|
"packageManager": "pnpm@11.21.0"
|
|
}
|