@activecollab/components 2.0.353 → 2.0.355

package/dist/cjs/presentation/shared/SourceCodeSection.js

@@ -26,6 +26,7 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -42,6 +43,21 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 
 var SANS = '-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Arial, sans-serif';
 
+/* Icons in the collection colour either via `stroke` (outline glyphs whose root
+   is `fill="none"`) or via `fill`. To tint a history glyph by tone we must set
+   the right one — this set marks the stroke-based glyphs used in the stream. */
+var STROKE_ICONS = new Set([_Icons.GitBranchIcon, _Icons.GitCommitIcon, _Icons.GitPullRequestIcon, _Icons.GitPullRequestDraftIcon, _Icons.GitPullRequestClosedIcon, _Icons.GitMergeIcon, _Icons.GearIcon, _Icons.GearFailedIcon, _Icons.CloudDeployIcon, _Icons.CloudDeployFailedIcon, _Icons.GitRepositoryIcon]);
+
+/** Every event glyph renders in the standard muted gray; success / failure is
+    carried by a trailing check / cross after the title instead of the glyph. */
+var iconColorProps = function iconColorProps(icon) {
+  return STROKE_ICONS.has(icon) ? {
+    stroke: "var(--color-theme-600)"
+  } : {
+    fill: "var(--color-theme-600)"
+  };
+};
+
 /* ================================================================== */
 /* Issue markers (open / closed) — small inline glyphs so the          */
 /* open-vs-closed state reads crisply; they inherit `currentColor`.    */
