@activecollab/components 2.0.408 → 2.0.410

package/dist/cjs/presentation/stackedCard/content/TaskCard.js

@@ -9,7 +9,9 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _shared = require("./shared");
 var _Icons = require("../../../components/Icons");
 var _Loaders = require("../../../components/Loaders");
+var _Signifier = require("../../../components/Signifier");
 var _StackedCard = require("../../../components/StackedCard");
+var _Tag = require("../../../components/Tag");
 var _Typography = require("../../../components/Typography");
 var _Typography2 = require("../../../components/Typography/Typography");
 var _shared2 = require("../../shared");
@@ -30,14 +32,58 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
  *                                          project default)
  *  - inline assignee affordance           (avatar, or an add-assignee placeholder)
  *  - completed                            (teal tint, no "…" menu, no overdue colour)
+ *  - assignees appear ONCE                (in the info line when the card has no
+ *                                          date range, in the date row when it
+ *                                          has one — never in both)
  *
  * The pending/optimistic and priority states are SHELL states (dimmed +
  * pointer-events off; red left bar), so the card is wrapped in a `<StackedCard
  * pending>` / `<StackedCard priorityColor>` by the host — they are not the
  * card's own concern and live on the shell, not here.
+ *
+ * Everything is measured against the app: `ColumnCardBody.jsx`,
+ * `ColumnCardBodyInfo.jsx`, `ColumnCardDate.jsx` and
+ * `view.project_tasks_column_mode.less`.
  */
 
-var LABEL_DOTS = ["#378ADD", "#D85A30", "#639922", "#EF9F27", "#7F77DD"];
+/**
+ * Eight labels, so the default card demonstrates the collapsed form. Colours are
+ * the labels' own, which is why they are literals.
+ */
+var DEMO_LABELS = [{
+  text: "DESIGN",
+  color: "#378ADD"
+}, {
+  text: "BLOCKED",
+  color: "#D85A30"
+}, {
+  text: "READY",
+  color: "#639922"
+}, {
+  text: "REVIEW",
+  color: "#EF9F27"
+}, {
+  text: "RESEARCH",
+  color: "#7F77DD"
+}, {
+  text: "COPY",
+  color: "#8C5A2B"
+}, {
+  text: "QA",
+  color: "#2F5DA8"
+}, {
+  text: "RELEASE",
+  color: "#8A3E6B"
+}];
+
+/**
+ * How many labels read as text before the line has to collapse them, and how
+ * many dots stand in for the rest. Two colour-text `Tag`s fit a 260px card; past
+ * that the app's own answer (and the design system's mapping) is coloured dots
+ * plus an overflow count.
+ */
+var LABELS_AS_TEXT_MAX = 2;
+var LABEL_DOTS_MAX = 5;
 
 /* The completed tint fills the card body; the shell keeps the priority bar and
    selection ring on top of it. */
@@ -48,10 +94,26 @@ var StyledBody = _styledComponents.default.div.withConfig({
   var $completed = _ref.$completed;
   return $completed && (0, _styledComponents.css)(["background:var(--sc-completed-tint,rgba(72,201,176,0.16));"]);
 });
