@activecollab/components 2.0.350 → 2.0.352

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

@@ -0,0 +1,936 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useState } from "react";
+import styled from "styled-components";
+import { LinkBranchOrPullRequestDialog } from "./LinkBranchOrPullRequestDialog";
+import { LinkingCommandsButton } from "./LinkingCommandsButton";
+import { RoundAvatar } from "./RoundAvatar";
+import { AVATAR_COLORS } from "./tokens";
+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 { Tooltip } from "../../components/Tooltip";
+import { Trigger } from "../../components/Trigger";
+import { Body1, Body2, Caption1, Header3 } from "../../components/Typography";
+
+/**
+ * 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.
+ */
+
+const 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`.    */
+/* ================================================================== */
+
+const IssueOpenIcon = _ref => {
+  let _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.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 16 16",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("circle", {
+    cx: "8",
+    cy: "8",
+    r: "6.4",
+    stroke: "currentColor",
+    strokeWidth: "1.6"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: "8",
+    cy: "8",
+    r: "2.2",
+    fill: "currentColor"
+  }));
+};
+const IssueClosedIcon = _ref2 => {
+  let _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.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 16 16",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("circle", {
+    cx: "8",
+    cy: "8",
+    r: "6.4",
+    stroke: "currentColor",
+    strokeWidth: "1.6"
+  }), /*#__PURE__*/React.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                                    */
+/* ================================================================== */
+
+const 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. */
+
+const mkStages = defs => defs.map((d, i) => _extends({
+  name: STAGE_NAMES[i]
+}, d));
+const issueCompleted = i => i.state === "closed";
+const codeCompleted = e => e.status !== "open";
+const byRecency = (a, b) => a.updatedMinsAgo - b.updatedMinsAgo;
+
+/** External URL for an element — opens the object in the provider (new tab). */
+const issueUrl = i => "https://github.com/" + i.repoFull + "/issues/" + i.ref.replace("#", "");
+const codeUrl = e => {
+  if (e.kind === "pr") {
+    var _e$title$match$, _e$title$match;
+    const number = (_e$title$match$ = (_e$title$match = e.title.match(/#(\d+)/)) == null ? void 0 : _e$title$match[1]) != null ? _e$title$match$ : "";
+    return "https://github.com/" + e.repoFull + "/pull/" + number;
+  }
+  return "https://github.com/" + e.repoFull + "/tree/" + e.title;
+};
+
+/* ---- Issues -------------------------------------------------------- */
+
+const 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 -------------------------------------- */
+
+const CODE_ENTRIES = [{
+  kind: "branch",
+  title: "spike/rank-cache",
+  headSha: "9f3c1a2b7d4e5f60819a2b3c4d5e6f7081920304",
+  repo: "backend",
+  repoFull: "activecollab/backend",
+  status: "open",
+  contributors: [{
+    initials: "IS",
+    bg: 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: GitBranchIcon,
+    title: "Branch created",
+    detail: "spike/rank-cache",
+    meta: "Ilija Studen · today, 12:40"
+  }, {
+    icon: 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: 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: GitBranchIcon,
+    title: "Branch created",
+    detail: "feature/retainers-ui-34",
+    meta: "Dragana A. · today, 08:02"
+  }, {
+    icon: 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: 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: GitBranchIcon,
+    title: "Branch created",
+    detail: "feature/contracts-ui-34",
+    meta: "Marko K. · today, 07:10"
+  }, {
+    icon: GitPullRequestIcon,
+    title: "Pull request merged",
+    detail: "into main",
+    meta: "Marko K. · today, 10:12",
+    tone: "success"
+  }, {
+    icon: RocketIcon,
+    title: "Build started",
+    detail: "CI pipeline #482",
+    meta: "today, 10:13",
+    tone: "progress"
+  }, {
+    icon: 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: 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: GitBranchIcon,
+    title: "Branch created",
+    detail: "feature/retainers-34",
+    meta: "Ilija Studen · 1 Mar, 09:12"
+  }, {
+    icon: GitCommitIcon,
+    title: "Pushed 14 commits",
+    detail: "Rank model + datastore updates",
+    meta: "Ilija Studen · 2 Mar, 16:05"
+  }, {
+    icon: 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: AVATAR_COLORS.purple
+  }, {
+    initials: "MK",
+    bg: 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: GitPullRequestIcon,
+    title: "Pull request opened",
+    detail: "#119909 · base: main",
+    meta: "Ilija Studen · 2 Mar, 16:30",
+    tone: "progress"
+  }, {
+    icon: CheckIcon,
+    title: "Approved by 2 reviewers",
+    detail: "Marko K., Janko S.",
+    meta: "2 Mar, 18:02",
+    tone: "success"
+  }, {
+    icon: 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: 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: GitBranchIcon,
+    title: "Branch created",
+    detail: "hotfix/rank-typo",
+    meta: "Marko K. · 6d ago"
+  }, {
+    icon: GitCommitIcon,
+    title: "Pushed 2 commits",
+    detail: "Fix rank label typo",
+    meta: "Marko K. · 6d ago"
+  }, {
+    icon: 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: 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: GitBranchIcon,
+    title: "Branch created",
+    detail: "fix/rank-clamp-33",
+    meta: "Marko K. · 6d ago"
+  }, {
+    icon: 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: 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: GitPullRequestIcon,
+    title: "Pull request opened",
+    detail: "#119888 · base: main",
+    meta: "Ilija Studen · 4d ago",
+    tone: "progress"
+  }, {
+    icon: CancelCrossIcon,
+    title: "Pull request closed",
+    detail: "closed without merging",
+    meta: "Ilija Studen · 3d ago"
+  }]
+}];
+
+/* ================================================================== */
+/* Spine + history dialog (for branches / pull requests)               */
+/* ================================================================== */
+
+const StageTip = _ref3 => {
+  let name = _ref3.name,
+    details = _ref3.details;
+  return /*#__PURE__*/React.createElement("span", {
+    style: {
+      display: "block",
+      textAlign: "left",
+      lineHeight: 1.5
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      display: "block",
+      fontWeight: 700
+    }
+  }, "Stage: ", name), details.map((d, i) => /*#__PURE__*/React.createElement("span", {
+    key: name + "-" + i,
+    style: {
+      display: "block"
+    }
+  }, d)));
+};
+const SpineTrigger = styled(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;}"]);
+const StyledSpine = styled.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);}"]);
+const Spine = _ref4 => {
+  let items = _ref4.items,
+    onClick = _ref4.onClick;
+  return /*#__PURE__*/React.createElement(SpineTrigger, {
+    type: "button",
+    onClick: onClick,
+    "aria-label": "Open source code history"
+  }, /*#__PURE__*/React.createElement(StyledSpine, null, items.map((s, i) => /*#__PURE__*/React.createElement(React.Fragment, {
+    key: s.name
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    title: /*#__PURE__*/React.createElement(StageTip, s)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "circle " + s.state
+  }, s.state === "done" && /*#__PURE__*/React.createElement(CheckIcon, {
+    fill: "#fff",
+    width: 14,
+    height: 14
+  }), s.state === "failed" && /*#__PURE__*/React.createElement(CloseIcon, {
+    fill: "#fff",
+    width: 12,
+    height: 12
+  }), s.state === "progress" && /*#__PURE__*/React.createElement("span", {
+    className: "dot dot-progress"
+  }), s.state === "todo" && /*#__PURE__*/React.createElement("span", {
+    className: "dot dot-todo"
+  }))), i < items.length - 1 && /*#__PURE__*/React.createElement("span", {
+    className: items[i + 1].state !== "todo" ? "connector on" : "connector"
+  })))));
+};
+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);
+const HistoryDialog = _ref5 => {
+  let entry = _ref5.entry,
+    onClose = _ref5.onClose;
+  return /*#__PURE__*/React.createElement(Dialog, {
+    open: !!entry,
+    onClose: onClose,
+    enableBackgroundClick: true
+  }, /*#__PURE__*/React.createElement(Dialog.Title, {
+    disableDefaultHeading: true
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      gap: 12
+    }
+  }, /*#__PURE__*/React.createElement(Header3, null, "Source Code 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, {
+    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", {
+    className: "hist-note"
+  }, /*#__PURE__*/React.createElement(Caption1, {
+    color: "secondary"
+  }, "No CI or deployment pipeline is configured for this repository.")))));
+};
+
+/* ================================================================== */
+/* Source Code section — flat list, split open / completed             */
+/* ================================================================== */
+
+const StyledSourceCode = styled.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. */
+const TitleLink = styled.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);}"]);
+const IssueRow = _ref6 => {
+  let issue = _ref6.issue;
+  const closed = issue.state === "closed";
+  return /*#__PURE__*/React.createElement("div", {
+    className: "sc-row"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sc-main"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sc-name"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "sc-lead",
+    style: {
+      color: closed ? "var(--color-primary)" : undefined
+    }
+  }, closed ? /*#__PURE__*/React.createElement(IssueClosedIcon, null) : /*#__PURE__*/React.createElement(IssueOpenIcon, null)), /*#__PURE__*/React.createElement(Body1, {
+    weight: "medium",
+    className: "sc-title"
+  }, /*#__PURE__*/React.createElement(TitleLink, {
+    href: issueUrl(issue),
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, issue.title)), closed && /*#__PURE__*/React.createElement("span", {
+    className: "sc-chip done"
+  }, /*#__PURE__*/React.createElement(IssueClosedIcon, {
+    width: 12,
+    height: 12
+  }), "Closed")), /*#__PURE__*/React.createElement("div", {
+    className: "sc-sigs"
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    title: "Repository: " + issue.repoFull
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "sc-sig"
+  }, /*#__PURE__*/React.createElement(GitRepositoryIcon, {
+    width: 14,
+    height: 14
+  }), issue.repo)), /*#__PURE__*/React.createElement("span", {
+    className: "sc-muted"
+  }, issue.updatedLabel))));
+};
+const CodeStatusChip = _ref7 => {
+  let entry = _ref7.entry;
+  if (entry.status === "merged") {
+    return /*#__PURE__*/React.createElement("span", {
+      className: "sc-chip done"
+    }, /*#__PURE__*/React.createElement(GitPullRequestIcon, {
+      width: 12,
+      height: 12,
+      fill: "var(--color-primary)"
+    }), "Merged");
+  }
+  if (entry.status === "deleted") {
+    return /*#__PURE__*/React.createElement("span", {
+      className: "sc-chip gone"
+    }, /*#__PURE__*/React.createElement(TrashIcon, {
+      width: 12,
+      height: 12,
+      fill: "var(--color-theme-900)"
+    }), "Deleted");
+  }
+  if (entry.status === "closed") {
+    return /*#__PURE__*/React.createElement("span", {
+      className: "sc-chip gone"
+    }, "Closed");
+  }
+  // Open branches / PRs show no status label.
+  return null;
+};
+const CodeRow = _ref8 => {
+  let entry = _ref8.entry,
+    onOpenHistory = _ref8.onOpenHistory;
+  const 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.
+  const closedPr = entry.kind === "pr" && entry.status === "closed";
+  return /*#__PURE__*/React.createElement("div", {
+    className: "sc-row"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sc-main"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sc-name"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "sc-lead"
+  }, entry.kind === "pr" ? /*#__PURE__*/React.createElement(GitPullRequestIcon, {
+    width: 16,
+    height: 16
+  }) : /*#__PURE__*/React.createElement(GitBranchIcon, {
+    width: 16,
+    height: 16
+  })), deleted ? /*#__PURE__*/React.createElement(Body1, {
+    weight: "medium",
+    className: "sc-title strike"
+  }, entry.title) : /*#__PURE__*/React.createElement(Body1, {
+    weight: "medium",
+    className: closedPr ? "sc-title strike-link" : "sc-title"
+  }, /*#__PURE__*/React.createElement(TitleLink, {
+    href: codeUrl(entry),
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, entry.title)), /*#__PURE__*/React.createElement(CodeStatusChip, {
+    entry: entry
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "sc-sigs"
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    title: "Repository: " + entry.repoFull
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "sc-sig"
+  }, /*#__PURE__*/React.createElement(GitRepositoryIcon, {
+    width: 14,
+    height: 14
+  }), entry.repo)), /*#__PURE__*/React.createElement("span", {
+    className: "sc-avatars"
+  }, entry.contributors.map(c => /*#__PURE__*/React.createElement(RoundAvatar, {
+    key: c.initials,
+    $bg: c.bg,
+    $size: 20,
+    $overlap: true
+  }, c.initials))), /*#__PURE__*/React.createElement(Tooltip, {
+    title: entry.commits.tip
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "sc-sig"
+  }, /*#__PURE__*/React.createElement(GitCommitIcon, {
+    width: 14,
+    height: 14
+  }), entry.commits.value)), /*#__PURE__*/React.createElement(Tooltip, {
+    title: "Head commit: " + entry.headSha
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "sc-sig sc-sha"
+  }, entry.headSha.slice(0, 8))), entry.diff && /*#__PURE__*/React.createElement(Tooltip, {
+    title: entry.diff.tip
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "sc-sig sc-diff"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "add"
+  }, "+", entry.diff.add), " ", /*#__PURE__*/React.createElement("span", {
+    className: "del"
+  }, "\u2212", entry.diff.del))), entry.comments && /*#__PURE__*/React.createElement(Tooltip, {
+    title: entry.comments.tip
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "sc-sig"
+  }, /*#__PURE__*/React.createElement(MessageIcon, {
+    width: 14,
+    height: 14
+  }), entry.comments.value)), /*#__PURE__*/React.createElement("span", {
+    className: "sc-muted"
+  }, entry.updatedLabel))), /*#__PURE__*/React.createElement(Spine, {
+    items: entry.stages,
+    onClick: onOpenHistory
+  }));
+};
+const CompletedHeader = _ref9 => {
+  let expanded = _ref9.expanded,
+    count = _ref9.count,
+    onToggle = _ref9.onToggle;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "sc-completed-row"
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "button",
+    variant: "text colored",
+    onClick: onToggle,
+    "aria-expanded": expanded,
+    style: {
+      marginLeft: -8
+    }
+  }, expanded ? "Hide completed elements" : "Show " + count + " more completed elements"));
+};
+const SourceCodeSection = _ref0 => {
+  let _ref0$variant = _ref0.variant,
+    variant = _ref0$variant === void 0 ? "mix" : _ref0$variant;
+  const _useState = useState(null),
+    openEntry = _useState[0],
+    setOpenEntry = _useState[1];
+  const _useState2 = useState(false),
+    completedExpanded = _useState2[0],
+    setCompletedExpanded = _useState2[1];
+  const _useState3 = useState(false),
+    linkOpen = _useState3[0],
+    setLinkOpen = _useState3[1];
+  const openIssues = ISSUES.filter(i => !issueCompleted(i)).sort(byRecency);
+  const openCode = CODE_ENTRIES.filter(e => !codeCompleted(e)).sort(byRecency);
+  const completed = [...ISSUES.filter(issueCompleted).map(issue => ({
+    key: issue.ref,
+    updatedMinsAgo: issue.updatedMinsAgo,
+    node: /*#__PURE__*/React.createElement(IssueRow, {
+      issue: issue
+    })
+  })), ...CODE_ENTRIES.filter(codeCompleted).map(entry => ({
+    key: entry.repo + "-" + entry.title,
+    updatedMinsAgo: entry.updatedMinsAgo,
+    node: /*#__PURE__*/React.createElement(CodeRow, {
+      entry: entry,
+      onOpenHistory: () => setOpenEntry(entry)
+    })
+  }))].sort(byRecency);
+  const showOpen = variant === "mix" || variant === "open";
+  const 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.
+  const completedVisible = variant === "completed" ? true : completedExpanded;
+  return /*#__PURE__*/React.createElement(StyledSourceCode, null, /*#__PURE__*/React.createElement("div", {
+    className: "sc-header"
+  }, /*#__PURE__*/React.createElement(Body1, {
+    weight: "bold"
+  }, "Source Code"), /*#__PURE__*/React.createElement(LinkingCommandsButton, null)), showOpen && openIssues.map(issue => /*#__PURE__*/React.createElement("div", {
+    className: "sc-item",
+    key: issue.ref
+  }, /*#__PURE__*/React.createElement(IssueRow, {
+    issue: issue
+  }))), showOpen && openCode.map(entry => /*#__PURE__*/React.createElement("div", {
+    className: "sc-item",
+    key: entry.repo + "-" + entry.title
+  }, /*#__PURE__*/React.createElement(CodeRow, {
+    entry: entry,
+    onOpenHistory: () => setOpenEntry(entry)
+  }))), showCompleted && completedVisible && completed.map(c => /*#__PURE__*/React.createElement("div", {
+    className: "sc-item",
+    key: c.key
+  }, c.node)), showCompleted && completed.length > 0 && variant === "mix" && /*#__PURE__*/React.createElement(CompletedHeader, {
+    expanded: completedExpanded,
+    count: completed.length,
+    onToggle: () => setCompletedExpanded(v => !v)
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "sc-add"
+  }, /*#__PURE__*/React.createElement(AddToListButton, {
+    text: "Link Branch or Pull Request",
+    style: {
+      marginLeft: -4
+    },
+    onClick: () => setLinkOpen(true)
+  })), /*#__PURE__*/React.createElement(HistoryDialog, {
+    entry: openEntry,
+    onClose: () => setOpenEntry(null)
+  }), /*#__PURE__*/React.createElement(LinkBranchOrPullRequestDialog, {
+    open: linkOpen,
+    onClose: () => setLinkOpen(false)
+  }));
+};
+export { Spine, HistoryDialog, IssueRow, CodeRow, CompletedHeader, SourceCodeSection };
+//# sourceMappingURL=SourceCodeSection.js.map