fix(dev): support configurable hosts and light-mode surfaces

Add configurable bind addresses and Vite protocols for development networking, and improve light-mode styling for logs and unsaved-change controls.

tests/Feature/DeploymentLogToolbarStyleTest.php

@@ -11,11 +11,15 @@ test('active deployment log controls use a coollabs background and white icon',
 
 test('deployment logs use light surfaces in light mode and dark surfaces in dark mode', function () {
     $view = file_get_contents(resource_path('views/livewire/project/application/deployment/show.blade.php'));
+    $styles = file_get_contents(resource_path('css/app.css'));
 
     expect($view)
         ->toContain('bg-white text-neutral-800')
-        ->toContain('dark:bg-[#0d0d0d] dark:text-neutral-100')
-        ->toContain('border-neutral-200 shadow-sm dark:border-neutral-800')
+        ->toContain('dark:bg-log dark:text-neutral-100')
+        ->toContain('border-neutral-200 shadow-sm dark:border-coolgray-200')
         ->toContain('border-neutral-200! bg-white!')
-        ->toContain('dark:border-white/[0.08]! dark:bg-white/[0.05]!');
+        ->toContain('dark:border-white/[0.08]! dark:bg-white/[0.05]!')
+        ->and($styles)
+        ->toMatch('/\.logs-viewer\s*\{[^}]*background:\s*#fff;[^}]*color:\s*#262626;/s')
+        ->toMatch('/\.dark \.logs-viewer\s*\{[^}]*background:\s*var\(--color-log\);/s');
 });

tests/Feature/DeploymentLogsLayoutTest.php

@@ -117,6 +117,8 @@ it('uses a mobile-friendly stacked logs toolbar markup', function () {
         ->toContain('.logs-viewer-actions')
         ->toContain('.logs-viewer-deployment-actions')
         ->toContain('.logs-settings-section')
+        ->toContain('padding: 0.5rem 0.75rem 2rem;')
+        ->toContain('padding: 0.5rem 1rem 2rem;')
         ->toContain('flex-direction: column')
         ->toContain('@media (min-width: 640px)');
 

tests/Feature/SentinelUnsavedBarFlashTest.php

@@ -47,6 +47,25 @@ test('unsaved bar saves with enter and shows the shortcut on the save button', f
         ->toContain('Enter</kbd>');
 });
 
+test('unsaved bar keyboard shortcut remains visible in light mode', function () {
+    $contents = file_get_contents(resource_path('views/components/unsaved-bar.blade.php'));
+
+    expect($contents)
+        ->toContain('border-coollabs/20 bg-coollabs/10')
+        ->toContain('text-coollabs-200')
+        ->toContain('dark:border-white/20 dark:bg-white/10 dark:text-white/75');
+});
+
+test('unsaved bar uses a light surface in light mode', function () {
+    $contents = file_get_contents(resource_path('views/components/unsaved-bar.blade.php'));
+
+    expect($contents)
+        ->toContain('border-neutral-200 bg-white')
+        ->toContain('text-neutral-800 dark:text-fg')
+        ->toContain('bg-neutral-100')
+        ->toContain('dark:bg-white/[0.07]');
+});
+
 test('unsaved bar stays above floating notifications so save actions remain accessible', function () {
     $unsavedBar = file_get_contents(resource_path('views/components/unsaved-bar.blade.php'));
     $popup = file_get_contents(resource_path('views/components/popup-small.blade.php'));