-var StyledMetaCluster = _styledComponents.default.div.withConfig({
-  displayName: "TaskCard__StyledMetaCluster",
+
+/**
+ * The info line — labels, then signifiers, then (only when the card has no date
+ * range) the assignees.
+ *
+ * The separator is the app's, rule for rule: a 2px round dot in
+ * `--color-theme-600` with `margin: 0 6px`, drawn by `::before` on every item
+ * EXCEPT the first (`view.project_tasks_column_mode.less`:
+ * `.c-signifier:not(:first-child):before`, `.label_single_container:not(:first-child)
+ * .label_item:before`, `.dot:before`). Because the rule keys off position rather
+ * than off "am I a signifier", a line that starts with a signifier — a task with
+ * counters but no labels — cannot open with a dangling dot.
+ *
+ * `font-size: 11px` is the `.labels` block's own; the vertical rhythm the app
+ * gets from `margin-top: 10px` comes from the `meta` row's role padding here.
+ */
+var StyledInfoLine = _styledComponents.default.div.withConfig({
+  displayName: "TaskCard__StyledInfoLine",
   componentId: "sc-5iuhg8-1"
-})(["display:flex;align-items:center;gap:6px;color:var(--color-theme-600);.sc-dots{display:flex;gap:4px;}.sc-sep{opacity:0.6;}.sc-count{display:inline-flex;align-items:center;gap:3px;}svg{width:14px;height:14px;}"]);
+})(["display:flex;flex-wrap:wrap;align-items:center;width:100%;font-size:11px;> *{display:flex;align-items:center;min-height:18px;}> *:not(:first-child):not(.sc-assignees)::before{content:\"\";flex-shrink:0;width:2px;height:2px;margin:0 6px;border-radius:100%;background-color:var(--color-theme-600);}.sc-label{max-width:74px;}.sc-label .c-tag > div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:60px;}.sc-dots{gap:4px;}.sc-assignees{flex:1 1 auto;justify-content:flex-end;}"]);
 var StyledDot = _styledComponents.default.span.withConfig({
   displayName: "TaskCard__StyledDot",
   componentId: "sc-5iuhg8-2"
@@ -60,28 +122,39 @@ var StyledDot = _styledComponents.default.span.withConfig({
   return $color;
 });
 
-/* Hidden-from-clients signifier — an eye-off badge, shown only when the task's
-   visibility differs from the project default. */
-var StyledHiddenBadge = _styledComponents.default.span.withConfig({
-  displayName: "TaskCard__StyledHiddenBadge",
-  componentId: "sc-5iuhg8-3"
-})(["display:inline-flex;align-items:center;gap:3px;color:var(--color-theme-600);svg{width:14px;height:14px;}"]);
-
-/* Date — bold; turns red only when overdue AND the task is not completed. */
+/**
+ * The date row's text.
+ *
+ * A raw `<span>` in this Storybook inherits the browser's serif default at the
+ * ancestor's size, which is why the date used to read as huge serif type. The
+ * app sets the same four values in CSS on a plain `div` (`.due_date`: 13px,
+ * bold, 24px tall, `--color-theme-900`, `--red-alert` when `.overdue`), so the
+ * fix is to state them here — plus the font stack the missing reset does not
+ * supply.
+ */
 var StyledDate = _styledComponents.default.span.withConfig({
   displayName: "TaskCard__StyledDate",
-  componentId: "sc-5iuhg8-4"
-})(["font-weight:bold;color:", ";"], function (_ref3) {
+  componentId: "sc-5iuhg8-3"
+})(["height:24px;font-family:", ";font-size:13px;font-weight:bold;line-height:24px;letter-spacing:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:", ";"], _shared.CARD_FONT, function (_ref3) {
   var $overdue = _ref3.$overdue;
   return $overdue ? "var(--red-alert)" : "var(--color-theme-900)";
 });
 
+/* Avatars are limited to 3 and overlap, as MultiAssigneesPicker does. */
+var StyledAssignees = _styledComponents.default.span.withConfig({
+  displayName: "TaskCard__StyledAssignees",
+  componentId: "sc-5iuhg8-4"
+})(["display:flex;align-items:center;justify-content:flex-end;"]);
+
 /* Inline assignee affordance placeholder — a dashed add-assignee target that
    stands in until the real picker is wired at integration. */
 var StyledAddAssignee = _styledComponents.default.button.withConfig({
   displayName: "TaskCard__StyledAddAssignee",
   componentId: "sc-5iuhg8-5"
 })(["display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1.5px dashed var(--color-theme-400);border-radius:50%;background:transparent;color:var(--color-theme-600);cursor:pointer;svg{width:14px;height:14px;display:block;}&:hover{border-color:var(--sc-selection-ring);color:var(--color-theme-800);}"]);
+
+/** The app's assignee limit (MultiAssigneesPicker `limit={3}`). */
+var ASSIGNEE_LIMIT = 3;
 var TaskCard = exports.TaskCard = function TaskCard(_ref4) {
   var _ref4$title = _ref4.title,
     title = _ref4$title === void 0 ? "Implement the design from the reference on this page" : _ref4$title,
@@ -95,6 +168,16 @@ var TaskCard = exports.TaskCard = function TaskCard(_ref4) {
     showTaskId = _ref4$showTaskId === void 0 ? false : _ref4$showTaskId,
     _ref4$taskId = _ref4.taskId,
     taskId = _ref4$taskId === void 0 ? 4521 : _ref4$taskId,
+    _ref4$showProjectName = _ref4.showProjectName,
+    showProjectName = _ref4$showProjectName === void 0 ? false : _ref4$showProjectName,
+    _ref4$projectName = _ref4.projectName,
+    projectName = _ref4$projectName === void 0 ? "Marketing Site" : _ref4$projectName,
+    _ref4$labels = _ref4.labels,
+    labels = _ref4$labels === void 0 ? DEMO_LABELS : _ref4$labels,
+    _ref4$subtaskCount = _ref4.subtaskCount,
+    subtaskCount = _ref4$subtaskCount === void 0 ? 2 : _ref4$subtaskCount,
+    _ref4$commentCount = _ref4.commentCount,
+    commentCount = _ref4$commentCount === void 0 ? 7 : _ref4$commentCount,
     _ref4$dateLabel = _ref4.dateLabel,
     dateLabel = _ref4$dateLabel === void 0 ? "May 8 – Sep 10" : _ref4$dateLabel,
     _ref4$overdue = _ref4.overdue,
@@ -109,12 +192,79 @@ var TaskCard = exports.TaskCard = function TaskCard(_ref4) {
     projectDefaultHidden = _ref4$projectDefaultH === void 0 ? false : _ref4$projectDefaultH,
     _ref4$assigned = _ref4.assigned,
     assigned = _ref4$assigned === void 0 ? true : _ref4$assigned,
+    assignees = _ref4.assignees,
     _ref4$completed = _ref4.completed,
     completed = _ref4$completed === void 0 ? false : _ref4$completed;
   // Signifier appears only when the task's visibility differs from the default.
   var showHiddenSignifier = hiddenFromClients !== projectDefaultHidden;
   // Overdue colour is suppressed on completed tasks.
   var dateIsOverdue = overdue && !completed;
+  var hasDate = dateLabel != null && dateLabel !== "";
+  var collapseLabels = labels.length > LABELS_AS_TEXT_MAX;
+
+  /* The assignee slot: the real avatars when the host has them, the demo avatar
+     when it only says "assigned", the add affordance when it says nothing is. */
+  var assigneeSlot = assigned ? /*#__PURE__*/_react.default.createElement(StyledAssignees, {
+    className: "sc-assignees",
+    "data-fixed": true
+  }, assignees ? assignees.slice(0, ASSIGNEE_LIMIT).map(function (person) {
+    return /*#__PURE__*/_react.default.createElement(_shared2.RoundAvatar, {
+      key: person.name,
+      $bg: person.color,
+      $size: 24,
+      $overlap: true
+    }, person.initials);
+  }) : /*#__PURE__*/_react.default.createElement(_shared2.RoundAvatar, {
+    $bg: _shared2.AVATAR_COLORS.teal,
+    $size: 24,
+    $bordered: false
+  }, "MS")) : /*#__PURE__*/_react.default.createElement(StyledAssignees, {
+    className: "sc-assignees",
+    "data-fixed": true
+  }, /*#__PURE__*/_react.default.createElement(StyledAddAssignee, {
+    type: "button",
+    "aria-label": "Assign task"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.PersonPlusIcon, null)));
+
+  /* Signifiers in the app's fixed order: subtasks → comments → dependencies →
+     hidden-from-clients. Each is one child of the info line, so the line's own
+     separator rule spaces them. */
+  var signifiers = [];
+  if (subtaskCount > 0) {
+    signifiers.push(/*#__PURE__*/_react.default.createElement(_Signifier.Signifier, {
+      key: "subtasks",
+      type: _Icons.ChecklistSmallIcon,
+      value: subtaskCount,
+      tooltipText: "Subtasks"
+    }));
+  }
+  if (commentCount > 0) {
+    signifiers.push(/*#__PURE__*/_react.default.createElement(_Signifier.Signifier, {
+      key: "comments",
+      type: _Icons.MessageSmallIcon,
+      value: commentCount,
+      tooltipText: "Comments"
+    }));
+  }
+  if (showDependencies && dependencyCount > 0) {
+    signifiers.push(/*#__PURE__*/_react.default.createElement(_Signifier.Signifier, {
+      key: "dependencies",
+      type: _Icons.DependencySmallIcon,
+      value: dependencyCount,
+      tooltipText: "Dependencies"
+    }));
+  }
+  if (showHiddenSignifier) {
+    signifiers.push(/*#__PURE__*/_react.default.createElement(_Signifier.Signifier, {
+      key: "hidden",
+      type: _Icons.EyeOffSmallIcon,
+      tooltipText: "Hidden from clients"
+    }));
+  }
+
+  /* The info line exists when it has something to say — labels, signifiers, or
+     the assignees it has to carry because there is no date row. */
+  var showInfoLine = labels.length > 0 || signifiers.length > 0 || !hasDate;
   return /*#__PURE__*/_react.default.createElement(StyledBody, {
     $completed: completed
   }, cover ? /*#__PURE__*/_react.default.createElement(_StackedCard.StackedCardCover, {
@@ -129,60 +279,37 @@ var TaskCard = exports.TaskCard = function TaskCard(_ref4) {
     }
   })) : null, /*#__PURE__*/_react.default.createElement(_StackedCard.StackedCardRow, {
     role: "title"
-  }, /*#__PURE__*/_react.default.createElement(_shared.StyledClamp, null, showTaskId ? /*#__PURE__*/_react.default.createElement(_Typography2.Typography, {
+  }, /*#__PURE__*/_react.default.createElement(_shared.StyledTitleBlock, null, showProjectName ? /*#__PURE__*/_react.default.createElement(_shared.CardProjectLine, null, projectName) : null, /*#__PURE__*/_react.default.createElement(_shared.StyledClamp, null, showTaskId ? /*#__PURE__*/_react.default.createElement(_Typography2.Typography, {
     as: "span",
     variant: "Caption 1",
     color: "tertiary"
-  }, "#".concat(taskId, " ")) : null, title), completed ? null : /*#__PURE__*/_react.default.createElement(_shared.EntityDots, {
+  }, "#".concat(taskId, " ")) : null, title)), completed ? null : /*#__PURE__*/_react.default.createElement(_shared.EntityDots, {
     "aria-label": "Task options"
-  })), /*#__PURE__*/_react.default.createElement(_StackedCard.StackedCardRow, {
+  })), showInfoLine ? /*#__PURE__*/_react.default.createElement(_StackedCard.StackedCardRow, {
     role: "meta"
-  }, /*#__PURE__*/_react.default.createElement(StyledMetaCluster, null, /*#__PURE__*/_react.default.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement(StyledInfoLine, null, collapseLabels ? /*#__PURE__*/_react.default.createElement("span", {
     className: "sc-dots"
-  }, LABEL_DOTS.map(function (color) {
+  }, labels.slice(0, LABEL_DOTS_MAX).map(function (label) {
     return /*#__PURE__*/_react.default.createElement(StyledDot, {
-      key: color,
-      $color: color
+      key: label.text,
+      $color: label.color
     });
-  })), /*#__PURE__*/_react.default.createElement(_Typography.Caption1, {
-    color: "tertiary"
-  }, "+3"), /*#__PURE__*/_react.default.createElement("span", {
-    className: "sc-sep"
-  }, "\xB7"), /*#__PURE__*/_react.default.createElement("span", {
-    className: "sc-count"
-  }, /*#__PURE__*/_react.default.createElement(_Icons.MessageSmallIcon, null), /*#__PURE__*/_react.default.createElement(_Typography.Caption1, {
-    color: "tertiary"
-  }, "7")), /*#__PURE__*/_react.default.createElement("span", {
-    className: "sc-sep"
-  }, "\xB7"), /*#__PURE__*/_react.default.createElement("span", {
-    className: "sc-count"
-  }, /*#__PURE__*/_react.default.createElement(_Icons.ChecklistSmallIcon, null), /*#__PURE__*/_react.default.createElement(_Typography.Caption1, {
+  }), labels.length > LABEL_DOTS_MAX ? /*#__PURE__*/_react.default.createElement(_Typography.Caption1, {
     color: "tertiary"
-  }, "2")), showDependencies ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
-    className: "sc-sep"
-  }, "\xB7"), /*#__PURE__*/_react.default.createElement("span", {
-    className: "sc-count",
-    title: "Dependencies"
-  }, /*#__PURE__*/_react.default.createElement(_Icons.InsertLinkIcon, null), /*#__PURE__*/_react.default.createElement(_Typography.Caption1, {
-    color: "tertiary"
-  }, dependencyCount))) : null, showHiddenSignifier ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
-    className: "sc-sep"
-  }, "\xB7"), /*#__PURE__*/_react.default.createElement(StyledHiddenBadge, {
-    title: "Hidden from clients"
-  }, /*#__PURE__*/_react.default.createElement(_Icons.EyeOffIcon, null))) : null)), /*#__PURE__*/_react.default.createElement(_StackedCard.StackedCardRow, {
+  }, "+".concat(labels.length - LABEL_DOTS_MAX)) : null) : labels.map(function (label) {
+    return /*#__PURE__*/_react.default.createElement("span", {
+      className: "sc-label",
+      key: label.text
+    }, /*#__PURE__*/_react.default.createElement(_Tag.Tag, {
+      name: label.text,
+      color: label.color,
+      showDot: false
+    }));
+  }), signifiers, hasDate ? null : assigneeSlot)) : null, hasDate ? /*#__PURE__*/_react.default.createElement(_StackedCard.StackedCardRow, {
     role: "footer"
   }, /*#__PURE__*/_react.default.createElement(StyledDate, {
     $overdue: dateIsOverdue
-  }, dateLabel), /*#__PURE__*/_react.default.createElement("span", null), assigned ? /*#__PURE__*/_react.default.createElement(_shared2.RoundAvatar, {
-    $bg: _shared2.AVATAR_COLORS.teal,
-    $size: 24,
-    $bordered: false,
-    "data-fixed": true
-  }, "MS") : /*#__PURE__*/_react.default.createElement(StyledAddAssignee, {
-    type: "button",
-    "aria-label": "Assign task",
-    "data-fixed": true
-  }, /*#__PURE__*/_react.default.createElement(_Icons.PersonPlusIcon, null))));
+  }, dateLabel), assigneeSlot) : null);
 };
 
 /* ---- placeholder + skeleton ---- */

