@activecollab/components 2.0.407 → 2.0.409

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

@@ -1 +1 @@
-{"version":3,"file":"TaskCard.js","names":["React","styled","css","EntityDots","StyledClamp","coverManagement","playControl","Placeholder","ChecklistSmallIcon","EyeOffIcon","InsertLinkIcon","MessageSmallIcon","PersonPlusIcon","SkeletonLoader","STACKED_CARD_COVER_RATIO","COVER_RATIO","StackedCardCover","Cover","StackedCardRow","StackRow","Caption1","Typography","RoundAvatar","AVATAR_COLORS","LABEL_DOTS","StyledBody","div","withConfig","displayName","componentId","_ref","$completed","StyledMetaCluster","StyledDot","span","_ref2","$color","StyledHiddenBadge","StyledDate","_ref3","$overdue","StyledAddAssignee","button","TaskCard","_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","aspectRatio","centerSlot","undefined","topRightSlot","style","width","height","background","role","as","variant","color","className","map","key","Fragment","$bg","teal","$size","$bordered","type","TaskPlaceholder","props","_extends","icon","label","TaskSkeleton","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","styled","css","CARD_FONT","CardProjectLine","EntityDots","StyledClamp","StyledTitleBlock","coverManagement","playControl","Placeholder","ChecklistSmallIcon","DependencySmallIcon","EyeOffSmallIcon","MessageSmallIcon","PersonPlusIcon","SkeletonLoader","Signifier","STACKED_CARD_COVER_RATIO","COVER_RATIO","StackedCardCover","Cover","StackedCardRow","StackRow","Tag","Caption1","Typography","RoundAvatar","AVATAR_COLORS","DEMO_LABELS","text","color","LABELS_AS_TEXT_MAX","LABEL_DOTS_MAX","StyledBody","div","withConfig","displayName","componentId","_ref","$completed","StyledInfoLine","StyledDot","span","_ref2","$color","StyledDate","_ref3","$overdue","StyledAssignees","StyledAddAssignee","button","ASSIGNEE_LIMIT","TaskCard","_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","length","assigneeSlot","createElement","className","slice","map","person","key","name","$bg","$size","$overlap","initials","teal","$bordered","type","signifiers","push","value","tooltipText","showInfoLine","aspectRatio","centerSlot","undefined","topRightSlot","style","width","height","background","role","as","variant","label","showDot","TaskPlaceholder","props","_extends","icon","TaskSkeleton","Fragment","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/esm/presentation/stackedCard/content/index.d.ts

@@ -1,5 +1,6 @@
 export * from "./shared";
 export * from "./unfurl";
+export * from "./ProjectCard";
 export * from "./TaskCard";
 export * from "./LinkCard";
 export * from "./ImageCard";

package/dist/esm/presentation/stackedCard/content/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/stackedCard/content/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/stackedCard/content/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"}

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

@@ -1,5 +1,6 @@
 export * from "./shared";
 export * from "./unfurl";
+export * from "./ProjectCard";
 export * from "./TaskCard";
 export * from "./LinkCard";
 export * from "./ImageCard";

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"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":"AAAA,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,YAAY;AAC1B,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,YAAY","ignoreList":[]}
+{"version":3,"file":"index.js","names":[],"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":"AAAA,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,cAAc,YAAY;AAC1B,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,YAAY","ignoreList":[]}

package/dist/esm/presentation/stackedCard/content/shared.d.ts

@@ -13,6 +13,15 @@ import React, { ReactElement, ReactNode } from "react";
  * vocabulary (Cover, StackRow, …) so the spec prose and the code keep using
  * the same words.
  */
+/**
+ * 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).
+ */
+export declare const CARD_FONT = "-apple-system, BlinkMacSystemFont, \"Roboto\",\n  \"Helvetica Neue\", Arial, sans-serif";
 /**
  * The design system ships one default cover ratio
  * (`STACKED_CARD_COVER_RATIO`). How tall a cover reads is a decision of the
@@ -37,6 +46,27 @@ export declare const coverManagement: ({ removeLabel, onCollapse, onRemove, }?:
 export declare const EntityDots: (props: React.ButtonHTMLAttributes<HTMLButtonElement>) => ReactElement;
 /** Two-line title clamp — the card's name row content. */
 export declare const StyledClamp: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("../../..").IBodyProps & Omit<import("../../../components/Typography/Typography").ITypographyProps, "variant" | "weight"> & React.RefAttributes<HTMLDivElement>>, any, {}, never>;
+/**
+ * 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.
+ */
+export declare const StyledTitleBlock: import("styled-components").StyledComponent<"div", any, {}, never>;
+/**
+ * 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).
+ */
+export declare const StyledProjectLine: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("../../..").ICaptionProps & Omit<import("../../../components/Typography/Typography").ITypographyProps, "variant" | "weight"> & React.RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const CardProjectLine: ({ children, }: {
+    children: ReactNode;
+}) => ReactElement;
 /** A favicon square — a solid data colour stands in for the real favicon. */
 export declare const StyledFavicon: import("styled-components").StyledComponent<"span", any, {
     $bg: string;

package/dist/esm/presentation/stackedCard/content/shared.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/stackedCard/content/shared.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAevD;;;;;;;;;;;;;GAaG;AAMH;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,cAAc,CAAC;AAC5C,eAAO,MAAM,iBAAiB,cAAc,CAAC;AAC7C,eAAO,MAAM,kBAAkB,cAAc,CAAC;AAM9C,yEAAyE;AACzE,eAAO,MAAM,WAAW,mBAIvB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,yCAI7B;IACD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CAClB,KAAG,YASR,CAAC;AA8BF,eAAO,MAAM,UAAU,GACrB,OAAO,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,KACnD,YAUF,CAAC;AAMF,0DAA0D;AAC1D,eAAO,MAAM,WAAW,sQAKvB,CAAC;AAEF,6EAA6E;AAC7E,eAAO,MAAM,aAAa;SAAsB,MAAM;SAOrD,CAAC;AAEF,gEAAgE;AAChE,eAAO,MAAM,UAAU,qEAStB,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,gBAAgB;YAAwB,MAAM;SAI1D,CAAC;AA6CF;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,0CAMzB;IACD,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,KAAG,YAOnD,CAAC"}
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/stackedCard/content/shared.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAevD;;;;;;;;;;;;;GAaG;AAMH;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,4FACgB,CAAC;AAMvC;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,cAAc,CAAC;AAC5C,eAAO,MAAM,iBAAiB,cAAc,CAAC;AAC7C,eAAO,MAAM,kBAAkB,cAAc,CAAC;AAM9C,yEAAyE;AACzE,eAAO,MAAM,WAAW,mBAIvB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,yCAI7B;IACD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CAClB,KAAG,YASR,CAAC;AA8BF,eAAO,MAAM,UAAU,GACrB,OAAO,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,KACnD,YAUF,CAAC;AAMF,0DAA0D;AAC1D,eAAO,MAAM,WAAW,sQAKvB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,oEAI5B,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB,yQAM7B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,eAE7B;IACD,QAAQ,EAAE,SAAS,CAAC;CACrB,KAAG,YAIH,CAAC;AAEF,6EAA6E;AAC7E,eAAO,MAAM,aAAa;SAAsB,MAAM;SAOrD,CAAC;AAEF,gEAAgE;AAChE,eAAO,MAAM,UAAU,qEAStB,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,gBAAgB;YAAwB,MAAM;SAI1D,CAAC;AA6CF;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,0CAMzB;IACD,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,KAAG,YAOnD,CAAC"}

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

@@ -5,7 +5,7 @@ import React from "react";
 import styled, { css } from "styled-components";
 import { PlayIcon, TreeDotsIcon } from "../../../components/Icons";
 import { STACKED_CARD_CONTROL_CLASS, StackedCardCollapseGlyph as CollapseGlyph, StackedCardCoverButton as CoverButton, StackedCardPlayBadge as PlayBadge, StackedCardRemoveCoverGlyph as RemoveCoverGlyph } from "../../../components/StackedCard";
-import { Body2 } from "../../../components/Typography";
+import { Body2, Caption2 } from "../../../components/Typography";
 import { Typography } from "../../../components/Typography/Typography";
 
 /**
@@ -23,6 +23,20 @@ import { Typography } from "../../../components/Typography/Typography";
  * 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).
+ */
+export const CARD_FONT = "-apple-system, BlinkMacSystemFont, \"Roboto\",\n  \"Helvetica Neue\", Arial, sans-serif";
+
 /* ------------------------------------------------------------------ */
 /* Per-type cover ratios                                               */
 /* ------------------------------------------------------------------ */
@@ -91,27 +105,60 @@ export const StyledClamp = styled(Body2).withConfig({
   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.
+ */
+export const StyledTitleBlock = styled.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).
+ */
+export const StyledProjectLine = styled(Caption2).withConfig({
+  displayName: "shared__StyledProjectLine",
+  componentId: "sc-1x5md9a-3"
+})(["display:block;margin-bottom:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"]);
+export const CardProjectLine = _ref2 => {
+  let children = _ref2.children;
+  return /*#__PURE__*/React.createElement(StyledProjectLine, {
+    color: "tertiary",
+    className: "sc-project"
+  }, children);
+};
+
 /** A favicon square — a solid data colour stands in for the real favicon. */
 export const StyledFavicon = styled.span.withConfig({
   displayName: "shared__StyledFavicon",
-  componentId: "sc-1x5md9a-2"
-})(["display:inline-flex;width:16px;height:16px;border-radius:4px;background:", ";flex-shrink:0;"], _ref2 => {
-  let $bg = _ref2.$bg;
+  componentId: "sc-1x5md9a-4"
+})(["display:inline-flex;width:16px;height:16px;border-radius:4px;background:", ";flex-shrink:0;"], _ref3 => {
+  let $bg = _ref3.$bg;
   return $bg;
 });
 
 /** A small pill for link metadata (media kind, duration, …). */
 export const StyledChip = styled.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). */
 export const StyledColorCover = styled.div.withConfig({
   displayName: "shared__StyledColorCover",
-  componentId: "sc-1x5md9a-4"
-})(["width:100%;height:100%;background:", ";"], _ref3 => {
-  let $color = _ref3.$color;
+  componentId: "sc-1x5md9a-6"
+})(["width:100%;height:100%;background:", ";"], _ref4 => {
+  let $color = _ref4.$color;
   return $color;
 });
 
@@ -121,12 +168,12 @@ export const StyledColorCover = styled.div.withConfig({
 
 const StyledPlaceholder = styled.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);}"], _ref4 => {
-  let $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);}"], _ref5 => {
+  let $height = _ref5.$height;
   return $height != null ? $height : 150;
