querysub 0.403.0 → 0.405.0

package/src/diagnostics/logs/IndexedLogs/BufferUnitSet.ts

@@ -1,7 +1,8 @@
 import { formatPercent, formatNumber } from "socket-function/src/formatting/format";
 import { red } from "socket-function/src/formatting/logColors";
-import { measureFnc } from "socket-function/src/profiling/measure";
+import { measureFnc, measureWrap } from "socket-function/src/profiling/measure";
 import { Unit, remapUnit } from "./BufferIndexHelpers";
+import { devDebugbreak } from "../../../config";
 
 export class UnitSet {
     // Hash-based set for checking unit membership (no positions stored)
@@ -27,7 +28,7 @@ export class UnitSet {
             return Buffer.from(new Uint32Array([0]).buffer);
         }
 
-        function tryEncodeWithRatio(estimatedUniqueRatio: number): { hashTable: Uint32Array; collisions: number; totalInserts: number; } | undefined {
+        const tryEncodeWithRatio = measureWrap(function tryEncodeWithRatio(estimatedUniqueRatio: number): { hashTable: Uint32Array; collisions: number; totalInserts: number; } | undefined {
             const HASH_FACTOR = 2;
             const estimatedUnique = Math.max(Math.ceil(totalUnits / estimatedUniqueRatio), 16);
             const desiredCapacity = estimatedUnique * HASH_FACTOR;
@@ -87,7 +88,7 @@ export class UnitSet {
             }
 
             return { hashTable, collisions, totalInserts };
-        }
+        });
 
         // Try with increasingly conservative ratios until we succeed
         let ratio = 1000;
@@ -95,7 +96,12 @@ export class UnitSet {
         while (true) {
             result = tryEncodeWithRatio(ratio);
             if (result) break;
-            ratio /= 2;
+            if (ratio === 0.1) {
+                devDebugbreak();
+                console.error(`Failed to encode UnitSet even with max ratio of ${ratio}. Aborting. What kind of data is this?`);
+                return Buffer.alloc(0);
+            }
+            ratio = Math.max(ratio / 2, 0.1);
         }
 
         const collisionRate = result.totalInserts > 0 ? result.collisions / result.totalInserts : 0;

package/src/diagnostics/logs/IndexedLogs/IndexedLogs.ts

@@ -541,7 +541,7 @@ export class IndexedLogs<T> {
         if (config.params.searchFromStart) {
             sort(paths, x => x.startTime);
         } else {
-            sort(paths, x => - x.startTime);
+            sort(paths, x => -x.startTime);
         }
 
         let localPaths = paths.filter(x => x.logCount === undefined);
@@ -605,7 +605,7 @@ export class IndexedLogs<T> {
                     },
                     keepIterating: () => !results.cancel && progressTracker.isSourceRelevant(path),
                     onResult: (match: Buffer) => {
-                        if (results.matchCount >= config.params.limit) return;
+                        // NOTE: We absolutely cannot do any limiting here, as that would just result in a lot of values that might be newer than the old values being discarded. Each loop itself has to do some kind of limiting as it knows how many it's found in its specific loop, and it knows the direction it's iterating and the direction of the values. 
                         progressTracker.addResult(match, path);
                     },
                     results,

package/src/diagnostics/logs/IndexedLogs/LogViewer3.tsx

@@ -30,7 +30,7 @@ import { readProductionLogsURL, searchTextURL } from "./LogViewerParams";
 import { RenderSearchStats } from "./RenderSearchStats";
 import { LifeCyclesController, LifeCycle, LifeCycleEntry } from "../lifeCycleAnalysis/lifeCycles";
 import { getLifecycleMatchesForDatum } from "../lifeCycleAnalysis/lifeCycleMatching";
-import { lifecycleIdURL, additionalSearchURL } from "../lifeCycleAnalysis/LifeCyclePage";
+import { lifecycleIdURL, additionalSearchURL, phase2AdditionalSearchURL } from "../lifeCycleAnalysis/LifeCyclePage";
 import { ATag } from "../../../library-components/ATag";
 import { SocketFunction } from "socket-function/SocketFunction";
 import { managementPageURL } from "../../managementPages";
@@ -39,6 +39,10 @@ import { formatSearchString } from "./LogViewerParams";
 
 let excludePendingResults = new URLParam("excludePendingResults", false);
 let limitURL = new URLParam("limit", 16);
+let enableLogsURL = new URLParam("enableLogs", true);
+let enableInfosURL = new URLParam("enableInfos", true);
+let enableWarningsURL = new URLParam("enableWarnings", true);
+let enableErrorsURL = new URLParam("enableErrors", true);
 
 let savedPathsURL = new URLParam("savedPaths", "");
 let selectedFieldsURL = new URLParam("selectedFields", {} as Record<string, boolean>);
@@ -58,10 +62,6 @@ const defaultSelectedFields = {
 export class LogViewer3 extends qreact.Component {
     static renderInProgress = true;
     state = t.state({
-        enableLogs: t.boolean(true),
-        enableInfos: t.boolean(true),
-        enableWarnings: t.boolean(true),
-        enableErrors: t.boolean(true),
         results: t.atomic<LogDatum[]>([]),
         searching: t.boolean,
         searchingLogs: t.boolean,
@@ -137,10 +137,10 @@ export class LogViewer3 extends qreact.Component {
         let loggers = await getLoggers2Async();
         let selectedLoggers: typeof loggers.logLogs[] = [];
         Querysub.localRead(() => {
-            if (this.state.enableLogs) selectedLoggers.push(loggers.logLogs);
-            if (this.state.enableInfos) selectedLoggers.push(loggers.infoLogs);
-            if (this.state.enableWarnings) selectedLoggers.push(loggers.warnLogs);
-            if (this.state.enableErrors) selectedLoggers.push(loggers.errorLogs);
+            if (enableLogsURL.value) selectedLoggers.push(loggers.logLogs);
+            if (enableInfosURL.value) selectedLoggers.push(loggers.infoLogs);
+            if (enableWarningsURL.value) selectedLoggers.push(loggers.warnLogs);
+            if (enableErrorsURL.value) selectedLoggers.push(loggers.errorLogs);
         });
 
         if (selectedLoggers.length === 0) {
@@ -215,19 +215,19 @@ export class LogViewer3 extends qreact.Component {
 
         let selectedLoggers: typeof loggers.logLogs[] = [];
         Querysub.localRead(() => {
-            if (this.state.enableLogs) {
+            if (enableLogsURL.value) {
                 selectedLoggers.push(loggers.logLogs);
                 this.state.searchingLogs = true;
             }
-            if (this.state.enableInfos) {
+            if (enableInfosURL.value) {
                 selectedLoggers.push(loggers.infoLogs);
                 this.state.searchingInfos = true;
             }
-            if (this.state.enableWarnings) {
+            if (enableWarningsURL.value) {
                 selectedLoggers.push(loggers.warnLogs);
                 this.state.searchingWarnings = true;
             }
-            if (this.state.enableErrors) {
+            if (enableErrorsURL.value) {
                 selectedLoggers.push(loggers.errorLogs);
                 this.state.searchingErrors = true;
             }
@@ -560,9 +560,10 @@ export class LogViewer3 extends qreact.Component {
                                         managementPageURL.getOverride("LifeCyclePage"),
                                         lifecycleIdURL.getOverride(match.lifecycle.id),
                                         additionalSearchURL.getOverride(formatSearchString(match.datum)),
+                                        phase2AdditionalSearchURL.getOverride(""),
                                         startTimeParam.getOverride(datum.time - timeInHour),
                                         endTimeParam.getOverride(datum.time + timeInHour),
-                                    ]}>
+                                    ]} title={match.entry.matchPattern}>
                                         View {JSON.stringify(match.lifecycle.title)}
                                     </ATag>
                                 </div>
@@ -571,6 +572,7 @@ export class LogViewer3 extends qreact.Component {
                                 managementPageURL.getOverride("LifeCyclePage"),
                                 lifecycleIdURL.getOverride(firstMatch.lifecycle.id),
                                 additionalSearchURL.getOverride(searchFilter),
+                                phase2AdditionalSearchURL.getOverride(""),
                                 startTimeParam.getOverride(minTime - timeInHour),
                                 endTimeParam.getOverride(maxTime + timeInHour),
                             ]}>
@@ -690,40 +692,40 @@ export class LogViewer3 extends qreact.Component {
                 <div className={css.hbox(10)}>
                     <Button
                         onClick={() => {
-                            this.state.enableLogs = !this.state.enableLogs;
+                            enableLogsURL.value = !enableLogsURL.value;
                             this.clearPaths();
                         }}
-                        hue={this.state.enableLogs && 210 || undefined}
+                        hue={enableLogsURL.value && 210 || undefined}
                         className={this.state.searchingLogs && css.opacity(0.5) || undefined}
                     >
                         Logs
                     </Button>
                     <Button
                         onClick={() => {
-                            this.state.enableInfos = !this.state.enableInfos;
+                            enableInfosURL.value = !enableInfosURL.value;
                             this.clearPaths();
                         }}
-                        hue={this.state.enableInfos && 200 || undefined}
+                        hue={enableInfosURL.value && 200 || undefined}
                         className={this.state.searchingInfos && css.opacity(0.5) || undefined}
                     >
                         Infos
                     </Button>
                     <Button
                         onClick={() => {
-                            this.state.enableWarnings = !this.state.enableWarnings;
+                            enableWarningsURL.value = !enableWarningsURL.value;
                             this.clearPaths();
                         }}
-                        hue={this.state.enableWarnings && 40 || undefined}
+                        hue={enableWarningsURL.value && 40 || undefined}
                         className={this.state.searchingWarnings && css.opacity(0.5) || undefined}
                     >
                         Warnings
                     </Button>
                     <Button
                         onClick={() => {
-                            this.state.enableErrors = !this.state.enableErrors;
+                            enableErrorsURL.value = !enableErrorsURL.value;
                             this.clearPaths();
                         }}
-                        hue={this.state.enableErrors ? 0 : undefined}
+                        hue={enableErrorsURL.value ? 0 : undefined}
                         className={this.state.searchingErrors && css.opacity(0.5) || undefined}
                     >
                         Errors

package/src/diagnostics/logs/IndexedLogs/moveIndexLogsToPublic.ts

@@ -129,7 +129,7 @@ export async function moveLogsToPublic(config: {
 
     if (!await tryToGetMoveLock()) return;
 
-    console.log(magenta(`Moving ${localPaths.length} log files to public (${blue(config.loggerName)})`), { loggerName: config.loggerName, localPaths });
+    console.log(magenta(`Moving ${localPaths.length} log files to public (${blue(config.loggerName)})`), { loggerName: config.loggerName });
 
     let byStartTime = keyByArray(localPaths, x => x.startTime);
 

package/src/diagnostics/logs/diskLogGlobalContext.ts

@@ -24,6 +24,7 @@ export function addBuiltInContext() {
             __externalIP: cachedExternalIP(),
             __os: process.platform,
             __pid: process.pid,
+            __call: SocketFunction.TOTAL_CALLS,
         };
     });
     const getHostname = lazy(() => child_process.execSync("hostname").toString().trim());

package/src/diagnostics/logs/errorNotifications2/logWatcher.ts

@@ -1,5 +1,5 @@
 import { SocketFunction } from "socket-function/SocketFunction";
-import { isNodeIdLocal, isOwnNodeId, watchDeltaNodeIds } from "../../../-f-node-discovery/NodeDiscovery";
+import { isOwnNodeId, watchDeltaNodeIds } from "../../../-f-node-discovery/NodeDiscovery";
 import { IndexedLogs, loggerByName } from "../IndexedLogs/IndexedLogs";
 import { nextId } from "socket-function/src/misc";
 import { assertIsManagementUser, isManagementUser } from "../../managementPages";
@@ -30,8 +30,6 @@ export async function* watchAllValues<T>(logs: IndexedLogs<T>): AsyncGenerator<T
     watchDeltaNodeIds((delta) => {
         for (let nodeId of delta.newNodeIds) {
             if (isOwnNodeId(nodeId)) continue;
-            let isPublicNode = !isNodeIdLocal(nodeId);
-            if (isPublicNode !== isPublic()) continue;
             process.stdout.write(`Watching errors for ${logs.config.name} on node ${nodeId}\n`);
             ignoreErrors(ErrorNotificationControllerRegistered.nodes[nodeId].watchErrors({
                 loggerName: logs.config.name,

package/src/diagnostics/logs/lifeCycleAnalysis/LifeCycleEntryEditor.tsx

@@ -229,7 +229,9 @@ export class LifeCycleEntryEditor extends qreact.Component<{
                                     hue={0}
                                     onClick={() => {
                                         let updatedLifeCycle = deepCloneJSON(lifeCycle);
-                                        updatedLifeCycle.entries[entryIndex].groupByKeys.splice(keyIdx, 1);
+                                        updatedLifeCycle.entries.forEach((e, idx) => {
+                                            e.groupByKeys = e.groupByKeys.filter(k => k.ourKey !== keyConfig.ourKey);
+                                        });
                                         Querysub.onCommitFinished(async () => {
                                             await this.controller.setLifeCycle.promise(updatedLifeCycle);
                                         });
@@ -256,7 +258,7 @@ export class LifeCycleEntryEditor extends qreact.Component<{
                     </div>
 
                     <div className={css.vbox(4)}>
-                        {Object.entries(entry.variables).map(([key, varData]) => {
+                        {Object.entries(entry.variables).map(([key, varData], varIdx) => {
                             let keyExistsInAllOtherEntries = lifeCycle.entries.every((e, idx) => {
                                 if (idx === entryIndex) return true;
                                 return key in e.variables;
@@ -281,21 +283,37 @@ export class LifeCycleEntryEditor extends qreact.Component<{
                                 >
                                     Copy to All
                                 </Button>
-                                <Button hue={160} onClick={() => {
-                                    let updatedLifeCycle = deepCloneJSON(lifeCycle);
-                                    updatedLifeCycle.entries.forEach((e) => {
-                                        if (key in e.variables) {
-                                            let varData = e.variables[key];
-                                            delete e.variables[key];
-                                            e.variables = { [key]: varData, ...e.variables };
+                                <InputLabel
+                                    label="Pos"
+                                    number
+                                    value={varIdx.toString()}
+                                    onChangeValue={(value) => {
+                                        let newPos = parseInt(value);
+                                        if (isNaN(newPos)) return;
+
+                                        let updatedLifeCycle = deepCloneJSON(lifeCycle);
+                                        for (let e of updatedLifeCycle.entries) {
+                                            if (!(key in e.variables)) continue;
+                                            let keys = Object.keys(e.variables);
+                                            let currentPos = keys.indexOf(key);
+                                            if (currentPos < 0) continue;
+
+                                            let usedNewPos = newPos;
+                                            if (currentPos < usedNewPos) {
+                                                usedNewPos--;
+                                            }
+
+                                            keys.splice(currentPos, 1);
+                                            keys.splice(usedNewPos, 0, key);
+
+                                            e.variables = Object.fromEntries(keys.map(k => [k, e.variables[k]]));
                                         }
-                                    });
-                                    Querysub.onCommitFinished(async () => {
-                                        await this.controller.setLifeCycle.promise(updatedLifeCycle);
-                                    });
-                                }}>
-                                    Move to start
-                                </Button>
+                                        Querysub.onCommitFinished(async () => {
+                                            await this.controller.setLifeCycle.promise(updatedLifeCycle);
+                                        });
+                                    }}
+                                    className={css.width(60)}
+                                />
                                 <span className={css.minWidth(150).boldStyle}>{key}</span>
                                 <InputLabel
                                     placeholder="Variable title"

package/src/diagnostics/logs/lifeCycleAnalysis/LifeCycleEntryReadMode.tsx

@@ -9,6 +9,7 @@ import { niceStringify } from "../../../niceStringify";
 import { LogDatum } from "../diskLogger";
 import { LifeCycle, LifeCycleEntry, LifeCyclesController, getVariables } from "./lifeCycles";
 import { NestedLifeCycleInfo } from "./NestedLifeCycleInfo";
+import { formatValue } from "../../../5-diagnostics/GenericFormat";
 
 export class LifeCycleEntryReadMode extends qreact.Component<{
     lifeCycle: LifeCycle;
@@ -89,13 +90,10 @@ export class LifeCycleEntryReadMode extends qreact.Component<{
         let renderNestedInfo = (key: string, value: unknown) => {
             if (value === undefined) return null;
 
-            let isGroupByKey = Array.isArray(entry.groupByKeys) && entry.groupByKeys.some(k => k.ourKey === key);
-            let aliases = isGroupByKey && entry.groupByKeys.find(k => k.ourKey === key)?.aliases || entry.variables[key]?.aliases || [];
-
             return <NestedLifeCycleInfo
                 keyName={key}
                 value={value}
-                aliases={aliases}
+                entry={entry}
                 currentLifeCycleId={lifeCycle.id}
             />;
         };
@@ -116,7 +114,7 @@ export class LifeCycleEntryReadMode extends qreact.Component<{
                         <span className={css.minWidth(150).colorhsl(0, 0, 50)}>
                             {title || key}{title && ` (${key})` || ""}:
                         </span>
-                        <span className={css.whiteSpace("pre-wrap")}>{niceStringify(value)}</span>
+                        <span className={css.whiteSpace("pre-wrap")}>{formatValue(value)}</span>
                         {renderNestedInfo(key, value)}
                     </div>;
                 })}
@@ -130,7 +128,7 @@ export class LifeCycleEntryReadMode extends qreact.Component<{
                             <span className={css.minWidth(150).colorhsl(0, 0, 50)}>
                                 {key}
                             </span>
-                            <span className={css.whiteSpace("pre-wrap")}>{niceStringify(value)}</span>
+                            <span className={css.whiteSpace("pre-wrap")}>{String(value)}</span>
                             {renderNestedInfo(key, value)}
                         </div>;
                     });

package/src/diagnostics/logs/lifeCycleAnalysis/LifeCycleInstanceTableView.tsx

@@ -1,8 +1,11 @@
 import { qreact } from "../../../4-dom/qreact";
-import { Table } from "../../../5-diagnostics/Table";
+import { ColumnsType, Table } from "../../../5-diagnostics/Table";
 import { formatValue } from "../../../5-diagnostics/GenericFormat";
-import { LifeCycle, getVariables } from "./lifeCycles";
+import { LifeCycle, LifeCycleEntry, getVariables } from "./lifeCycles";
 import { LifecycleInstance } from "./lifeCycleSearch";
+import { Button } from "../../../library-components/Button";
+import { NestedLifeCycleInfo } from "./NestedLifeCycleInfo";
+import { formatDateTimeDetailed } from "socket-function/src/formatting/format";
 
 export class LifeCycleInstanceTableView extends qreact.Component<{
     lifeCycle: LifeCycle;
@@ -32,8 +35,10 @@ export class LifeCycleInstanceTableView extends qreact.Component<{
             let entry = lifeCycle.entries.find(e => e.matchPattern === entryData.matchPattern);
             let entryTitle = entry && (entry.description || entry.matchPattern) || entryData.matchPattern;
 
-            let row: { entryTitle: string;[key: string]: unknown } = {
+            let row: { entryTitle: string; logDatum: unknown; entry: unknown;[key: string]: unknown } = {
                 entryTitle: entryTitle,
+                logDatum: entryData.datum,
+                entry: entry,
             };
 
             if (entry) {
@@ -46,17 +51,43 @@ export class LifeCycleInstanceTableView extends qreact.Component<{
             return row;
         });
 
-        let columns: any = {
+        let columns: ColumnsType = {
             entryTitle: { title: "Entry" },
         };
 
         for (let columnKey of allColumnKeys) {
+            let hasDefinedValue = rows.some(row => row[columnKey] !== undefined);
+            if (!hasDefinedValue) continue;
+
             columns[columnKey] = {
                 title: columnKeyToTitle.get(columnKey) || columnKey,
-                formatter: (value: unknown) => formatValue(value),
+                formatter: (value, context) => {
+                    const entry = context?.row?.entry;
+                    let formattedValue = formatValue(value);
+                    if (value && context?.columnName?.toString().toLowerCase().includes("timeid")) {
+                        formattedValue = formatDateTimeDetailed(Number(value));
+                    }
+                    if (value && context?.columnName === "time") {
+                        formattedValue = formatDateTimeDetailed(Number(value));
+                    }
+                    return <>
+                        {formattedValue}
+                        {entry && value && <NestedLifeCycleInfo
+                            keyName={columnKey}
+                            value={value}
+                            entry={entry as LifeCycleEntry}
+                            currentLifeCycleId={lifeCycle.id}
+                        /> || undefined}
+                    </>;
+                },
             };
         }
 
+        columns.logDatum = {
+            title: "Log",
+            formatter: datum => <Button onClick={() => console.log(datum)}>Log</Button>,
+        };
+
         return <Table rows={rows} columns={columns} />;
     }
 }

package/src/diagnostics/logs/lifeCycleAnalysis/LifeCyclePage.tsx

@@ -32,7 +32,8 @@ import { isPublic } from "../../../config";
 export let lifecycleIdURL = new URLParam("lifecycleid", "");
 export let limitURL = new URLParam("lifecyclelimit", 16);
 export let additionalSearchURL = new URLParam("lifecyclesearch", "");
-export let lifecycleTableViewURL = new URLParam("lifecycletable", false);
+export let phase2AdditionalSearchURL = new URLParam("lifecyclephase2search", "");
+export let lifecycleTableViewURL = new URLParam("lifecycletable", true);
 
 export class LifeCyclePage extends qreact.Component {
     controller = LifeCyclesController(SocketFunction.browserNodeId());
@@ -54,7 +55,7 @@ export class LifeCyclePage extends qreact.Component {
     search = createLifeCycleSearch(this);
 
     searchLifeCycle = (lifeCycleId: string) => {
-        return this.search.searchLifeCycle({ lifeCycleId, additionalSearch: additionalSearchURL.value.trim(), limit: limitURL.value });
+        return this.search.searchLifeCycle({ lifeCycleId, additionalSearch: additionalSearchURL.value.trim(), phase2AdditionalSearch: phase2AdditionalSearchURL.value.trim(), limit: limitURL.value });
     };
 
     componentDidMount() {
@@ -109,7 +110,7 @@ export class LifeCyclePage extends qreact.Component {
                 </div>
 
                 <InputLabelURL
-                    label="Additional Search"
+                    label="Additional Search (Phase 1)"
                     placeholder="Additional search filter..."
                     url={additionalSearchURL}
                     fillWidth
@@ -121,6 +122,19 @@ export class LifeCyclePage extends qreact.Component {
                     }}
                 />
 
+                <InputLabelURL
+                    label="Additional Search (Phase 2)"
+                    placeholder="Additional search filter..."
+                    url={phase2AdditionalSearchURL}
+                    fillWidth
+                    onKeyDown={(e) => {
+                        if (e.key === "Enter" && lifecycleIdURL.value) {
+                            phase2AdditionalSearchURL.value = e.currentTarget.value;
+                            void this.searchLifeCycle(lifecycleIdURL.value);
+                        }
+                    }}
+                />
+
                 <div className={css.hbox(12).wrap}>
                     <InputLabel
                         placeholder="Add new life cycle"
@@ -134,7 +148,7 @@ export class LifeCyclePage extends qreact.Component {
                                         matchPattern: value,
                                         groupByKeys: [],
                                         isStart: true,
-                                        sourceType: "log",
+                                        sourceType: "info",
                                         variables: {},
                                     }],
                                 };
@@ -188,7 +202,7 @@ export class LifeCyclePage extends qreact.Component {
             {(this.state.phase1Searching || this.state.phase1Results.length > 0) && (
                 <div className={css.vbox(8)}>
                     <div className={css.boldStyle}>
-                        Phase 1: Start Entries ({this.state.phase1Results.length} valid)
+                        Phase 1: Start Entries ({this.state.phase1Results.length} valid{this.state.phase1Results.length >= limitURL.value && ", IMPORTANT! If recent events have an old start, we might miss them due to time filtering. Restrict your input with additional search until results < limit to ensure you don't miss any values"})
                         {this.state.phase1Searching && " - Searching..."}
                     </div>
                     {this.state.phase1Stats && (

package/src/diagnostics/logs/lifeCycleAnalysis/LifeCycleRenderer.tsx

@@ -1,6 +1,6 @@
 import { SocketFunction } from "socket-function/SocketFunction";
-import { formatDateTime, formatTime } from "socket-function/src/formatting/format";
-import { deepCloneJSON } from "socket-function/src/misc";
+import { formatDateTime, formatDateTimeDetailed, formatTime } from "socket-function/src/formatting/format";
+import { deepCloneJSON, nextId } from "socket-function/src/misc";
 import { css } from "typesafecss";
 import { t } from "../../../2-proxy/schema2";
 import { qreact } from "../../../4-dom/qreact";
@@ -78,6 +78,15 @@ export class LifeCycleRenderer extends qreact.Component<{
                             Pin
                         </Button>
                     )}
+                <Button hue={200} onClick={() => {
+                    let newLifeCycle = deepCloneJSON(lifeCycle);
+                    newLifeCycle.id = nextId();
+                    Querysub.onCommitFinished(async () => {
+                        await this.controller.setLifeCycle.promise(newLifeCycle);
+                    });
+                }}>
+                    Clone
+                </Button>
                 <Button
                     hue={0}
                     onClick={() => {
@@ -125,12 +134,11 @@ export class LifeCycleRenderer extends qreact.Component<{
                             onChangeValue={(value) => {
                                 let matchPattern = value.trim();
                                 if (matchPattern) {
-                                    let defaultGroupByKeys = lifeCycle.entries.length > 0 && lifeCycle.entries[0].groupByKeys && deepCloneJSON(lifeCycle.entries[0].groupByKeys) || [];
                                     let newEntry: LifeCycleEntry = {
                                         matchPattern,
                                         sourceType: "info",
-                                        groupByKeys: defaultGroupByKeys,
-                                        variables: {},
+                                        groupByKeys: deepCloneJSON(lifeCycle.entries[0]?.groupByKeys || []),
+                                        variables: deepCloneJSON(lifeCycle.entries[0]?.variables || {}),
                                     };
                                     let updatedLifeCycle = deepCloneJSON(lifeCycle);
                                     let firstEndIndex = updatedLifeCycle.entries.findIndex(e => e.isEnd);
@@ -213,9 +221,9 @@ export class LifeCycleInstanceRenderer extends qreact.Component<{
                 >
                     {this.state.expanded && "▼" || "▶"}
                 </Button>
-                <span className={css.minWidth(200).hbox(12)}>
+                <span className={css.minWidth(200).hbox(12)} title={`${instance.startTime} to ${instance.endTime}`}>
                     <span className={css.colorhsl(220, 60, 50)}>
-                        {formatDateTime(instance.startTime)}
+                        {formatDateTimeDetailed(instance.startTime)}
                     </span>
                     {instance.endTime !== undefined && (
                         <span className={css.colorhsl(220, 60, 50)}>