package/dist/cjs/presentation/stackedCard/content/TaskCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"TaskCard.js","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_shared","_Icons","_Loaders","_StackedCard","_Typography","_Typography2","_shared2","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","LABEL_DOTS","StyledBody","styled","div","withConfig","displayName","componentId","_ref","$completed","css","StyledMetaCluster","StyledDot","span","_ref2","$color","StyledHiddenBadge","StyledDate","_ref3","$overdue","StyledAddAssignee","button","TaskCard","exports","_ref4","_ref4$title","title","_ref4$cover","cover","_ref4$playable","playable","_ref4$coverControls","coverControls","_ref4$showTaskId","showTaskId","_ref4$taskId","taskId","_ref4$dateLabel","dateLabel","_ref4$overdue","overdue","_ref4$showDependencie","showDependencies","_ref4$dependencyCount","dependencyCount","_ref4$hiddenFromClien","hiddenFromClients","_ref4$projectDefaultH","projectDefaultHidden","_ref4$assigned","assigned","_ref4$completed","completed","showHiddenSignifier","dateIsOverdue","createElement","StackedCardCover","aspectRatio","COVER_RATIO","centerSlot","playControl","undefined","topRightSlot","coverManagement","style","width","height","background","StackedCardRow","role","StyledClamp","Typography","as","variant","color","concat","EntityDots","className","map","key","Caption1","MessageSmallIcon","ChecklistSmallIcon","Fragment","InsertLinkIcon","EyeOffIcon","RoundAvatar","$bg","AVATAR_COLORS","teal","$size","$bordered","type","PersonPlusIcon","TaskPlaceholder","props","Placeholder","icon","label","TaskSkeleton","SkeletonLoader","borderRadius"],"sources":["../../../../../src/presentation/stackedCard/content/TaskCard.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\n\nimport styled, { css } from \"styled-components\";\n\nimport {\n  EntityDots,\n  StyledClamp,\n  coverManagement,\n  playControl,\n  Placeholder,\n} from \"./shared\";\nimport {\n  ChecklistSmallIcon,\n  EyeOffIcon,\n  InsertLinkIcon,\n  MessageSmallIcon,\n  PersonPlusIcon,\n} from \"../../../components/Icons\";\nimport { SkeletonLoader } from \"../../../components/Loaders\";\nimport {\n  STACKED_CARD_COVER_RATIO as COVER_RATIO,\n  StackedCardCover as Cover,\n  StackedCardRow as StackRow,\n} from \"../../../components/StackedCard\";\nimport { Caption1 } from \"../../../components/Typography\";\nimport { Typography } from \"../../../components/Typography/Typography\";\nimport { RoundAvatar, AVATAR_COLORS } from \"../../shared\";\n\n/**\n * TaskCard — the baseline-preservation card.\n *\n * This is the replacement for today's column card, so it must reproduce every\n * behavior that card has (note 52104 §B2) — none of them are optional, each is\n * a silent-regression risk. Every one is a prop here so the story can toggle it:\n *\n *  - task-number prefix in the title      (config-gated, mirrors `show_task_id`)\n *  - overdue date colouring               (red ONLY when overdue AND not completed)\n *  - dependency counter                   (behind a feature-flag prop)\n *  - hidden-from-clients signifier        (shown only when it DIFFERS from the\n *                                          project default)\n *  - inline assignee affordance           (avatar, or an add-assignee placeholder)\n *  - completed                            (teal tint, no \"…\" menu, no overdue colour)\n *\n * The pending/optimistic and priority states are SHELL states (dimmed +\n * pointer-events off; red left bar), so the card is wrapped in a `<StackedCard\n * pending>` / `<StackedCard priorityColor>` by the host — they are not the\n * card's own concern and live on the shell, not here.\n */\n\nconst LABEL_DOTS = [\"#378ADD\", \"#D85A30\", \"#639922\", \"#EF9F27\", \"#7F77DD\"];\n\n/* The completed tint fills the card body; the shell keeps the priority bar and\n   selection ring on top of it. */\nconst StyledBody = styled.div<{ $completed?: boolean }>`\n  display: flex;\n  flex-direction: column;\n\n  ${({ $completed }) =>\n    $completed &&\n    css`\n      background: var(--sc-completed-tint, rgba(72, 201, 176, 0.16));\n    `}\n`;\n\nconst StyledMetaCluster = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--color-theme-600);\n\n  .sc-dots {\n    display: flex;\n    gap: 4px;\n  }\n\n  .sc-sep {\n    opacity: 0.6;\n  }\n\n  .sc-count {\n    display: inline-flex;\n    align-items: center;\n    gap: 3px;\n  }\n\n  svg {\n    width: 14px;\n    height: 14px;\n  }\n`;\n\nconst StyledDot = styled.span<{ $color: string }>`\n  width: 11px;\n  height: 11px;\n  border-radius: 50%;\n  background: ${({ $color }) => $color};\n`;\n\n/* Hidden-from-clients signifier — an eye-off badge, shown only when the task's\n   visibility differs from the project default. */\nconst StyledHiddenBadge = styled.span`\n  display: inline-flex;\n  align-items: center;\n  gap: 3px;\n  color: var(--color-theme-600);\n\n  svg {\n    width: 14px;\n    height: 14px;\n  }\n`;\n\n/* Date — bold; turns red only when overdue AND the task is not completed. */\nconst StyledDate = styled.span<{ $overdue?: boolean }>`\n  font-weight: bold;\n  color: ${({ $overdue }) =>\n    $overdue ? \"var(--red-alert)\" : \"var(--color-theme-900)\"};\n`;\n\n/* Inline assignee affordance placeholder — a dashed add-assignee target that\n   stands in until the real picker is wired at integration. */\nconst StyledAddAssignee = styled.button`\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  border: 1.5px dashed var(--color-theme-400);\n  border-radius: 50%;\n  background: transparent;\n  color: var(--color-theme-600);\n  cursor: pointer;\n\n  svg {\n    width: 14px;\n    height: 14px;\n    display: block;\n  }\n\n  &:hover {\n    border-color: var(--sc-selection-ring);\n    color: var(--color-theme-800);\n  }\n`;\n\nexport interface TaskCardProps {\n  title?: string;\n  /** Optional cover — task cards in a column usually have none. */\n  cover?: boolean;\n  playable?: boolean;\n  coverControls?: boolean;\n  /** Config-gated task-number prefix (mirrors `show_task_id`). */\n  showTaskId?: boolean;\n  taskId?: number;\n  dateLabel?: string;\n  /** Overdue date — colours the date red, but only when NOT completed. */\n  overdue?: boolean;\n  /** Dependency counter, gated behind a feature flag. */\n  showDependencies?: boolean;\n  dependencyCount?: number;\n  /** The task's hidden-from-clients flag. */\n  hiddenFromClients?: boolean;\n  /** The project default for client visibility; the signifier shows on a diff. */\n  projectDefaultHidden?: boolean;\n  /** Whether the task has an assignee (avatar) or shows the add affordance. */\n  assigned?: boolean;\n  /** Completed — teal tint, no \"…\" menu, no overdue colour. */\n  completed?: boolean;\n}\n\nexport const TaskCard = ({\n  title = \"Implement the design from the reference on this page\",\n  cover = false,\n  playable = false,\n  coverControls = false,\n  showTaskId = false,\n  taskId = 4521,\n  dateLabel = \"May 8 – Sep 10\",\n  overdue = false,\n  showDependencies = false,\n  dependencyCount = 2,\n  hiddenFromClients = false,\n  projectDefaultHidden = false,\n  assigned = true,\n  completed = false,\n}: TaskCardProps): ReactElement => {\n  // Signifier appears only when the task's visibility differs from the default.\n  const showHiddenSignifier = hiddenFromClients !== projectDefaultHidden;\n  // Overdue colour is suppressed on completed tasks.\n  const dateIsOverdue = overdue && !completed;\n\n  return (\n    <StyledBody $completed={completed}>\n      {cover ? (\n        <Cover\n          aspectRatio={COVER_RATIO}\n          centerSlot={playable ? playControl : undefined}\n          topRightSlot={coverControls ? coverManagement() : undefined}\n        >\n          <div\n            style={{\n              width: \"100%\",\n              height: \"100%\",\n              background: \"var(--color-theme-300)\",\n            }}\n          />\n        </Cover>\n      ) : null}\n\n      <StackRow role=\"title\">\n        <StyledClamp>\n          {showTaskId ? (\n            <Typography as=\"span\" variant=\"Caption 1\" color=\"tertiary\">\n              {`#${taskId} `}\n            </Typography>\n          ) : null}\n          {title}\n        </StyledClamp>\n        {/* Completed tasks drop the \"…\" menu. */}\n        {completed ? null : <EntityDots aria-label=\"Task options\" />}\n      </StackRow>\n\n      <StackRow role=\"meta\">\n        <StyledMetaCluster>\n          <span className=\"sc-dots\">\n            {LABEL_DOTS.map((color) => (\n              <StyledDot key={color} $color={color} />\n            ))}\n          </span>\n          <Caption1 color=\"tertiary\">+3</Caption1>\n          <span className=\"sc-sep\">·</span>\n          <span className=\"sc-count\">\n            <MessageSmallIcon />\n            <Caption1 color=\"tertiary\">7</Caption1>\n          </span>\n          <span className=\"sc-sep\">·</span>\n          <span className=\"sc-count\">\n            <ChecklistSmallIcon />\n            <Caption1 color=\"tertiary\">2</Caption1>\n          </span>\n          {showDependencies ? (\n            <>\n              <span className=\"sc-sep\">·</span>\n              <span className=\"sc-count\" title=\"Dependencies\">\n                <InsertLinkIcon />\n                <Caption1 color=\"tertiary\">{dependencyCount}</Caption1>\n              </span>\n            </>\n          ) : null}\n          {showHiddenSignifier ? (\n            <>\n              <span className=\"sc-sep\">·</span>\n              <StyledHiddenBadge title=\"Hidden from clients\">\n                <EyeOffIcon />\n              </StyledHiddenBadge>\n            </>\n          ) : null}\n        </StyledMetaCluster>\n      </StackRow>\n\n      <StackRow role=\"footer\">\n        <StyledDate $overdue={dateIsOverdue}>{dateLabel}</StyledDate>\n        <span />\n        {assigned ? (\n          <RoundAvatar\n            $bg={AVATAR_COLORS.teal}\n            $size={24}\n            $bordered={false}\n            data-fixed\n          >\n            MS\n          </RoundAvatar>\n        ) : (\n          <StyledAddAssignee type=\"button\" aria-label=\"Assign task\" data-fixed>\n            <PersonPlusIcon />\n          </StyledAddAssignee>\n        )}\n      </StackRow>\n    </StyledBody>\n  );\n};\n\n/* ---- placeholder + skeleton ---- */\n\nexport const TaskPlaceholder = (\n  props: React.ButtonHTMLAttributes<HTMLButtonElement>\n): ReactElement => (\n  <Placeholder\n    icon={<ChecklistSmallIcon />}\n    label=\"Name this task\"\n    {...props}\n  />\n);\n\n/* Skeleton mirrors the task anatomy row for row: title, meta, footer. */\nexport const TaskSkeleton = (): ReactElement => (\n  <>\n    <StackRow role=\"title\">\n      <SkeletonLoader style={{ height: 14, width: \"90%\" }} />\n    </StackRow>\n    <StackRow role=\"meta\">\n      <SkeletonLoader style={{ height: 10, width: \"55%\" }} />\n    </StackRow>\n    <StackRow role=\"footer\">\n      <SkeletonLoader style={{ height: 12, width: 64 }} data-fixed />\n      <span />\n      <SkeletonLoader\n        data-fixed\n        style={{ width: 24, height: 24, borderRadius: \"50%\" }}\n      />\n    </StackRow>\n  </>\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TaskCard.js","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_shared","_Icons","_Loaders","_Signifier","_StackedCard","_Tag","_Typography","_Typography2","_shared2","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","DEMO_LABELS","text","color","LABELS_AS_TEXT_MAX","LABEL_DOTS_MAX","StyledBody","styled","div","withConfig","displayName","componentId","_ref","$completed","css","StyledInfoLine","StyledDot","span","_ref2","$color","StyledDate","CARD_FONT","_ref3","$overdue","StyledAssignees","StyledAddAssignee","button","ASSIGNEE_LIMIT","TaskCard","exports","_ref4","_ref4$title","title","_ref4$cover","cover","_ref4$playable","playable","_ref4$coverControls","coverControls","_ref4$showTaskId","showTaskId","_ref4$taskId","taskId","_ref4$showProjectName","showProjectName","_ref4$projectName","projectName","_ref4$labels","labels","_ref4$subtaskCount","subtaskCount","_ref4$commentCount","commentCount","_ref4$dateLabel","dateLabel","_ref4$overdue","overdue","_ref4$showDependencie","showDependencies","_ref4$dependencyCount","dependencyCount","_ref4$hiddenFromClien","hiddenFromClients","_ref4$projectDefaultH","projectDefaultHidden","_ref4$assigned","assigned","assignees","_ref4$completed","completed","showHiddenSignifier","dateIsOverdue","hasDate","collapseLabels","assigneeSlot","createElement","className","slice","map","person","RoundAvatar","key","name","$bg","$size","$overlap","initials","AVATAR_COLORS","teal","$bordered","type","PersonPlusIcon","signifiers","push","Signifier","ChecklistSmallIcon","value","tooltipText","MessageSmallIcon","DependencySmallIcon","EyeOffSmallIcon","showInfoLine","StackedCardCover","aspectRatio","COVER_RATIO","centerSlot","playControl","undefined","topRightSlot","coverManagement","style","width","height","background","StackedCardRow","role","StyledTitleBlock","CardProjectLine","StyledClamp","Typography","as","variant","concat","EntityDots","label","Caption1","Tag","showDot","TaskPlaceholder","props","Placeholder","icon","TaskSkeleton","Fragment","SkeletonLoader","borderRadius"],"sources":["../../../../../src/presentation/stackedCard/content/TaskCard.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\n\nimport styled, { css } from \"styled-components\";\n\nimport {\n  CARD_FONT,\n  CardProjectLine,\n  EntityDots,\n  StyledClamp,\n  StyledTitleBlock,\n  coverManagement,\n  playControl,\n  Placeholder,\n} from \"./shared\";\nimport {\n  ChecklistSmallIcon,\n  DependencySmallIcon,\n  EyeOffSmallIcon,\n  MessageSmallIcon,\n  PersonPlusIcon,\n} from \"../../../components/Icons\";\nimport { SkeletonLoader } from \"../../../components/Loaders\";\nimport { Signifier } from \"../../../components/Signifier\";\nimport {\n  STACKED_CARD_COVER_RATIO as COVER_RATIO,\n  StackedCardCover as Cover,\n  StackedCardRow as StackRow,\n} from \"../../../components/StackedCard\";\nimport { Tag } from \"../../../components/Tag\";\nimport { Caption1 } from \"../../../components/Typography\";\nimport { Typography } from \"../../../components/Typography/Typography\";\nimport { RoundAvatar, AVATAR_COLORS } from \"../../shared\";\n\n/**\n * TaskCard — the baseline-preservation card.\n *\n * This is the replacement for today's column card, so it must reproduce every\n * behavior that card has (note 52104 §B2) — none of them are optional, each is\n * a silent-regression risk. Every one is a prop here so the story can toggle it:\n *\n *  - task-number prefix in the title      (config-gated, mirrors `show_task_id`)\n *  - overdue date colouring               (red ONLY when overdue AND not completed)\n *  - dependency counter                   (behind a feature-flag prop)\n *  - hidden-from-clients signifier        (shown only when it DIFFERS from the\n *                                          project default)\n *  - inline assignee affordance           (avatar, or an add-assignee placeholder)\n *  - completed                            (teal tint, no \"…\" menu, no overdue colour)\n *  - assignees appear ONCE                (in the info line when the card has no\n *                                          date range, in the date row when it\n *                                          has one — never in both)\n *\n * The pending/optimistic and priority states are SHELL states (dimmed +\n * pointer-events off; red left bar), so the card is wrapped in a `<StackedCard\n * pending>` / `<StackedCard priorityColor>` by the host — they are not the\n * card's own concern and live on the shell, not here.\n *\n * Everything is measured against the app: `ColumnCardBody.jsx`,\n * `ColumnCardBodyInfo.jsx`, `ColumnCardDate.jsx` and\n * `view.project_tasks_column_mode.less`.\n */\n\nexport interface TaskCardLabel {\n  text: string;\n  /** The label's own colour — data, not theme. */\n  color: string;\n}\n\nexport interface TaskCardPerson {\n  name: string;\n  initials: string;\n  /** Avatar colours stand in for the server-rendered avatar: data, not theme. */\n  color: string;\n}\n\n/**\n * Eight labels, so the default card demonstrates the collapsed form. Colours are\n * the labels' own, which is why they are literals.\n */\nconst DEMO_LABELS: TaskCardLabel[] = [\n  { text: \"DESIGN\", color: \"#378ADD\" },\n  { text: \"BLOCKED\", color: \"#D85A30\" },\n  { text: \"READY\", color: \"#639922\" },\n  { text: \"REVIEW\", color: \"#EF9F27\" },\n  { text: \"RESEARCH\", color: \"#7F77DD\" },\n  { text: \"COPY\", color: \"#8C5A2B\" },\n  { text: \"QA\", color: \"#2F5DA8\" },\n  { text: \"RELEASE\", color: \"#8A3E6B\" },\n];\n\n/**\n * How many labels read as text before the line has to collapse them, and how\n * many dots stand in for the rest. Two colour-text `Tag`s fit a 260px card; past\n * that the app's own answer (and the design system's mapping) is coloured dots\n * plus an overflow count.\n */\nconst LABELS_AS_TEXT_MAX = 2;\nconst LABEL_DOTS_MAX = 5;\n\n/* The completed tint fills the card body; the shell keeps the priority bar and\n   selection ring on top of it. */\nconst StyledBody = styled.div<{ $completed?: boolean }>`\n  display: flex;\n  flex-direction: column;\n\n  ${({ $completed }) =>\n    $completed &&\n    css`\n      background: var(--sc-completed-tint, rgba(72, 201, 176, 0.16));\n    `}\n`;\n\n/**\n * The info line — labels, then signifiers, then (only when the card has no date\n * range) the assignees.\n *\n * The separator is the app's, rule for rule: a 2px round dot in\n * `--color-theme-600` with `margin: 0 6px`, drawn by `::before` on every item\n * EXCEPT the first (`view.project_tasks_column_mode.less`:\n * `.c-signifier:not(:first-child):before`, `.label_single_container:not(:first-child)\n * .label_item:before`, `.dot:before`). Because the rule keys off position rather\n * than off \"am I a signifier\", a line that starts with a signifier — a task with\n * counters but no labels — cannot open with a dangling dot.\n *\n * `font-size: 11px` is the `.labels` block's own; the vertical rhythm the app\n * gets from `margin-top: 10px` comes from the `meta` row's role padding here.\n */\nconst StyledInfoLine = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  width: 100%;\n  font-size: 11px;\n\n  > * {\n    display: flex;\n    align-items: center;\n    min-height: 18px;\n  }\n\n  /* The assignees are excluded: they end the line rather than continuing the\n     enumeration, and the app draws no dot before them either. */\n  > *:not(:first-child):not(.sc-assignees)::before {\n    content: \"\";\n    flex-shrink: 0;\n    width: 2px;\n    height: 2px;\n    margin: 0 6px;\n    border-radius: 100%;\n    background-color: var(--color-theme-600);\n  }\n\n  /* Labels truncate rather than push the line wider: 74px for the item, 60px\n     for the text inside it — the app's two numbers. */\n  .sc-label {\n    max-width: 74px;\n  }\n\n  .sc-label .c-tag > div {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    max-width: 60px;\n  }\n\n  .sc-dots {\n    gap: 4px;\n  }\n\n  /* The assignees end the line, right-aligned, when there is no date row to\n     carry them. */\n  .sc-assignees {\n    flex: 1 1 auto;\n    justify-content: flex-end;\n  }\n`;\n\nconst StyledDot = styled.span<{ $color: string }>`\n  width: 11px;\n  height: 11px;\n  border-radius: 50%;\n  background: ${({ $color }) => $color};\n`;\n\n/**\n * The date row's text.\n *\n * A raw `<span>` in this Storybook inherits the browser's serif default at the\n * ancestor's size, which is why the date used to read as huge serif type. The\n * app sets the same four values in CSS on a plain `div` (`.due_date`: 13px,\n * bold, 24px tall, `--color-theme-900`, `--red-alert` when `.overdue`), so the\n * fix is to state them here — plus the font stack the missing reset does not\n * supply.\n */\nconst StyledDate = styled.span<{ $overdue?: boolean }>`\n  height: 24px;\n  font-family: ${CARD_FONT};\n  font-size: 13px;\n  font-weight: bold;\n  line-height: 24px;\n  letter-spacing: 0;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  color: ${({ $overdue }) =>\n    $overdue ? \"var(--red-alert)\" : \"var(--color-theme-900)\"};\n`;\n\n/* Avatars are limited to 3 and overlap, as MultiAssigneesPicker does. */\nconst StyledAssignees = styled.span`\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n`;\n\n/* Inline assignee affordance placeholder — a dashed add-assignee target that\n   stands in until the real picker is wired at integration. */\nconst StyledAddAssignee = styled.button`\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  border: 1.5px dashed var(--color-theme-400);\n  border-radius: 50%;\n  background: transparent;\n  color: var(--color-theme-600);\n  cursor: pointer;\n\n  svg {\n    width: 14px;\n    height: 14px;\n    display: block;\n  }\n\n  &:hover {\n    border-color: var(--sc-selection-ring);\n    color: var(--color-theme-800);\n  }\n`;\n\n/** The app's assignee limit (MultiAssigneesPicker `limit={3}`). */\nconst ASSIGNEE_LIMIT = 3;\n\nexport interface TaskCardProps {\n  title?: string;\n  /** Optional cover — task cards in a column usually have none. */\n  cover?: boolean;\n  playable?: boolean;\n  coverControls?: boolean;\n  /** Config-gated task-number prefix (mirrors `show_task_id`). */\n  showTaskId?: boolean;\n  taskId?: number;\n  /**\n   * The project the task lives in, above the title. Off by default: in a column\n   * the column already says it, and only a surface that mixes projects (a\n   * canvas) needs the line.\n   */\n  showProjectName?: boolean;\n  projectName?: string;\n  /**\n   * The task's labels. Up to two read as colour text (`Tag`, the column card's\n   * treatment); more collapse to coloured dots plus an overflow count, which is\n   * what the design system maps \">2 labels\" to. An empty array means the card\n   * has no labels — and then the info line must not open with a separator.\n   */\n  labels?: TaskCardLabel[];\n  /** Open-subtask and comment counters; each shows only when it is non-zero. */\n  subtaskCount?: number;\n  commentCount?: number;\n  /**\n   * The date range. `null` (or empty) means the task has none — the date row\n   * disappears and the assignees move up into the info line, so they still\n   * appear exactly once.\n   */\n  dateLabel?: string | null;\n  /** Overdue date — colours the date red, but only when NOT completed. */\n  overdue?: boolean;\n  /** Dependency counter, gated behind a feature flag. */\n  showDependencies?: boolean;\n  dependencyCount?: number;\n  /** The task's hidden-from-clients flag. */\n  hiddenFromClients?: boolean;\n  /** The project default for client visibility; the signifier shows on a diff. */\n  projectDefaultHidden?: boolean;\n  /** Whether the task has an assignee (avatar) or shows the add affordance. */\n  assigned?: boolean;\n  /** The actual assignees, when the host has them. Limited to 3, as in the app. */\n  assignees?: TaskCardPerson[];\n  /** Completed — teal tint, no \"…\" menu, no overdue colour. */\n  completed?: boolean;\n}\n\nexport const TaskCard = ({\n  title = \"Implement the design from the reference on this page\",\n  cover = false,\n  playable = false,\n  coverControls = false,\n  showTaskId = false,\n  taskId = 4521,\n  showProjectName = false,\n  projectName = \"Marketing Site\",\n  labels = DEMO_LABELS,\n  subtaskCount = 2,\n  commentCount = 7,\n  dateLabel = \"May 8 – Sep 10\",\n  overdue = false,\n  showDependencies = false,\n  dependencyCount = 2,\n  hiddenFromClients = false,\n  projectDefaultHidden = false,\n  assigned = true,\n  assignees,\n  completed = false,\n}: TaskCardProps): ReactElement => {\n  // Signifier appears only when the task's visibility differs from the default.\n  const showHiddenSignifier = hiddenFromClients !== projectDefaultHidden;\n  // Overdue colour is suppressed on completed tasks.\n  const dateIsOverdue = overdue && !completed;\n  const hasDate = dateLabel != null && dateLabel !== \"\";\n  const collapseLabels = labels.length > LABELS_AS_TEXT_MAX;\n\n  /* The assignee slot: the real avatars when the host has them, the demo avatar\n     when it only says \"assigned\", the add affordance when it says nothing is. */\n  const assigneeSlot = assigned ? (\n    <StyledAssignees className=\"sc-assignees\" data-fixed>\n      {assignees ? (\n        assignees.slice(0, ASSIGNEE_LIMIT).map((person) => (\n          <RoundAvatar key={person.name} $bg={person.color} $size={24} $overlap>\n            {person.initials}\n          </RoundAvatar>\n        ))\n      ) : (\n        <RoundAvatar $bg={AVATAR_COLORS.teal} $size={24} $bordered={false}>\n          MS\n        </RoundAvatar>\n      )}\n    </StyledAssignees>\n  ) : (\n    <StyledAssignees className=\"sc-assignees\" data-fixed>\n      <StyledAddAssignee type=\"button\" aria-label=\"Assign task\">\n        <PersonPlusIcon />\n      </StyledAddAssignee>\n    </StyledAssignees>\n  );\n\n  /* Signifiers in the app's fixed order: subtasks → comments → dependencies →\n     hidden-from-clients. Each is one child of the info line, so the line's own\n     separator rule spaces them. */\n  const signifiers: ReactElement[] = [];\n  if (subtaskCount > 0) {\n    signifiers.push(\n      <Signifier\n        key=\"subtasks\"\n        type={ChecklistSmallIcon}\n        value={subtaskCount}\n        tooltipText=\"Subtasks\"\n      />\n    );\n  }\n  if (commentCount > 0) {\n    signifiers.push(\n      <Signifier\n        key=\"comments\"\n        type={MessageSmallIcon}\n        value={commentCount}\n        tooltipText=\"Comments\"\n      />\n    );\n  }\n  if (showDependencies && dependencyCount > 0) {\n    signifiers.push(\n      <Signifier\n        key=\"dependencies\"\n        type={DependencySmallIcon}\n        value={dependencyCount}\n        tooltipText=\"Dependencies\"\n      />\n    );\n  }\n  if (showHiddenSignifier) {\n    signifiers.push(\n      <Signifier\n        key=\"hidden\"\n        type={EyeOffSmallIcon}\n        tooltipText=\"Hidden from clients\"\n      />\n    );\n  }\n\n  /* The info line exists when it has something to say — labels, signifiers, or\n     the assignees it has to carry because there is no date row. */\n  const showInfoLine = labels.length > 0 || signifiers.length > 0 || !hasDate;\n\n  return (\n    <StyledBody $completed={completed}>\n      {cover ? (\n        <Cover\n          aspectRatio={COVER_RATIO}\n          centerSlot={playable ? playControl : undefined}\n          topRightSlot={coverControls ? coverManagement() : undefined}\n        >\n          <div\n            style={{\n              width: \"100%\",\n              height: \"100%\",\n              background: \"var(--color-theme-300)\",\n            }}\n          />\n        </Cover>\n      ) : null}\n\n      <StackRow role=\"title\">\n        <StyledTitleBlock>\n          {showProjectName ? (\n            <CardProjectLine>{projectName}</CardProjectLine>\n          ) : null}\n          <StyledClamp>\n            {showTaskId ? (\n              <Typography as=\"span\" variant=\"Caption 1\" color=\"tertiary\">\n                {`#${taskId} `}\n              </Typography>\n            ) : null}\n            {title}\n          </StyledClamp>\n        </StyledTitleBlock>\n        {/* Completed tasks drop the \"…\" menu. */}\n        {completed ? null : <EntityDots aria-label=\"Task options\" />}\n      </StackRow>\n\n      {showInfoLine ? (\n        <StackRow role=\"meta\">\n          <StyledInfoLine>\n            {collapseLabels ? (\n              <span className=\"sc-dots\">\n                {labels.slice(0, LABEL_DOTS_MAX).map((label) => (\n                  <StyledDot key={label.text} $color={label.color} />\n                ))}\n                {labels.length > LABEL_DOTS_MAX ? (\n                  <Caption1 color=\"tertiary\">{`+${\n                    labels.length - LABEL_DOTS_MAX\n                  }`}</Caption1>\n                ) : null}\n              </span>\n            ) : (\n              labels.map((label) => (\n                <span className=\"sc-label\" key={label.text}>\n                  <Tag name={label.text} color={label.color} showDot={false} />\n                </span>\n              ))\n            )}\n            {signifiers}\n            {/* Key invariant: assignees are here ONLY when the card has no date\n                row to hold them. */}\n            {hasDate ? null : assigneeSlot}\n          </StyledInfoLine>\n        </StackRow>\n      ) : null}\n\n      {hasDate ? (\n        <StackRow role=\"footer\">\n          <StyledDate $overdue={dateIsOverdue}>{dateLabel}</StyledDate>\n          {assigneeSlot}\n        </StackRow>\n      ) : null}\n    </StyledBody>\n  );\n};\n\n/* ---- placeholder + skeleton ---- */\n\nexport const TaskPlaceholder = (\n  props: React.ButtonHTMLAttributes<HTMLButtonElement>\n): ReactElement => (\n  <Placeholder\n    icon={<ChecklistSmallIcon />}\n    label=\"Name this task\"\n    {...props}\n  />\n);\n\n/* Skeleton mirrors the task anatomy row for row: title, meta, footer. */\nexport const TaskSkeleton = (): ReactElement => (\n  <>\n    <StackRow role=\"title\">\n      <SkeletonLoader style={{ height: 14, width: \"90%\" }} />\n    </StackRow>\n    <StackRow role=\"meta\">\n      <SkeletonLoader style={{ height: 10, width: \"55%\" }} />\n    </StackRow>\n    <StackRow role=\"footer\">\n      <SkeletonLoader style={{ height: 12, width: 64 }} data-fixed />\n      <span />\n      <SkeletonLoader\n        data-fixed\n        style={{ width: 24, height: 24, borderRadius: \"50%\" }}\n      />\n    </StackRow>\n  </>\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/presentation/stackedCard/content/index.js

@@ -25,6 +25,17 @@ Object.keys(_unfurl).forEach(function (key) {
     }
   });
 });