-}, _ref5 => {
-  let $dashed = _ref5.$dashed;
+}, _ref6 => {
+  let $dashed = _ref6.$dashed;
   return $dashed && 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);}"]);
 });
 
@@ -135,12 +182,12 @@ const StyledPlaceholder = styled.button.withConfig({
  * sentence-case invitation (ActiveCollab voice). Interactive by design — the
  * whole frame is a button — and distinct from the loading skeleton.
  */
-export const Placeholder = _ref6 => {
-  let icon = _ref6.icon,
-    label = _ref6.label,
-    height = _ref6.height,
-    dashed = _ref6.dashed,
-    rest = _objectWithoutPropertiesLoose(_ref6, _excluded);
+export const Placeholder = _ref7 => {
+  let icon = _ref7.icon,
+    label = _ref7.label,
+    height = _ref7.height,
+    dashed = _ref7.dashed,
+    rest = _objectWithoutPropertiesLoose(_ref7, _excluded);
   return /*#__PURE__*/React.createElement(StyledPlaceholder, _extends({
     type: "button",
     $height: height,

package/dist/esm/presentation/stackedCard/content/shared.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared.js","names":["React","styled","css","PlayIcon","TreeDotsIcon","STACKED_CARD_CONTROL_CLASS","StackedCardCollapseGlyph","CollapseGlyph","StackedCardCoverButton","CoverButton","StackedCardPlayBadge","PlayBadge","StackedCardRemoveCoverGlyph","RemoveCoverGlyph","Body2","Typography","COVER_RATIO_HERO","COVER_RATIO_IMAGE","COVER_RATIO_SWATCH","playControl","createElement","coverManagement","_temp","_ref","_ref$removeLabel","removeLabel","onCollapse","onRemove","Fragment","type","onClick","StyledEntityDots","button","withConfig","displayName","componentId","EntityDots","props","_extends","className","StyledClamp","StyledFavicon","span","_ref2","$bg","StyledChip","StyledColorCover","div","_ref3","$color","StyledPlaceholder","_ref4","$height","_ref5","$dashed","Placeholder","_ref6","icon","label","height","dashed","rest","_objectWithoutPropertiesLoose","_excluded","as","variant","color"],"sources":["../../../../../src/presentation/stackedCard/content/shared.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from \"react\";\n\nimport styled, { css } from \"styled-components\";\n\nimport { PlayIcon, TreeDotsIcon } from \"../../../components/Icons\";\nimport {\n  STACKED_CARD_CONTROL_CLASS,\n  StackedCardCollapseGlyph as CollapseGlyph,\n  StackedCardCoverButton as CoverButton,\n  StackedCardPlayBadge as PlayBadge,\n  StackedCardRemoveCoverGlyph as RemoveCoverGlyph,\n} from \"../../../components/StackedCard\";\nimport { Body2 } from \"../../../components/Typography\";\nimport { Typography } from \"../../../components/Typography/Typography\";\n\n/**\n * Content-level chrome shared by the typed StackedCard components.\n *\n * These live OUTSIDE the shell on purpose. The shell is hollow; the \"…\" entity\n * menu, the cover-management controls, the clamp, the favicon, the chips and\n * the placeholder frame are content concerns, so they belong here where the\n * typed cards (TaskCard, LinkCard, …) compose them.\n *\n * The card itself — the shell, the Stack/StackRow/Cover primitives and the\n * cover chrome — is the shipped design-system component,\n * `components/StackedCard`. These stories import it under the concept\n * vocabulary (Cover, StackRow, …) so the spec prose and the code keep using\n * the same words.\n */\n\n/* ------------------------------------------------------------------ */\n/* Per-type cover ratios                                               */\n/* ------------------------------------------------------------------ */\n\n/**\n * The design system ships one default cover ratio\n * (`STACKED_CARD_COVER_RATIO`). How tall a cover reads is a decision of the\n * content type, so the variants live here with the content: a link hero, a\n * full-bleed image, a colour swatch band.\n */\nexport const COVER_RATIO_HERO = \"320 / 190\";\nexport const COVER_RATIO_IMAGE = \"260 / 168\";\nexport const COVER_RATIO_SWATCH = \"260 / 104\";\n\n/* ------------------------------------------------------------------ */\n/* Cover chrome — media control + cover management                     */\n/* ------------------------------------------------------------------ */\n\n/** Centered media control (play), for a cover that wraps audio/video. */\nexport const playControl = (\n  <PlayBadge>\n    <PlayIcon />\n  </PlayBadge>\n);\n\n/**\n * Top-right cover management. Acts on the COVER (collapse it, remove it) — not\n * on the entity. Callers wire the click handlers; the default is inert chrome\n * for the static demos.\n */\nexport const coverManagement = ({\n  removeLabel = \"Remove cover\",\n  onCollapse,\n  onRemove,\n}: {\n  removeLabel?: string;\n  onCollapse?: () => void;\n  onRemove?: () => void;\n} = {}): ReactElement => (\n  <>\n    <CoverButton type=\"button\" aria-label=\"Collapse cover\" onClick={onCollapse}>\n      <CollapseGlyph />\n    </CoverButton>\n    <CoverButton type=\"button\" aria-label={removeLabel} onClick={onRemove}>\n      <RemoveCoverGlyph />\n    </CoverButton>\n  </>\n);\n\n/* ------------------------------------------------------------------ */\n/* Entity \"…\" menu — acts on the ENTITY, lives in a content row         */\n/* ------------------------------------------------------------------ */\n\nconst StyledEntityDots = styled.button`\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 26px;\n  height: 26px;\n  padding: 0;\n  border: 0;\n  border-radius: 6px;\n  cursor: pointer;\n  color: var(--color-theme-700);\n  background: var(--color-theme-200);\n\n  svg {\n    width: 16px;\n    height: 16px;\n    display: block;\n  }\n\n  &:hover {\n    background: var(--color-theme-300);\n  }\n`;\n\nexport const EntityDots = (\n  props: React.ButtonHTMLAttributes<HTMLButtonElement>\n): ReactElement => (\n  <StyledEntityDots\n    type=\"button\"\n    aria-label=\"Options\"\n    data-fixed\n    className={STACKED_CARD_CONTROL_CLASS}\n    {...props}\n  >\n    <TreeDotsIcon />\n  </StyledEntityDots>\n);\n\n/* ------------------------------------------------------------------ */\n/* Text + inline bits                                                   */\n/* ------------------------------------------------------------------ */\n\n/** Two-line title clamp — the card's name row content. */\nexport const StyledClamp = styled(Body2)`\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n`;\n\n/** A favicon square — a solid data colour stands in for the real favicon. */\nexport const StyledFavicon = styled.span<{ $bg: string }>`\n  display: inline-flex;\n  width: 16px;\n  height: 16px;\n  border-radius: 4px;\n  background: ${({ $bg }) => $bg};\n  flex-shrink: 0;\n`;\n\n/** A small pill for link metadata (media kind, duration, …). */\nexport const StyledChip = styled.span`\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 8px;\n  border-radius: 10px;\n  background: var(--color-theme-300);\n  color: var(--color-theme-800);\n  font-size: 11px;\n  white-space: nowrap;\n`;\n\n/** A solid-colour cover fill (swatch value, generic link cover, image stand-in). */\nexport const StyledColorCover = styled.div<{ $color: string }>`\n  width: 100%;\n  height: 100%;\n  background: ${({ $color }) => $color};\n`;\n\n/* ------------------------------------------------------------------ */\n/* Placeholder frame — the interactive empty state, per type           */\n/* ------------------------------------------------------------------ */\n\nconst StyledPlaceholder = styled.button<{\n  $height?: number;\n  $dashed?: boolean;\n}>`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  width: 100%;\n  height: ${({ $height }) => $height ?? 150}px;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  color: var(--color-theme-600);\n  text-align: center;\n  cursor: pointer;\n\n  ${({ $dashed }) =>\n    $dashed &&\n    css`\n      margin: 8px;\n      width: calc(100% - 16px);\n      border: 1.5px dashed var(--color-theme-400);\n      border-radius: 6px;\n\n      &:hover {\n        border-color: var(--sc-selection-ring);\n        color: var(--color-theme-700);\n      }\n    `}\n\n  > svg {\n    width: 40px;\n    height: 40px;\n    color: var(--color-theme-500);\n  }\n`;\n\n/**\n * The shared placeholder frame. Each type supplies its own icon and verb-first,\n * sentence-case invitation (ActiveCollab voice). Interactive by design — the\n * whole frame is a button — and distinct from the loading skeleton.\n */\nexport const Placeholder = ({\n  icon,\n  label,\n  height,\n  dashed,\n  ...rest\n}: {\n  icon: ReactNode;\n  label: ReactNode;\n  height?: number;\n  dashed?: boolean;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>): ReactElement => (\n  <StyledPlaceholder type=\"button\" $height={height} $dashed={dashed} {...rest}>\n    {icon}\n    <Typography as=\"span\" variant=\"Body 2\" color=\"secondary\">\n      {label}\n    </Typography>\n  </StyledPlaceholder>\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"shared.js","names":["React","styled","css","PlayIcon","TreeDotsIcon","STACKED_CARD_CONTROL_CLASS","StackedCardCollapseGlyph","CollapseGlyph","StackedCardCoverButton","CoverButton","StackedCardPlayBadge","PlayBadge","StackedCardRemoveCoverGlyph","RemoveCoverGlyph","Body2","Caption2","Typography","CARD_FONT","COVER_RATIO_HERO","COVER_RATIO_IMAGE","COVER_RATIO_SWATCH","playControl","createElement","coverManagement","_temp","_ref","_ref$removeLabel","removeLabel","onCollapse","onRemove","Fragment","type","onClick","StyledEntityDots","button","withConfig","displayName","componentId","EntityDots","props","_extends","className","StyledClamp","StyledTitleBlock","div","StyledProjectLine","CardProjectLine","_ref2","children","color","StyledFavicon","span","_ref3","$bg","StyledChip","StyledColorCover","_ref4","$color","StyledPlaceholder","_ref5","$height","_ref6","$dashed","Placeholder","_ref7","icon","label","height","dashed","rest","_objectWithoutPropertiesLoose","_excluded","as","variant"],"sources":["../../../../../src/presentation/stackedCard/content/shared.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from \"react\";\n\nimport styled, { css } from \"styled-components\";\n\nimport { PlayIcon, TreeDotsIcon } from \"../../../components/Icons\";\nimport {\n  STACKED_CARD_CONTROL_CLASS,\n  StackedCardCollapseGlyph as CollapseGlyph,\n  StackedCardCoverButton as CoverButton,\n  StackedCardPlayBadge as PlayBadge,\n  StackedCardRemoveCoverGlyph as RemoveCoverGlyph,\n} from \"../../../components/StackedCard\";\nimport { Body2, Caption2 } from \"../../../components/Typography\";\nimport { Typography } from \"../../../components/Typography/Typography\";\n\n/**\n * Content-level chrome shared by the typed StackedCard components.\n *\n * These live OUTSIDE the shell on purpose. The shell is hollow; the \"…\" entity\n * menu, the cover-management controls, the clamp, the favicon, the chips and\n * the placeholder frame are content concerns, so they belong here where the\n * typed cards (TaskCard, LinkCard, …) compose them.\n *\n * The card itself — the shell, the Stack/StackRow/Cover primitives and the\n * cover chrome — is the shipped design-system component,\n * `components/StackedCard`. These stories import it under the concept\n * vocabulary (Cover, StackRow, …) so the spec prose and the code keep using\n * the same words.\n */\n\n/* ------------------------------------------------------------------ */\n/* The font stack for raw text                                         */\n/* ------------------------------------------------------------------ */\n\n/**\n * There is no global CSS reset in this Storybook, so a raw element (a `<span>`\n * holding a date, a `<button>` holding a word) falls back to the browser default\n * — a SERIF face at the UA's own size. Anything that is not a DS `Typography`\n * has to name the font itself. Use a DS Typography where one fits; use this\n * where the app itself sets the size in CSS (the column card's date row is a\n * plain `div` in `view.project_tasks_column_mode.less`, not a Typography).\n */\nexport const CARD_FONT = `-apple-system, BlinkMacSystemFont, \"Roboto\",\n  \"Helvetica Neue\", Arial, sans-serif`;\n\n/* ------------------------------------------------------------------ */\n/* Per-type cover ratios                                               */\n/* ------------------------------------------------------------------ */\n\n/**\n * The design system ships one default cover ratio\n * (`STACKED_CARD_COVER_RATIO`). How tall a cover reads is a decision of the\n * content type, so the variants live here with the content: a link hero, a\n * full-bleed image, a colour swatch band.\n */\nexport const COVER_RATIO_HERO = \"320 / 190\";\nexport const COVER_RATIO_IMAGE = \"260 / 168\";\nexport const COVER_RATIO_SWATCH = \"260 / 104\";\n\n/* ------------------------------------------------------------------ */\n/* Cover chrome — media control + cover management                     */\n/* ------------------------------------------------------------------ */\n\n/** Centered media control (play), for a cover that wraps audio/video. */\nexport const playControl = (\n  <PlayBadge>\n    <PlayIcon />\n  </PlayBadge>\n);\n\n/**\n * Top-right cover management. Acts on the COVER (collapse it, remove it) — not\n * on the entity. Callers wire the click handlers; the default is inert chrome\n * for the static demos.\n */\nexport const coverManagement = ({\n  removeLabel = \"Remove cover\",\n  onCollapse,\n  onRemove,\n}: {\n  removeLabel?: string;\n  onCollapse?: () => void;\n  onRemove?: () => void;\n} = {}): ReactElement => (\n  <>\n    <CoverButton type=\"button\" aria-label=\"Collapse cover\" onClick={onCollapse}>\n      <CollapseGlyph />\n    </CoverButton>\n    <CoverButton type=\"button\" aria-label={removeLabel} onClick={onRemove}>\n      <RemoveCoverGlyph />\n    </CoverButton>\n  </>\n);\n\n/* ------------------------------------------------------------------ */\n/* Entity \"…\" menu — acts on the ENTITY, lives in a content row         */\n/* ------------------------------------------------------------------ */\n\nconst StyledEntityDots = styled.button`\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 26px;\n  height: 26px;\n  padding: 0;\n  border: 0;\n  border-radius: 6px;\n  cursor: pointer;\n  color: var(--color-theme-700);\n  background: var(--color-theme-200);\n\n  svg {\n    width: 16px;\n    height: 16px;\n    display: block;\n  }\n\n  &:hover {\n    background: var(--color-theme-300);\n  }\n`;\n\nexport const EntityDots = (\n  props: React.ButtonHTMLAttributes<HTMLButtonElement>\n): ReactElement => (\n  <StyledEntityDots\n    type=\"button\"\n    aria-label=\"Options\"\n    data-fixed\n    className={STACKED_CARD_CONTROL_CLASS}\n    {...props}\n  >\n    <TreeDotsIcon />\n  </StyledEntityDots>\n);\n\n/* ------------------------------------------------------------------ */\n/* Text + inline bits                                                   */\n/* ------------------------------------------------------------------ */\n\n/** Two-line title clamp — the card's name row content. */\nexport const StyledClamp = styled(Body2)`\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n`;\n\n/**\n * The title block — everything the title row stacks to the LEFT of the \"…\"\n * menu. A card that only has a title puts the clamp straight in the row; a card\n * that puts a line above or below it (the project a task belongs to, the client\n * a project is for) stacks them here so the row keeps its two-child shape:\n * text block, then the fixed-width menu.\n */\nexport const StyledTitleBlock = styled.div`\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n`;\n\n/**\n * The project a card's entity lives in, above the title.\n *\n * On a canvas a task card has lost the column that used to say which project it\n * came from, so the card says it itself. One line, one treatment, shared by\n * every content type that can carry it (the whiteboard's own task face already\n * wrote it this way: `Caption 2` tertiary, tight above the title, ellipsis on\n * overflow — a project name is a reference, never a second title).\n */\nexport const StyledProjectLine = styled(Caption2)`\n  display: block;\n  margin-bottom: 2px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n`;\n\nexport const CardProjectLine = ({\n  children,\n}: {\n  children: ReactNode;\n}): ReactElement => (\n  <StyledProjectLine color=\"tertiary\" className=\"sc-project\">\n    {children}\n  </StyledProjectLine>\n);\n\n/** A favicon square — a solid data colour stands in for the real favicon. */\nexport const StyledFavicon = styled.span<{ $bg: string }>`\n  display: inline-flex;\n  width: 16px;\n  height: 16px;\n  border-radius: 4px;\n  background: ${({ $bg }) => $bg};\n  flex-shrink: 0;\n`;\n\n/** A small pill for link metadata (media kind, duration, …). */\nexport const StyledChip = styled.span`\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 8px;\n  border-radius: 10px;\n  background: var(--color-theme-300);\n  color: var(--color-theme-800);\n  font-size: 11px;\n  white-space: nowrap;\n`;\n\n/** A solid-colour cover fill (swatch value, generic link cover, image stand-in). */\nexport const StyledColorCover = styled.div<{ $color: string }>`\n  width: 100%;\n  height: 100%;\n  background: ${({ $color }) => $color};\n`;\n\n/* ------------------------------------------------------------------ */\n/* Placeholder frame — the interactive empty state, per type           */\n/* ------------------------------------------------------------------ */\n\nconst StyledPlaceholder = styled.button<{\n  $height?: number;\n  $dashed?: boolean;\n}>`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  width: 100%;\n  height: ${({ $height }) => $height ?? 150}px;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  color: var(--color-theme-600);\n  text-align: center;\n  cursor: pointer;\n\n  ${({ $dashed }) =>\n    $dashed &&\n    css`\n      margin: 8px;\n      width: calc(100% - 16px);\n      border: 1.5px dashed var(--color-theme-400);\n      border-radius: 6px;\n\n      &:hover {\n        border-color: var(--sc-selection-ring);\n        color: var(--color-theme-700);\n      }\n    `}\n\n  > svg {\n    width: 40px;\n    height: 40px;\n    color: var(--color-theme-500);\n  }\n`;\n\n/**\n * The shared placeholder frame. Each type supplies its own icon and verb-first,\n * sentence-case invitation (ActiveCollab voice). Interactive by design — the\n * whole frame is a button — and distinct from the loading skeleton.\n */\nexport const Placeholder = ({\n  icon,\n  label,\n  height,\n  dashed,\n  ...rest\n}: {\n  icon: ReactNode;\n  label: ReactNode;\n  height?: number;\n  dashed?: boolean;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>): ReactElement => (\n  <StyledPlaceholder type=\"button\" $height={height} $dashed={dashed} {...rest}>\n    {icon}\n    <Typography as=\"span\" variant=\"Body 2\" color=\"secondary\">\n      {label}\n    </Typography>\n  </StyledPlaceholder>\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/presentation/whiteboard/bottomDock.d.ts

@@ -2,31 +2,54 @@ import React, { ReactElement, ReactNode } from "react";
 export declare const ToolSurface: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const verticalDivider = "\n  .divider {\n    width: 1px;\n    height: 24px;\n    background-color: var(--color-theme-400);\n    margin: 0 6px;\n    flex-shrink: 0;\n  }\n";
 export declare const StyledBottomDock: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledShapePicker: import("styled-components").StyledComponent<"div", any, {}, never>;
+/**
+ * The floating second toolbar row — a small pill above the dock that holds the
+ * members of one tool family (Circle / Rectangle / Triangle, or Task / Project).
+ *
+ * It is the same surface as the dock itself, so a family reads as an extension
+ * of the button that opened it rather than as a different kind of UI. Only one
+ * pill is ever up, because only one tool is ever armed.
+ */
+export declare const StyledToolPill: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledHint: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("../..").ICaptionProps & Omit<import("../../components/Typography/Typography").ITypographyProps, "variant" | "weight"> & React.RefAttributes<HTMLDivElement>>, any, {}, never>;
 export declare const TOOL_HINTS: {
     readonly circle: "Click to drop a default circle, or draw one to size. Press O for a circle.";
     readonly roundedRectangle: "Click to drop a default rectangle, or draw one to size. Press R for a rectangle.";
     readonly triangle: "Click to drop a default triangle, or draw one to size. Press Y for a triangle.";
     readonly connector: "Drag from one element to another to connect them. Press C to connect.";
+    readonly projectElements: "Put a task or a project on the board — pick which above, then draw its card.";
+    readonly project: "Draw a box to place a project card, then pick the project it shows.";
+    readonly task: "Draw a box to place a task card, then pick the task it shows.";
     readonly link: "Draw a box to place a link, or paste a URL anywhere. Press L for link.";
     readonly file: "Draw a box to place a file, or drop one on the board. Press F for file.";
     readonly sticky: "Click anywhere on the canvas to drop a sticky note. Press S for a sticky note.";
     readonly text: "Click anywhere on the canvas to start typing. Press T for text.";
     readonly draw: "Click and drag to draw freehand. Press D for the pen.";
-    readonly shapes: "Start drawing the shape on canvas to see the result. Press R to draw a rectangle.";
+    readonly shapes: "Pick a shape above, then draw it on the board. Press R for a rectangle.";
 };
 export type ToolHintKey = keyof typeof TOOL_HINTS;
 export type ShapeTool = "circle" | "roundedRectangle" | "triangle";
 /**
- * The armed board tool. Link, File and the three shapes are wired — arming one
- * turns the next canvas click into "drop the default-size element here" and a
- * drag into "draw one this big"; everything else stays a mock, so the board is
- * otherwise always in select mode.
+ * The armed board tool. Link, File, Project, Task and the three shapes are
+ * wired — arming one turns the next canvas click into "drop the default-size
+ * element here" and a drag into "draw one this big"; everything else stays a
+ * mock, so the board is otherwise always in select mode.
  */
-export type BoardTool = "select" | "link" | "file" | ShapeTool;
+export type BoardTool = "select" | "link" | "file" | "project" | "task" | ShapeTool;
 export declare const SHAPE_TOOLS: readonly ShapeTool[];
 export declare const isShapeTool: (tool: BoardTool) => tool is ShapeTool;
+/**
+ * What a dock button arms the instant its pill opens.
+ *
+ * Opening a family and choosing inside it are two separate decisions, and the
+ * second one has a right answer often enough that asking for it every time is
+ * just a toll: a shape is usually a rectangle, and the thing people put on a
+ * board is usually a task. So the pill opens with that member already armed and
+ * the gesture can start immediately — picking another member is a correction,
+ * not a required step.
+ */
+export declare const DEFAULT_SHAPE_TOOL: ShapeTool;
+export declare const DEFAULT_PROJECT_ELEMENT_TOOL: BoardTool;
 export declare const SHAPE_DEFAULT_SIZES: Record<ShapeTool, {
     width: number;
     height: number;

package/dist/esm/presentation/whiteboard/bottomDock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bottomDock.d.ts","sourceRoot":"","sources":["../../../../src/presentation/whiteboard/bottomDock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAyBjE,eAAO,MAAM,WAAW,oEASvB,CAAC;AAGF,eAAO,MAAM,eAAe,sJAQ3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,oEAU5B,CAAC;AAGF,eAAO,MAAM,iBAAiB,oEAAwB,CAAC;AAIvD,eAAO,MAAM,UAAU,mQAQtB,CAAC;AAGF,eAAO,MAAM,UAAU;;;;;;;;;;;CAiBb,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,UAAU,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,kBAAkB,GAAG,UAAU,CAAC;AAEnE;;;;;GAKG;AACH,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAE/D,eAAO,MAAM,WAAW,EAAE,SAAS,SAAS,EAI3C,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,MAAM,SAAS,KAAG,IAAI,IAAI,SACH,CAAC;AAIpD,eAAO,MAAM,mBAAmB,EAAE,MAAM,CACtC,SAAS,EACT;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAKlC,CAAC;AAIF,eAAO,MAAM,mBAAmB,MAAM,CAAC;AAEvC,oDAAoD;AACpD,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;AAExD,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,UAAU,GAAI,iEAOxB,eAAe,KAAG,YAYpB,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,SAAS,CAAC;IACtB,YAAY,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACzC;AAGD,eAAO,MAAM,UAAU,GAAI,+BAGxB,eAAe,KAAG,YAwGpB,CAAC"}
+{"version":3,"file":"bottomDock.d.ts","sourceRoot":"","sources":["../../../../src/presentation/whiteboard/bottomDock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AA4BjE,eAAO,MAAM,WAAW,oEA2BvB,CAAC;AAGF,eAAO,MAAM,eAAe,sJAQ3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,oEAU5B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,oEAAwB,CAAC;AAIpD,eAAO,MAAM,UAAU,mQAQtB,CAAC;AAGF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;CAsBb,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,UAAU,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,kBAAkB,GAAG,UAAU,CAAC;AAEnE;;;;;GAKG;AACH,MAAM,MAAM,SAAS,GACjB,QAAQ,GACR,MAAM,GACN,MAAM,GACN,SAAS,GACT,MAAM,GACN,SAAS,CAAC;AAEd,eAAO,MAAM,WAAW,EAAE,SAAS,SAAS,EAI3C,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,MAAM,SAAS,KAAG,IAAI,IAAI,SACH,CAAC;AAEpD;;;;;;;;;GASG;AACH,eAAO,MAAM,kBAAkB,EAAE,SAA8B,CAAC;AAChE,eAAO,MAAM,4BAA4B,EAAE,SAAkB,CAAC;AAI9D,eAAO,MAAM,mBAAmB,EAAE,MAAM,CACtC,SAAS,EACT;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAKlC,CAAC;AAIF,eAAO,MAAM,mBAAmB,MAAM,CAAC;AAEvC,oDAAoD;AACpD,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;AAExD,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,UAAU,GAAI,iEAOxB,eAAe,KAAG,YAYpB,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,SAAS,CAAC;IACtB,YAAY,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACzC;AAMD,eAAO,MAAM,UAAU,GAAI,+BAGxB,eAAe,KAAG,YAyKpB,CAAC"}