mirror of
https://github.com/jhd3197/ServerKit.git
synced 2026-10-30 08:36:55 +09:00
Juan DenisandClaude Opus 5
bc91040076
Three things the table was getting wrong now that it is the page: Health is hidden by default. On a typical host almost every row read "No healthcheck" -- the column spent its width restating that the image never declared one, and Status already says "(healthy)" for the few that do. It is one click away in the column menu, and the "Unhealthy or unwatched" view turns it back on, which is where it actually says something. Created rendered docker's raw "2026-08-12 09:12:33 -0400 EDT" -- 29 characters of which the last 14 are never what you came to read -- in an auto-width column, so it ran underneath the row actions. It shows an age now, with the full stamp on hover; the filter still works on the real date because `value` is untouched. Created, Resources and the actions column all get explicit widths so they stop colliding. Selection: checkboxes plus a bulk bar for restart/stop/start. Remove is deliberately absent -- bulk-deleting containers from a checkbox is a mistake you cannot undo, and the per-row action already asks. Protected system containers are skipped with a count, not silently failed, and each container is actioned individually so one failure is reported against the container that failed rather than aborting the rest. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
React Dashboard Template
A modern React dashboard application boilerplate built with Vite, featuring routing, charts, and a sidebar layout for building data-driven web interfaces.
Features
- React 18 with functional components and hooks
- Vite for fast development and building
- React Router for client-side routing
- Recharts for data visualization
- Lucide React for icons
- ESLint for code linting
- Responsive sidebar layout
- Dashboard page with sample components
Getting Started
Prerequisites
- Node.js 16+ and npm
Installation
- Clone or download this template
- Install dependencies:
npm install
Development
Start the development server:
npm run dev
The app will be available at http://localhost:41921.
Building for Production
Build the app for deployment:
npm run build
The output will be in the dist/ directory.
Preview Production Build
npm run preview
Project Structure
src/
├── App.jsx # Main app with routing
├── main.jsx # Entry point
├── index.css # Global styles
├── components/
│ └── Sidebar.jsx # Navigation sidebar
├── layouts/
│ └── DashboardLayout.jsx # Main layout wrapper
└── pages/
└── Dashboard.jsx # Main dashboard page
Customization
- Modify components in
src/components/ - Add new pages in
src/pages/ - Update routes in
App.jsx - Customize styles in
index.cssor component files
Environment Variables
Create a .env file in the root for environment variables:
VITE_API_URL=https://api.example.com
Access them in code via import.meta.env.VITE_API_URL.
Contributing
See the documentation files for AI agent permissions and guidelines.