@activecollab/components 2.0.354 → 2.0.356

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

@@ -9,10 +9,10 @@ import { Button } from "../../components/Button";
 import { AddToListButton } from "../../components/Button/AddToListButton";
 import { Dialog } from "../../components/Dialog";
 import { IconButton } from "../../components/IconButton";
-import { CancelCrossIcon, CheckIcon, CloseIcon, GitBranchIcon, GitCommitIcon, GitPullRequestIcon, GitRepositoryIcon, MessageIcon, RocketIcon, TrashIcon, WarningTriangleSmallIcon } from "../../components/Icons";
+import { ArrowRightIcon, CancelCrossIcon, CheckIcon, CloseIcon, CloudDeployFailedIcon, CloudDeployIcon, EyeIcon, GearFailedIcon, GearIcon, GitBranchIcon, GitCommitIcon, GitMergeIcon, GitPullRequestClosedIcon, GitPullRequestDraftIcon, GitPullRequestIcon, GitRepositoryIcon, InfoSmallIcon, MessageIcon, TrashIcon } from "../../components/Icons";
 import { Tooltip } from "../../components/Tooltip";
 import { Trigger } from "../../components/Trigger";
-import { Body1, Body2, Caption1, Header3 } from "../../components/Typography";
+import { Body1, Caption1, Header3 } from "../../components/Typography";
 
 /**
  * Source Code section of a task — the shared subsystem behind the
@@ -25,6 +25,19 @@ import { Body1, Body2, Caption1, Header3 } from "../../components/Typography";
 
 const 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. */
