npm - @activecollab/components - Versions diffs - 2.0.387 → 2.0.389 - Mend

@activecollab/components 2.0.387 → 2.0.389

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (28) hide show

package/dist/esm/components/StepSequence/SpineStep.js ADDED Viewed

@@ -0,0 +1,157 @@
+import React from "react";
+import { CheckIcon, CircleSlashIcon, ClockIcon, CloseIcon, EyeIcon, GitBranchIcon, GitCommitIcon, GitMergeIcon, GitPullRequestIcon, LockIcon, WarningIcon, WarningTriangleIcon } from "../Icons";
+/** The fifteen states a source-code spine node can be in */
+/* Glyph colours: light on a filled step, the step's own tone on an outlined
+   one — the component paints rings and lines, the caller paints glyphs. */
+const ON_SOLID = "var(--only-white)";
+const AMBER = "var(--color-orange)";
+/* Glyphs render at an even 12px: a 13px glyph in the 22px solid circle (or
+   the 18px content box of an outlined one) leaves half-pixel margins, so the
+   browser snaps it visibly off-centre — 12px keeps every margin a whole pixel
+   and renders the 2-unit strokes of the 24-grid icons at exactly 1px. */
+const GLYPH = 12;
+/**
+ * The fifteen spine states as generic `StepSequence` steps — the single
+ * source both the Spine State Explorer story and the app's source-code
+ * spine render from.
+ *
+ * A connector takes the tone of the step it points into, so `connectorTone`
+ * is only spelled out for a stage that has not been reached yet (queued /
+ * manual / locked) — there the line stays the faint neutral grey.
+ */
+export const SPINE_STEP = {
+  done: {
+    tone: "success",
+    fill: "solid",
+    icon: /*#__PURE__*/React.createElement(CheckIcon, {
+      fill: ON_SOLID,
+      width: GLYPH,
+      height: GLYPH
+    })
+  },
+  merged: {
+    tone: "success",
+    fill: "solid",
+    icon: /*#__PURE__*/React.createElement(GitMergeIcon, {
+      stroke: ON_SOLID,
+      width: GLYPH,
+      height: GLYPH
+    })
+  },
+  committed: {
+    tone: "success",
+    fill: "solid",
+    icon: /*#__PURE__*/React.createElement(GitCommitIcon, {
+      stroke: ON_SOLID,
+      width: GLYPH,
+      height: GLYPH
+    })
+  },
+  progress: {
+    tone: "info",
+    fill: "solid",
+    pulse: true
+  },
+  review: {
+    tone: "info",
+    fill: "solid",
+    icon: /*#__PURE__*/React.createElement(EyeIcon, {
+      fill: ON_SOLID,
+      width: GLYPH,
+      height: GLYPH
+    })
+  },
+  active: {
+    tone: "info",
+    fill: "solid",
+    icon: /*#__PURE__*/React.createElement(GitBranchIcon, {
+      stroke: ON_SOLID,
+      width: GLYPH,
+      height: GLYPH
+    })
+  },
+  queued: {
+    tone: "info",
+    fill: "outline",
+    icon: /*#__PURE__*/React.createElement(ClockIcon, {
+      fill: "var(--color-progress-blue)",
+      width: GLYPH,
+      height: GLYPH
+    }),
+    connectorTone: "neutral"
+  },
+  failed: {
+    tone: "danger",
+    fill: "solid",
+    icon: /*#__PURE__*/React.createElement(CloseIcon, {
+      fill: ON_SOLID,
+      width: GLYPH,
+      height: GLYPH
+    })
+  },
+  warning: {
+    tone: "warning",
+    fill: "solid",
+    icon: /*#__PURE__*/React.createElement(WarningIcon, {
+      fill: ON_SOLID,
+      width: GLYPH,
+      height: GLYPH
+    })
+  },
+  conflict: {
+    tone: "danger",
+    fill: "solid",
+    icon: /*#__PURE__*/React.createElement(WarningTriangleIcon, {
+      fill: ON_SOLID,
+      width: GLYPH,
+      height: GLYPH
+    })
+  },
+  skipped: {
+    tone: "neutral",
+    fill: "solid",
+    icon: /*#__PURE__*/React.createElement(CircleSlashIcon, {
+      fill: ON_SOLID,
+      width: GLYPH,
+      height: GLYPH
+    })
+  },
+  manual: {
+    tone: "warning",
+    fill: "outline",
+    icon: /*#__PURE__*/React.createElement(ClockIcon, {
+      fill: AMBER,
+      width: GLYPH,
+      height: GLYPH
+    }),
+    connectorTone: "neutral"
+  },
+  locked: {
+    tone: "warning",
+    fill: "outline",
+    icon: /*#__PURE__*/React.createElement(LockIcon, {
+      fill: AMBER,
+      width: GLYPH,
+      height: GLYPH
+    }),
+    connectorTone: "neutral"
+  },
+  draft: {
+    tone: "neutral",
+    fill: "dashed",
+    icon: /*#__PURE__*/React.createElement(GitPullRequestIcon, {
+      stroke: "var(--color-theme-600)",
+      width: GLYPH,
+      height: GLYPH
+    })
+  },
+  todo: {
+    tone: "neutral",
+    fill: "outline"
+  }
+};
+//# sourceMappingURL=SpineStep.js.map

