fix(platform): make topology probe fallback truthful

Signed-off-by: master <>

src/Web/StellaOps.Web/angular.json

@@ -114,11 +114,21 @@
             ]
           }
         },
-        "storybook": {
-          "builder": "@storybook/angular:start-storybook",
-          "options": {
-            "configDir": ".storybook",
-            "browserTarget": "stellaops-web:build",
+        "test-topology": {
+          "builder": "@angular/build:unit-test",
+          "options": {
+            "tsConfig": "tsconfig.spec.topology.json",
+            "buildTarget": "stellaops-web:build:development",
+            "runner": "vitest",
+            "runnerConfig": "vitest.codex.config.ts",
+            "setupFiles": ["src/test-setup.ts"]
+          }
+        },
+        "storybook": {
+          "builder": "@storybook/angular:start-storybook",
+          "options": {
+            "configDir": ".storybook",
+            "browserTarget": "stellaops-web:build",
             "compodoc": false,
             "port": 6006
           }

src/Web/StellaOps.Web/package.json

@@ -10,6 +10,7 @@
     "analyze:source-map": "ng build --source-map && npx source-map-explorer dist/stellaops-web/browser/*.js",
     "watch": "ng build --watch --configuration development",
     "test": "ng test --watch=false",
+    "test:topology": "ng run stellaops-web:test-topology --watch=false",
     "test:watch": "ng test",
     "test:ci": "npm run test",
     "test:e2e": "playwright test",

src/Web/StellaOps.Web/src/app/features/reachability/reachability-why-drawer.component.ts

@@ -364,8 +364,7 @@ export class ReachabilityWhyDrawerComponent {
         if (!this.open()) return;
         if (!this.component()) return;
         void this.refresh();
-      },
-      { allowSignalWrites: true }
+      }
     );
   }
 

src/Web/StellaOps.Web/src/app/features/topology/topology-environment-detail-page.component.ts

@@ -581,7 +581,7 @@ function severityToStatus(s: string): 'error' | 'warning' | 'info' | 'neutral' {
       display: inline-flex;
       align-items: center;
       justify-content: center;
-      background: color-mix(in srgb, var(--color-brand-soft, rgba(59,130,246,0.12)) 75%, transparent);
+      background: var(--color-brand-soft, rgba(59,130,246,0.12));
       color: var(--color-text-link, var(--color-brand, #3b82f6));
       font-size: 1rem;
       font-weight: 700;
@@ -896,7 +896,7 @@ export class TopologyEnvironmentDetailPageComponent {
     this.context.initialize();
     effect(() => {
       this.helperCtx.setScope('topology-environment-detail', this.helperContexts());
-    }, { allowSignalWrites: true });
+    });
     this.destroyRef.onDestroy(() => this.helperCtx.clearScope('topology-environment-detail'));
     this.route.paramMap.subscribe(params => {
       const id = params.get('environmentId') ?? '';

src/Web/StellaOps.Web/src/app/features/topology/topology-hosts-page.component.ts

@@ -689,7 +689,7 @@ export class TopologyHostsPageComponent {
 
     effect(() => {
       this.helperCtx.setScope('topology-hosts', this.helperContexts());
-    }, { allowSignalWrites: true });
+    });
     this.destroyRef.onDestroy(() => this.helperCtx.clearScope('topology-hosts'));
   }
 

src/Web/StellaOps.Web/src/app/features/topology/topology-shell.component.ts

@@ -42,8 +42,8 @@ import { RouterOutlet } from '@angular/router';
       width: 42px;
       height: 42px;
       border-radius: var(--radius-md);
-      background: color-mix(in srgb, var(--color-brand-primary) 10%, var(--color-surface-primary));
-      border: 1px solid color-mix(in srgb, var(--color-brand-primary) 25%, var(--color-border-primary));
+      background: var(--color-brand-soft, rgba(59, 130, 246, 0.12));
+      border: 1px solid rgba(59, 130, 246, 0.2);
       color: var(--color-brand-primary);
       flex-shrink: 0;
     }

src/Web/StellaOps.Web/tsconfig.spec.topology.json

@@ -0,0 +1,17 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/spec-topology",
+    "types": [
+      "vitest/globals"
+    ]
+  },
+  "include": [
+    "src/app/core/testing/**/*.spec.ts",
+    "src/**/*.d.ts",
+    "src/test-setup.ts"
+  ],
+  "exclude": [
+    "src/**/*.e2e.spec.ts"
+  ]
+}

src/Web/StellaOps.Web/vitest.codex.config.ts

@@ -6,11 +6,6 @@ export default defineConfig({
     environment: 'jsdom',
     setupFiles: ['src/test-setup.ts'],
     pool: 'threads',
-    poolOptions: {
-      threads: {
-        singleThread: true,
-      },
-    },
     fileParallelism: false,
     isolate: false,
     maxWorkers: 1,