+var _ProjectCard = require("./ProjectCard");
+Object.keys(_ProjectCard).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ProjectCard[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ProjectCard[key];
+    }
+  });
+});
 var _TaskCard = require("./TaskCard");
 Object.keys(_TaskCard).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/dist/cjs/presentation/stackedCard/content/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_shared","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_unfurl","_TaskCard","_LinkCard","_ImageCard","_SwatchCard","_NoteCard"],"sources":["../../../../../src/presentation/stackedCard/content/index.ts"],"sourcesContent":["export * from \"./shared\";\nexport * from \"./unfurl\";\nexport * from \"./TaskCard\";\nexport * from \"./LinkCard\";\nexport * from \"./ImageCard\";\nexport * from \"./SwatchCard\";\nexport * from \"./NoteCard\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_shared","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_unfurl","_ProjectCard","_TaskCard","_LinkCard","_ImageCard","_SwatchCard","_NoteCard"],"sources":["../../../../../src/presentation/stackedCard/content/index.ts"],"sourcesContent":["export * from \"./shared\";\nexport * from \"./unfurl\";\nexport * from \"./ProjectCard\";\nexport * from \"./TaskCard\";\nexport * from \"./LinkCard\";\nexport * from \"./ImageCard\";\nexport * from \"./SwatchCard\";\nexport * from \"./NoteCard\";\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/presentation/stackedCard/content/shared.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.playControl = exports.coverManagement = exports.StyledFavicon = exports.StyledColorCover = exports.StyledClamp = exports.StyledChip = exports.Placeholder = exports.EntityDots = exports.COVER_RATIO_SWATCH = exports.COVER_RATIO_IMAGE = exports.COVER_RATIO_HERO = void 0;
+exports.playControl = exports.coverManagement = exports.StyledTitleBlock = exports.StyledProjectLine = exports.StyledFavicon = exports.StyledColorCover = exports.StyledClamp = exports.StyledChip = exports.Placeholder = exports.EntityDots = exports.CardProjectLine = exports.COVER_RATIO_SWATCH = exports.COVER_RATIO_IMAGE = exports.COVER_RATIO_HERO = exports.CARD_FONT = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _Icons = require("../../../components/Icons");
@@ -31,6 +31,20 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
  * the same words.
  */
 
+/* ------------------------------------------------------------------ */
+/* The font stack for raw text                                         */
+/* ------------------------------------------------------------------ */
+
+/**
+ * There is no global CSS reset in this Storybook, so a raw element (a `<span>`
+ * holding a date, a `<button>` holding a word) falls back to the browser default
+ * — a SERIF face at the UA's own size. Anything that is not a DS `Typography`
+ * has to name the font itself. Use a DS Typography where one fits; use this
+ * where the app itself sets the size in CSS (the column card's date row is a
+ * plain `div` in `view.project_tasks_column_mode.less`, not a Typography).
+ */
+var CARD_FONT = exports.CARD_FONT = "-apple-system, BlinkMacSystemFont, \"Roboto\",\n  \"Helvetica Neue\", Arial, sans-serif";
+
 /* ------------------------------------------------------------------ */
 /* Per-type cover ratios                                               */
 /* ------------------------------------------------------------------ */
@@ -101,27 +115,60 @@ var StyledClamp = exports.StyledClamp = (0, _styledComponents.default)(_Typograp
   componentId: "sc-1x5md9a-1"
 })(["display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;"]);
 
