retold-data-service 2.0.21 → 2.0.23

package/source/services/data-cloner/web/data-cloner.js

@@ -1856,20 +1856,10 @@
         "BarThickness": 30,
         // Gap between bars in pixels (browser) or characters (cli/consoleui)
         "BarGap": 4,
-        // When true, bar groups expand to fill the container width (vertical) or
-        // height (horizontal) using CSS flex-grow instead of a fixed BarThickness.
-        // Labels and values overflow their column so they remain readable even when
-        // bars are very narrow.  Best suited for time-series or dense histograms.
-        "FillContainer": false,
         // Whether to show value labels on/above bars
         "ShowValues": true,
         // Whether to show bin labels (x-axis for vertical, y-axis for horizontal)
         "ShowLabels": true,
-        // In FillContainer mode, controls label density in the separate label row.
-        // 0 = auto-compute (space labels approximately 80px apart based on container
-        // width), N > 0 = show a label every N bars starting from index 0.
-        // Ignored when FillContainer is false (every bar shows its own label).
-        "LabelInterval": 0,
         // Color of the bars (CSS color for browser, ANSI color name for cli/consoleui)
         "BarColor": "#4A90D9",
         // Color of selected bars
@@ -2075,44 +2065,6 @@
 	box-shadow: 0 0 0 3px rgba(74, 144, 217, 0.3);
 	outline: none;
 }
