Add DiskSpaceService and DiskSpaceBar component for monitoring disk usage

Implement DiskSpaceService to provide snapshots of disk space usage, including total, free, and used bytes, as well as human-readable formats. Create DiskSpaceBar component to display disk usage information in the UI, including a progress bar that visually represents used space. Update app layout to include the DiskSpaceBar and add tests to ensure functionality of the disk space service and its integration in the layout.
2026-08-12 16:33:57 +02:00
parent 1dcdfc0ed0
commit 352b564f3a
5 changed files with 217 additions and 0 deletions
@@ -7,6 +7,8 @@
    @vite(['resources/css/app.css', 'resources/js/app.js'])
 </head>
 <body class="min-h-screen bg-stone-100 text-stone-900 antialiased">
+    <x-disk-space-bar />
+
    <header class="border-b border-stone-200 bg-white">
        <div class="mx-auto flex max-w-5xl items-center justify-between gap-4 px-4 py-4 sm:px-6">
            <a href="{{ route('recordings.index') }}" class="text-lg font-semibold tracking-tight text-teal-800">