Misc frontend fixes (#2974)

* fix dependency input warning and extra comma

* clean up buttons during install in marketplace preview

* chore: grayscale and closing action-bar

* fix prerelease precedence

* fix duplicate url for addSsl on ssl proto

* no warning for soft uninstall

* fix: stop logs from repeating disconnected status and add 1 second delay between reconnection attempts

* fix stop on reactivation of critical task

* fix: fix disconnected toast

* fix: updates styles

* fix: updates styles

* misc fixes

* beta.33

* fix updates badge and initialization of marketplace preview controls

---------

Co-authored-by: waterplea <alexander@inkin.ru>
Co-authored-by: Aiden McClelland <me@drbonez.dev>

web/projects/ui/src/app/services/badge.service.ts

@@ -1,5 +1,4 @@
 import { inject, Injectable } from '@angular/core'
-import { Exver } from '@start9labs/shared'
 import { PatchDB } from 'patch-db-client'
 import {
   combineLatest,
@@ -19,13 +18,13 @@ import { MarketplaceService } from 'src/app/services/marketplace.service'
 import { NotificationService } from 'src/app/services/notification.service'
 import { DataModel } from 'src/app/services/patch-db/data-model'
 import { getManifest } from 'src/app/utils/get-package-data'
+import { FilterUpdatesPipe } from '../routes/portal/routes/updates/filter-updates.pipe'
 
 @Injectable({
   providedIn: 'root',
 })
 export class BadgeService {
   private readonly notifications = inject(NotificationService)
-  private readonly exver = inject(Exver)
   private readonly patch = inject<PatchDB<DataModel>>(PatchDB)
   private readonly system$ = inject(OSService).updateAvailable$.pipe(
     map(Number),
@@ -34,6 +33,7 @@ export class BadgeService {
     .watch$('serverInfo', 'ntpSynced')
     .pipe(map(synced => Number(!synced)))
   private readonly marketplaceService = inject(MarketplaceService)
+  private readonly filterUpdatesPipe = inject(FilterUpdatesPipe)
 
   private readonly local$ = inject(ConnectionService).pipe(
     filter(Boolean),
@@ -66,17 +66,9 @@ export class BadgeService {
       ([marketplace, local]) =>
         Object.entries(marketplace).reduce(
           (list, [_, store]) =>
-            store?.packages.reduce(
-              (result, { id, version }) =>
-                local[id] &&
-                this.exver.compareExver(
-                  version,
-                  getManifest(local[id]!).version,
-                ) === 1
-                  ? result.add(id)
-                  : result,
-              list,
-            ) || list,
+            this.filterUpdatesPipe
+              .transform(store?.packages || [], local)
+              .reduce((result, { id }) => result.add(id), list),
           new Set<string>(),
         ).size,
     ),

web/projects/ui/src/app/services/standard-actions.service.ts

@@ -57,6 +57,10 @@ export class StandardActionsService {
       content = `${content}${content ? ' ' : ''}${this.i18n.transform('Services that depend on')} ${title} ${this.i18n.transform('will no longer work properly and may crash.')}`
     }
 
+    if (!content) {
+      return this.doUninstall({ id, force, soft })
+    }
+
     this.dialog
       .openConfirm({
         label: 'Warning',

web/projects/ui/src/app/services/state.service.ts

@@ -1,6 +1,6 @@
 import { inject, Injectable } from '@angular/core'
 import { CanActivateFn, IsActiveMatchOptions, Router } from '@angular/router'
-import { DialogService, i18nPipe } from '@start9labs/shared'
+import { i18nPipe } from '@start9labs/shared'
 import { TUI_TRUE_HANDLER } from '@taiga-ui/cdk'
 import { TuiAlertService } from '@taiga-ui/core'
 import {
@@ -47,9 +47,7 @@ export class StateService extends Observable<RR.ServerState | null> {
   private readonly api = inject(ApiService)
   private readonly router = inject(Router)
   private readonly network$ = inject(NetworkService)
-
   private readonly single$ = new Subject<RR.ServerState>()
-
   private readonly trigger$ = new BehaviorSubject<void>(undefined)
   private readonly poll$ = this.trigger$.pipe(
     switchMap(() =>
@@ -101,7 +99,7 @@ export class StateService extends Observable<RR.ServerState | null> {
             })
             .pipe(
               takeUntil(
-                combineLatest([this.stream$, this.network$]).pipe(
+                combineLatest([this.stream$.pipe(skip(1)), this.network$]).pipe(
                   filter(state => state.every(Boolean)),
                 ),
               ),