+/**
+ * The title block — everything the title row stacks to the LEFT of the "…"
+ * menu. A card that only has a title puts the clamp straight in the row; a card
+ * that puts a line above or below it (the project a task belongs to, the client
+ * a project is for) stacks them here so the row keeps its two-child shape:
+ * text block, then the fixed-width menu.
+ */
+var StyledTitleBlock = exports.StyledTitleBlock = _styledComponents.default.div.withConfig({
+  displayName: "shared__StyledTitleBlock",
+  componentId: "sc-1x5md9a-2"
+})(["display:flex;flex-direction:column;min-width:0;"]);
+
+/**
+ * The project a card's entity lives in, above the title.
+ *
+ * On a canvas a task card has lost the column that used to say which project it
+ * came from, so the card says it itself. One line, one treatment, shared by
+ * every content type that can carry it (the whiteboard's own task face already
+ * wrote it this way: `Caption 2` tertiary, tight above the title, ellipsis on
+ * overflow — a project name is a reference, never a second title).
+ */
+var StyledProjectLine = exports.StyledProjectLine = (0, _styledComponents.default)(_Typography.Caption2).withConfig({
+  displayName: "shared__StyledProjectLine",
+  componentId: "sc-1x5md9a-3"
+})(["display:block;margin-bottom:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"]);
+var CardProjectLine = exports.CardProjectLine = function CardProjectLine(_ref2) {
+  var children = _ref2.children;
+  return /*#__PURE__*/_react.default.createElement(StyledProjectLine, {
+    color: "tertiary",
+    className: "sc-project"
+  }, children);
+};
+
 /** A favicon square — a solid data colour stands in for the real favicon. */
 var StyledFavicon = exports.StyledFavicon = _styledComponents.default.span.withConfig({
   displayName: "shared__StyledFavicon",
-  componentId: "sc-1x5md9a-2"
-})(["display:inline-flex;width:16px;height:16px;border-radius:4px;background:", ";flex-shrink:0;"], function (_ref2) {
-  var $bg = _ref2.$bg;
+  componentId: "sc-1x5md9a-4"
+})(["display:inline-flex;width:16px;height:16px;border-radius:4px;background:", ";flex-shrink:0;"], function (_ref3) {
+  var $bg = _ref3.$bg;
   return $bg;
 });
 
 /** A small pill for link metadata (media kind, duration, …). */
 var StyledChip = exports.StyledChip = _styledComponents.default.span.withConfig({
   displayName: "shared__StyledChip",
-  componentId: "sc-1x5md9a-3"
+  componentId: "sc-1x5md9a-5"
 })(["display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;background:var(--color-theme-300);color:var(--color-theme-800);font-size:11px;white-space:nowrap;"]);
 
 /** A solid-colour cover fill (swatch value, generic link cover, image stand-in). */
 var StyledColorCover = exports.StyledColorCover = _styledComponents.default.div.withConfig({
   displayName: "shared__StyledColorCover",
-  componentId: "sc-1x5md9a-4"
-})(["width:100%;height:100%;background:", ";"], function (_ref3) {
-  var $color = _ref3.$color;
+  componentId: "sc-1x5md9a-6"
+})(["width:100%;height:100%;background:", ";"], function (_ref4) {
+  var $color = _ref4.$color;
   return $color;
 });
 