package/dist/esm/components/StepSequence/SpineStep.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SpineStep.js","names":["React","CheckIcon","CircleSlashIcon","ClockIcon","CloseIcon","EyeIcon","GitBranchIcon","GitCommitIcon","GitMergeIcon","GitPullRequestIcon","LockIcon","WarningIcon","WarningTriangleIcon","ON_SOLID","AMBER","GLYPH","SPINE_STEP","done","tone","fill","icon","createElement","width","height","merged","stroke","committed","progress","pulse","review","active","queued","connectorTone","failed","warning","conflict","skipped","manual","locked","draft","todo"],"sources":["../../../../src/components/StepSequence/SpineStep.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { IStepSequenceStep } from \"./StepSequence\";\nimport {\n CheckIcon,\n CircleSlashIcon,\n ClockIcon,\n CloseIcon,\n EyeIcon,\n GitBranchIcon,\n GitCommitIcon,\n GitMergeIcon,\n GitPullRequestIcon,\n LockIcon,\n WarningIcon,\n WarningTriangleIcon,\n} from \"../Icons\";\n\n/** The fifteen states a source-code spine node can be in */\nexport type SpineState =\n | \"done\"\n | \"merged\"\n | \"committed\"\n | \"progress\"\n | \"review\"\n | \"active\"\n | \"queued\"\n | \"failed\"\n | \"warning\"\n | \"conflict\"\n | \"skipped\"\n | \"manual\"\n | \"locked\"\n | \"draft\"\n | \"todo\";\n\n/* Glyph colours: light on a filled step, the step's own tone on an outlined\n one — the component paints rings and lines, the caller paints glyphs. */\nconst ON_SOLID = \"var(--only-white)\";\nconst AMBER = \"var(--color-orange)\";\n\n/* Glyphs render at an even 12px: a 13px glyph in the 22px solid circle (or\n the 18px content box of an outlined one) leaves half-pixel margins, so the\n browser snaps it visibly off-centre — 12px keeps every margin a whole pixel\n and renders the 2-unit strokes of the 24-grid icons at exactly 1px. */\nconst GLYPH = 12;\n\n/**\n * The fifteen spine states as generic `StepSequence` steps — the single\n * source both the Spine State Explorer story and the app's source-code\n * spine render from.\n *\n * A connector takes the tone of the step it points into, so `connectorTone`\n * is only spelled out for a stage that has not been reached yet (queued /\n * manual / locked) — there the line stays the faint neutral grey.\n */\nexport const SPINE_STEP: Record<SpineState, IStepSequenceStep> = {\n done: {\n tone: \"success\",\n fill: \"solid\",\n icon: <CheckIcon fill={ON_SOLID} width={GLYPH} height={GLYPH} />,\n },\n merged: {\n tone: \"success\",\n fill: \"solid\",\n icon: <GitMergeIcon stroke={ON_SOLID} width={GLYPH} height={GLYPH} />,\n },\n committed: {\n tone: \"success\",\n fill: \"solid\",\n icon: <GitCommitIcon stroke={ON_SOLID} width={GLYPH} height={GLYPH} />,\n },\n progress: { tone: \"info\", fill: \"solid\", pulse: true },\n review: {\n tone: \"info\",\n fill: \"solid\",\n icon: <EyeIcon fill={ON_SOLID} width={GLYPH} height={GLYPH} />,\n },\n active: {\n tone: \"info\",\n fill: \"solid\",\n icon: <GitBranchIcon stroke={ON_SOLID} width={GLYPH} height={GLYPH} />,\n },\n queued: {\n tone: \"info\",\n fill: \"outline\",\n icon: (\n <ClockIcon\n fill=\"var(--color-progress-blue)\"\n width={GLYPH}\n height={GLYPH}\n />\n ),\n connectorTone: \"neutral\",\n },\n failed: {\n tone: \"danger\",\n fill: \"solid\",\n icon: <CloseIcon fill={ON_SOLID} width={GLYPH} height={GLYPH} />,\n },\n warning: {\n tone: \"warning\",\n fill: \"solid\",\n icon: <WarningIcon fill={ON_SOLID} width={GLYPH} height={GLYPH} />,\n },\n conflict: {\n tone: \"danger\",\n fill: \"solid\",\n icon: <WarningTriangleIcon fill={ON_SOLID} width={GLYPH} height={GLYPH} />,\n },\n skipped: {\n tone: \"neutral\",\n fill: \"solid\",\n icon: <CircleSlashIcon fill={ON_SOLID} width={GLYPH} height={GLYPH} />,\n },\n manual: {\n tone: \"warning\",\n fill: \"outline\",\n icon: <ClockIcon fill={AMBER} width={GLYPH} height={GLYPH} />,\n connectorTone: \"neutral\",\n },\n locked: {\n tone: \"warning\",\n fill: \"outline\",\n icon: <LockIcon fill={AMBER} width={GLYPH} height={GLYPH} />,\n connectorTone: \"neutral\",\n },\n draft: {\n tone: \"neutral\",\n fill: \"dashed\",\n icon: (\n <GitPullRequestIcon\n stroke=\"var(--color-theme-600)\"\n width={GLYPH}\n height={GLYPH}\n />\n ),\n },\n todo: { tone: \"neutral\", fill: \"outline\" },\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/StepSequence/Styles.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/StepSequence/Styles.ts"],"names":[],"mappings":"~~AA2GA~~,eAAO,MAAM,yBAAyB,uRAarC,CAAC;AAGF,eAAO,MAAM,kBAAkB,oEAE9B,CAAC"}
1	+ {"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/StepSequence/Styles.ts"],"names":[],"mappings":"AA8GA,eAAO,MAAM,yBAAyB,uRAarC,CAAC;AAGF,eAAO,MAAM,kBAAkB,oEAE9B,CAAC"}