-.pict-histogram-container.pict-histogram-fill
-{
-	display: block;
-	width: 100%;
-}
-.pict-histogram-fill .pict-histogram-chart
-{
-	width: 100%;
-}
-.pict-histogram-fill .pict-histogram-bar-group
-{
-	flex: 1 1 0%;
-	min-width: 0;
-}
-.pict-histogram-fill .pict-histogram-bar
-{
-	width: 100%;
-}
-.pict-histogram-axis-line
-{
-	width: 100%;
-	height: 1px;
-	background: #ccc;
-}
-.pict-histogram-label-row
-{
-	display: flex;
-	width: 100%;
-}
-.pict-histogram-fill-label
-{
-	font-size: 10px;
-	color: #666;
-	text-align: center;
-	white-space: nowrap;
-	overflow: visible;
-	line-height: 16px;
-}
 `
       };
     }, {}],
@@ -2532,41 +2484,29 @@
         let tmpSelectableClass = pOptions.Selectable ? ' pict-histogram-selectable' : '';
         let tmpSelectedClass = pIsSelected ? ' pict-histogram-selected' : '';
         let tmpInRangeClass = pInRange ? ' pict-histogram-in-range' : '';
-        let tmpFillMode = pOptions.FillContainer;
         let tmpBarStyle = '';
         if (tmpVertical) {
-          if (tmpFillMode) {
-            tmpBarStyle = `height:${pBarSize}px;background-color:${tmpBarColor};`;
-          } else {
-            tmpBarStyle = `height:${pBarSize}px;width:${pOptions.BarThickness}px;background-color:${tmpBarColor};`;
-          }
+          tmpBarStyle = `height:${pBarSize}px;width:${pOptions.BarThickness}px;background-color:${tmpBarColor};`;
         } else {
-          if (tmpFillMode) {
-            tmpBarStyle = `width:${pBarSize}px;background-color:${tmpBarColor};`;
-          } else {
-            tmpBarStyle = `width:${pBarSize}px;height:${pOptions.BarThickness}px;background-color:${tmpBarColor};`;
-          }
+          tmpBarStyle = `width:${pBarSize}px;height:${pOptions.BarThickness}px;background-color:${tmpBarColor};`;
         }
         let tmpGroupWidth = pOptions.BarThickness + pOptions.BarGap;
         let tmpGroupStyle = '';
-        if (tmpFillMode) {
-          // No fixed dimensions — CSS flex:1 handles sizing
-          tmpGroupStyle = '';
-        } else if (tmpVertical) {
+        if (tmpVertical) {
           tmpGroupStyle = `margin:0 ${pOptions.BarGap / 2}px;width:${tmpGroupWidth}px;`;
         } else {
           tmpGroupStyle = `margin:${pOptions.BarGap / 2}px 0;`;
         }
         let tmpHTML = `<div class="pict-histogram-bar-group" style="${tmpGroupStyle}" data-histogram-index="${pIndex}">`;
         if (tmpVertical) {
-          // Value label above bar (skipped in fill mode — values don't fit in narrow columns)
-          if (pOptions.ShowValues && !tmpFillMode) {
+          // Value label above bar
+          if (pOptions.ShowValues) {
             tmpHTML += `<div class="pict-histogram-value-label" style="width:${tmpGroupWidth}px;">${tmpValue}</div>`;
           }
           // Bar
           tmpHTML += `<div class="pict-histogram-bar${tmpSelectableClass}${tmpSelectedClass}${tmpInRangeClass}" style="${tmpBarStyle}" data-histogram-index="${pIndex}"></div>`;
-          // Bin label below bar (skipped in fill mode — labels rendered in a separate row)
-          if (pOptions.ShowLabels && !tmpFillMode) {
+          // Bin label below bar
+          if (pOptions.ShowLabels) {
             tmpHTML += `<div class="pict-histogram-bin-label" style="width:${tmpGroupWidth}px;">${tmpLabel}</div>`;
           }
         } else {
@@ -2620,52 +2560,6 @@
         return tmpHTML;
       }
 
-      /**
-       * Build the label row for FillContainer vertical mode.
-       *
-       * Labels are rendered in a separate flex row below the axis line, with
-       * automatic interval calculation to avoid overlap when there are many bins.
-       *
-       * @param {object} pView  - The histogram view instance
-       * @param {Array}  pBins  - The bin data array
-       * @returns {string} HTML fragment
-       */
-      function buildFillLabelRow(pView, pBins) {
-        if (!pBins || pBins.length === 0) {
-          return '';
-        }
-
-        // Determine label interval: explicit setting or auto-compute
-        let tmpLabelInterval = pView.options.LabelInterval || 0;
-        if (tmpLabelInterval <= 0) {
-          // Auto-compute: space labels approximately 80px apart
-          let tmpTargetElementSet = pView.services.ContentAssignment.getElement(pView.options.TargetElementAddress);
-          let tmpContainerWidth = 800;
-          if (tmpTargetElementSet && tmpTargetElementSet.length > 0 && tmpTargetElementSet[0]) {
-            tmpContainerWidth = tmpTargetElementSet[0].clientWidth || 800;
-          }
-          if (pBins.length > 0) {
-            let tmpBarWidth = tmpContainerWidth / pBins.length;
-            tmpLabelInterval = Math.max(1, Math.ceil(80 / tmpBarWidth));
-          } else {
-            tmpLabelInterval = 1;
-          }
-        }
-        let tmpHTML = '<div class="pict-histogram-label-row">';
-        for (let i = 0; i < pBins.length; i++) {
-          let tmpIsLabeled = i % tmpLabelInterval === 0;
-          if (tmpIsLabeled) {
-            let tmpLabel = pBins[i][pView.options.LabelProperty] || '';
-            // Span covers this label and the unlabeled bars until the next label
-            let tmpSpan = Math.min(tmpLabelInterval, pBins.length - i);
-            tmpHTML += `<div class="pict-histogram-fill-label" style="flex:${tmpSpan};">${tmpLabel}</div>`;
-            i += tmpSpan - 1;
-          }
-        }
-        tmpHTML += '</div>';
-        return tmpHTML;
-      }
-
       /**
        * Render the full histogram into the target element.
        *
@@ -2689,11 +2583,10 @@
         }
         let tmpVertical = pView.options.Orientation === 'vertical';
         let tmpOrientationClass = tmpVertical ? 'pict-histogram-vertical' : 'pict-histogram-horizontal';
-        let tmpFillClass = pView.options.FillContainer ? ' pict-histogram-fill' : '';
 
-        // For horizontal mode (non-fill), measure the longest label so all labels share the same width
+        // For horizontal mode, measure the longest label so all labels share the same width
         let tmpLabelWidth = 0;
-        if (!tmpVertical && pView.options.ShowLabels && !pView.options.FillContainer) {
+        if (!tmpVertical && pView.options.ShowLabels) {
           for (let i = 0; i < tmpBins.length; i++) {
             let tmpLabel = String(tmpBins[i][pView.options.LabelProperty] || '');
             // Approximate character width at 11px font: ~6.5px per character
@@ -2704,8 +2597,8 @@
           }
           tmpLabelWidth = Math.max(tmpLabelWidth, 40);
         }
-        let tmpHTML = `<div class="pict-histogram-container ${tmpOrientationClass}${tmpFillClass}">`;
-        tmpHTML += `<div class="pict-histogram-chart ${tmpOrientationClass}${tmpFillClass}">`;
+        let tmpHTML = `<div class="pict-histogram-container ${tmpOrientationClass}">`;
+        tmpHTML += `<div class="pict-histogram-chart ${tmpOrientationClass}">`;
         for (let i = 0; i < tmpBins.length; i++) {
           let tmpVal = tmpBins[i][pView.options.ValueProperty] || 0;
           let tmpBarSize = Math.round(tmpVal / tmpMaxValue * pView.options.MaxBarSize);
@@ -2718,12 +2611,6 @@
         }
         tmpHTML += '</div>';
 
-        // In FillContainer vertical mode, render axis line and label row separately
-        if (pView.options.FillContainer && tmpVertical && pView.options.ShowLabels) {
-          tmpHTML += '<div class="pict-histogram-axis-line"></div>';
-          tmpHTML += buildFillLabelRow(pView, tmpBins);
-        }
-
         // Range slider for "range" selection mode
         if (pView.options.Selectable && pView.options.SelectionMode === 'range') {
           tmpHTML += buildRangeSliderHTML(pView);
@@ -4889,6 +4776,7 @@
             SyncPollTimer: null,
             LiveStatusTimer: null,
             StatusDetailExpanded: false,
+            StatusDetailAutoExpanded: false,
             StatusDetailTimer: null,
             StatusDetailData: null,
             LastLiveStatus: null,
@@ -5009,7 +4897,7 @@
           tmpProvider = tmpProvider.value;
           let tmpPreview1 = tmpProvider;
           if (tmpProvider === 'SQLite') {
-            let tmpPath = document.getElementById('sqliteFilePath').value || 'data/cloned.sqlite';
+            let tmpPath = document.getElementById('sqliteFilePath').value || '~/headlight-liveconnect-local/cloned.sqlite';
             tmpPreview1 = 'SQLite at ' + tmpPath;
           } else if (tmpProvider === 'MySQL') {
             let tmpHost = document.getElementById('mysqlServer').value || '127.0.0.1';
@@ -5035,10 +4923,10 @@
             let tmpPort = document.getElementById('solrPort').value || '8983';
             tmpPreview1 = 'Solr on ' + tmpHost + ':' + tmpPort;
           } else if (tmpProvider === 'RocksDB') {
-            let tmpFolder = document.getElementById('rocksdbFolder').value || 'data/rocksdb';
+            let tmpFolder = document.getElementById('rocksdbFolder').value || '~/headlight-liveconnect-local/rocksdb';
             tmpPreview1 = 'RocksDB at ' + tmpFolder;
           } else if (tmpProvider === 'Bibliograph') {
-            let tmpFolder = document.getElementById('bibliographFolder').value || 'data/bibliograph';
+            let tmpFolder = document.getElementById('bibliographFolder').value || '~/headlight-liveconnect-local/bibliograph';
             tmpPreview1 = 'Bibliograph at ' + tmpFolder;
           }
           document.getElementById('preview1').textContent = tmpPreview1;
@@ -5334,14 +5222,22 @@
           }
           tmpProgressFill.style.width = Math.min(100, Math.round(tmpPct)) + '%';
 
-          // Auto-expand the detail view when sync starts so users see counting progress
-          if ((pData.Phase === 'syncing' || pData.Phase === 'stopping') && !this.pict.AppData.DataCloner.StatusDetailExpanded) {
+          // Auto-expand the detail view once when sync first starts so users see counting progress.
+          // Only expand once per sync run — if the user collapses it, respect that choice.
+          if ((pData.Phase === 'syncing' || pData.Phase === 'stopping') && !this.pict.AppData.DataCloner.StatusDetailExpanded && !this.pict.AppData.DataCloner.StatusDetailAutoExpanded) {
+            this.pict.AppData.DataCloner.StatusDetailAutoExpanded = true;
             let tmpLayoutView = this.pict.views['DataCloner-Layout'];
             if (tmpLayoutView && typeof tmpLayoutView.toggleStatusDetail === 'function') {
               tmpLayoutView.toggleStatusDetail();
             }
           }
 
+          // Reset the auto-expand flag when the sync is no longer running,
+          // so the next sync run will auto-expand again.
+          if (pData.Phase !== 'syncing' && pData.Phase !== 'stopping') {
+            this.pict.AppData.DataCloner.StatusDetailAutoExpanded = false;
+          }
+
           // If the detail view is expanded, re-render it with fresh data
           if (this.pict.AppData.DataCloner.StatusDetailExpanded) {
             this.renderStatusDetail();
@@ -5449,6 +5345,11 @@
           // During the counting phase, show per-table counts as they arrive
           if (tmpLiveStatus && tmpLiveStatus.PreCountProgress && tmpLiveStatus.PreCountProgress.Tables && tmpLiveStatus.Phase === 'syncing' && tmpLiveStatus.PreCountProgress.Counted < tmpLiveStatus.PreCountProgress.TotalTables) {
             this.renderCountingPhaseDetail(tmpContainer, tmpLiveStatus.PreCountProgress);
+            // Prepend the summary banner above the counting detail
+            let tmpSummaryBanner = this.buildStatusSummaryHtml();
+            if (tmpSummaryBanner) {
+              tmpContainer.innerHTML = tmpSummaryBanner + tmpContainer.innerHTML;
+            }
             // Hide histogram during counting
             let tmpHistContainer = document.getElementById('DataCloner-Throughput-Histogram');
             if (tmpHistContainer) tmpHistContainer.style.display = 'none';
@@ -5510,6 +5411,9 @@
           }
           let tmpHtml = '';
 
+          // === Summary Banner (mirrors collapsed bar counters) ===
+          tmpHtml += this.buildStatusSummaryHtml();
+
           // === Section 1: Running Operations ===
           if (tmpRunning.length > 0 || tmpPending.length > 0) {
             tmpHtml += '<div class="status-detail-section">';
@@ -5634,6 +5538,76 @@
             tmpHistView.renderHistogram();
           }
         }
+        buildStatusSummaryHtml() {
+          let tmpLiveStatus = this.pict.AppData.DataCloner.LastLiveStatus;
+          let tmpReport = this.pict.AppData.DataCloner.LastReport;
+          let tmpParts = [];
+          let tmpMessage = '';
+          if (tmpLiveStatus && (tmpLiveStatus.Phase === 'syncing' || tmpLiveStatus.Phase === 'stopping')) {
+            tmpMessage = tmpLiveStatus.Message || '';
+            if (tmpLiveStatus.Elapsed) {
+              tmpParts.push('<span class="live-status-meta-item">\u23F1 ' + this.escapeHtml(tmpLiveStatus.Elapsed) + '</span>');
+            }
+            if (tmpLiveStatus.ETA) {
+              tmpParts.push('<span class="live-status-meta-item">~' + this.escapeHtml(tmpLiveStatus.ETA) + ' remaining</span>');
+            }
+            if (tmpLiveStatus.TotalTables > 0) {
+              tmpParts.push('<span class="live-status-meta-item"><strong>' + tmpLiveStatus.Completed + '</strong> / ' + tmpLiveStatus.TotalTables + ' tables</span>');
+            }
+            if (tmpLiveStatus.TotalSynced > 0) {
+              let tmpSynced = this.formatNumber(tmpLiveStatus.TotalSynced);
+              if (tmpLiveStatus.PreCountGrandTotal > 0) {
+                let tmpGrandTotal = this.formatNumber(tmpLiveStatus.PreCountGrandTotal);
+                tmpParts.push('<span class="live-status-meta-item"><strong>' + tmpSynced + '</strong> / ' + tmpGrandTotal + ' records</span>');
+              } else {
+                tmpParts.push('<span class="live-status-meta-item"><strong>' + tmpSynced + '</strong> records</span>');
+              }
+            } else if (tmpLiveStatus.PreCountGrandTotal > 0) {
+              let tmpGrandTotal = this.formatNumber(tmpLiveStatus.PreCountGrandTotal);
+              tmpParts.push('<span class="live-status-meta-item">' + tmpGrandTotal + ' records to sync</span>');
+            }
+            if (tmpLiveStatus.PreCountProgress && tmpLiveStatus.PreCountProgress.Counted < tmpLiveStatus.PreCountProgress.TotalTables) {
+              let tmpCountedSoFar = tmpLiveStatus.PreCountGrandTotal > 0 ? ' (' + this.formatNumber(tmpLiveStatus.PreCountGrandTotal) + ' records found)' : '';
+              tmpParts.push('<span class="live-status-meta-item">counting: ' + tmpLiveStatus.PreCountProgress.Counted + ' / ' + tmpLiveStatus.PreCountProgress.TotalTables + ' tables' + tmpCountedSoFar + '</span>');
+            }
+            if (tmpLiveStatus.Errors > 0) {
+              tmpParts.push('<span class="live-status-meta-item" style="color:#dc3545"><strong>' + tmpLiveStatus.Errors + '</strong> error' + (tmpLiveStatus.Errors === 1 ? '' : 's') + '</span>');
+            }
+          } else if (tmpLiveStatus && tmpLiveStatus.Phase === 'complete') {
+            tmpMessage = tmpLiveStatus.Message || 'Sync complete';
+            if (tmpLiveStatus.Elapsed) {
+              tmpParts.push('<span class="live-status-meta-item">\u23F1 ' + this.escapeHtml(tmpLiveStatus.Elapsed) + '</span>');
+            }
+            if (tmpLiveStatus.TotalSynced > 0) {
+              let tmpSynced = this.formatNumber(tmpLiveStatus.TotalSynced);
+              tmpParts.push('<span class="live-status-meta-item"><strong>' + tmpSynced + '</strong> records synced</span>');
+            }
+          } else if (tmpReport && tmpReport.ReportVersion) {
+            tmpMessage = 'Sync ' + (tmpReport.Outcome || 'complete').toLowerCase();
+            if (tmpReport.RunTimestamps && tmpReport.RunTimestamps.DurationSeconds) {
+              tmpParts.push('<span class="live-status-meta-item">\u23F1 ' + this.formatElapsed(tmpReport.RunTimestamps.DurationSeconds) + '</span>');
+            }
+            if (tmpReport.Summary) {
+              if (tmpReport.Summary.TotalSynced > 0) {
+                tmpParts.push('<span class="live-status-meta-item"><strong>' + this.formatNumber(tmpReport.Summary.TotalSynced) + '</strong> records synced</span>');
+              }
+              tmpParts.push('<span class="live-status-meta-item"><strong>' + tmpReport.Summary.TotalTables + '</strong> tables</span>');
+              if (tmpReport.Summary.TotalErrors > 0) {
+                tmpParts.push('<span class="live-status-meta-item" style="color:#dc3545"><strong>' + tmpReport.Summary.TotalErrors + '</strong> error' + (tmpReport.Summary.TotalErrors === 1 ? '' : 's') + '</span>');
+              }
+            }
+          }
+          if (!tmpMessage && tmpParts.length === 0) return '';
+          let tmpHtml = '<div class="status-detail-summary">';
+          if (tmpMessage) {
+            tmpHtml += '<div class="status-detail-summary-message">' + this.escapeHtml(tmpMessage) + '</div>';
+          }
+          if (tmpParts.length > 0) {
+            tmpHtml += '<div class="status-detail-summary-counters">' + tmpParts.join('') + '</div>';
+          }
+          tmpHtml += '</div>';
+          return tmpHtml;
+        }
         formatElapsed(pSec) {
           if (pSec < 60) return pSec + 's';
           if (pSec < 3600) {
@@ -5839,7 +5813,7 @@
           let tmpProvider = document.getElementById('connProvider').value;
           let tmpConfig = {};
           if (tmpProvider === 'SQLite') {
-            tmpConfig.SQLiteFilePath = document.getElementById('sqliteFilePath').value.trim() || 'data/cloned.sqlite';
+            tmpConfig.SQLiteFilePath = document.getElementById('sqliteFilePath').value.trim() || '~/headlight-liveconnect-local/cloned.sqlite';
           } else if (tmpProvider === 'MySQL') {
             tmpConfig.host = document.getElementById('mysqlServer').value.trim() || '127.0.0.1';
             tmpConfig.port = parseInt(document.getElementById('mysqlPort').value, 10) || 3306;
@@ -5885,20 +5859,28 @@
           };
         }
         connectProvider() {
+          // Guard against re-entrant calls (e.g. rapid auto-connect polling)
+          if (this._connectInFlight) {
+            return;
+          }
+          this._connectInFlight = true;
           let tmpConnInfo = this.getProviderConfig();
           this.pict.providers.DataCloner.setSectionPhase(1, 'busy');
           this.pict.providers.DataCloner.setStatus('connectionStatus', 'Connecting to ' + tmpConnInfo.Provider + '...', 'info');
+          let tmpSelf = this;
           this.pict.providers.DataCloner.api('POST', '/clone/connection/configure', tmpConnInfo).then(pData => {
+            tmpSelf._connectInFlight = false;
             if (pData.Success) {
-              this.pict.providers.DataCloner.setStatus('connectionStatus', pData.Message, 'ok');
-              this.pict.providers.DataCloner.setSectionPhase(1, 'ok');
+              tmpSelf.pict.providers.DataCloner.setStatus('connectionStatus', pData.Message, 'ok');
+              tmpSelf.pict.providers.DataCloner.setSectionPhase(1, 'ok');
             } else {
-              this.pict.providers.DataCloner.setStatus('connectionStatus', 'Connection failed: ' + (pData.Error || 'Unknown error'), 'error');
-              this.pict.providers.DataCloner.setSectionPhase(1, 'error');
+              tmpSelf.pict.providers.DataCloner.setStatus('connectionStatus', 'Connection failed: ' + (pData.Error || 'Unknown error'), 'error');
+              tmpSelf.pict.providers.DataCloner.setSectionPhase(1, 'error');
             }
           }).catch(pError => {
-            this.pict.providers.DataCloner.setStatus('connectionStatus', 'Request failed: ' + pError.message, 'error');
-            this.pict.providers.DataCloner.setSectionPhase(1, 'error');
+            tmpSelf._connectInFlight = false;
+            tmpSelf.pict.providers.DataCloner.setStatus('connectionStatus', 'Request failed: ' + pError.message, 'error');
+            tmpSelf.pict.providers.DataCloner.setSectionPhase(1, 'error');
           });
         }
         testConnection() {
@@ -5972,7 +5954,7 @@
 			<!-- SQLite Config -->
 			<div id="configSQLite">
 				<label for="sqliteFilePath">SQLite File Path</label>
-				<input type="text" id="sqliteFilePath" placeholder="data/cloned.sqlite" value="data/cloned.sqlite">
+				<input type="text" id="sqliteFilePath" placeholder="~/headlight-liveconnect-local/cloned.sqlite" value="~/headlight-liveconnect-local/cloned.sqlite">
 			</div>
 
 			<!-- MySQL Config -->
@@ -6182,7 +6164,16 @@
             Tables: tmpSelectedTables
           }).then(function (pData) {
             if (pData.Success) {
-              tmpSelf.pict.providers.DataCloner.setStatus('deployStatus', pData.Message, 'ok');
+              let tmpStatusMsg = pData.Message;
+
+              // Append migration details if schema deltas were applied
+              if (Array.isArray(pData.MigrationsApplied) && pData.MigrationsApplied.length > 0) {
+                let tmpDetails = pData.MigrationsApplied.map(function (pM) {
+                  return pM.Table + ': +' + pM.ColumnsAdded.join(', +');
+                });
+                tmpStatusMsg += '\nMigrations: ' + tmpDetails.join('; ');
+              }
+              tmpSelf.pict.providers.DataCloner.setStatus('deployStatus', tmpStatusMsg, 'ok');
               tmpSelf.pict.providers.DataCloner.setSectionPhase(4, 'ok');
               tmpSelf.pict.AppData.DataCloner.DeployedTables = pData.TablesDeployed || tmpSelectedTables;
               tmpSelf.pict.providers.DataCloner.saveDeployedTables();
@@ -6197,6 +6188,63 @@
             tmpSelf.pict.providers.DataCloner.setSectionPhase(4, 'error');
           });
         }
+        auditGUIDIndices() {
+          let tmpReportEl = document.getElementById('guidIndexReport');
+          if (tmpReportEl) tmpReportEl.innerHTML = '<span style="color:#888">Checking GUID indices...</span>';
+          let tmpSelf = this;
+          this.pict.providers.DataCloner.api('GET', '/clone/schema/guid-index-audit').then(function (pData) {
+            if (!tmpReportEl) return;
+            if (!pData.Success) {
+              tmpReportEl.innerHTML = '<span style="color:red">' + (pData.Error || 'Audit failed') + '</span>';
+              return;
+            }
+            if (pData.MissingCount === 0) {
+              tmpReportEl.innerHTML = '<span style="color:green">All GUID columns have indices.</span>';
+              return;
+            }
+            let tmpHTML = '<div style="margin-top:6px"><strong>' + pData.Message + '</strong></div>';
+            tmpHTML += '<table style="font-size:0.85em; margin:6px 0; border-collapse:collapse; width:100%">';
+            tmpHTML += '<tr style="text-align:left; border-bottom:1px solid #ccc"><th style="padding:3px 8px">Table</th><th style="padding:3px 8px">GUID Column</th><th style="padding:3px 8px">Index</th></tr>';
+            for (let t = 0; t < pData.Tables.length; t++) {
+              let tmpTable = pData.Tables[t];
+              for (let c = 0; c < tmpTable.GUIDColumns.length; c++) {
+                let tmpCol = tmpTable.GUIDColumns[c];
+                let tmpStatus = tmpCol.HasIndex ? '<span style="color:green">' + tmpCol.IndexName + '</span>' : '<span style="color:red">MISSING</span>';
+                tmpHTML += '<tr style="border-bottom:1px solid #eee"><td style="padding:3px 8px">' + tmpTable.Table + '</td><td style="padding:3px 8px">' + tmpCol.Column + '</td><td style="padding:3px 8px">' + tmpStatus + '</td></tr>';
+              }
+            }
+            tmpHTML += '</table>';
+            tmpHTML += '<button class="primary" style="margin-top:4px" onclick="pict.views[\'DataCloner-Deploy\'].createMissingGUIDIndices()">Create Missing Indices</button>';
+            tmpReportEl.innerHTML = tmpHTML;
+          }).catch(function (pError) {
+            if (tmpReportEl) tmpReportEl.innerHTML = '<span style="color:red">Request failed: ' + pError.message + '</span>';
+          });
+        }
+        createMissingGUIDIndices() {
+          let tmpReportEl = document.getElementById('guidIndexReport');
+          if (tmpReportEl) tmpReportEl.innerHTML = '<span style="color:#888">Creating GUID indices...</span>';
+          let tmpSelf = this;
+          this.pict.providers.DataCloner.api('POST', '/clone/schema/guid-index-create').then(function (pData) {
+            if (!tmpReportEl) return;
+            if (!pData.Success) {
+              tmpReportEl.innerHTML = '<span style="color:red">' + (pData.Error || 'Index creation failed') + '</span>';
+              return;
+            }
+            let tmpHTML = '<div style="margin-top:6px; color:green"><strong>' + pData.Message + '</strong></div>';
+            if (pData.IndicesCreated && pData.IndicesCreated.length > 0) {
+              tmpHTML += '<ul style="font-size:0.85em; margin:4px 0">';
+              for (let i = 0; i < pData.IndicesCreated.length; i++) {
+                let tmpIdx = pData.IndicesCreated[i];
+                tmpHTML += '<li>' + tmpIdx.Table + ': ' + tmpIdx.IndexName + '</li>';
+              }
+              tmpHTML += '</ul>';
+            }
+            tmpHTML += '<button style="margin-top:4px" onclick="pict.views[\'DataCloner-Deploy\'].auditGUIDIndices()">Re-check</button>';
+            tmpReportEl.innerHTML = tmpHTML;
+          }).catch(function (pError) {
+            if (tmpReportEl) tmpReportEl.innerHTML = '<span style="color:red">Request failed: ' + pError.message + '</span>';
+          });
+        }
         resetDatabase() {
           if (!confirm('This will delete ALL data in the local SQLite database. Continue?')) {
             return;
@@ -6241,8 +6289,10 @@
 		<div class="accordion-body">
 			<p style="font-size:0.9em; color:#666; margin-bottom:10px">Creates the selected tables in the local database and sets up CRUD endpoints (e.g. GET /1.0/Documents).</p>
 			<button class="primary" onclick="pict.views['DataCloner-Deploy'].deploySchema()">Deploy Selected Tables</button>
+			<button onclick="pict.views['DataCloner-Deploy'].auditGUIDIndices()">Check GUID Indices</button>
 			<button class="danger" onclick="pict.views['DataCloner-Deploy'].resetDatabase()">Reset Database</button>
 			<div id="deployStatus"></div>
+			<div id="guidIndexReport"></div>
 		</div>
 	</div>
 </div>
@@ -6274,7 +6324,7 @@
           };
           let tmpDbConfig = tmpConfig.LocalDatabase.Config;
           if (tmpProvider === 'SQLite') {
-            tmpDbConfig.SQLiteFilePath = document.getElementById('sqliteFilePath').value.trim() || 'data/cloned.sqlite';
+            tmpDbConfig.SQLiteFilePath = document.getElementById('sqliteFilePath').value.trim() || '~/headlight-liveconnect-local/cloned.sqlite';
           } else if (tmpProvider === 'MySQL') {
             tmpDbConfig.host = document.getElementById('mysqlServer').value.trim() || '127.0.0.1';
             tmpDbConfig.port = parseInt(document.getElementById('mysqlPort').value, 10) || 3306;
@@ -6924,6 +6974,18 @@ select { background: #fff; width: 100%; padding: 8px 12px; border: 1px solid #cc
 	padding: 12px 20px 16px; max-height: 60vh; overflow-y: auto;
 }
 
+/* Status Detail Summary Banner */
+.status-detail-summary {
+	display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
+	padding: 8px 0 12px; margin-bottom: 12px; border-bottom: 1px solid #e9ecef;
+}
+.status-detail-summary-message {
+	font-size: 0.92em; color: #333; font-weight: 600;
+}
+.status-detail-summary-counters {
+	display: flex; gap: 16px; flex-wrap: wrap; font-size: 0.82em; color: #666;
+}
+
 /* Status Detail Sections */
 .status-detail-section { margin-bottom: 14px; }
 .status-detail-section:last-child { margin-bottom: 0; }