@@ -131,12 +178,12 @@ var StyledColorCover = exports.StyledColorCover = _styledComponents.default.div.
 
 var StyledPlaceholder = _styledComponents.default.button.withConfig({
   displayName: "shared__StyledPlaceholder",
-  componentId: "sc-1x5md9a-5"
-})(["display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;height:", "px;padding:0;border:0;background:transparent;color:var(--color-theme-600);text-align:center;cursor:pointer;", " > svg{width:40px;height:40px;color:var(--color-theme-500);}"], function (_ref4) {
-  var $height = _ref4.$height;
+  componentId: "sc-1x5md9a-7"
+})(["display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;height:", "px;padding:0;border:0;background:transparent;color:var(--color-theme-600);text-align:center;cursor:pointer;", " > svg{width:40px;height:40px;color:var(--color-theme-500);}"], function (_ref5) {
+  var $height = _ref5.$height;
   return $height !== null && $height !== void 0 ? $height : 150;
-}, function (_ref5) {
-  var $dashed = _ref5.$dashed;
+}, function (_ref6) {
+  var $dashed = _ref6.$dashed;
   return $dashed && (0, _styledComponents.css)(["margin:8px;width:calc(100% - 16px);border:1.5px dashed var(--color-theme-400);border-radius:6px;&:hover{border-color:var(--sc-selection-ring);color:var(--color-theme-700);}"]);
 });
 
@@ -145,12 +192,12 @@ var StyledPlaceholder = _styledComponents.default.button.withConfig({
  * sentence-case invitation (ActiveCollab voice). Interactive by design — the
  * whole frame is a button — and distinct from the loading skeleton.
  */
-var Placeholder = exports.Placeholder = function Placeholder(_ref6) {
-  var icon = _ref6.icon,
-    label = _ref6.label,
-    height = _ref6.height,
-    dashed = _ref6.dashed,
-    rest = _objectWithoutProperties(_ref6, _excluded);
+var Placeholder = exports.Placeholder = function Placeholder(_ref7) {
+  var icon = _ref7.icon,
+    label = _ref7.label,
+    height = _ref7.height,
+    dashed = _ref7.dashed,
+    rest = _objectWithoutProperties(_ref7, _excluded);
   return /*#__PURE__*/_react.default.createElement(StyledPlaceholder, _extends({
     type: "button",
     $height: height,