1e283daf13
Container recovery: - Health monitor: MAX_RESTART_ATTEMPTS 3→10, interval 60s→120s - Dependency-aware restarts: won't restart services before their deps - Reset dependent counters when a dependency recovers - Handle "created" state containers (were invisible to health monitor) - Added IndeedHub, mempool-api, mysql to tier system - Crash recovery: podman start timeout 30s→120s with retry - Podman client: socket timeout 5s→30s, added restart policy UI state representation: - Exit code 0 shows "stopped" (gray), not "crashed" (red) - Exit code 137 shows "killed (OOM)" - Non-zero exit shows "crashed" (red) - Added exit_code field to PackageDataEntry Install/uninstall fixes: - Install returns error when container doesn't start (was silent success) - Post-install hooks awaited instead of fire-and-forget tokio::spawn - Uninstall: graceful rm before force, volume prune, network cleanup - Uninstall returns error on partial failure (was 200 OK) Config consistency: - DB passwords read from /var/lib/archipelago/secrets/ (was hardcoded) - Bitcoin: added ZMQ ports 28332/28333 for LND block notifications - IndeedHub port 7777→8190 (was conflicting with strfry) - Marketplace versions: LND 0.17.4→0.18.4, Mempool 2.5.0→3.0.0 Performance: - Metrics collector interval 60s→300s (was duplicating health monitor) - Podman client: proper error propagation instead of unwrap_or_default Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
27 lines
884 B
Markdown
27 lines
884 B
Markdown
# Polish: Loading States
|
|
|
|
Every async view needs 3 states: loading skeleton, empty state, timeout warning.
|
|
|
|
## Skeleton Pattern
|
|
```vue
|
|
<div v-if="isLoading"><!-- skeleton matching layout --></div>
|
|
<div v-else-if="items.length === 0" class="glass-card text-center py-12">
|
|
<p class="text-white/60">No items yet</p>
|
|
</div>
|
|
<div v-else><!-- real content --></div>
|
|
```
|
|
|
|
## Timeout Warning
|
|
After 15s show "Taking longer than expected...", after 30s show troubleshooting.
|
|
```typescript
|
|
const loadingTooLong = ref(false)
|
|
const timeout = setTimeout(() => { loadingTooLong.value = true }, 15000)
|
|
watch(isLoading, (val) => { if (!val) clearTimeout(timeout) })
|
|
```
|
|
|
|
## Priority Views
|
|
Apps.vue, AppDetails.vue, Marketplace.vue, Dashboard.vue, Cloud.vue, Settings.vue, Server.vue
|
|
|
|
## Verify
|
|
Each view has: `isLoading` ref, skeleton section, empty state, timeout warning. Use global classes only.
|