ResourceIDs: badge engine IDs on the Automation > AI engines screen (#7)

Adds Resource ID badges to the Automation > AI engines screen.

Extraction and splitting/sorting engine tiles carry data-cy="engine-tile"
and data-id directly, so this reuses the cheapest existing strategy (same
as sidebar queues and rule tiles — no API call). Dedicated and generic
engine tiles render without data-cy/data-id and are not clickable in the
Rossum UI, so they intentionally get no badge.

Co-authored-by: Jan Sedo <sedojj@centrum.cz>

Author: sedojj

README.md

@@ -16,7 +16,7 @@ All features are configurable via the extension popup and can be toggled on or o
 ### Rossum
 
 - **Schema ID overlays** — displays `schema_id` on annotation fields (headers and line items)
-- **Resource ID overlays** — displays internal IDs on queues, hooks, extensions, labels, rules, and users (click to copy)
+- **Resource ID overlays** — displays internal IDs on queues, hooks, extensions, labels, rules, users, and AI engines (click to copy)
 - **Expand formulas** — automatically opens formula field source code
 - **Expand reasoning** — automatically opens reasoning field options
 - **Sidebar scroll lock** — prevents the annotation sidebar from auto-scrolling to the top

src/rossum/features/resource-ids.js

@@ -20,8 +20,10 @@ export function init() {
    the name overflow into adjacent space (graph: pushes the gear/squares
    buttons past the bubble border; users: name spills into the email column).
    The badge sits inside the cell at bottom-right or cell-overlay, so clipping
-   is fine. */
+   is fine. Engine tiles likewise only need the anchor — the badge sits inside
+   the tile at top-right. */
 [data-cy^="extension-cell-"],
+[data-cy="engine-tile"],
 [data-field="name"] {
   position: relative !important;
 }
@@ -209,6 +211,13 @@ export function handleNode(node) {
     displayResourceId(node, node.dataset.id);
   }
 
+  // Automation > AI engines: extraction and splitting/sorting engine tiles carry
+  // data-id directly. Dedicated/generic engine tiles render without
+  // data-cy/data-id (not clickable in the UI), so they get no badge.
+  if (node.matches('[data-cy="engine-tile"]') && node.dataset.id) {
+    displayResourceId(node, node.dataset.id);
+  }
+
   // Settings > Users screen: label on the name cell, ID from parent anchor href.
   // Use bottom-right placement so the badge sits in the cell's lower whitespace
   // below the vertically-centered name text, avoiding overlap with long names.

tests/rossum-features.test.js

@@ -179,6 +179,29 @@ describe('resource-ids', () => {
     expect(badge.textContent).toBe('101');
   });
 
+  it('displays ID for AI engine tile (data-id attribute)', () => {
+    const el = document.createElement('div');
+    el.setAttribute('data-cy', 'engine-tile');
+    el.dataset.id = '777';
+    document.body.appendChild(el);
+
+    handleNode(el);
+
+    const badge = el.querySelector('.rossum-sa-extension-resource-id');
+    expect(badge).not.toBeNull();
+    expect(badge.textContent).toBe('777');
+  });
+
+  it('ignores engine tiles without data-id (dedicated/generic engines)', () => {
+    const el = document.createElement('div');
+    el.setAttribute('data-cy', 'engine-tile');
+    document.body.appendChild(el);
+
+    handleNode(el);
+
+    expect(el.querySelector('.rossum-sa-extension-resource-id')).toBeNull();
+  });
+
   it('displays ID for extension name (extracted from parent href)', () => {
     const anchor = document.createElement('a');
     anchor.setAttribute('href', '/extensions/my-extensions/333');