+const STROKE_ICONS = new Set([GitBranchIcon, GitCommitIcon, GitPullRequestIcon, GitPullRequestDraftIcon, GitPullRequestClosedIcon, GitMergeIcon, GearIcon, GearFailedIcon, CloudDeployIcon, CloudDeployFailedIcon, 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. */
+const iconColorProps = icon => 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`.    */
@@ -83,6 +96,38 @@ const IssueClosedIcon = _ref2 => {
 /* ================================================================== */
 
 const STAGE_NAMES = ["Branch", "Commits", "Pull request", "CI / Build", "Deploy"];
+const MONTHS = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+const pad = n => 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.
+ */
+const formatAgo = minutesAgo => {
+  const now = new Date();
+  const then = new Date(now.getTime() - minutesAgo * 60000);
+  if (minutesAgo < 2) {
+    return "Just now";
+  }
+  if (minutesAgo < 60) {
+    return Math.floor(minutesAgo) + " minutes ago";
+  }
+  const time = pad(then.getHours()) + ":" + pad(then.getMinutes());
+  if (then.toDateString() === now.toDateString()) {
+    return "Today " + time;
+  }
+  const yesterday = new Date(now.getTime() - 24 * 60 * 60000);
+  if (then.toDateString() === yesterday.toDateString()) {
+    return "Yesterday " + time;
+  }
+  const monthDay = MONTHS[then.getMonth()] + " " + then.getDate() + ".";
+  if (then.getFullYear() === now.getFullYear()) {
+    return monthDay + " " + time;
+  }
+  return monthDay + " " + then.getFullYear() + " " + time;
+};
 
 /** A VCS issue. Weakly referenced by any number of branches / PRs. */
 
@@ -174,13 +219,13 @@ const CODE_ENTRIES = [{
   history: [{
     icon: GitBranchIcon,
     title: "Branch created",
-    detail: "spike/rank-cache",
-    meta: "Ilija Studen · today, 12:40"
+    detail: "spike/rank-cache by Ilija Studen",
+    minutesAgo: 120
   }, {
     icon: 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",
@@ -226,13 +271,13 @@ const CODE_ENTRIES = [{
   history: [{
     icon: 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: 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",
@@ -241,6 +286,8 @@ const CODE_ENTRIES = [{
   repo: "frontend",
   repoFull: "activecollab/frontend",
   status: "merged",
+  sourceBranch: "feature/contracts-ui-34",
+  targetBranch: "main",
   contributors: [{
     initials: "MK",
     bg: AVATAR_COLORS.blue
@@ -281,26 +328,108 @@ const CODE_ENTRIES = [{
   history: [{
     icon: 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: GitPullRequestIcon,
-    title: "Pull request merged",
-    detail: "into main",
-    meta: "Marko K. · today, 10:12",
-    tone: "success"
+    icon: GitCommitIcon,
+    title: "6 commits pushed",
+    detail: "Last by Marko K.: “Wire rank controls to contracts API”",
+    minutesAgo: 10080
+  }, {
+    icon: GitPullRequestDraftIcon,
+    title: "Draft pull request opened",
+    detail: "Target: main by Marko K.",
+    minutesAgo: 8640
   }, {
-    icon: RocketIcon,
+    icon: GearIcon,
     title: "Build started",
-    detail: "CI pipeline #482",
-    meta: "today, 10:13",
+    detail: "CI pipeline #479",
+    minutesAgo: 8639,
     tone: "progress"
   }, {
-    icon: WarningTriangleSmallIcon,
+    icon: GearFailedIcon,
     title: "Build failed",
     detail: "3 of 12 checks failed",
-    meta: "today, 10:18",
+    minutesAgo: 8635,
     tone: "danger"
+  }, {
+    icon: GitCommitIcon,
+    title: "2 commits pushed",
+    detail: "Last by Marko K.: “Fix failing snapshot tests”",
+    minutesAgo: 7200
+  }, {
+    icon: GearIcon,
+    title: "Build passed",
+    detail: "All 12 checks passed · CI pipeline #482",
+    minutesAgo: 7195,
+    tone: "success"
+  }, {
+    icon: GitPullRequestIcon,
+    title: "Marked ready for review",
+    author: "Marko K.",
+    minutesAgo: 5760,
+    tone: "progress"
+  }, {
+    icon: EyeIcon,
+    title: "Review requested",
+    detail: "Requested by Ana P., Ilija S. and 2 more",
+    minutesAgo: 5755
+  }, {
+    icon: MessageIcon,
+    title: "Changes requested",
+    detail: "Request on 4 files by Ana P.",
+    minutesAgo: 4320
+  }, {
+    icon: GitCommitIcon,
+    title: "One commit pushed",
+    detail: "Marko K.: “Address review feedback”",
+    minutesAgo: 4000
+  }, {
+    icon: GitPullRequestClosedIcon,
+    title: "Pull request closed",
+    detail: "Closed without merging by Marko K.",
+    minutesAgo: 2880
+  }, {
+    icon: GitPullRequestIcon,
+    title: "Pull request reopened",
+    detail: "Target: main by Marko K.",
+    minutesAgo: 1680,
+    tone: "progress"
+  }, {
+    icon: 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: CloudDeployIcon,
+    title: "Deployed to staging",
+    detail: "Release ci-4821",
+    minutesAgo: 300,
+    tone: "success"
+  }, {
+    icon: CheckIcon,
+    title: "Approved",
+    detail: "2 approvals · Ana P., Ilija S.",
+    minutesAgo: 180,
+    tone: "success"
+  }, {
+    icon: GitMergeIcon,
+    title: "Pull request merged",
+    detail: "Target: main by Marko K.",
+    minutesAgo: 38,
+    tone: "success"
+  }, {
+    icon: CloudDeployFailedIcon,
+    title: "Deploy failed",
+    detail: "Target: production by Marko K.",
+    minutesAgo: 24,
+    tone: "danger"
+  }, {
+    icon: CloudDeployIcon,
+    title: "Deployed to production",
+    detail: "Release v2026.7.3",
+    minutesAgo: 1,
+    tone: "success"
   }]
 }, {
   kind: "branch",
@@ -339,18 +468,18 @@ const CODE_ENTRIES = [{
   history: [{
     icon: 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: 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: GitBranchIcon,
+    icon: 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"
   }]
 }, {
@@ -360,6 +489,8 @@ const CODE_ENTRIES = [{
   repo: "backend",
   repoFull: "activecollab/backend",
   status: "merged",
+  sourceBranch: "feature/retainers-34",
+  targetBranch: "main",
   contributors: [{
     initials: "IS",
     bg: AVATAR_COLORS.purple
@@ -397,20 +528,20 @@ const CODE_ENTRIES = [{
   history: [{
     icon: 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: 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: GitPullRequestIcon,
+    icon: 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"
   }]
 }, {
@@ -450,19 +581,18 @@ const CODE_ENTRIES = [{
   history: [{
     icon: GitBranchIcon,
     title: "Branch created",
-    detail: "hotfix/rank-typo",
-    meta: "Marko K. · 6d ago"
+    detail: "hotfix/rank-typo by Marko K.",
+    minutesAgo: 8640
   }, {
     icon: 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: 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",
@@ -471,6 +601,8 @@ const CODE_ENTRIES = [{
   repo: "backend",
   repoFull: "activecollab/backend",
   status: "merged",
+  sourceBranch: "fix/rank-clamp-33",
+  targetBranch: "main",
   contributors: [{
     initials: "MK",
     bg: AVATAR_COLORS.blue
@@ -501,13 +633,19 @@ const CODE_ENTRIES = [{
   history: [{
     icon: 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: GitPullRequestIcon,
+    title: "Pull request opened",
+    detail: "Target: main by Marko K.",
+    minutesAgo: 8600,
+    tone: "progress"
+  }, {
+    icon: GitMergeIcon,
     title: "Pull request merged",
-    detail: "into main",
-    meta: "Marko K. · 5d ago",
+    detail: "Target: main by Marko K.",
+    minutesAgo: 7200,
     tone: "success"
   }]
 }, {
@@ -517,6 +655,8 @@ const CODE_ENTRIES = [{
   repo: "backend",
   repoFull: "activecollab/backend",
   status: "closed",
+  sourceBranch: "feature/rank-datastore-cache",
+  targetBranch: "main",
   contributors: [{
     initials: "IS",
     bg: AVATAR_COLORS.purple
@@ -551,14 +691,14 @@ const CODE_ENTRIES = [{
   history: [{
     icon: 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: CancelCrossIcon,
+    icon: GitPullRequestClosedIcon,
     title: "Pull request closed",
-    detail: "closed without merging",
-    meta: "Ilija Studen · 3d ago"
+    detail: "Closed without merging by Ilija Studen",
+    minutesAgo: 4320
   }]
 }];
 
@@ -624,10 +764,13 @@ const Spine = _ref4 => {
     className: items[i + 1].state !== "todo" ? "connector on" : "connector"
   })))));
 };
+
+/* The whole content scrolls together (header + stream + note) once the stream
+   is long — the dialog title bar stays fixed, everything below scrolls. */
 const StyledHistory = styled.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);
 const HistoryDialog = _ref5 => {
   let entry = _ref5.entry,
     onClose = _ref5.onClose;
@@ -644,38 +787,82 @@ const HistoryDialog = _ref5 => {
       justifyContent: "space-between",
       gap: 12
     }
-  }, /*#__PURE__*/React.createElement(Header3, null, "Source Code History"), /*#__PURE__*/React.createElement(IconButton, {
+  }, /*#__PURE__*/React.createElement(Header3, null, (entry == null ? void 0 : entry.kind) === "branch" ? "Branch History" : "Pull Request History"), /*#__PURE__*/React.createElement(IconButton, {
     type: "button",
     variant: "text gray",
     onClick: onClose
   }, /*#__PURE__*/React.createElement(CancelCrossIcon, null)))), /*#__PURE__*/React.createElement(Dialog.ContentDivider, null), /*#__PURE__*/React.createElement(Dialog.Content, null, entry && /*#__PURE__*/React.createElement(StyledHistory, null, /*#__PURE__*/React.createElement("div", {
-    className: "hist-sub"
-  }, /*#__PURE__*/React.createElement(Body2, {
+    className: "hist-header"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "hist-name"
+  }, /*#__PURE__*/React.createElement(Body1, {
     weight: "medium"
-  }, entry.title), /*#__PURE__*/React.createElement(Caption1, {
-    color: "secondary"
-  }, entry.repoFull)), entry.history.map((ev, i) => {
-    var _ev$tone;
-    return /*#__PURE__*/React.createElement("div", {
-      className: "hist-event",
-      key: ev.title + "-" + i
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "hist-icon " + ((_ev$tone = ev.tone) != null ? _ev$tone : "neutral")
-    }, /*#__PURE__*/React.createElement(ev.icon, {
-      width: 14,
-      height: 14
-    })), /*#__PURE__*/React.createElement("div", {
-      className: "hist-body"
-    }, /*#__PURE__*/React.createElement(Body2, {
-      weight: "medium"
-    }, ev.title), ev.detail && /*#__PURE__*/React.createElement(Caption1, {
-      color: "secondary"
-    }, ev.detail), /*#__PURE__*/React.createElement(Caption1, {
-      color: "tertiary"
-    }, ev.meta)));
-  }), !entry.pipelineSupported && /*#__PURE__*/React.createElement("div", {
+  }, entry.status === "deleted" ? entry.title : /*#__PURE__*/React.createElement(TitleLink, {
+    href: codeUrl(entry),
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, entry.title)), /*#__PURE__*/React.createElement(CodeStatusChip, {
+    entry: entry
+  })), entry.kind === "pr" && entry.sourceBranch && entry.targetBranch && /*#__PURE__*/React.createElement("div", {
+    className: "hist-branches"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "hist-branch"
+  }, /*#__PURE__*/React.createElement(GitBranchIcon, {
+    width: 14,
+    height: 14
+  }), entry.sourceBranch), /*#__PURE__*/React.createElement(ArrowRightIcon, {
+    width: 14,
+    height: 14
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "hist-branch"
+  }, /*#__PURE__*/React.createElement(GitBranchIcon, {
+    width: 14,
+    height: 14
+  }), entry.targetBranch)), /*#__PURE__*/React.createElement("span", {
+    className: "hist-repo"
+  }, /*#__PURE__*/React.createElement(GitRepositoryIcon, {
+    width: 14,
+    height: 14
+  }), entry.repoFull)), [...entry.history].sort((a, b) => a.minutesAgo - b.minutesAgo).map((ev, i) => /*#__PURE__*/React.createElement("div", {
+    className: "hist-event",
+    key: ev.title + "-" + i
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "hist-icon"
+  }, /*#__PURE__*/React.createElement(ev.icon, _extends({
+    width: 22,
+    height: 22
+  }, iconColorProps(ev.icon)))), /*#__PURE__*/React.createElement("div", {
+    className: "hist-body"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "hist-title"
+  }, /*#__PURE__*/React.createElement(Body1, {
+    weight: "medium"
+  }, ev.title), ev.tone === "success" && /*#__PURE__*/React.createElement("span", {
+    className: "hist-status"
+  }, /*#__PURE__*/React.createElement(CheckIcon, {
+    width: 16,
+    height: 16,
+    fill: "var(--color-sucess-green)"
+  })), ev.tone === "danger" && /*#__PURE__*/React.createElement("span", {
+    className: "sc-chip fail"
+  }, /*#__PURE__*/React.createElement(CloseIcon, {
+    width: 12,
+    height: 12,
+    fill: "var(--red-alert)"
+  }), "Failed")), ev.detail && /*#__PURE__*/React.createElement("span", {
+    className: "hist-line"
+  }, ev.detail), ev.author && /*#__PURE__*/React.createElement("span", {
+    className: "hist-line"
+  }, ev.author)), /*#__PURE__*/React.createElement("div", {
+    className: "hist-meta"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "hist-line"
+  }, formatAgo(ev.minutesAgo))))), !entry.pipelineSupported && /*#__PURE__*/React.createElement("div", {
     className: "hist-note"
-  }, /*#__PURE__*/React.createElement(Caption1, {
+  }, /*#__PURE__*/React.createElement(InfoSmallIcon, {
+    width: 15,
+    height: 15
+  }), /*#__PURE__*/React.createElement(Caption1, {
     color: "secondary"
   }, "No CI or deployment pipeline is configured for this repository.")))));
 };