-
- ${checkpointCount > 0
- ? checkpointCount === 1
- ? t("sessionsView.checkpoint", { count: String(checkpointCount) })
- : t("sessionsView.checkpoints", { count: String(checkpointCount) })
- : t("common.none")}
-
- ${latestCheckpoint
- ? html`
-
- ${formatCheckpointReason(latestCheckpoint.reason)} ·
- ${formatRelativeTimestamp(latestCheckpoint.createdAt)}
-
- `
- : nothing}
+
+
${hasCheckpoints
? html`
`
- : nothing}
+ : html`${t("common.none")}`}
|
@@ -870,67 +933,108 @@ function renderRows(row: GatewaySessionRow, props: SessionsProps) {
...(isExpanded && hasCheckpoints
? [
html` |
-
-
- ${props.checkpointLoadingKey === row.key
- ? html` ${t("sessionsView.loadingCheckpoints")} `
- : checkpointError
- ? html` ${checkpointError} `
- : checkpointItems.length === 0
- ? html` ${t("sessionsView.noCheckpoints")} `
- : html`
-
- ${checkpointItems.map(
- (checkpoint) => html`
-
-
-
- ${formatCheckpointReason(checkpoint.reason)} ·
- ${formatRelativeTimestamp(checkpoint.createdAt)}
-
-
- ${formatCheckpointDelta(checkpoint)}
-
+
+
+
+
+
+ ${t("sessionsView.sessionDetails")}
+
+ ${friendlyKeyLabel ?? row.key}
+ ${showDisplayName
+ ? html`
+ ${displayName}
+ `
+ : nothing}
+
+ ${row.kind}
+
+
+
+ ${sessionDetails.map(
+ (item) => html`
+
+ ${item.label}
+
+ ${item.value}
+
+
+ `,
+ )}
+
+
+
+
+ ${props.checkpointLoadingKey === row.key
+ ? html`
+ ${t("sessionsView.loadingCheckpoints")}
+ `
+ : checkpointError
+ ? html` ${checkpointError} `
+ : checkpointItems.length === 0
+ ? html`
+ ${t("sessionsView.noCheckpoints")}
+ `
+ : html`
+
+ ${checkpointItems.map(
+ (checkpoint) => html`
+
+
+ ${checkpoint.summary
+ ? html`
+ ${checkpoint.summary}
+ `
+ : html`
+ ${t("sessionsView.noSummary")}
+ `}
+
+
+
+
- ${checkpoint.summary
- ? html`
- ${checkpoint.summary}
- `
- : html` ${t("sessionsView.noSummary")} `}
-
-
-
-
-
- `,
- )}
-
- `}
+ `,
+ )}
+
+ `}
+
|
|
`,