Update AppImage

AppImage/components/health-status-modal.tsx

@@ -29,6 +29,7 @@ interface CategoryCheck {
   status: string
   reason?: string
   details?: any
+  dismissable?: boolean
   [key: string]: any
 }
 
@@ -315,6 +316,8 @@ export function HealthStatusModal({ open, onOpenChange, getApiUrl }: HealthStatu
                         <div className="mt-2 space-y-1">
                           {Object.entries(details).map(([detailKey, detailValue]: [string, any]) => {
                             if (typeof detailValue === "object" && detailValue !== null) {
+                              const isDismissable = detailValue.dismissable !== false
+
                               return (
                                 <div
                                   key={detailKey}
@@ -326,7 +329,7 @@ export function HealthStatusModal({ open, onOpenChange, getApiUrl }: HealthStatu
                                       <span className="ml-1 text-muted-foreground">{detailValue.reason}</span>
                                     )}
                                   </div>
-                                  {(status === "WARNING" || status === "CRITICAL") && (
+                                  {(status === "WARNING" || status === "CRITICAL") && isDismissable && (
                                     <Button
                                       size="sm"
                                       variant="outline"

AppImage/components/storage-overview.tsx

@@ -603,7 +603,12 @@ export function StorageOverview() {
                 )
                 .sort((a, b) => a.name.localeCompare(b.name))
                 .map((storage) => (
-                  <div key={storage.name} className="border rounded-lg p-4">
+                  <div
+                    key={storage.name}
+                    className={`border rounded-lg p-4 ${
+                      storage.status === "error" ? "border-red-500/50 bg-red-500/5" : ""
+                    }`}
+                  >
                     <div className="flex items-center justify-between mb-3">
                       {/* Desktop: Icon + Name + Badge tipo alineados horizontalmente */}
                       <div className="hidden md:flex items-center gap-3">
@@ -625,7 +630,9 @@ export function StorageOverview() {
                           className={
                             storage.status === "active"
                               ? "bg-green-500/10 text-green-500 border-green-500/20"
-                              : "bg-gray-500/10 text-gray-500 border-gray-500/20"
+                              : storage.status === "error"
+                                ? "bg-red-500/10 text-red-500 border-red-500/20"
+                                : "bg-gray-500/10 text-gray-500 border-gray-500/20"
                           }
                         >
                           {storage.status}