enhance(actions): improve matrix job titles, bump actionslib (#39485)

Bump actionslib to v1.3.0 and format matrix job titles like GitHub.

- Matrix values are listed in declaration order, nested arrays and
objects are flattened, null and empty values are skipped
- Expression-evaluated names are trimmed and fall back to the job ID
when blank
- Matrix `include` and `exclude` match keys case-insensitively and
coerce numbers like GitHub

| Matrix | Before | After |
|---|---|---|
| `v: ["a,b"]` | `job (a,b)` | `job (a,b)` |
| `v: ["a, b"]` | `job (a, b)` | `job (a, b)` |
| `v: [[a, b]]` | `job ([a b])` | `job (a, b)` |
| `os: [x], arch: [y]` | `job (y, x)` | `job (x, y)` |
| `v: [{t: a, p: "b,c"}]` | `job (map[p:b,c t:a])` | `job (a, b,c)` |
| `v: [{t: a, p: [b, c]}]` | `job (map[p:[b c] t:a])` | `job (a, b, c)`
|

---------

Co-authored-by: Zettat123 <zettat123@gmail.com>
Co-authored-by: bircni <bircni@icloud.com>

web_src/js/components/WorkflowGraph.utils.test.ts

@@ -59,12 +59,13 @@ const wfTest1Jobs: ActionsJob[] = [
 const mockJob = (id: number, jobId: string, name: string, needs?: string[]): ActionsJob =>
   ({id, link: '', jobId, name, status: 'success', canRerun: false, isReusableCaller: false, parentJobID: 0, duration: '1s', needs});
 
-test('matrix nodes key on job id, not on the display name', () => {
+test('matrix nodes key on job id and take the label legs share with or without a suffix', () => {
   const legs = createWorkflowGraphModel([mockJob(1, 'explicit', 'leg one'), mockJob(2, 'explicit', 'leg two')]);
   expect(legs.nodes).toHaveLength(1);
   expect(legs.nodes[0].type).toBe('matrix');
   expect(legs.nodes[0].name).toBe('explicit');
   expect(legs.nodes[0].jobs.map((j) => j.id)).toEqual([1, 2]);
+  expect(createWorkflowGraphModel([mockJob(1, 'image', 'Image'), mockJob(2, 'image', 'Image (dind)')]).nodes[0].name).toBe('Image');
 
   const lookalikes = createWorkflowGraphModel([
     mockJob(1, 'setup', 'setup'),

web_src/js/components/WorkflowGraph.utils.ts

@@ -1,3 +1,4 @@
+import {cutString} from '../utils/string.ts';
 import type {ActionsJob, ActionsStatus} from '../modules/gitea-actions.ts';
 
 export type GraphNodeType = 'job' | 'matrix' | 'group';
@@ -89,10 +90,7 @@ function graphIdForJob(job: ActionsJob): string {
 
 // matrix legs are named `<job name> (<combination>)`; a workflow-provided `name:` may not be
 function matrixLabel(matrixJobs: ActionsJob[], jobId: string): string {
-  const prefixes = new Set(matrixJobs.map((job) => {
-    const idx = job.name.indexOf(' (');
-    return idx === -1 ? '' : job.name.slice(0, idx).trim();
-  }));
+  const prefixes = new Set(matrixJobs.map((job) => cutString(job.name, ' (')[0].trim()));
   const [prefix] = prefixes;
   return prefixes.size === 1 && prefix ? prefix : jobId;
 }