Insight steps

Author: tomglenn

rca-demo/unstyled.html

@@ -84,15 +84,6 @@ <h2>Section 3: Orient to the RCA Workbench</h2>
                     <span class="interactive-comment"><strong>Timeline tab</strong>: returns to the timeline-centric view.</span>
                     Inspect the Timeline tab control.
                 </li>
-
-                <li class="interactive"
-                    data-targetaction="highlight"
-                    data-reftarget="div[data-cy='wb-list-item']:first-child"
-                    data-requirements="exists-reftarget"
-                    data-doit="false">
-                    <span class="interactive-comment"><strong>KPI icon</strong>: opens a drawer with service/database KPIs, properties, traces, and logs.</span>
-                    Hover over the first service entry and click the KPI icon.
-                </li>
             </ul>
         </span>
 
@@ -102,16 +93,21 @@ <h2>Section 4: Investigate the Initial Change</h2>
               class="interactive"
               data-targetaction="sequence"
               data-reftarget="span#initial-change">
-            <ul>                
+            <ul>
                 <li class="interactive"
                     data-targetaction="highlight"
-                    data-reftarget="div[data-intercom-target='wb-list'] > div.grid.wb-item"
-                    data-requirements="exists-reftarget"
-                    data-doit="false">
-                    <span class="interactive-comment">Highlight the first <strong>insight</strong> for the incident, e.g. <em>productCatalogReadFromPostgres</em> feature flag state change.</span>
-                    Examine the first insight.
+                    data-reftarget="div[data-cy='wb-list-item']:has(p:contains('flagd'))"
+                    data-requirements="exists-reftarget">
+                    Fully expand the first service entry named <b>flagd</b>, including all children.
+                </li>
+
+                <li class="interactive"
+                    data-targetaction="highlight"
+                    data-reftarget="div[data-cy='wb-list-item']:has(p:contains('FeatureFlagStateChange'))"
+                    data-requirements="exists-reftarget">
+                    <span class="interactive-comment">This insight shows a feature flag state change which is likely the root cause of the incident.</span>
+                    Hover over the <b>FeatureFlagStateChange</b> entry, and then hover over the insight icon to reveal the insight.
                 </li>
-                <!-- NOTE: This opens the first drawer, assuming it is the right one... -->
             </ul>
         </span>