Default-collapse advanced diagnostic sections on Waterline run detail

Run detail pages mixed operator summary with developer-facing diagnostic
logs at equal visual weight, so the page landed dense even when the
operator only wanted to check status, duration, waits, tasks, activities,
and exceptions.

Default-collapse seven diagnostic sections so the initial view focuses on
operator summary and the advanced diagnostics stay one click away:

- Timeline Chart (apexchart visualization)
- History (event log; timeline/event-list tabs still available)
- Linked Intakes
- Commands
- Signals
- Updates
- Timers

The main summary, arguments, output, waits, tasks, activities, and
exceptions stay expanded by default. Each collapsed section keeps its
existing toggle, so deep-dive diagnostics remain accessible without
scope or navigation changes.

Author: durable-workflow-ops

public/app.js

@@ -1,5 +1,5 @@
 {
-    "/app.js": "/app.js?id=99b59c0a03c457e5dd64717f86c3da11",
+    "/app.js": "/app.js?id=202165ae2eb3e89b6899e165c25a0845",
     "/app-dark.css": "/app-dark.css?id=64d24ee96944ffdb4b26a9be1658c1e3",
     "/app.css": "/app.css?id=d525454610dfd3c5a581fc49676f8a37",
     "/img/favicon.png": "/img/favicon.png?id=7c006241b093796d6abfa3049df93a59",

public/mix-manifest.json

@@ -570,12 +570,12 @@
                 </div>
 
                 <a data-toggle="collapse" href="#collapseTimeline" role="button"
-                   aria-expanded="true" aria-controls="collapseTimeline">
-                    Collapse
+                   aria-expanded="false" aria-controls="collapseTimeline">
+                    Expand
                 </a>
             </div>
 
-            <div class="card-body code-bg text-white collapse show" id="collapseTimeline">
+            <div class="card-body code-bg text-white collapse" id="collapseTimeline">
                 <apexchart type="rangeBar" height="350" :options="chartOptions" :series="series"></apexchart>
             </div>
         </div>
@@ -628,13 +628,13 @@
                     </a>
 
                     <a data-toggle="collapse" href="#collapseHistory" role="button"
-                       aria-expanded="true" aria-controls="collapseHistory">
-                        Collapse
+                       aria-expanded="false" aria-controls="collapseHistory">
+                        Expand
                     </a>
                 </div>
             </div>
 
-            <div class="card-body collapse show" id="collapseHistory">
+            <div class="card-body collapse" id="collapseHistory">
                 <div class="alert alert-warning" v-if="pinnedTimelineItems().length">
                     <div class="font-weight-bold mb-2">Pinned Attention</div>
                     <div
@@ -910,12 +910,12 @@
                 <h5>Linked Intakes</h5>
 
                 <a data-toggle="collapse" href="#collapseLinkedIntakes" role="button"
-                   aria-expanded="true" aria-controls="collapseLinkedIntakes">
-                    Collapse
+                   aria-expanded="false" aria-controls="collapseLinkedIntakes">
+                    Expand
                 </a>
             </div>
 
-            <div class="card-body collapse show" id="collapseLinkedIntakes">
+            <div class="card-body collapse" id="collapseLinkedIntakes">
                 <table class="table">
                     <thead>
                         <tr>
@@ -982,12 +982,12 @@
                 <h5>Commands</h5>
 
                 <a data-toggle="collapse" href="#collapseCommands" role="button"
-                   aria-expanded="true" aria-controls="collapseCommands">
-                    Collapse
+                   aria-expanded="false" aria-controls="collapseCommands">
+                    Expand
                 </a>
             </div>
 
-            <div class="card-body collapse show" id="collapseCommands">
+            <div class="card-body collapse" id="collapseCommands">
                 <table class="table">
                     <thead>
                         <tr>
@@ -1072,12 +1072,12 @@
                 <h5>Signals</h5>
 
                 <a data-toggle="collapse" href="#collapseSignals" role="button"
-                   aria-expanded="true" aria-controls="collapseSignals">
-                    Collapse
+                   aria-expanded="false" aria-controls="collapseSignals">
+                    Expand
                 </a>
             </div>
 
-            <div class="card-body collapse show" id="collapseSignals">
+            <div class="card-body collapse" id="collapseSignals">
                 <table class="table">
                     <thead>
                         <tr>
@@ -1162,12 +1162,12 @@
                 <h5>Updates</h5>
 
                 <a data-toggle="collapse" href="#collapseUpdates" role="button"
-                   aria-expanded="true" aria-controls="collapseUpdates">
-                    Collapse
+                   aria-expanded="false" aria-controls="collapseUpdates">
+                    Expand
                 </a>
             </div>
 
-            <div class="card-body collapse show" id="collapseUpdates">
+            <div class="card-body collapse" id="collapseUpdates">
                 <table class="table">
                     <thead>
                         <tr>
@@ -1363,12 +1363,12 @@
                 </div>
 
                 <a data-toggle="collapse" href="#collapseTimers" role="button"
-                   aria-expanded="true" aria-controls="collapseTimers">
-                    Collapse
+                   aria-expanded="false" aria-controls="collapseTimers">
+                    Expand
                 </a>
             </div>
 
-            <div class="card-body code-bg text-white collapse show" id="collapseTimers">
+            <div class="card-body code-bg text-white collapse" id="collapseTimers">
                 <table class="table">
                     <thead>
                         <tr>