Add back relationship badge count in tab (#2498)

* Add back relationship badge count in tab

* Update playwright

* Use single quotes

Author: Alex-Tideman

Diff for: package.json

@@ -120,7 +120,7 @@
     "@babel/preset-typescript": "^7.18.6",
     "@chromatic-com/storybook": "^1.5.0",
     "@grpc/grpc-js": "^1.8.22",
-    "@playwright/test": "^1.44.1",
+    "@playwright/test": "^1.49.1",
     "@storybook/addon-a11y": "^8.1.10",
     "@storybook/addon-essentials": "^8.1.10",
     "@storybook/addon-interactions": "^8.1.10",

Diff for: pnpm-lock.yaml

@@ -19,10 +19,12 @@
   import Tabs from '$lib/holocene/tab/tabs.svelte';
   import { translate } from '$lib/i18n/translate';
   import { fullEventHistory } from '$lib/stores/events';
+  import { namespaces } from '$lib/stores/namespaces';
   import { resetWorkflows } from '$lib/stores/reset-workflows';
   import { workflowRun } from '$lib/stores/workflow-run';
   import { workflowsSearchParams } from '$lib/stores/workflows';
   import { isCancelInProgress } from '$lib/utilities/cancel-in-progress';
+  import { getWorkflowRelationships } from '$lib/utilities/get-workflow-relationships';
   import { has } from '$lib/utilities/has';
   import { pathMatches } from '$lib/utilities/path-matches';
   import {
@@ -57,6 +59,11 @@
   $: workflowUsesVersioning =
     workflow?.assignedBuildId ??
     workflow?.mostRecentWorkerVersionStamp?.useVersioning;
+  $: workflowRelationships = getWorkflowRelationships(
+    workflow,
+    $fullEventHistory,
+    $namespaces,
+  );
 
   $: summary = $workflowRun?.userMetadata?.summary;
   $: details = $workflowRun?.userMetadata?.details;
@@ -223,7 +230,11 @@
           $page.url.pathname,
           routeForRelationships(routeParameters),
         )}
-      ></Tab>
+      >
+        <Badge type="primary" class="px-2 py-0">
+          {workflowRelationships.relationshipCount}
+        </Badge></Tab
+      >
       <Tab
         label={translate('workflows.workers-tab')}
         id="workers-tab"

Diff for: src/lib/layouts/workflow-header.svelte

@@ -710,9 +710,9 @@ export async function fetchAllRootWorkflows(
   rootWorkflowId: string,
   rootRunId?: string,
 ): Promise<RootNode | undefined> {
-  let query = `RootWorkflowId = "${rootWorkflowId}"`;
+  let query = `RootWorkflowId = '${rootWorkflowId}'`;
   if (rootRunId) {
-    query += ` AND RootRunId = "${rootRunId}"`;
+    query += ` AND RootRunId = '${rootRunId}'`;
   }
 
   const root = await fetchWorkflow({