@activecollab/components 2.0.351 → 2.0.352

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

@@ -0,0 +1,1001 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Spine = exports.SourceCodeSection = exports.IssueRow = exports.HistoryDialog = exports.CompletedHeader = exports.CodeRow = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _LinkBranchOrPullRequestDialog = require("./LinkBranchOrPullRequestDialog");
+var _LinkingCommandsButton = require("./LinkingCommandsButton");
+var _RoundAvatar = require("./RoundAvatar");
+var _tokens = require("./tokens");
+var _Button = require("../../components/Button");
+var _AddToListButton = require("../../components/Button/AddToListButton");
+var _Dialog = require("../../components/Dialog");
+var _IconButton = require("../../components/IconButton");
+var _Icons = require("../../components/Icons");
+var _Tooltip = require("../../components/Tooltip");
+var _Trigger = require("../../components/Trigger");
+var _Typography = require("../../components/Typography");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+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 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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * Source Code section of a task — the shared subsystem behind the
+ * `Presentation/Source/Task Source` stories (Mix / All Open / All Completed).
+ * Holds the row types (issue / pull-or-merge request / branch), the pipeline
+ * spine, the history dialog, and the section that lays them out. Extracted into
+ * `shared/` so all three stories render the same components; editing a row type
+ * here updates every story at once.
+ */
+
+var SANS = '-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Arial, sans-serif';
+
+/* ================================================================== */
+/* Issue markers (open / closed) — small inline glyphs so the          */
+/* open-vs-closed state reads crisply; they inherit `currentColor`.    */
+/* ================================================================== */
+
+var IssueOpenIcon = function IssueOpenIcon(_ref) {
+  var _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 16 : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 16 : _ref$height;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 16 16",
+    fill: "none"
+  }, /*#__PURE__*/_react.default.createElement("circle", {
+    cx: "8",
+    cy: "8",
+    r: "6.4",
+    stroke: "currentColor",
+    strokeWidth: "1.6"
+  }), /*#__PURE__*/_react.default.createElement("circle", {
+    cx: "8",
+    cy: "8",
+    r: "2.2",
+    fill: "currentColor"
+  }));
+};
+var IssueClosedIcon = function IssueClosedIcon(_ref2) {
+  var _ref2$width = _ref2.width,
+    width = _ref2$width === void 0 ? 16 : _ref2$width,
+    _ref2$height = _ref2.height,
+    height = _ref2$height === void 0 ? 16 : _ref2$height;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 16 16",
+    fill: "none"
+  }, /*#__PURE__*/_react.default.createElement("circle", {
+    cx: "8",
+    cy: "8",
+    r: "6.4",
+    stroke: "currentColor",
+    strokeWidth: "1.6"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M5.2 8.1l1.9 1.9 3.7-3.9",
+    stroke: "currentColor",
+    strokeWidth: "1.6",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+};
+
+/* ================================================================== */
+/* Source Code section — data model                                    */
+/* ================================================================== */
+
+var STAGE_NAMES = ["Branch", "Commits", "Pull request", "CI / Build", "Deploy"];
+
+/** A VCS issue. Weakly referenced by any number of branches / PRs. */
+
+/** A branch or pull request read from the VCS. */
+
+var mkStages = function mkStages(defs) {
+  return defs.map(function (d, i) {
+    return _objectSpread({
+      name: STAGE_NAMES[i]
+    }, d);
+  });
+};
+var issueCompleted = function issueCompleted(i) {
+  return i.state === "closed";
+};
+var codeCompleted = function codeCompleted(e) {
+  return e.status !== "open";
+};
+var byRecency = function byRecency(a, b) {
+  return a.updatedMinsAgo - b.updatedMinsAgo;
+};
+
+/** External URL for an element — opens the object in the provider (new tab). */
+var issueUrl = function issueUrl(i) {
+  return "https://github.com/".concat(i.repoFull, "/issues/").concat(i.ref.replace("#", ""));
+};
+var codeUrl = function codeUrl(e) {
+  if (e.kind === "pr") {
+    var _e$title$match$, _e$title$match;
+    var number = (_e$title$match$ = (_e$title$match = e.title.match(/#(\d+)/)) === null || _e$title$match === void 0 ? void 0 : _e$title$match[1]) !== null && _e$title$match$ !== void 0 ? _e$title$match$ : "";
+    return "https://github.com/".concat(e.repoFull, "/pull/").concat(number);
+  }
+  return "https://github.com/".concat(e.repoFull, "/tree/").concat(e.title);
+};
+
+/* ---- Issues -------------------------------------------------------- */
+
+var ISSUES = [{
+  ref: "#482",
+  title: "#482 Ranks reset when a contract is archived",
+  repo: "backend",
+  repoFull: "activecollab/backend",
+  state: "open",
+  updatedLabel: "20m ago",
+  updatedMinsAgo: 20
+}, {
+  ref: "#455",
+  title: "#455 Retainer totals off by a rounding cent",
+  repo: "backend",
+  repoFull: "activecollab/backend",
+  state: "open",
+  updatedLabel: "3h ago",
+  updatedMinsAgo: 180
+}, {
+  ref: "#470",
+  title: "#470 Cannot set a rank above 100",
+  repo: "backend",
+  repoFull: "activecollab/backend",
+  state: "closed",
+  updatedLabel: "4d ago",
+  updatedMinsAgo: 5760
+}];
+
+/* ---- Branches / pull requests -------------------------------------- */
+
+var CODE_ENTRIES = [{
+  kind: "branch",
+  title: "spike/rank-cache",
+  headSha: "9f3c1a2b7d4e5f60819a2b3c4d5e6f7081920304",
+  repo: "backend",
+  repoFull: "activecollab/backend",
+  status: "open",
+  contributors: [{
+    initials: "IS",
+    bg: _tokens.AVATAR_COLORS.purple
+  }],
+  commits: {
+    value: 1,
+    tip: "1 commit · 30m ago by Ilija S."
+  },
+  diff: {
+    add: 38,
+    del: 4,
+    tip: "38 additions, 4 deletions across 2 files"
+  },
+  noPrLabel: "no pull request yet",
+  updatedLabel: "30m ago",
+  updatedMinsAgo: 30,
+  references: [],
+  stages: mkStages([{
+    state: "done",
+    details: ["spike/rank-cache", "on activecollab/backend"]
+  }, {
+    state: "done",
+    details: ["1 commit", "30m ago by Ilija S."]
+  }, {
+    state: "todo",
+    details: ["No pull request opened yet"]
+  }]),
+  pipelineSupported: false,
+  history: [{
+    icon: _Icons.GitBranchIcon,
+    title: "Branch created",
+    detail: "spike/rank-cache",
+    meta: "Ilija Studen · today, 12:40"
+  }, {
+    icon: _Icons.GitCommitIcon,
+    title: "Pushed 1 commit",
+    detail: "Prototype rank cache",
+    meta: "Ilija Studen · 30m ago"
+  }]
+}, {
+  kind: "branch",
+  title: "feature/retainers-ui-34",
+  headSha: "4a7b9c2d1e3f5061728394a5b6c7d8e9f0a1b2c3",
+  repo: "frontend",
+  repoFull: "activecollab/frontend",
+  status: "open",
+  contributors: [{
+    initials: "DA",
+    bg: _tokens.AVATAR_COLORS.green
+  }],
+  commits: {
+    value: 6,
+    tip: "6 commits · last 1h ago by Dragana A."
+  },
+  diff: {
+    add: 214,
+    del: 52,
+    tip: "214 additions, 52 deletions across 9 files"
+  },
+  noPrLabel: "no pull request yet",
+  updatedLabel: "1h ago",
+  updatedMinsAgo: 60,
+  references: ["#482"],
+  stages: mkStages([{
+    state: "done",
+    details: ["feature/retainers-ui-34", "on activecollab/frontend"]
+  }, {
+    state: "done",
+    details: ["6 commits", "last 1h ago by Dragana A."]
+  }, {
+    state: "todo",
+    details: ["No pull request opened yet"]
+  }, {
+    state: "todo",
+    details: ["No build yet"]
+  }, {
+    state: "todo",
+    details: ["Not deployed"]
+  }]),
+  pipelineSupported: true,
+  history: [{
+    icon: _Icons.GitBranchIcon,
+    title: "Branch created",
+    detail: "feature/retainers-ui-34",
+    meta: "Dragana A. · today, 08:02"
+  }, {
+    icon: _Icons.GitCommitIcon,
+    title: "Pushed 6 commits",
+    detail: "Retainer settings screen",
+    meta: "Dragana A. · 1h ago"
+  }]
+}, {
+  kind: "pr",
+  title: "#119915 Contract UI rank controls",
+  headSha: "b2c3d4e5f60718293a4b5c6d7e8f90a1b2c3d4e5",
+  repo: "frontend",
+  repoFull: "activecollab/frontend",
+  status: "merged",
+  contributors: [{
+    initials: "MK",
+    bg: _tokens.AVATAR_COLORS.blue
+  }],
+  commits: {
+    value: 11,
+    tip: "11 commits · last 5h ago by Marko K."
+  },
+  diff: {
+    add: 168,
+    del: 24,
+    tip: "168 additions, 24 deletions across 6 files"
+  },
+  comments: {
+    value: 5,
+    tip: "5 comments on the pull request"
+  },
+  updatedLabel: "5h ago",
+  updatedMinsAgo: 300,
+  references: ["#455"],
+  stages: mkStages([{
+    state: "done",
+    details: ["feature/contracts-ui-34", "on activecollab/frontend"]
+  }, {
+    state: "done",
+    details: ["11 commits", "last 5h ago by Marko K."]
+  }, {
+    state: "done",
+    details: ["#119915 merged", "approved by 1 reviewer"]
+  }, {
+    state: "failed",
+    details: ["Build failing", "3 of 12 checks failed"]
+  }, {
+    state: "todo",
+    details: ["Not deployed"]
+  }]),
+  pipelineSupported: true,
+  history: [{
+    icon: _Icons.GitBranchIcon,
+    title: "Branch created",
+    detail: "feature/contracts-ui-34",
+    meta: "Marko K. · today, 07:10"
+  }, {
+    icon: _Icons.GitPullRequestIcon,
+    title: "Pull request merged",
+    detail: "into main",
+    meta: "Marko K. · today, 10:12",
+    tone: "success"
+  }, {
+    icon: _Icons.RocketIcon,
+    title: "Build started",
+    detail: "CI pipeline #482",
+    meta: "today, 10:13",
+    tone: "progress"
+  }, {
+    icon: _Icons.WarningTriangleSmallIcon,
+    title: "Build failed",
+    detail: "3 of 12 checks failed",
+    meta: "today, 10:18",
+    tone: "danger"
+  }]
+}, {
+  kind: "branch",
+  title: "feature/retainers-34",
+  headSha: "1a2b3c4d5e6f708192a3b4c5d6e7f8091a2b3c4d",
+  repo: "backend",
+  repoFull: "activecollab/backend",
+  status: "merged",
+  contributors: [{
+    initials: "IS",
+    bg: _tokens.AVATAR_COLORS.purple
+  }],
+  commits: {
+    value: 14,
+    tip: "14 commits · merged 2d ago by Ilija S."
+  },
+  diff: {
+    add: 405,
+    del: 37,
+    tip: "405 additions, 37 deletions across 11 files"
+  },
+  updatedLabel: "2d ago",
+  updatedMinsAgo: 2880,
+  references: ["#482", "#470"],
+  stages: mkStages([{
+    state: "done",
+    details: ["feature/retainers-34", "on activecollab/backend"]
+  }, {
+    state: "done",
+    details: ["14 commits", "merged 2d ago by Ilija S."]
+  }, {
+    state: "done",
+    details: ["Merged via #119909", "into main"]
+  }]),
+  pipelineSupported: false,
+  history: [{
+    icon: _Icons.GitBranchIcon,
+    title: "Branch created",
+    detail: "feature/retainers-34",
+    meta: "Ilija Studen · 1 Mar, 09:12"
+  }, {
+    icon: _Icons.GitCommitIcon,
+    title: "Pushed 14 commits",
+    detail: "Rank model + datastore updates",
+    meta: "Ilija Studen · 2 Mar, 16:05"
+  }, {
+    icon: _Icons.GitBranchIcon,
+    title: "Branch merged",
+    detail: "via #119909 into main",
+    meta: "Ilija Studen · 2 Mar, 18:20",
+    tone: "success"
+  }]
+}, {
+  kind: "pr",
+  title: "#119909 Allow and update ranks across datastores",
+  headSha: "c4d5e6f70819202a3b4c5d6e7f8091a2b3c4d5e6",
+  repo: "backend",
+  repoFull: "activecollab/backend",
+  status: "merged",
+  contributors: [{
+    initials: "IS",
+    bg: _tokens.AVATAR_COLORS.purple
+  }, {
+    initials: "MK",
+    bg: _tokens.AVATAR_COLORS.blue
+  }],
+  commits: {
+    value: 14,
+    tip: "14 commits · merged 2d ago by Ilija S."
+  },
+  diff: {
+    add: 405,
+    del: 37,
+    tip: "405 additions, 37 deletions across 11 files"
+  },
+  comments: {
+    value: 12,
+    tip: "12 comments on the pull request"
+  },
+  updatedLabel: "2d ago",
+  updatedMinsAgo: 2900,
+  references: ["#482", "#470"],
+  stages: mkStages([{
+    state: "done",
+    details: ["feature/retainers-34", "on activecollab/backend"]
+  }, {
+    state: "done",
+    details: ["14 commits", "last 2d ago by Ilija S."]
+  }, {
+    state: "done",
+    details: ["#119909 merged", "approved by 2 reviewers"]
+  }]),
+  pipelineSupported: false,
+  history: [{
+    icon: _Icons.GitPullRequestIcon,
+    title: "Pull request opened",
+    detail: "#119909 · base: main",
+    meta: "Ilija Studen · 2 Mar, 16:30",
+    tone: "progress"
+  }, {
+    icon: _Icons.CheckIcon,
+    title: "Approved by 2 reviewers",
+    detail: "Marko K., Janko S.",
+    meta: "2 Mar, 18:02",
+    tone: "success"
+  }, {
+    icon: _Icons.GitPullRequestIcon,
+    title: "Pull request merged",
+    detail: "into main",
+    meta: "Ilija Studen · 2 Mar, 18:20",
+    tone: "success"
+  }]
+}, {
+  kind: "branch",
+  title: "hotfix/rank-typo",
+  headSha: "7e8f90a1b2c3d4e5f60718293a4b5c6d7e8f9012",
+  repo: "backend",
+  repoFull: "activecollab/backend",
+  status: "deleted",
+  contributors: [{
+    initials: "MK",
+    bg: _tokens.AVATAR_COLORS.blue
+  }],
+  commits: {
+    value: 2,
+    tip: "2 commits · deleted 5d ago"
+  },
+  diff: {
+    add: 6,
+    del: 3,
+    tip: "6 additions, 3 deletions across 1 file"
+  },
+  updatedLabel: "5d ago",
+  updatedMinsAgo: 7000,
+  references: ["#470"],
+  stages: mkStages([{
+    state: "done",
+    details: ["hotfix/rank-typo", "on activecollab/backend"]
+  }, {
+    state: "done",
+    details: ["2 commits", "by Marko K."]
+  }, {
+    state: "todo",
+    details: ["No pull request opened"]
+  }]),
+  pipelineSupported: false,
+  history: [{
+    icon: _Icons.GitBranchIcon,
+    title: "Branch created",
+    detail: "hotfix/rank-typo",
+    meta: "Marko K. · 6d ago"
+  }, {
+    icon: _Icons.GitCommitIcon,
+    title: "Pushed 2 commits",
+    detail: "Fix rank label typo",
+    meta: "Marko K. · 6d ago"
+  }, {
+    icon: _Icons.TrashIcon,
+    title: "Branch deleted",
+    detail: "soft delete — history preserved",
+    meta: "Marko K. · 5d ago",
+    tone: "danger"
+  }]
+}, {
+  kind: "pr",
+  title: "#119870 Clamp rank to valid range",
+  headSha: "d5e6f708192a3b4c5d6e7f8091a2b3c4d5e6f701",
+  repo: "backend",
+  repoFull: "activecollab/backend",
+  status: "merged",
+  contributors: [{
+    initials: "MK",
+    bg: _tokens.AVATAR_COLORS.blue
+  }],
+  commits: {
+    value: 4,
+    tip: "4 commits · merged 5d ago by Marko K."
+  },
+  diff: {
+    add: 52,
+    del: 8,
+    tip: "52 additions, 8 deletions across 3 files"
+  },
+  updatedLabel: "5d ago",
+  updatedMinsAgo: 7200,
+  references: ["#470"],
+  stages: mkStages([{
+    state: "done",
+    details: ["fix/rank-clamp-33", "on activecollab/backend"]
+  }, {
+    state: "done",
+    details: ["4 commits", "merged 5d ago by Marko K."]
+  }, {
+    state: "done",
+    details: ["#119870 merged", "approved by 1 reviewer"]
+  }]),
+  pipelineSupported: false,
+  history: [{
+    icon: _Icons.GitBranchIcon,
+    title: "Branch created",
+    detail: "fix/rank-clamp-33",
+    meta: "Marko K. · 6d ago"
+  }, {
+    icon: _Icons.GitPullRequestIcon,
+    title: "Pull request merged",
+    detail: "into main",
+    meta: "Marko K. · 5d ago",
+    tone: "success"
+  }]
+}, {
+  kind: "pr",
+  title: "#119888 Cache ranks per datastore",
+  headSha: "a1b2c3d4e5f60718293a4b5c6d7e8f90a1b2c3d4",
+  repo: "backend",
+  repoFull: "activecollab/backend",
+  status: "closed",
+  contributors: [{
+    initials: "IS",
+    bg: _tokens.AVATAR_COLORS.purple
+  }],
+  commits: {
+    value: 5,
+    tip: "5 commits · closed 3d ago by Ilija S."
+  },
+  diff: {
+    add: 120,
+    del: 15,
+    tip: "120 additions, 15 deletions across 4 files"
+  },
+  comments: {
+    value: 3,
+    tip: "3 comments on the pull request"
+  },
+  updatedLabel: "3d ago",
+  updatedMinsAgo: 4320,
+  references: ["#455"],
+  stages: mkStages([{
+    state: "done",
+    details: ["feature/rank-datastore-cache", "on activecollab/backend"]
+  }, {
+    state: "done",
+    details: ["5 commits", "last 3d ago by Ilija S."]
+  }, {
+    state: "todo",
+    details: ["#119888 closed without merging"]
+  }]),
+  pipelineSupported: false,
+  history: [{
+    icon: _Icons.GitPullRequestIcon,
+    title: "Pull request opened",
+    detail: "#119888 · base: main",
+    meta: "Ilija Studen · 4d ago",
+    tone: "progress"
+  }, {
+    icon: _Icons.CancelCrossIcon,
+    title: "Pull request closed",
+    detail: "closed without merging",
+    meta: "Ilija Studen · 3d ago"
+  }]
+}];
+
+/* ================================================================== */
+/* Spine + history dialog (for branches / pull requests)               */
+/* ================================================================== */
+
+var StageTip = function StageTip(_ref3) {
+  var name = _ref3.name,
+    details = _ref3.details;
+  return /*#__PURE__*/_react.default.createElement("span", {
+    style: {
+      display: "block",
+      textAlign: "left",
+      lineHeight: 1.5
+    }
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    style: {
+      display: "block",
+      fontWeight: 700
+    }
+  }, "Stage: ", name), details.map(function (d, i) {
+    return /*#__PURE__*/_react.default.createElement("span", {
+      key: "".concat(name, "-").concat(i),
+      style: {
+        display: "block"
+      }
+    }, d);
+  }));
+};
+var SpineTrigger = (0, _styledComponents.default)(_Trigger.Trigger).withConfig({
+  displayName: "SourceCodeSection__SpineTrigger",
+  componentId: "sc-rvqbh5-0"
+})(["display:inline-flex;align-items:center;align-self:center;flex-shrink:0;padding:6px 8px;border-radius:8px;transition:background-color 200ms ease;&:hover{background-color:var(--color-theme-200);}&:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px;}"]);
+var StyledSpine = _styledComponents.default.div.withConfig({
+  displayName: "SourceCodeSection__StyledSpine",
+  componentId: "sc-rvqbh5-1"
+})(["display:flex;align-items:flex-start;.circle{width:22px;height:22px;border-radius:50%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;}.circle.done{background:var(--color-sucess-green);}.circle.progress{background:var(--color-primary);}.circle.failed{background:var(--red-alert);}.circle.todo{background:transparent;border:2px solid var(--color-theme-400);}.dot{border-radius:50%;}.dot-progress{width:7px;height:7px;background:#fff;}.dot-todo{width:6px;height:6px;background:var(--color-theme-500);}.connector{width:13px;height:2px;margin-top:10px;background:var(--color-theme-400);}.connector.on{background:var(--color-sucess-green);}"]);
+var Spine = exports.Spine = function Spine(_ref4) {
+  var items = _ref4.items,
+    onClick = _ref4.onClick;
+  return /*#__PURE__*/_react.default.createElement(SpineTrigger, {
+    type: "button",
+    onClick: onClick,
+    "aria-label": "Open source code history"
+  }, /*#__PURE__*/_react.default.createElement(StyledSpine, null, items.map(function (s, i) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+      key: s.name
+    }, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+      title: /*#__PURE__*/_react.default.createElement(StageTip, s)
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "circle ".concat(s.state)
+    }, s.state === "done" && /*#__PURE__*/_react.default.createElement(_Icons.CheckIcon, {
+      fill: "#fff",
+      width: 14,
+      height: 14
+    }), s.state === "failed" && /*#__PURE__*/_react.default.createElement(_Icons.CloseIcon, {
+      fill: "#fff",
+      width: 12,
+      height: 12
+    }), s.state === "progress" && /*#__PURE__*/_react.default.createElement("span", {
+      className: "dot dot-progress"
+    }), s.state === "todo" && /*#__PURE__*/_react.default.createElement("span", {
+      className: "dot dot-todo"
+    }))), i < items.length - 1 && /*#__PURE__*/_react.default.createElement("span", {
+      className: items[i + 1].state !== "todo" ? "connector on" : "connector"
+    }));
+  })));
+};
+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);
+var HistoryDialog = exports.HistoryDialog = function HistoryDialog(_ref5) {
+  var entry = _ref5.entry,
+    onClose = _ref5.onClose;
+  return /*#__PURE__*/_react.default.createElement(_Dialog.Dialog, {
+    open: !!entry,
+    onClose: onClose,
+    enableBackgroundClick: true
+  }, /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.Title, {
+    disableDefaultHeading: true
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      gap: 12
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Header3, null, "Source Code 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, {
+    weight: "medium"
+  }, entry.title), /*#__PURE__*/_react.default.createElement(_Typography.Caption1, {
+    color: "secondary"
+  }, entry.repoFull)), entry.history.map(function (ev, i) {
+    var _ev$tone;
+    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-body"
+    }, /*#__PURE__*/_react.default.createElement(_Typography.Body2, {
+      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)));
+  }), !entry.pipelineSupported && /*#__PURE__*/_react.default.createElement("div", {
+    className: "hist-note"
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Caption1, {
+    color: "secondary"
+  }, "No CI or deployment pipeline is configured for this repository.")))));
+};
+
+/* ================================================================== */
+/* Source Code section — flat list, split open / completed             */
+/* ================================================================== */
+
+var StyledSourceCode = _styledComponents.default.div.withConfig({
+  displayName: "SourceCodeSection__StyledSourceCode",
+  componentId: "sc-rvqbh5-3"
+})(["font-family:", ";margin:0 0 16px;padding-bottom:16px;border-bottom:1px solid var(--border-primary);.sc-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px;}.sc-completed-row{display:flex;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-primary);}.sc-add{margin-top:8px;padding-top:12px;border-top:1px solid var(--border-primary);}.sc-add .c--add-to-list-btn svg{box-sizing:content-box;}.sc-item{padding:12px 0;}.sc-item + .sc-item{border-top:1px solid var(--border-primary);}.sc-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}.sc-main{flex:1 1 0%;min-width:0;}.sc-name{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;min-width:0;}.sc-lead{flex-shrink:0;display:inline-flex;color:var(--color-theme-600);}.sc-title{flex:0 1 auto;min-width:0;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.sc-title.strike{text-decoration:line-through;}.sc-title.strike-link{text-decoration:line-through;}.sc-title.strike-link:hover{text-decoration:none;}.sc-sigs{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px;font-size:13px;color:var(--color-theme-600);}.sc-sig{display:inline-flex;align-items:center;gap:4px;}.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-avatars{display:flex;align-items:center;}.sc-sha{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:var(--color-theme-500);}.sc-diff .add{color:var(--color-sucess-green);}.sc-diff .del{color:var(--red-alert);}.sc-muted{color:var(--color-theme-500);}.sc-refs{display:inline-flex;align-items:center;gap:6px;}.sc-refs .ref-link{color:var(--color-primary);font-weight:500;}"], SANS);
+
+/* Element name — a link that opens the object in a new tab. Keeps the row's
+   typography (inherits color + weight), turns primary on hover, link cursor. */
+var TitleLink = _styledComponents.default.a.withConfig({
+  displayName: "SourceCodeSection__TitleLink",
+  componentId: "sc-rvqbh5-4"
+})(["color:inherit;text-decoration:none;cursor:pointer;transition:color 200ms ease;&:hover{color:var(--color-primary);}"]);
+var IssueRow = exports.IssueRow = function IssueRow(_ref6) {
+  var issue = _ref6.issue;
+  var closed = issue.state === "closed";
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "sc-row"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sc-main"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sc-name"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "sc-lead",
+    style: {
+      color: closed ? "var(--color-primary)" : undefined
+    }
+  }, closed ? /*#__PURE__*/_react.default.createElement(IssueClosedIcon, null) : /*#__PURE__*/_react.default.createElement(IssueOpenIcon, null)), /*#__PURE__*/_react.default.createElement(_Typography.Body1, {
+    weight: "medium",
+    className: "sc-title"
+  }, /*#__PURE__*/_react.default.createElement(TitleLink, {
+    href: issueUrl(issue),
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, issue.title)), closed && /*#__PURE__*/_react.default.createElement("span", {
+    className: "sc-chip done"
+  }, /*#__PURE__*/_react.default.createElement(IssueClosedIcon, {
+    width: 12,
+    height: 12
+  }), "Closed")), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sc-sigs"
+  }, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    title: "Repository: ".concat(issue.repoFull)
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "sc-sig"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.GitRepositoryIcon, {
+    width: 14,
+    height: 14
+  }), issue.repo)), /*#__PURE__*/_react.default.createElement("span", {
+    className: "sc-muted"
+  }, issue.updatedLabel))));
+};
+var CodeStatusChip = function CodeStatusChip(_ref7) {
+  var entry = _ref7.entry;
+  if (entry.status === "merged") {
+    return /*#__PURE__*/_react.default.createElement("span", {
+      className: "sc-chip done"
+    }, /*#__PURE__*/_react.default.createElement(_Icons.GitPullRequestIcon, {
+      width: 12,
+      height: 12,
+      fill: "var(--color-primary)"
+    }), "Merged");
+  }
+  if (entry.status === "deleted") {
+    return /*#__PURE__*/_react.default.createElement("span", {
+      className: "sc-chip gone"
+    }, /*#__PURE__*/_react.default.createElement(_Icons.TrashIcon, {
+      width: 12,
+      height: 12,
+      fill: "var(--color-theme-900)"
+    }), "Deleted");
+  }
+  if (entry.status === "closed") {
+    return /*#__PURE__*/_react.default.createElement("span", {
+      className: "sc-chip gone"
+    }, "Closed");
+  }
+  // Open branches / PRs show no status label.
+  return null;
+};
+var CodeRow = exports.CodeRow = function CodeRow(_ref8) {
+  var entry = _ref8.entry,
+    onOpenHistory = _ref8.onOpenHistory;
+  var deleted = entry.status === "deleted";
+  // A closed-without-merge PR is still a live link, but its name is struck
+  // through to signal the dead-end; the strike lifts on hover so it reads as a
+  // normal PR link.
+  var closedPr = entry.kind === "pr" && entry.status === "closed";
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "sc-row"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sc-main"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sc-name"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "sc-lead"
+  }, entry.kind === "pr" ? /*#__PURE__*/_react.default.createElement(_Icons.GitPullRequestIcon, {
+    width: 16,
+    height: 16
+  }) : /*#__PURE__*/_react.default.createElement(_Icons.GitBranchIcon, {
+    width: 16,
+    height: 16
+  })), deleted ? /*#__PURE__*/_react.default.createElement(_Typography.Body1, {
+    weight: "medium",
+    className: "sc-title strike"
+  }, entry.title) : /*#__PURE__*/_react.default.createElement(_Typography.Body1, {
+    weight: "medium",
+    className: closedPr ? "sc-title strike-link" : "sc-title"
+  }, /*#__PURE__*/_react.default.createElement(TitleLink, {
+    href: codeUrl(entry),
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, entry.title)), /*#__PURE__*/_react.default.createElement(CodeStatusChip, {
+    entry: entry
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sc-sigs"
+  }, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    title: "Repository: ".concat(entry.repoFull)
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "sc-sig"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.GitRepositoryIcon, {
+    width: 14,
+    height: 14
+  }), entry.repo)), /*#__PURE__*/_react.default.createElement("span", {
+    className: "sc-avatars"
+  }, entry.contributors.map(function (c) {
+    return /*#__PURE__*/_react.default.createElement(_RoundAvatar.RoundAvatar, {
+      key: c.initials,
+      $bg: c.bg,
+      $size: 20,
+      $overlap: true
+    }, c.initials);
+  })), /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    title: entry.commits.tip
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "sc-sig"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.GitCommitIcon, {
+    width: 14,
+    height: 14
+  }), entry.commits.value)), /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    title: "Head commit: ".concat(entry.headSha)
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "sc-sig sc-sha"
+  }, entry.headSha.slice(0, 8))), entry.diff && /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    title: entry.diff.tip
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "sc-sig sc-diff"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "add"
+  }, "+", entry.diff.add), " ", /*#__PURE__*/_react.default.createElement("span", {
+    className: "del"
+  }, "\u2212", entry.diff.del))), entry.comments && /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    title: entry.comments.tip
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "sc-sig"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.MessageIcon, {
+    width: 14,
+    height: 14
+  }), entry.comments.value)), /*#__PURE__*/_react.default.createElement("span", {
+    className: "sc-muted"
+  }, entry.updatedLabel))), /*#__PURE__*/_react.default.createElement(Spine, {
+    items: entry.stages,
+    onClick: onOpenHistory
+  }));
+};
+var CompletedHeader = exports.CompletedHeader = function CompletedHeader(_ref9) {
+  var expanded = _ref9.expanded,
+    count = _ref9.count,
+    onToggle = _ref9.onToggle;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "sc-completed-row"
+  }, /*#__PURE__*/_react.default.createElement(_Button.Button, {
+    type: "button",
+    variant: "text colored",
+    onClick: onToggle,
+    "aria-expanded": expanded,
+    style: {
+      marginLeft: -8
+    }
+  }, expanded ? "Hide completed elements" : "Show ".concat(count, " more completed elements")));
+};
+var SourceCodeSection = exports.SourceCodeSection = function SourceCodeSection(_ref0) {
+  var _ref0$variant = _ref0.variant,
+    variant = _ref0$variant === void 0 ? "mix" : _ref0$variant;
+  var _useState = (0, _react.useState)(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    openEntry = _useState2[0],
+    setOpenEntry = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    completedExpanded = _useState4[0],
+    setCompletedExpanded = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    linkOpen = _useState6[0],
+    setLinkOpen = _useState6[1];
+  var openIssues = ISSUES.filter(function (i) {
+    return !issueCompleted(i);
+  }).sort(byRecency);
+  var openCode = CODE_ENTRIES.filter(function (e) {
+    return !codeCompleted(e);
+  }).sort(byRecency);
+  var completed = [...ISSUES.filter(issueCompleted).map(function (issue) {
+    return {
+      key: issue.ref,
+      updatedMinsAgo: issue.updatedMinsAgo,
+      node: /*#__PURE__*/_react.default.createElement(IssueRow, {
+        issue: issue
+      })
+    };
+  }), ...CODE_ENTRIES.filter(codeCompleted).map(function (entry) {
+    return {
+      key: "".concat(entry.repo, "-").concat(entry.title),
+      updatedMinsAgo: entry.updatedMinsAgo,
+      node: /*#__PURE__*/_react.default.createElement(CodeRow, {
+        entry: entry,
+        onOpenHistory: function onOpenHistory() {
+          return setOpenEntry(entry);
+        }
+      })
+    };
+  })].sort(byRecency);
+  var showOpen = variant === "mix" || variant === "open";
+  var showCompleted = variant === "mix" || variant === "completed";
+  // In the "completed" variant there is no collapsible header and everything is
+  // shown; in "mix" the section is collapsed by default.
+  var completedVisible = variant === "completed" ? true : completedExpanded;
+  return /*#__PURE__*/_react.default.createElement(StyledSourceCode, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sc-header"
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Body1, {
+    weight: "bold"
+  }, "Source Code"), /*#__PURE__*/_react.default.createElement(_LinkingCommandsButton.LinkingCommandsButton, null)), showOpen && openIssues.map(function (issue) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "sc-item",
+      key: issue.ref
+    }, /*#__PURE__*/_react.default.createElement(IssueRow, {
+      issue: issue
+    }));
+  }), showOpen && openCode.map(function (entry) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "sc-item",
+      key: "".concat(entry.repo, "-").concat(entry.title)
+    }, /*#__PURE__*/_react.default.createElement(CodeRow, {
+      entry: entry,
+      onOpenHistory: function onOpenHistory() {
+        return setOpenEntry(entry);
+      }
+    }));
+  }), showCompleted && completedVisible && completed.map(function (c) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "sc-item",
+      key: c.key
+    }, c.node);
+  }), showCompleted && completed.length > 0 && variant === "mix" && /*#__PURE__*/_react.default.createElement(CompletedHeader, {
+    expanded: completedExpanded,
+    count: completed.length,
+    onToggle: function onToggle() {
+      return setCompletedExpanded(function (v) {
+        return !v;
+      });
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sc-add"
+  }, /*#__PURE__*/_react.default.createElement(_AddToListButton.AddToListButton, {
+    text: "Link Branch or Pull Request",
+    style: {
+      marginLeft: -4
+    },
+    onClick: function onClick() {
+      return setLinkOpen(true);
+    }
+  })), /*#__PURE__*/_react.default.createElement(HistoryDialog, {
+    entry: openEntry,
+    onClose: function onClose() {
+      return setOpenEntry(null);
+    }
+  }), /*#__PURE__*/_react.default.createElement(_LinkBranchOrPullRequestDialog.LinkBranchOrPullRequestDialog, {
+    open: linkOpen,
+    onClose: function onClose() {
+      return setLinkOpen(false);
+    }
+  }));
+};
+//# sourceMappingURL=SourceCodeSection.js.map