@@ -100,6 +116,40 @@ var IssueClosedIcon = function IssueClosedIcon(_ref2) {
 /* ================================================================== */
 
 var STAGE_NAMES = ["Branch", "Commits", "Pull request", "CI / Build", "Deploy"];
+var MONTHS = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+var pad = function pad(n) {
+  return String(n).padStart(2, "0");
+};
+
+/**
+ * Reproduces ActiveCollab's standard `Ago` component (`Angie.functions.ago()`)
+ * for the mock: "Just now", "N minutes ago", "Today HH:mm", "Yesterday HH:mm",
+ * "MMM D. HH:mm", else "MMM D. YYYY HH:mm". Production must use the real one,
+ * which also carries the absolute timestamp in a tooltip and auto-refreshes.
+ */
+var formatAgo = function formatAgo(minutesAgo) {
+  var now = new Date();
+  var then = new Date(now.getTime() - minutesAgo * 60000);
+  if (minutesAgo < 2) {
+    return "Just now";
+  }
+  if (minutesAgo < 60) {
+    return "".concat(Math.floor(minutesAgo), " minutes ago");
+  }
+  var time = "".concat(pad(then.getHours()), ":").concat(pad(then.getMinutes()));
+  if (then.toDateString() === now.toDateString()) {
+    return "Today ".concat(time);
+  }
+  var yesterday = new Date(now.getTime() - 24 * 60 * 60000);
+  if (then.toDateString() === yesterday.toDateString()) {
+    return "Yesterday ".concat(time);
+  }
+  var monthDay = "".concat(MONTHS[then.getMonth()], " ").concat(then.getDate(), ".");
+  if (then.getFullYear() === now.getFullYear()) {
+    return "".concat(monthDay, " ").concat(time);
+  }
+  return "".concat(monthDay, " ").concat(then.getFullYear(), " ").concat(time);
+};
 
 /** A VCS issue. Weakly referenced by any number of branches / PRs. */
 
@@ -203,13 +253,13 @@ var CODE_ENTRIES = [{
   history: [{
     icon: _Icons.GitBranchIcon,
     title: "Branch created",
-    detail: "spike/rank-cache",
-    meta: "Ilija Studen · today, 12:40"
+    detail: "spike/rank-cache by Ilija Studen",
+    minutesAgo: 120
   }, {
     icon: _Icons.GitCommitIcon,
-    title: "Pushed 1 commit",
-    detail: "Prototype rank cache",
-    meta: "Ilija Studen · 30m ago"
+    title: "One commit pushed",
+    detail: "Ilija Studen: “Prototype rank cache”",
+    minutesAgo: 30
   }]
 }, {
   kind: "branch",
@@ -255,13 +305,13 @@ var CODE_ENTRIES = [{
   history: [{
     icon: _Icons.GitBranchIcon,
     title: "Branch created",
-    detail: "feature/retainers-ui-34",
-    meta: "Dragana A. · today, 08:02"
+    detail: "feature/retainers-ui-34 by Dragana A.",
+    minutesAgo: 480
   }, {
     icon: _Icons.GitCommitIcon,
-    title: "Pushed 6 commits",
-    detail: "Retainer settings screen",
-    meta: "Dragana A. · 1h ago"
+    title: "6 commits pushed",
+    detail: "Last by Dragana A.: “Retainer settings screen”",
+    minutesAgo: 60
   }]
 }, {
   kind: "pr",
@@ -270,6 +320,8 @@ var CODE_ENTRIES = [{
   repo: "frontend",
   repoFull: "activecollab/frontend",
   status: "merged",
+  sourceBranch: "feature/contracts-ui-34",
+  targetBranch: "main",
   contributors: [{
     initials: "MK",
     bg: _tokens.AVATAR_COLORS.blue
@@ -310,26 +362,108 @@ var CODE_ENTRIES = [{
   history: [{
     icon: _Icons.GitBranchIcon,
     title: "Branch created",
-    detail: "feature/contracts-ui-34",
-    meta: "Marko K. · today, 07:10"
+    detail: "feature/contracts-ui-34 by Marko K.",
+    minutesAgo: 11520
   }, {
-    icon: _Icons.GitPullRequestIcon,
-    title: "Pull request merged",
-    detail: "into main",
-    meta: "Marko K. · today, 10:12",
-    tone: "success"
+    icon: _Icons.GitCommitIcon,
+    title: "6 commits pushed",
+    detail: "Last by Marko K.: “Wire rank controls to contracts API”",
+    minutesAgo: 10080
+  }, {
+    icon: _Icons.GitPullRequestDraftIcon,
+    title: "Draft pull request opened",
+    detail: "Target: main by Marko K.",
+    minutesAgo: 8640
   }, {
-    icon: _Icons.RocketIcon,
+    icon: _Icons.GearIcon,
     title: "Build started",
-    detail: "CI pipeline #482",
-    meta: "today, 10:13",
+    detail: "CI pipeline #479",
+    minutesAgo: 8639,
     tone: "progress"
   }, {
-    icon: _Icons.WarningTriangleSmallIcon,
+    icon: _Icons.GearFailedIcon,
     title: "Build failed",
     detail: "3 of 12 checks failed",
-    meta: "today, 10:18",
+    minutesAgo: 8635,
     tone: "danger"
+  }, {
+    icon: _Icons.GitCommitIcon,
+    title: "2 commits pushed",
+    detail: "Last by Marko K.: “Fix failing snapshot tests”",
+    minutesAgo: 7200
+  }, {
+    icon: _Icons.GearIcon,
+    title: "Build passed",
+    detail: "All 12 checks passed · CI pipeline #482",
+    minutesAgo: 7195,
+    tone: "success"
+  }, {
+    icon: _Icons.GitPullRequestIcon,
+    title: "Marked ready for review",
+    author: "Marko K.",
+    minutesAgo: 5760,
+    tone: "progress"
+  }, {
+    icon: _Icons.EyeIcon,
+    title: "Review requested",
+    detail: "Requested by Ana P., Ilija S. and 2 more",
+    minutesAgo: 5755
+  }, {
+    icon: _Icons.MessageIcon,
+    title: "Changes requested",
+    detail: "Request on 4 files by Ana P.",
+    minutesAgo: 4320
+  }, {
+    icon: _Icons.GitCommitIcon,
+    title: "One commit pushed",
+    detail: "Marko K.: “Address review feedback”",
+    minutesAgo: 4000
+  }, {
+    icon: _Icons.GitPullRequestClosedIcon,
+    title: "Pull request closed",
+    detail: "Closed without merging by Marko K.",
+    minutesAgo: 2880
+  }, {
+    icon: _Icons.GitPullRequestIcon,
+    title: "Pull request reopened",
+    detail: "Target: main by Marko K.",
+    minutesAgo: 1680,
+    tone: "progress"
+  }, {
+    icon: _Icons.GitCommitIcon,
+    title: "4 commits pushed",
+    detail: "Last by Marko K.: “Rebuild rank controls with a new segmented layout, keyboard navigation, and analytics events”",
+    minutesAgo: 1560
+  }, {
+    icon: _Icons.CloudDeployIcon,
+    title: "Deployed to staging",
+    detail: "Release ci-4821",
+    minutesAgo: 300,
+    tone: "success"
+  }, {
+    icon: _Icons.CheckIcon,
+    title: "Approved",
+    detail: "2 approvals · Ana P., Ilija S.",
+    minutesAgo: 180,
+    tone: "success"
+  }, {
+    icon: _Icons.GitMergeIcon,
+    title: "Pull request merged",
+    detail: "Target: main by Marko K.",
+    minutesAgo: 38,
+    tone: "success"
+  }, {
+    icon: _Icons.CloudDeployFailedIcon,
+    title: "Deploy failed",
+    detail: "Target: production by Marko K.",
+    minutesAgo: 24,
+    tone: "danger"
+  }, {
+    icon: _Icons.CloudDeployIcon,
+    title: "Deployed to production",
+    detail: "Release v2026.7.3",
+    minutesAgo: 1,
+    tone: "success"
   }]
 }, {
   kind: "branch",
@@ -368,18 +502,18 @@ var CODE_ENTRIES = [{
   history: [{
     icon: _Icons.GitBranchIcon,
     title: "Branch created",
-    detail: "feature/retainers-34",
-    meta: "Ilija Studen · 1 Mar, 09:12"
+    detail: "feature/retainers-34 by Ilija Studen",
+    minutesAgo: 4320
   }, {
     icon: _Icons.GitCommitIcon,
-    title: "Pushed 14 commits",
-    detail: "Rank model + datastore updates",
-    meta: "Ilija Studen · 2 Mar, 16:05"
+    title: "14 commits pushed",
+    detail: "Last by Ilija Studen: “Rank model + datastore updates”",
+    minutesAgo: 3000
   }, {
-    icon: _Icons.GitBranchIcon,
+    icon: _Icons.GitMergeIcon,
     title: "Branch merged",
-    detail: "via #119909 into main",
-    meta: "Ilija Studen · 2 Mar, 18:20",
+    detail: "Target: main by Ilija Studen",
+    minutesAgo: 2880,
     tone: "success"
   }]
 }, {
@@ -389,6 +523,8 @@ var CODE_ENTRIES = [{
   repo: "backend",
   repoFull: "activecollab/backend",
   status: "merged",
+  sourceBranch: "feature/retainers-34",
+  targetBranch: "main",
   contributors: [{
     initials: "IS",
     bg: _tokens.AVATAR_COLORS.purple
@@ -426,20 +562,20 @@ var CODE_ENTRIES = [{
   history: [{
     icon: _Icons.GitPullRequestIcon,
     title: "Pull request opened",
-    detail: "#119909 · base: main",
-    meta: "Ilija Studen · 2 Mar, 16:30",
+    detail: "Target: main by Ilija Studen",
+    minutesAgo: 3000,
     tone: "progress"
   }, {
     icon: _Icons.CheckIcon,
-    title: "Approved by 2 reviewers",
-    detail: "Marko K., Janko S.",
-    meta: "2 Mar, 18:02",
+    title: "Approved",
+    detail: "2 approvals · Marko K., Janko S.",
+    minutesAgo: 2905,
     tone: "success"
   }, {
-    icon: _Icons.GitPullRequestIcon,
+    icon: _Icons.GitMergeIcon,
     title: "Pull request merged",
-    detail: "into main",
-    meta: "Ilija Studen · 2 Mar, 18:20",
+    detail: "Target: main by Ilija Studen",
+    minutesAgo: 2880,
     tone: "success"
   }]
 }, {
@@ -479,19 +615,18 @@ var CODE_ENTRIES = [{
   history: [{
     icon: _Icons.GitBranchIcon,
     title: "Branch created",
-    detail: "hotfix/rank-typo",
-    meta: "Marko K. · 6d ago"
+    detail: "hotfix/rank-typo by Marko K.",
+    minutesAgo: 8640
   }, {
     icon: _Icons.GitCommitIcon,
-    title: "Pushed 2 commits",
-    detail: "Fix rank label typo",
-    meta: "Marko K. · 6d ago"
+    title: "2 commits pushed",
+    detail: "Last by Marko K.: “Fix rank label typo”",
+    minutesAgo: 8600
   }, {
     icon: _Icons.TrashIcon,
     title: "Branch deleted",
-    detail: "soft delete — history preserved",
-    meta: "Marko K. · 5d ago",
-    tone: "danger"
+    detail: "Soft deleted by Marko K.",
+    minutesAgo: 7000
   }]
 }, {
   kind: "pr",
@@ -500,6 +635,8 @@ var CODE_ENTRIES = [{
   repo: "backend",
   repoFull: "activecollab/backend",
   status: "merged",
+  sourceBranch: "fix/rank-clamp-33",
+  targetBranch: "main",
   contributors: [{
     initials: "MK",
     bg: _tokens.AVATAR_COLORS.blue
@@ -530,13 +667,19 @@ var CODE_ENTRIES = [{
   history: [{
     icon: _Icons.GitBranchIcon,
     title: "Branch created",
-    detail: "fix/rank-clamp-33",
-    meta: "Marko K. · 6d ago"
+    detail: "fix/rank-clamp-33 by Marko K.",
+    minutesAgo: 8640
   }, {
     icon: _Icons.GitPullRequestIcon,
+    title: "Pull request opened",
+    detail: "Target: main by Marko K.",
+    minutesAgo: 8600,
+    tone: "progress"
+  }, {
+    icon: _Icons.GitMergeIcon,
     title: "Pull request merged",
-    detail: "into main",
-    meta: "Marko K. · 5d ago",
+    detail: "Target: main by Marko K.",
+    minutesAgo: 7200,
     tone: "success"
   }]
 }, {
@@ -546,6 +689,8 @@ var CODE_ENTRIES = [{
   repo: "backend",
   repoFull: "activecollab/backend",
   status: "closed",
+  sourceBranch: "feature/rank-datastore-cache",
+  targetBranch: "main",
   contributors: [{
     initials: "IS",
     bg: _tokens.AVATAR_COLORS.purple
@@ -580,14 +725,14 @@ var CODE_ENTRIES = [{
   history: [{
     icon: _Icons.GitPullRequestIcon,
     title: "Pull request opened",
-    detail: "#119888 · base: main",
-    meta: "Ilija Studen · 4d ago",
+    detail: "Target: main by Ilija Studen",
+    minutesAgo: 5760,
     tone: "progress"
   }, {
-    icon: _Icons.CancelCrossIcon,
+    icon: _Icons.GitPullRequestClosedIcon,
     title: "Pull request closed",
-    detail: "closed without merging",
-    meta: "Ilija Studen · 3d ago"
+    detail: "Closed without merging by Ilija Studen",
+    minutesAgo: 4320
   }]
 }];
 
@@ -657,10 +802,13 @@ var Spine = exports.Spine = function Spine(_ref4) {
     }));
   })));
 };
+
+/* The whole content scrolls together (header + stream + note) once the stream
+   is long — the dialog title bar stays fixed, everything below scrolls. */
 var StyledHistory = _styledComponents.default.div.withConfig({
   displayName: "SourceCodeSection__StyledHistory",
   componentId: "sc-rvqbh5-2"
-})(["font-family:", ";.hist-sub{margin-bottom:18px;}.hist-event{position:relative;display:flex;gap:12px;padding-bottom:18px;}.hist-event:last-child{padding-bottom:0;}.hist-event:not(:last-child)::before{content:\"\";position:absolute;left:11px;top:24px;bottom:0;width:2px;background:var(--border-primary);}.hist-icon{z-index:1;flex-shrink:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-theme-200);}.hist-icon.success{background:color-mix(in srgb,var(--color-sucess-green) 18%,transparent);}.hist-icon.danger{background:color-mix(in srgb,var(--red-alert) 18%,transparent);}.hist-icon.progress{background:color-mix(in srgb,var(--color-primary) 18%,transparent);}.hist-body{min-width:0;padding-top:1px;}.hist-note{margin-top:4px;padding:10px 12px;border-radius:6px;background:var(--color-theme-200);}"], SANS);
+})(["font-family:", ";max-height:60vh;overflow-y:auto;padding-right:4px;.hist-header{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--border-primary);}.hist-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}.hist-branches{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px;font-size:13px;color:var(--color-theme-600);}.hist-branch{display:inline-flex;align-items:center;gap:4px;}.hist-repo{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:13px;color:var(--color-theme-600);}.sc-chip{display:inline-flex;align-items:center;gap:3px;height:20px;padding:0 8px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:0.02em;flex-shrink:0;}.sc-chip.done{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent);}.sc-chip.gone{color:var(--color-theme-900);background:var(--color-theme-200);border:1px solid var(--border-primary);}.sc-chip.fail{color:var(--red-alert);background:color-mix(in srgb,var(--red-alert) 15%,transparent);}.hist-event{display:flex;align-items:center;gap:12px;padding-bottom:20px;}.hist-event:last-child{padding-bottom:0;}.hist-icon{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;}.hist-body{flex:1 1 auto;min-width:0;}.hist-title{display:flex;align-items:center;gap:6px;min-width:0;}.hist-title > *:first-child{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.hist-status{flex-shrink:0;display:inline-flex;}.hist-line{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.5;color:var(--color-theme-600);}.hist-meta{flex-shrink:0;align-self:flex-start;text-align:right;white-space:nowrap;}.hist-note{display:flex;align-items:center;gap:6px;margin-top:16px;color:var(--color-theme-500);}.hist-note svg{flex-shrink:0;}"], SANS);
 var HistoryDialog = exports.HistoryDialog = function HistoryDialog(_ref5) {
   var entry = _ref5.entry,
     onClose = _ref5.onClose;
@@ -677,38 +825,86 @@ var HistoryDialog = exports.HistoryDialog = function HistoryDialog(_ref5) {
       justifyContent: "space-between",
       gap: 12
     }
-  }, /*#__PURE__*/_react.default.createElement(_Typography.Header3, null, "Source Code History"), /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Header3, null, (entry === null || entry === void 0 ? void 0 : entry.kind) === "branch" ? "Branch History" : "Pull Request History"), /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
     type: "button",
     variant: "text gray",
     onClick: onClose
   }, /*#__PURE__*/_react.default.createElement(_Icons.CancelCrossIcon, null)))), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.ContentDivider, null), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.Content, null, entry && /*#__PURE__*/_react.default.createElement(StyledHistory, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "hist-sub"
-  }, /*#__PURE__*/_react.default.createElement(_Typography.Body2, {
+    className: "hist-header"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "hist-name"
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Body1, {
     weight: "medium"
-  }, entry.title), /*#__PURE__*/_react.default.createElement(_Typography.Caption1, {
-    color: "secondary"
-  }, entry.repoFull)), entry.history.map(function (ev, i) {
-    var _ev$tone;
+  }, entry.status === "deleted" ? entry.title : /*#__PURE__*/_react.default.createElement(TitleLink, {
+    href: codeUrl(entry),
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, entry.title)), /*#__PURE__*/_react.default.createElement(CodeStatusChip, {
+    entry: entry
+  })), entry.kind === "pr" && entry.sourceBranch && entry.targetBranch && /*#__PURE__*/_react.default.createElement("div", {
+    className: "hist-branches"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "hist-branch"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.GitBranchIcon, {
+    width: 14,
+    height: 14
+  }), entry.sourceBranch), /*#__PURE__*/_react.default.createElement(_Icons.ArrowRightIcon, {
+    width: 14,
+    height: 14
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: "hist-branch"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.GitBranchIcon, {
+    width: 14,
+    height: 14
+  }), entry.targetBranch)), /*#__PURE__*/_react.default.createElement("span", {
+    className: "hist-repo"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.GitRepositoryIcon, {
+    width: 14,
+    height: 14
+  }), entry.repoFull)), [...entry.history].sort(function (a, b) {
+    return a.minutesAgo - b.minutesAgo;
+  }).map(function (ev, i) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "hist-event",
       key: "".concat(ev.title, "-").concat(i)
     }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "hist-icon ".concat((_ev$tone = ev.tone) !== null && _ev$tone !== void 0 ? _ev$tone : "neutral")
-    }, /*#__PURE__*/_react.default.createElement(ev.icon, {
-      width: 14,
-      height: 14
-    })), /*#__PURE__*/_react.default.createElement("div", {
+      className: "hist-icon"
+    }, /*#__PURE__*/_react.default.createElement(ev.icon, _extends({
+      width: 22,
+      height: 22
+    }, iconColorProps(ev.icon)))), /*#__PURE__*/_react.default.createElement("div", {
       className: "hist-body"
-    }, /*#__PURE__*/_react.default.createElement(_Typography.Body2, {
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "hist-title"
+    }, /*#__PURE__*/_react.default.createElement(_Typography.Body1, {
       weight: "medium"
-    }, ev.title), ev.detail && /*#__PURE__*/_react.default.createElement(_Typography.Caption1, {
-      color: "secondary"
-    }, ev.detail), /*#__PURE__*/_react.default.createElement(_Typography.Caption1, {
-      color: "tertiary"
-    }, ev.meta)));
+    }, ev.title), ev.tone === "success" && /*#__PURE__*/_react.default.createElement("span", {
+      className: "hist-status"
+    }, /*#__PURE__*/_react.default.createElement(_Icons.CheckIcon, {
+      width: 16,
+      height: 16,
+      fill: "var(--color-sucess-green)"
+    })), ev.tone === "danger" && /*#__PURE__*/_react.default.createElement("span", {
+      className: "sc-chip fail"
+    }, /*#__PURE__*/_react.default.createElement(_Icons.CloseIcon, {
+      width: 12,
+      height: 12,
+      fill: "var(--red-alert)"
+    }), "Failed")), ev.detail && /*#__PURE__*/_react.default.createElement("span", {
+      className: "hist-line"
+    }, ev.detail), ev.author && /*#__PURE__*/_react.default.createElement("span", {
+      className: "hist-line"
+    }, ev.author)), /*#__PURE__*/_react.default.createElement("div", {
+      className: "hist-meta"
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: "hist-line"
+    }, formatAgo(ev.minutesAgo))));
   }), !entry.pipelineSupported && /*#__PURE__*/_react.default.createElement("div", {
     className: "hist-note"
-  }, /*#__PURE__*/_react.default.createElement(_Typography.Caption1, {
+  }, /*#__PURE__*/_react.default.createElement(_Icons.InfoSmallIcon, {
+    width: 15,
+    height: 15
+  }), /*#__PURE__*/_react.default.createElement(_Typography.Caption1, {
     color: "secondary"
   }, "No CI or deployment pipeline is configured for this repository.")))));
 };