package/dist/esm/components/StepSequence/Styles.js CHANGED Viewed

@@ -2,7 +2,7 @@ import styled, { css, keyframes } from "styled-components";
 import { BoxSizingStyle } from "../BoxSizingStyle";
 import { Trigger } from "../Trigger";
 const StepPulse = keyframes(["0%,100%{opacity:1;}50%{opacity:0.35;}"]);
-const StepSequenceStyle = css(["", " display:inline-flex;align-items:center;padding:6px 8px;.c-step-sequence__step--success,.c-step-sequence__connector--success{--step-sequence-surface:var(--color-sucess-green);--step-sequence-ring:var(--color-sucess-green);--step-sequence-line:var(--color-sucess-green);}.c-step-sequence__step--info,.c-step-sequence__connector--info{--step-sequence-surface:var(--color-progress-blue);--step-sequence-ring:var(--color-progress-blue);--step-sequence-line:var(--color-progress-blue);}.c-step-sequence__step--warning,.c-step-sequence__connector--warning{--step-sequence-surface:var(--color-orange);--step-sequence-ring:var(--color-orange);--step-sequence-line:var(--color-orange);}.c-step-sequence__step--danger,.c-step-sequence__connector--danger{--step-sequence-surface:var(--red-alert);--step-sequence-ring:var(--red-alert);--step-sequence-line:var(--red-alert);}.c-step-sequence__step--neutral,.c-step-sequence__connector--neutral{--step-sequence-surface:var(--color-theme-500);--step-sequence-ring:var(--color-theme-400);--step-sequence-line:var(--color-theme-400);}.c-step-sequence__step{width:22px;height:22px;border-radius:50%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-shrink:0;svg{display:block;}}.c-step-sequence__step--solid{background:var(--step-sequence-surface);}.c-step-sequence__step--outline{background:transparent;border:2px solid var(--step-sequence-ring);}.c-step-sequence__step--dashed{background:transparent;border:2px dashed var(--step-sequence-ring);}.c-step-sequence__step--pulse > *{animation:", " 1.4s ease-in-out infinite;}.c-step-sequence__dot{width:6px;height:6px;border-radius:50%;background:var(--step-sequence-surface);}.c-step-sequence__step--solid .c-step-sequence__dot{width:7px;height:7px;background:var(--only-white);}.c-step-sequence__connector{width:13px;height:2px;flex-shrink:0;background:var(--step-sequence-line);}"], BoxSizingStyle, StepPulse);
+const StepSequenceStyle = css(["", " display:inline-flex;align-items:center;padding:6px 8px;.c-step-sequence__step--success,.c-step-sequence__connector--success{--step-sequence-surface:var(--color-sucess-green);--step-sequence-ring:var(--color-sucess-green);--step-sequence-line:var(--color-sucess-green);}.c-step-sequence__step--info,.c-step-sequence__connector--info{--step-sequence-surface:var(--color-progress-blue);--step-sequence-ring:var(--color-progress-blue);--step-sequence-line:var(--color-progress-blue);}.c-step-sequence__step--warning,.c-step-sequence__connector--warning{--step-sequence-surface:var(--color-orange);--step-sequence-ring:var(--color-orange);--step-sequence-line:var(--color-orange);}.c-step-sequence__step--danger,.c-step-sequence__connector--danger{--step-sequence-surface:var(--red-alert);--step-sequence-ring:var(--red-alert);--step-sequence-line:var(--red-alert);}.c-step-sequence__step--neutral,.c-step-sequence__connector--neutral{--step-sequence-surface:var(--color-theme-500);--step-sequence-ring:var(--color-theme-400);--step-sequence-line:var(--color-theme-400);}.c-step-sequence__step{width:22px;height:22px;border-radius:50%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-shrink:0;svg{display:block;}}.c-step-sequence__step--solid{background:var(--step-sequence-surface);}.c-step-sequence__step--outline{background:transparent;border:2px solid var(--step-sequence-ring);}.c-step-sequence__step--dashed{background:transparent;border:2px dashed var(--step-sequence-ring);}.c-step-sequence__step--pulse > *{animation:", " 1.4s ease-in-out infinite;}.c-step-sequence__dot{width:6px;height:6px;border-radius:50%;background:var(--step-sequence-surface);}.c-step-sequence__step--solid .c-step-sequence__dot{width:8px;height:8px;background:var(--only-white);}.c-step-sequence__connector{width:13px;height:2px;flex-shrink:0;background:var(--step-sequence-line);}"], BoxSizingStyle, StepPulse);
 export const StyledStepSequenceTrigger = styled(Trigger).withConfig({
   displayName: "Styles__StyledStepSequenceTrigger",
   componentId: "sc-hp7ywn-0"

package/dist/esm/components/StepSequence/Styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Styles.js","names":["styled","css","keyframes","BoxSizingStyle","Trigger","StepPulse","StepSequenceStyle","StyledStepSequenceTrigger","withConfig","displayName","componentId","StyledStepSequence","div"],"sources":["../../../../src/components/StepSequence/Styles.ts"],"sourcesContent":["import styled, { css, keyframes } from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { Trigger } from \"../Trigger\";\n\nconst StepPulse = keyframes`\n 0%,\n 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0.35;\n }\n`;\n\nconst StepSequenceStyle = css`\n ${BoxSizingStyle}\n\n display: inline-flex;\n align-items: center;\n padding: 6px 8px;\n\n /* A tone resolves to three roles: the surface a solid step is filled with,\n the ring an outlined step is drawn with and the connector line. Only\n neutral needs them to differ — its line stays the faint, unreached grey. /\n .c-step-sequence__step--success,\n .c-step-sequence__connector--success {\n --step-sequence-surface: var(--color-sucess-green);\n --step-sequence-ring: var(--color-sucess-green);\n --step-sequence-line: var(--color-sucess-green);\n }\n .c-step-sequence__step--info,\n .c-step-sequence__connector--info {\n --step-sequence-surface: var(--color-progress-blue);\n --step-sequence-ring: var(--color-progress-blue);\n --step-sequence-line: var(--color-progress-blue);\n }\n .c-step-sequence__step--warning,\n .c-step-sequence__connector--warning {\n --step-sequence-surface: var(--color-orange);\n --step-sequence-ring: var(--color-orange);\n --step-sequence-line: var(--color-orange);\n }\n .c-step-sequence__step--danger,\n .c-step-sequence__connector--danger {\n --step-sequence-surface: var(--red-alert);\n --step-sequence-ring: var(--red-alert);\n --step-sequence-line: var(--red-alert);\n }\n .c-step-sequence__step--neutral,\n .c-step-sequence__connector--neutral {\n --step-sequence-surface: var(--color-theme-500);\n --step-sequence-ring: var(--color-theme-400);\n --step-sequence-line: var(--color-theme-400);\n }\n\n .c-step-sequence__step {\n width: 22px;\n height: 22px;\n border-radius: 50%;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n\n svg {\n display: block;\n }\n }\n\n .c-step-sequence__step--solid {\n background: var(--step-sequence-surface);\n }\n .c-step-sequence__step--outline {\n background: transparent;\n border: 2px solid var(--step-sequence-ring);\n }\n .c-step-sequence__step--dashed {\n background: transparent;\n border: 2px dashed var(--step-sequence-ring);\n }\n\n .c-step-sequence__step--pulse > {\n animation: ${StepPulse} 1.4s ease-in-out infinite;\n }\n\n .c-step-sequence__dot {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--step-sequence-surface);\n }\n .c-step-sequence__step--solid .c-step-sequence__dot {\n width: ~~7px~~;\n height: ~~7px~~;\n background: var(--only-white);\n }\n\n .c-step-sequence__connector {\n width: 13px;\n height: 2px;\n flex-shrink: 0;\n background: var(--step-sequence-line);\n }\n`;\n\nexport const StyledStepSequenceTrigger = styled(Trigger)`\n ${StepSequenceStyle}\n\n border-radius: 8px;\n transition: background-color 200ms ease;\n\n &:hover {\n background-color: var(--color-theme-200);\n }\n &:focus-visible {\n outline: 2px solid var(--color-primary);\n outline-offset: 1px;\n }\n`;\nStyledStepSequenceTrigger.displayName = \"StyledStepSequenceTrigger\";\n\nexport const StyledStepSequence = styled.div`\n ${StepSequenceStyle}\n`;\nStyledStepSequence.displayName = \"StyledStepSequence\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,EAAEC,SAAS,QAAQ,mBAAmB;AAE1D,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,OAAO,QAAQ,YAAY;AAEpC,MAAMC,SAAS,GAAGH,SAAS,2CAQ1B;AAED,MAAMI,iBAAiB,GAAGL,GAAG,i3DACzBE,cAAc,EAoEDE,SAAS,~~CAqBzB~~;AAED,OAAO,MAAME,yBAAyB,GAAGP,MAAM,CAACI,OAAO,CAAC,CAAAI,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mMACpDJ,iBAAiB,CAYpB;AACDC,yBAAyB,CAACE,WAAW,GAAG,2BAA2B;AAEnE,OAAO,MAAME,kBAAkB,GAAGX,MAAM,CAACY,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACxCJ,iBAAiB,CACpB;AACDK,kBAAkB,CAACF,WAAW,GAAG,oBAAoB","ignoreList":[]}
1	+ {"version":3,"file":"Styles.js","names":["styled","css","keyframes","BoxSizingStyle","Trigger","StepPulse","StepSequenceStyle","StyledStepSequenceTrigger","withConfig","displayName","componentId","StyledStepSequence","div"],"sources":["../../../../src/components/StepSequence/Styles.ts"],"sourcesContent":["import styled, { css, keyframes } from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { Trigger } from \"../Trigger\";\n\nconst StepPulse = keyframes`\n 0%,\n 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0.35;\n }\n`;\n\nconst StepSequenceStyle = css`\n ${BoxSizingStyle}\n\n display: inline-flex;\n align-items: center;\n padding: 6px 8px;\n\n /* A tone resolves to three roles: the surface a solid step is filled with,\n the ring an outlined step is drawn with and the connector line. Only\n neutral needs them to differ — its line stays the faint, unreached grey. /\n .c-step-sequence__step--success,\n .c-step-sequence__connector--success {\n --step-sequence-surface: var(--color-sucess-green);\n --step-sequence-ring: var(--color-sucess-green);\n --step-sequence-line: var(--color-sucess-green);\n }\n .c-step-sequence__step--info,\n .c-step-sequence__connector--info {\n --step-sequence-surface: var(--color-progress-blue);\n --step-sequence-ring: var(--color-progress-blue);\n --step-sequence-line: var(--color-progress-blue);\n }\n .c-step-sequence__step--warning,\n .c-step-sequence__connector--warning {\n --step-sequence-surface: var(--color-orange);\n --step-sequence-ring: var(--color-orange);\n --step-sequence-line: var(--color-orange);\n }\n .c-step-sequence__step--danger,\n .c-step-sequence__connector--danger {\n --step-sequence-surface: var(--red-alert);\n --step-sequence-ring: var(--red-alert);\n --step-sequence-line: var(--red-alert);\n }\n .c-step-sequence__step--neutral,\n .c-step-sequence__connector--neutral {\n --step-sequence-surface: var(--color-theme-500);\n --step-sequence-ring: var(--color-theme-400);\n --step-sequence-line: var(--color-theme-400);\n }\n\n .c-step-sequence__step {\n width: 22px;\n height: 22px;\n border-radius: 50%;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n\n svg {\n display: block;\n }\n }\n\n .c-step-sequence__step--solid {\n background: var(--step-sequence-surface);\n }\n .c-step-sequence__step--outline {\n background: transparent;\n border: 2px solid var(--step-sequence-ring);\n }\n .c-step-sequence__step--dashed {\n background: transparent;\n border: 2px dashed var(--step-sequence-ring);\n }\n\n .c-step-sequence__step--pulse > {\n animation: ${StepPulse} 1.4s ease-in-out infinite;\n }\n\n /* Dot sizes stay even: the free space around an odd-sized dot (7px in the\n 22px solid circle) is a half-pixel per side, which browsers snap visibly\n off-centre. */\n .c-step-sequence__dot {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--step-sequence-surface);\n }\n .c-step-sequence__step--solid .c-step-sequence__dot {\n width: 8px;\n height: 8px;\n background: var(--only-white);\n }\n\n .c-step-sequence__connector {\n width: 13px;\n height: 2px;\n flex-shrink: 0;\n background: var(--step-sequence-line);\n }\n`;\n\nexport const StyledStepSequenceTrigger = styled(Trigger)`\n ${StepSequenceStyle}\n\n border-radius: 8px;\n transition: background-color 200ms ease;\n\n &:hover {\n background-color: var(--color-theme-200);\n }\n &:focus-visible {\n outline: 2px solid var(--color-primary);\n outline-offset: 1px;\n }\n`;\nStyledStepSequenceTrigger.displayName = \"StyledStepSequenceTrigger\";\n\nexport const StyledStepSequence = styled.div`\n ${StepSequenceStyle}\n`;\nStyledStepSequence.displayName = \"StyledStepSequence\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,EAAEC,SAAS,QAAQ,mBAAmB;AAE1D,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,OAAO,QAAQ,YAAY;AAEpC,MAAMC,SAAS,GAAGH,SAAS,2CAQ1B;AAED,MAAMI,iBAAiB,GAAGL,GAAG,i3DACzBE,cAAc,EAoEDE,SAAS,CAwBzB;AAED,OAAO,MAAME,yBAAyB,GAAGP,MAAM,CAACI,OAAO,CAAC,CAAAI,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mMACpDJ,iBAAiB,CAYpB;AACDC,yBAAyB,CAACE,WAAW,GAAG,2BAA2B;AAEnE,OAAO,MAAME,kBAAkB,GAAGX,MAAM,CAACY,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACxCJ,iBAAiB,CACpB;AACDK,kBAAkB,CAACF,WAAW,GAAG,oBAAoB","ignoreList":[]}

package/dist/esm/components/StepSequence/index.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
 export * from "./StepSequence";
+export * from "./SpineStep";
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/StepSequence/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/StepSequence/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/StepSequence/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC"}

package/dist/esm/components/StepSequence/index.js CHANGED Viewed

@@ -1,2 +1,3 @@
 export * from "./StepSequence";
+export * from "./SpineStep";
 //# sourceMappingURL=index.js.map

package/dist/esm/components/StepSequence/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/StepSequence/index.ts"],"sourcesContent":["export * from \"./StepSequence\";\n"],"mappings":"AAAA,cAAc,gBAAgB","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/StepSequence/index.ts"],"sourcesContent":["export * from \"./StepSequence\";\nexport * from \"./SpineStep\";\n"],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,aAAa","ignoreList":[]}

package/dist/esm/presentation/shared/SourceCodeSection.d.ts CHANGED Viewed

@@ -38,6 +38,8 @@ interface CodeEntry {
     /** PR head → base branches, shown under the name in the history dialog. */
     sourceBranch?: string;
     targetBranch?: string;
+    /** True when this PR carries a closing keyword that will complete the task on merge. */
+    closing?: boolean;
     /** Head SHA of the source branch (full); first 8 chars are shown. */
     headSha: string;
     contributors: {

package/dist/esm/presentation/shared/SourceCodeSection.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SourceCodeSection.d.ts","sourceRoot":"","sources":["../../../../src/presentation/shared/SourceCodeSection.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,WAAW,EAAE,YAAY,EAAuB,MAAM,OAAO,CAAC;~~AA4G9E~~,KAAK,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;AAU1D,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB;AAED,UAAU,YAAY;IACpB,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;+CAC2C;IAC3C,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;CACtD;AAiDD,sEAAsE;AACtE,UAAU,UAAU;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,QAAQ,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,mEAAmE;IACnE,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,KAAK,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE3D,kDAAkD;AAClD,UAAU,SAAS;IACjB,IAAI,EAAE,IAAI,GAAG,QAAQ,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,UAAU,CAAC;IACnB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qEAAqE;IACrE,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACjD,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,IAAI,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IACjD,QAAQ,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,oEAAoE;IACpE,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,OAAO,EAAE,YAAY,EAAE,CAAC;CACzB;~~AA+oBD~~,QAAA,MAAM,KAAK,GAAI,qBAGZ;IACD,KAAK,EAAE,KAAK,EAAE,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,KAAG,YAUH,CAAC;AA6JF,QAAA,MAAM,aAAa,GAAI,qBAGpB;IACD,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,KAAG,YAsHH,CAAC;~~AAqPF~~,QAAA,MAAM,QAAQ,GAAI,WAAW;IAAE,KAAK,EAAE,UAAU,CAAA;CAAE,KAAG,YA4CpD,CAAC;AAwCF,QAAA,MAAM,OAAO,GAAI,2BAGd;IACD,KAAK,EAAE,SAAS,CAAC;IACjB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,KAAG,~~YAuFH~~,CAAC;AAEF,QAAA,MAAM,eAAe,GAAI,gCAItB;IACD,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,KAAG,YAcH,CAAC;AAEF,KAAK,cAAc,GAAG,KAAK,GAAG,MAAM,GAAG,WAAW,CAAC;AAEnD,QAAA,MAAM,iBAAiB,GAAI,cAExB;IACD,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B,KAAG,YAqFH,CAAC;AAEF,YAAY,EACV,UAAU,EACV,KAAK,EACL,YAAY,EACZ,UAAU,EACV,UAAU,EACV,SAAS,EACT,cAAc,GACf,CAAC;AAEF,OAAO,EACL,KAAK,EACL,aAAa,EACb,QAAQ,EACR,OAAO,EACP,eAAe,EACf,iBAAiB,GAClB,CAAC"}
1	+ {"version":3,"file":"SourceCodeSection.d.ts","sourceRoot":"","sources":["../../../../src/presentation/shared/SourceCodeSection.tsx"],"names":[],"mappings":"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"}

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

@@ -17,6 +17,7 @@ import { ArrowRightIcon, CancelCrossIcon, CheckboxBlankTogglerIcon, CheckIcon, C
 import { StepSequence } from "../../components/StepSequence";
 import { Tooltip } from "../../components/Tooltip";
 import { Body1, Caption1, Header3 } from "../../components/Typography";
+import { colors } from "../../utils";
 /**
  * Source Code section of a task — the shared subsystem behind the
@@ -168,6 +169,7 @@ const CODE_ENTRIES = [{
   status: "open",
   sourceBranch: "fix/rank-archive-482",
   targetBranch: "main",
+  closing: true,
   contributors: [{
     initials: "DA",
     bg: AVATAR_COLORS.green
@@ -340,6 +342,7 @@ const CODE_ENTRIES = [{
   status: "merged",
   sourceBranch: "feature/contracts-ui-34",
   targetBranch: "main",
+  closing: true,
   contributors: [{
     initials: "MK",
     bg: AVATAR_COLORS.blue
@@ -935,7 +938,7 @@ const HistoryDialog = _ref4 => {
 const StyledSourceCode = styled.div.withConfig({
   displayName: "SourceCodeSection__StyledSourceCode",
   componentId: "sc-rvqbh5-2"
-})(["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:12px;color:var(--color-theme-600);}.sc-sig{display:inline-flex;align-items:center;gap:4px;}.sc-sha{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;}.sc-muted{color:var(--color-theme-600);}.sc-refs{display:inline-flex;align-items:center;gap:6px;}.sc-refs .ref-link{color:var(--color-primary);font-weight:500;}"], SANS);
+})(["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:12px;color:var(--color-theme-600);}.sc-sig{display:inline-flex;align-items:center;gap:4px;}.sc-closing{display:inline-flex;align-items:center;flex-shrink:0;cursor:default;}.sc-sha{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;}.sc-muted{color:var(--color-theme-600);}.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. */
@@ -962,6 +965,12 @@ const CHIP_GONE_STYLE = _extends({}, CHIP_BASE_STYLE, {
   backgroundColor: "var(--color-theme-200)",
   border: "1px solid var(--border-primary)"
 });
+/* Info tone — the default (blue) InfoBox recipe: blueSky tint + solid border. */
+const CHIP_INFO_STYLE = _extends({}, CHIP_BASE_STYLE, {
+  backgroundColor: colors.blueSky.color + "1A",
+  border: "1px solid " + colors.blueSky.color
+});
 const StatusChip = _ref5 => {
   let label = _ref5.label,
     tone = _ref5.tone,
@@ -969,8 +978,8 @@ const StatusChip = _ref5 => {
   return /*#__PURE__*/React.createElement(Chip, {
     label: label,
     startAdornment: glyph,
-    color: tone === "done" ? "var(--color-primary)" : undefined,
-    style: tone === "done" ? CHIP_DONE_STYLE : CHIP_GONE_STYLE,
+    color: tone === "done" ? "var(--color-primary)" : tone === "info" ? colors.blueSky.lighter : undefined,
+    style: tone === "done" ? CHIP_DONE_STYLE : tone === "info" ? CHIP_INFO_STYLE : CHIP_GONE_STYLE,
     typographyProps: {
       variant: "Caption 1",
       weight: "bold",
@@ -1144,7 +1153,19 @@ const CodeRow = _ref0 => {
     rel: "noopener noreferrer"
   }, entry.title)), /*#__PURE__*/React.createElement(CodeStatusChip, {
     entry: entry
-  })), /*#__PURE__*/React.createElement("div", {
+  }), entry.kind === "pr" && entry.status === "open" && entry.closing && /*#__PURE__*/React.createElement(Tooltip, {
+    title: "Marks the task as completed when this pull request is merged."
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "sc-closing"
+  }, /*#__PURE__*/React.createElement(StatusChip, {
+    label: "Closing",
+    tone: "info",
+    glyph: /*#__PURE__*/React.createElement(CheckIcon, {
+      width: 12,
+      height: 12,
+      fill: colors.blueSky.lighter
+    })
+  })))), /*#__PURE__*/React.createElement("div", {
     className: "sc-sigs"
   }, /*#__PURE__*/React.createElement(Tooltip, {
     title: "Repository: " + entry.repoFull