@activecollab/components 2.0.451 → 2.0.452

package/dist/cjs/presentation/whiteboard/elements.js.map

@@ -1 +1 @@
-{"version":3,"file":"elements.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_glyphs","_Dot","_IconButton","_Icons","_List","_Menu","_Tooltip","_colors","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","l","iterator","u","next","done","return","isArray","ELEMENT_FILL","exports","ELEMENT_STROKE","ELEMENT_TEXT","STICKY_FILL","SELECTION_BLUE","COLOR_PALETTE","FONT_SIZE_OPTIONS","THICKNESS_OPTIONS","OPACITY_OPTIONS","RADIUS_OPTIONS","ELEMENT_BODIES","COLOR_OPTIONS","values","colors","map","entry","id","color","textColor","defaultShapeState","type","fill","fillOpacity","stroke","strokeOpacity","strokeWidth","strokeDash","undefined","borderRadius","fontSize","bold","italic","underline","strikethrough","align","withOpacity","opacityPct","alpha","startsWith","parseInt","g","b","concat","replace","shapeBorder","state","lineStyle","stickyGradient","opacity","main","faded","Math","max","GRID_LEVELS","label","dotSpacing","snapStep","gridLevel","_GRID_LEVELS$find","find","level","CANVAS_ELEMENTS","kind","initialType","x","y","width","height","INITIAL_SHAPES","reduce","acc","element","INITIAL_POSITIONS","snapValue","step","round","StyledCanvasLayer","styled","div","withConfig","displayName","componentId","StyledCanvasElement","StyledSticky","StyledHandles","RESIZE_DIRECTIONS","ResizeHandles","createElement","onMouseDown","event","stopPropagation","direction","key","className","ArrowRefreshIcon","StyledFormattingToolbar","StyledToolbarButton","button","StyledToolbarLink","withComponent","StyledFontSizeValue","span","stopClick","SUBMENU_SHADOW","StyledColorPopover","WHEEL_SIZE","WHEEL_RADIUS","StyledColorWheel","ColorWheel","_ref","onColorChange","onClick","rect","currentTarget","getBoundingClientRect","dx","clientX","left","dy","clientY","top","distance","sqrt","angle","atan2","PI","hue","saturation","min","StyledSwatchRow","ColorSwatchRow","_ref2","selectedColor","includeTransparent","onSelect","onAddClick","CircleSlashIcon","style","backgroundColor","PlusGlyph","SHAPE_TYPE_ICON","rectangle","SquareGlyph","roundedRectangle","RoundedRectangleIcon","circle","CircleIcon","triangle","TriangleIcon","SHAPE_TYPE_OPTIONS","BORDER_STYLE_OPTIONS","ToolbarActions","_ref3","locked","onToggleLock","onDelete","Fragment","Tooltip","title","LockIcon","TrashIcon","ShapeTypeMenu","_ref4","onChange","_useState","useState","_useState2","open","setOpen","Menu","onOpen","onClose","position","target","IconButton","variant","active","List","padding","tabIndex","option","ListItem","AlignmentMenu","_ref5","_ALIGN_OPTIONS$find","disabled","_useState3","_useState4","selected","ALIGN_OPTIONS","icon","ToolbarColorSwatch","_ref6","_useState5","_useState6","_useState7","_useState8","wheelOpen","setWheelOpen","isTransparent","current","Dot","size","ToolbarTextControls","_ref7","styleFlags","onFontSize","onToggleStyle","onAlign","MinusGlyph","STYLE_OPTIONS","ShapeFormattingToolbar","_ref8","_element$align","onUpdate","PostitFormattingToolbar","_ref9","renderShapeBody","def","display","overflow","points","strokeDasharray","border","TextAlignLeftIcon","TextAlignCenterIcon","TextAlignRightIcon","TextAlignJustifyIcon","TextStyleBoldIcon","TextStyleItalicIcon","TextStyleUnderlineIcon","TextStyleStrikeIcon"],"sources":["../../../../src/presentation/whiteboard/elements.tsx"],"sourcesContent":["import React, { ReactElement, useState } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport { MinusGlyph, PlusGlyph, SquareGlyph } from \"./glyphs\";\nimport { Dot } from \"../../components/Dot\";\nimport { IconButton } from \"../../components/IconButton\";\nimport {\n  ArrowRefreshIcon,\n  CircleIcon,\n  CircleSlashIcon,\n  LockIcon,\n  RoundedRectangleIcon,\n  TextAlignCenterIcon,\n  TextAlignJustifyIcon,\n  TextAlignLeftIcon,\n  TextAlignRightIcon,\n  TextStyleBoldIcon,\n  TextStyleItalicIcon,\n  TextStyleStrikeIcon,\n  TextStyleUnderlineIcon,\n  TrashIcon,\n  TriangleIcon,\n} from \"../../components/Icons\";\nimport { List, ListItem } from \"../../components/List\";\nimport { Menu } from \"../../components/Menu\";\nimport { Tooltip } from \"../../components/Tooltip\";\nimport { colors } from \"../../utils/colors\";\n\n/* ------------------------------------------------------------------ */\n/* Canvas elements (1:1 with new-activecollab-front                    */\n/* src/components/Whiteboards/ — constants.js, ShapeElement.jsx,       */\n/* PostitElement.jsx, ResizableWrapper.jsx, ResizeHandles.jsx,         */\n/* FormattingToolbarContainer.jsx + the two formatting toolbars)       */\n/* ------------------------------------------------------------------ */\n\n/* element colors are canvas DATA (app constants), not theme — hardcoded */\nexport const ELEMENT_FILL = \"#ffffff\";\nexport const ELEMENT_STROKE = \"#374151\";\nexport const ELEMENT_TEXT = \"#1f2937\";\nexport const STICKY_FILL = \"#fbbf24\";\nexport const SELECTION_BLUE = \"#3b82f6\";\n\n/* COLOR_PALETTE from toolbar/colorPalette.js (submenu swatch rows) */\nexport const COLOR_PALETTE = [\n  \"#ffffff\",\n  \"#3b82f6\",\n  \"#ef4444\",\n  \"#10b981\",\n  \"#f59e0b\",\n  \"#8b5cf6\",\n  \"#f97316\",\n  \"#06b6d4\",\n  \"#84cc16\",\n  \"#ec4899\",\n  \"#6b7280\",\n];\n\n/* Discrete option sets for the right Inspector — mirror the app's fixed\n   font-size ladder and the border-thickness steps offered in the toolbar. */\nexport const FONT_SIZE_OPTIONS = [\n  10, 13, 16, 20, 24, 30, 36, 48, 72, 96, 144, 216, 288,\n];\nexport const THICKNESS_OPTIONS = [1, 2, 3, 4, 5];\n\nexport const OPACITY_OPTIONS = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100];\n\n/* Corner radii scaled to the board: shapes are drawn at ~100–300px, so the jump\n   from a crisp corner to a pill reads across 0–64px. */\nexport const RADIUS_OPTIONS = [0, 4, 8, 12, 16, 24, 32, 48, 64];\n\n/* Element bodies are HTML, as the API returns them (the `body` field). The\n   Inspector renders them read-only; when a body is empty the field is omitted.\n   Mock the three cases across the canvas: a short body (shape-rounded, the\n   default selection), a long one that scrolls (shape-circle), and none at all\n   (shape-triangle / sticky). */\nexport const ELEMENT_BODIES: Record<string, string> = {\n  \"shape-rounded\": \"<p>Marks the <strong>Kickoff</strong> phase.</p>\",\n  \"shape-circle\":\n    \"<p>The <strong>discovery</strong> loop for this initiative.</p><p>We collect signals from support, sales and analytics, then cluster them into themes before committing to a direction.</p><ul><li>Owner: research</li><li>Inputs: interviews, tickets, funnel data</li><li>Output: a prioritised opportunity list</li></ul><p>See the <em>retro notes</em> and last quarter's readout for the full context and prior decisions.</p>\",\n};\n\n/* Named-colour options for the Inspector fill/stroke pickers, built from the\n   design system's shared data colours (utils/colors). Shaped for the DS Select\n   (id + name + color + textColor) so it renders the standard dot-and-radio menu\n   used by the label dialogs. */\nexport const COLOR_OPTIONS = Object.values(colors).map((entry) => ({\n  id: entry.color,\n  name: entry.name,\n  color: entry.color,\n  textColor: entry.color,\n}));\n\nexport type ShapeType =\n  | \"rectangle\"\n  | \"roundedRectangle\"\n  | \"circle\"\n  | \"triangle\";\n\nexport type TextAlign = \"left\" | \"center\" | \"right\" | \"justify\";\n\n/* per-shape editable state (the app bakes opacity into rgba via\n   hexToRgba/parseOpacity; the mock keeps opacity separate and rebuilds\n   the color when rendering) */\nexport interface ShapeElementState {\n  type: ShapeType;\n  fill: string;\n  fillOpacity: number;\n  stroke: string;\n  strokeOpacity: number;\n  strokeWidth: number;\n  strokeDash?: \"5,5\" | \"2,2\";\n  borderRadius: number;\n  fontSize: number;\n  bold: boolean;\n  italic: boolean;\n  underline: boolean;\n  strikethrough: boolean;\n  textColor: string;\n  /* Text alignment — surfaced in the Inspector's Text group (the floating\n     toolbar does not expose it, so it defaults to left). */\n  align?: TextAlign;\n}\n\nexport const defaultShapeState = (type: ShapeType): ShapeElementState => ({\n  type,\n  fill: ELEMENT_FILL,\n  fillOpacity: 100,\n  stroke: ELEMENT_STROKE,\n  strokeOpacity: 100,\n  strokeWidth: 2,\n  strokeDash: undefined,\n  borderRadius: type === \"roundedRectangle\" ? 12 : 0,\n  fontSize: 16,\n  bold: false,\n  italic: false,\n  underline: false,\n  strikethrough: false,\n  textColor: ELEMENT_TEXT,\n  align: \"left\",\n});\n\n/* swatches are 6-digit hex, the color wheel returns hsl(...) */\nexport const withOpacity = (color: string, opacityPct: number): string => {\n  if (opacityPct >= 100) {\n    return color;\n  }\n\n  const alpha = opacityPct / 100;\n\n  if (color.startsWith(\"#\")) {\n    const r = parseInt(color.slice(1, 3), 16);\n    const g = parseInt(color.slice(3, 5), 16);\n    const b = parseInt(color.slice(5, 7), 16);\n\n    return `rgba(${r}, ${g}, ${b}, ${alpha})`;\n  }\n\n  if (color.startsWith(\"hsl(\")) {\n    return color.replace(\"hsl(\", \"hsla(\").replace(\")\", `, ${alpha})`);\n  }\n\n  return color;\n};\n\n/* getShapeBorder from ShapeElement.jsx */\nexport const shapeBorder = (state: ShapeElementState): string => {\n  if (state.strokeWidth === 0) {\n    return \"none\";\n  }\n\n  const lineStyle =\n    state.strokeDash === \"5,5\"\n      ? \"dashed\"\n      : state.strokeDash === \"2,2\"\n      ? \"dotted\"\n      : \"solid\";\n\n  return `${state.strokeWidth}px ${lineStyle} ${withOpacity(\n    state.stroke,\n    state.strokeOpacity\n  )}`;\n};\n\n/* PostitElement gradient: color → same color at ~87% alpha */\nexport const stickyGradient = (color: string, opacity = 100): string => {\n  const main = withOpacity(color, opacity);\n  const faded = withOpacity(color, Math.max(0, opacity - 13));\n\n  return `linear-gradient(135deg, ${main} 0%, ${faded} 100%)`;\n};\n\nexport type GridSize = \"off\" | \"small\" | \"large\";\n\n/* Grid config, aligned to the 8px design-system grid. dotSpacing drives the\n   dot layer; snapStep drives snapping — decoupled, so each level snaps finer\n   than its dots (Small: 16px dots / 8px snap; Large: 32px dots / 16px snap,\n   i.e. dots and half-dots). */\nexport const GRID_LEVELS: {\n  value: GridSize;\n  label: string;\n  dotSpacing: number | null;\n  snapStep: number | null;\n}[] = [\n  { value: \"off\", label: \"Off\", dotSpacing: null, snapStep: null },\n  { value: \"small\", label: \"Small\", dotSpacing: 16, snapStep: 8 },\n  { value: \"large\", label: \"Large\", dotSpacing: 32, snapStep: 16 },\n];\n\nexport const gridLevel = (value: GridSize): (typeof GRID_LEVELS)[number] =>\n  GRID_LEVELS.find((level) => level.value === value) ?? GRID_LEVELS[0];\n\nexport interface CanvasElementDef {\n  id: string;\n  kind: \"shape\" | \"sticky\";\n  initialType?: ShapeType;\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\n/* default sizes from DEFAULT_SHAPE_SIZES / DEFAULT_STICKY_SIZE; positions are\n   board-space pixels (top-left) so dragging can snap to the pixel grid */\nexport const CANVAS_ELEMENTS: CanvasElementDef[] = [\n  {\n    id: \"shape-circle\",\n    kind: \"shape\",\n    initialType: \"circle\",\n    x: 320,\n    y: 180,\n    width: 80,\n    height: 80,\n  },\n  {\n    id: \"shape-rounded\",\n    kind: \"shape\",\n    initialType: \"roundedRectangle\",\n    x: 560,\n    y: 300,\n    width: 100,\n    height: 60,\n  },\n  {\n    id: \"shape-triangle\",\n    kind: \"shape\",\n    initialType: \"triangle\",\n    x: 820,\n    y: 170,\n    width: 80,\n    height: 80,\n  },\n  {\n    id: \"sticky\",\n    kind: \"sticky\",\n    x: 430,\n    y: 430,\n    width: 120,\n    height: 120,\n  },\n];\n\nexport const INITIAL_SHAPES = CANVAS_ELEMENTS.reduce<\n  Record<string, ShapeElementState>\n>((acc, element) => {\n  if (element.kind === \"shape\" && element.initialType) {\n    acc[element.id] = defaultShapeState(element.initialType);\n  }\n\n  return acc;\n}, {});\n\nexport const INITIAL_POSITIONS = CANVAS_ELEMENTS.reduce<\n  Record<string, { x: number; y: number }>\n>((acc, element) => {\n  acc[element.id] = { x: element.x, y: element.y };\n\n  return acc;\n}, {});\n\nexport const snapValue = (value: number, step: number | null): number =>\n  step ? Math.round(value / step) * step : value;\n\n/* deselect happens on canvas-background click (layer under the bars) */\nexport const StyledCanvasLayer = styled.div`\n  position: absolute;\n  inset: 0;\n\n  /* the Link tool is armed: the next drag draws a card box */\n  &.drawing {\n    cursor: crosshair;\n  }\n`;\n\n/* ResizableWrapper: selected = 2px blue-500 ring @50%, hover = 4px\n   blue-400 ring @70% (Tailwind rings are box-shadows) */\nexport const StyledCanvasElement = styled.div`\n  position: absolute;\n  cursor: move;\n\n  &:hover:not(.selected) {\n    box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.7);\n  }\n\n  &.selected {\n    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5);\n  }\n\n  /* A StackedCard draws its own ring (from --sc-selection-ring, set on the\n     canvas to the board blue), so the wrapper's ring would double it. The card\n     is also auto-height: the wrapper sets width only and lets the box grow. */\n  &.is-card {\n    cursor: grab;\n    height: auto;\n\n    &:hover:not(.selected),\n    &.selected {\n      box-shadow: none;\n    }\n  }\n\n  /* fill/border/radius come from the element's editable state (inline) */\n  .shape-fill {\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n  }\n`;\n\n/* PostitElement: 12px padding, shadow-lg, 1deg tilt that straightens on\n   hover, diagonal gradient to ~87% alpha, Comic Sans */\nexport const StyledSticky = styled.div`\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  padding: 12px;\n  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),\n    0 4px 6px -4px rgba(0, 0, 0, 0.1);\n  transform: rotate(1deg);\n  transition: transform 200ms;\n  font-family: \"Comic Sans MS\", cursive, system-ui, sans-serif;\n  line-height: 1.4;\n  word-break: break-word;\n  white-space: pre-wrap;\n\n  ${StyledCanvasElement}:hover & {\n    transform: rotate(0deg);\n  }\n`;\n\n/* ResizeHandles: 8 12px blue squares w/ 2px white border on the box,\n   plus the 24px rotate handle outside the bottom-left corner */\nexport const StyledHandles = styled.div`\n  .rh {\n    position: absolute;\n    width: 12px;\n    height: 12px;\n    box-sizing: border-box;\n    background-color: ${SELECTION_BLUE};\n    border: 2px solid #ffffff;\n    border-radius: 2px;\n    z-index: 10;\n\n    &:hover {\n      background-color: #2563eb;\n    }\n  }\n\n  .rh-nw {\n    top: -6px;\n    left: -6px;\n    cursor: nw-resize;\n  }\n  .rh-n {\n    top: -6px;\n    left: 50%;\n    margin-left: -6px;\n    cursor: n-resize;\n  }\n  .rh-ne {\n    top: -6px;\n    right: -6px;\n    cursor: ne-resize;\n  }\n  .rh-w {\n    top: 50%;\n    left: -6px;\n    margin-top: -6px;\n    cursor: w-resize;\n  }\n  .rh-e {\n    top: 50%;\n    right: -6px;\n    margin-top: -6px;\n    cursor: e-resize;\n  }\n  .rh-sw {\n    bottom: -6px;\n    left: -6px;\n    cursor: sw-resize;\n  }\n  .rh-s {\n    bottom: -6px;\n    left: 50%;\n    margin-left: -6px;\n    cursor: s-resize;\n  }\n  .rh-se {\n    bottom: -6px;\n    right: -6px;\n    cursor: se-resize;\n  }\n\n  .rotate-handle {\n    position: absolute;\n    bottom: -35px;\n    left: -35px;\n    width: 24px;\n    height: 24px;\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: #ffffff;\n    border: 2px solid ${SELECTION_BLUE};\n    border-radius: 50%;\n    cursor: grab;\n    z-index: 11;\n\n    svg {\n      width: 16px;\n      height: 16px;\n    }\n  }\n`;\n\nexport const RESIZE_DIRECTIONS = [\"nw\", \"n\", \"ne\", \"w\", \"e\", \"sw\", \"s\", \"se\"];\n\nexport const ResizeHandles = (): ReactElement => (\n  <StyledHandles onMouseDown={(event) => event.stopPropagation()}>\n    {RESIZE_DIRECTIONS.map((direction) => (\n      <span key={direction} className={`rh rh-${direction}`} />\n    ))}\n    <span className=\"rotate-handle\">\n      <ArrowRefreshIcon fill={SELECTION_BLUE} />\n    </span>\n  </StyledHandles>\n);\n\n/* FormattingToolbarContainer: Paper paper-2 (bg + 8px radius + shadow,\n   no border), 8px padding, 4px gap, centered 10px above the element */\nexport const StyledFormattingToolbar = styled.div`\n  position: absolute;\n  bottom: calc(100% + 10px);\n  left: 50%;\n  transform: translateX(-50%);\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 8px;\n  border-radius: 8px;\n  background-color: var(--page-paper-main);\n  box-shadow: var(--shadow-tertiary);\n  white-space: nowrap;\n  cursor: auto;\n  z-index: 20;\n\n  .tb-group {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    padding-right: 8px;\n    margin-right: 8px;\n    border-right: 1px solid var(--border-primary);\n  }\n\n  /* submenu/popover anchor around a single trigger */\n  .tb-rel {\n    position: relative;\n    display: inline-flex;\n  }\n\n  .divider {\n    width: 1px;\n    height: 20px;\n    background-color: var(--border-primary);\n    margin: 0 4px;\n    flex-shrink: 0;\n  }\n`;\n\n/* Button variant=\"option\" (idle) / \"tertiary\" (active), h-8 px-2 gap-1 */\nexport const StyledToolbarButton = styled.button`\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  height: 32px;\n  box-sizing: border-box;\n  padding: 0 8px;\n  border: 0;\n  border-radius: 8px;\n  background-color: transparent;\n  color: var(--color-secondary);\n  font-family: -apple-system, BlinkMacSystemFont, \"Roboto\", \"Helvetica Neue\",\n    Arial, sans-serif;\n  font-size: 14px;\n  cursor: pointer;\n\n  &:hover {\n    background-color: var(--color-theme-200);\n  }\n\n  &.active {\n    background-color: var(--color-theme-300);\n  }\n\n  &.icon-only {\n    width: 32px;\n    padding: 0;\n  }\n\n  &:disabled {\n    opacity: 0.45;\n    cursor: default;\n\n    &:hover {\n      background-color: transparent;\n    }\n  }\n\n  svg {\n    fill: currentColor;\n    flex-shrink: 0;\n  }\n\n  svg.i16 {\n    width: 16px;\n    height: 16px;\n  }\n\n  svg.i12 {\n    width: 12px;\n    height: 12px;\n  }\n`;\n\n/* Same chrome as a toolbar button, but an <a> — used where the action is a real\n   navigation (Visit). `withComponent` keeps the styles and swaps the element, so\n   the props type becomes the anchor's. */\nexport const StyledToolbarLink = styled(StyledToolbarButton.withComponent(\"a\"))`\n  text-decoration: none;\n`;\n\n/* font-mono min-w-[24px] text-xs readout between the stepper buttons */\nexport const StyledFontSizeValue = styled.span`\n  min-width: 24px;\n  text-align: center;\n  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;\n  font-size: 12px;\n  color: var(--color-secondary);\n`;\n\nexport const stopClick = (event: React.MouseEvent): void =>\n  event.stopPropagation();\n\n/* Shared drop shadow for the colour swatch popover / colour wheel that the\n   compact toolbar swatch trigger opens. */\nexport const SUBMENU_SHADOW =\n  \"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)\";\n\n/* ColorWheelPopover: beside the submenu (SHAPE_POPOVER_CLASS) or below\n   a toolbar trigger (sticky default class) */\nexport const StyledColorPopover = styled.div`\n  position: absolute;\n  box-sizing: border-box;\n  padding: 12px;\n  background-color: var(--page-paper-main);\n  border: 1px solid var(--border-primary);\n  border-radius: 8px;\n  box-shadow: ${SUBMENU_SHADOW};\n  z-index: 70;\n  cursor: auto;\n\n  &.beside {\n    top: 0;\n    left: 100%;\n    margin-left: 8px;\n  }\n\n  &.below {\n    top: 40px;\n    left: 0;\n  }\n`;\n\n/* ImprovedColorWheel: hue = angle from east (atan2), saturation = distance,\n   lightness 50 — the canvas wheel replicated with CSS gradients */\nexport const WHEEL_SIZE = 200;\nexport const WHEEL_RADIUS = WHEEL_SIZE / 2 - 5;\n\nexport const StyledColorWheel = styled.button`\n  display: block;\n  width: ${WHEEL_SIZE}px;\n  height: ${WHEEL_SIZE}px;\n  padding: 0;\n  border: 0;\n  border-radius: 50%;\n  cursor: crosshair;\n  box-shadow: ${SUBMENU_SHADOW};\n  background: radial-gradient(\n      circle closest-side,\n      #ffffff,\n      rgba(255, 255, 255, 0)\n    ),\n    conic-gradient(\n      from 90deg,\n      #ff0000,\n      #ffff00,\n      #00ff00,\n      #00ffff,\n      #0000ff,\n      #ff00ff,\n      #ff0000\n    );\n`;\n\nexport interface ColorWheelProps {\n  onColorChange: (color: string) => void;\n}\n\nexport const ColorWheel = ({\n  onColorChange,\n}: ColorWheelProps): ReactElement => (\n  <StyledColorWheel\n    onClick={(event) => {\n      const rect = event.currentTarget.getBoundingClientRect();\n      const dx = event.clientX - rect.left - WHEEL_SIZE / 2;\n      const dy = event.clientY - rect.top - WHEEL_SIZE / 2;\n      const distance = Math.sqrt(dx * dx + dy * dy);\n\n      if (distance > WHEEL_RADIUS) {\n        return;\n      }\n\n      let angle = Math.atan2(dy, dx);\n\n      if (angle < 0) {\n        angle += 2 * Math.PI;\n      }\n\n      const hue = Math.round((angle * 180) / Math.PI);\n      const saturation = Math.round(\n        Math.min(100, (distance / WHEEL_RADIUS) * 100)\n      );\n\n      onColorChange(`hsl(${hue}, ${saturation}%, 50%)`);\n    }}\n  />\n);\n\n/* ColorSwatchRow.jsx: 32px swatches + a \"+\" that opens the color wheel */\nexport const StyledSwatchRow = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n\n  .swatch {\n    width: 32px;\n    height: 32px;\n    box-sizing: border-box;\n    padding: 0;\n    border: 2px solid var(--border-primary);\n    border-radius: 4px;\n    cursor: pointer;\n\n    &:hover {\n      border-color: var(--color-theme-500);\n    }\n\n    &.selected {\n      box-shadow: 0 0 0 2px ${SELECTION_BLUE};\n    }\n  }\n\n  .swatch-add {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: var(--color-theme-200);\n    color: var(--color-secondary);\n  }\n`;\n\nexport interface ColorSwatchRowProps {\n  selectedColor?: string;\n  /* Adds a \"Transparent\" swatch (a CircleSlash chip) as the first option. Only\n     shape fill opts in — a sticky's colour is its whole point, and text colour\n     would render invisibly, so both leave this off. Matches the app's\n     `includeTransparent` on the shared ColorPicker. */\n  includeTransparent?: boolean;\n  onSelect: (color: string) => void;\n  onAddClick: () => void;\n}\n\nexport const ColorSwatchRow = ({\n  selectedColor,\n  includeTransparent,\n  onSelect,\n  onAddClick,\n}: ColorSwatchRowProps): ReactElement => (\n  <StyledSwatchRow>\n    {includeTransparent ? (\n      <button\n        type=\"button\"\n        className={\n          selectedColor === \"transparent\"\n            ? \"swatch swatch-add selected\"\n            : \"swatch swatch-add\"\n        }\n        aria-label=\"Transparent\"\n        onClick={() => onSelect(\"transparent\")}\n      >\n        <CircleSlashIcon width={20} height={20} fill=\"currentColor\" />\n      </button>\n    ) : null}\n    {COLOR_PALETTE.map((color) => (\n      <button\n        key={color}\n        type=\"button\"\n        className={selectedColor === color ? \"swatch selected\" : \"swatch\"}\n        style={{ backgroundColor: color }}\n        onClick={() => onSelect(color)}\n      />\n    ))}\n    <button type=\"button\" className=\"swatch swatch-add\" onClick={onAddClick}>\n      <PlusGlyph />\n    </button>\n  </StyledSwatchRow>\n);\n\nexport const SHAPE_TYPE_ICON: Record<ShapeType, ReactElement> = {\n  rectangle: <SquareGlyph />,\n  roundedRectangle: <RoundedRectangleIcon className=\"i16\" />,\n  circle: <CircleIcon className=\"i16\" />,\n  triangle: <TriangleIcon className=\"i16\" />,\n};\n\n/* The four shape types, in the order the shape-type menu lists them. */\nexport const SHAPE_TYPE_OPTIONS: { type: ShapeType; label: string }[] = [\n  { type: \"rectangle\", label: \"Rectangle\" },\n  { type: \"roundedRectangle\", label: \"Rounded Rectangle\" },\n  { type: \"circle\", label: \"Circle\" },\n  { type: \"triangle\", label: \"Triangle\" },\n];\n\n/* Stroke pattern options — now only the Inspector's Stroke group renders these\n   (the shape floating toolbar no longer edits stroke). Mirrors the app's\n   STROKE_PATTERN_OPTIONS dash enum: solid | dashed | dotted. */\nexport const BORDER_STYLE_OPTIONS: {\n  value?: ShapeElementState[\"strokeDash\"];\n  label: string;\n}[] = [\n  { value: undefined, label: \"Solid\" },\n  { value: \"5,5\", label: \"Dashed\" },\n  { value: \"2,2\", label: \"Dotted\" },\n];\n\n/* ── Shared floating-toolbar controls ───────────────────────────────────────\n   The floating toolbars were flattened this session to match the app: compact,\n   collapsed controls (single-button dropdowns) with uniform 4px spacing and a\n   single hairline separator only before Lock / Delete. These mirror the shared\n   controls in the app's Inspector/Controls (ShapeTypeMenu, AlignmentMenu,\n   ColorPicker compact, ToolbarActions). */\n\n/* ToolbarActions — the trailing block shared by EVERY floating toolbar:\n   separator → Lock → Delete, in the standard control colour (not red). Mirrors\n   app `toolbar/ToolbarActions.jsx`. */\nexport interface ToolbarActionsProps {\n  locked: boolean;\n  onToggleLock: () => void;\n  onDelete: () => void;\n}\n\nexport const ToolbarActions = ({\n  locked,\n  onToggleLock,\n  onDelete,\n}: ToolbarActionsProps): ReactElement => (\n  <>\n    <span className=\"divider\" />\n    <Tooltip title={locked ? \"Unlock\" : \"Lock\"}>\n      <StyledToolbarButton\n        className={locked ? \"icon-only active\" : \"icon-only\"}\n        aria-pressed={locked}\n        onClick={onToggleLock}\n      >\n        <LockIcon className=\"i16\" />\n      </StyledToolbarButton>\n    </Tooltip>\n    <Tooltip title=\"Delete\">\n      <StyledToolbarButton className=\"icon-only\" onClick={onDelete}>\n        <TrashIcon className=\"i16\" />\n      </StyledToolbarButton>\n    </Tooltip>\n  </>\n);\n\n/* ShapeTypeMenu — collapsed shape-type picker: one icon button showing the\n   current shape, opening a dropdown of the four types. Modeled on the app's\n   ShapeTypeMenu (DS Menu + List). */\nexport interface ToolbarShapeTypeMenuProps {\n  value: ShapeType;\n  onChange: (type: ShapeType) => void;\n}\n\nexport const ShapeTypeMenu = ({\n  value,\n  onChange,\n}: ToolbarShapeTypeMenuProps): ReactElement => {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <Menu\n      open={open}\n      onOpen={() => setOpen(true)}\n      onClose={() => setOpen(false)}\n      position=\"bottom-start\"\n      target={\n        <IconButton\n          type=\"button\"\n          variant=\"text gray\"\n          active={open}\n          aria-label=\"Shape\"\n        >\n          {SHAPE_TYPE_ICON[value]}\n        </IconButton>\n      }\n    >\n      <List style={{ padding: \"8px 0\" }} tabIndex={-1}>\n        {SHAPE_TYPE_OPTIONS.map((option) => (\n          <ListItem\n            key={option.type}\n            aria-label={option.label}\n            onClick={() => {\n              onChange(option.type);\n              setOpen(false);\n            }}\n          >\n            {SHAPE_TYPE_ICON[option.type]}\n            {option.label}\n          </ListItem>\n        ))}\n      </List>\n    </Menu>\n  );\n};\n\n/* AlignmentMenu — collapsed alignment picker (single button + dropdown), the\n   compact-toolbar counterpart to the Inspector's expanded four-button row.\n   Mirrors the app's AlignmentMenu. */\nexport interface ToolbarAlignmentMenuProps {\n  value: TextAlign;\n  onChange: (align: TextAlign) => void;\n  disabled?: boolean;\n}\n\nexport const AlignmentMenu = ({\n  value,\n  onChange,\n  disabled,\n}: ToolbarAlignmentMenuProps): ReactElement => {\n  const [open, setOpen] = useState(false);\n  const selected =\n    ALIGN_OPTIONS.find((option) => option.value === value) ?? ALIGN_OPTIONS[0];\n\n  return (\n    <Menu\n      open={open}\n      onOpen={() => setOpen(true)}\n      onClose={() => setOpen(false)}\n      position=\"bottom-start\"\n      target={\n        <IconButton\n          type=\"button\"\n          variant=\"text gray\"\n          active={open}\n          disabled={disabled}\n          aria-label=\"Alignment\"\n        >\n          {selected.icon}\n        </IconButton>\n      }\n    >\n      <List style={{ padding: \"8px 0\" }} tabIndex={-1}>\n        {ALIGN_OPTIONS.map((option) => (\n          <ListItem\n            key={option.value}\n            aria-label={option.label}\n            onClick={() => {\n              onChange(option.value);\n              setOpen(false);\n            }}\n          >\n            {option.icon}\n            {option.label}\n          </ListItem>\n        ))}\n      </List>\n    </Menu>\n  );\n};\n\n/* Compact swatch-only colour trigger: a single dot (or a CircleSlash chip when\n   transparent) that opens a swatch popover. The Inspector's ColorPickerField\n   keeps the swatch + name; the floating toolbars use this swatch-only variant.\n   `includeTransparent` is passed through to the swatch row — shape fill opts\n   in, sticky fill and text colour do not. */\nexport interface ToolbarColorSwatchProps {\n  value: string;\n  includeTransparent?: boolean;\n  label: string;\n  onChange: (color: string) => void;\n}\n\nexport const ToolbarColorSwatch = ({\n  value,\n  includeTransparent,\n  label,\n  onChange,\n}: ToolbarColorSwatchProps): ReactElement => {\n  const [open, setOpen] = useState(false);\n  const [wheelOpen, setWheelOpen] = useState(false);\n  const isTransparent = value === \"transparent\";\n\n  return (\n    <span className=\"tb-rel\">\n      <Tooltip title={label}>\n        <StyledToolbarButton\n          className={open ? \"icon-only active\" : \"icon-only\"}\n          aria-label={label}\n          onClick={() => {\n            setOpen((current) => !current);\n            setWheelOpen(false);\n          }}\n        >\n          {isTransparent ? (\n            <CircleSlashIcon width={16} height={16} fill=\"currentColor\" />\n          ) : (\n            <Dot color={value} size={16} />\n          )}\n        </StyledToolbarButton>\n      </Tooltip>\n      {open ? (\n        <StyledColorPopover className=\"below\">\n          <ColorSwatchRow\n            selectedColor={value}\n            includeTransparent={includeTransparent}\n            onSelect={(color) => {\n              onChange(color);\n              setOpen(false);\n            }}\n            onAddClick={() => setWheelOpen((current) => !current)}\n          />\n          {wheelOpen ? (\n            <StyledColorPopover className=\"beside\">\n              <ColorWheel\n                onColorChange={(color) => {\n                  onChange(color);\n                  setOpen(false);\n                }}\n              />\n            </StyledColorPopover>\n          ) : null}\n        </StyledColorPopover>\n      ) : null}\n    </span>\n  );\n};\n\n/* The text controls shared by the shape and sticky toolbars: font-size stepper,\n   B / I / U / S, and the collapsed alignment menu. Same set the app's sticky\n   and shape toolbars share (font-size picker, TextStyleButtons, AlignmentMenu).\n   Kept generic so both element shapes can drive it. */\nexport interface ToolbarTextControlsProps {\n  fontSize: number;\n  styleFlags: {\n    bold: boolean;\n    italic: boolean;\n    underline: boolean;\n    strikethrough: boolean;\n  };\n  align: TextAlign;\n  onFontSize: (size: number) => void;\n  onToggleStyle: (key: TextStyleKey) => void;\n  onAlign: (align: TextAlign) => void;\n}\n\nexport const ToolbarTextControls = ({\n  fontSize,\n  styleFlags,\n  align,\n  onFontSize,\n  onToggleStyle,\n  onAlign,\n}: ToolbarTextControlsProps): ReactElement => (\n  <>\n    <Tooltip title=\"Decrease font size\">\n      <StyledToolbarButton\n        className=\"icon-only\"\n        aria-label=\"Decrease font size\"\n        onClick={() => onFontSize(Math.max(8, fontSize - 2))}\n      >\n        <MinusGlyph className=\"i16\" />\n      </StyledToolbarButton>\n    </Tooltip>\n    <StyledFontSizeValue>{fontSize}</StyledFontSizeValue>\n    <Tooltip title=\"Increase font size\">\n      <StyledToolbarButton\n        className=\"icon-only\"\n        aria-label=\"Increase font size\"\n        onClick={() => onFontSize(Math.min(96, fontSize + 2))}\n      >\n        <PlusGlyph className=\"i16\" />\n      </StyledToolbarButton>\n    </Tooltip>\n    {STYLE_OPTIONS.map((option) => (\n      <Tooltip key={option.key} title={option.label}>\n        <StyledToolbarButton\n          className={styleFlags[option.key] ? \"icon-only active\" : \"icon-only\"}\n          aria-label={option.label}\n          aria-pressed={styleFlags[option.key]}\n          onClick={() => onToggleStyle(option.key)}\n        >\n          {option.icon}\n        </StyledToolbarButton>\n      </Tooltip>\n    ))}\n    <AlignmentMenu value={align} onChange={onAlign} />\n  </>\n);\n\nexport interface ShapeFormattingToolbarProps {\n  element: ShapeElementState;\n  onUpdate: (partial: Partial<ShapeElementState>) => void;\n  onDelete: () => void;\n  locked: boolean;\n  onToggleLock: () => void;\n}\n\n/* ShapeFormattingToolbar — flat layout (was submenu-based): shape-type menu →\n   fill colour → the same text controls as the sticky toolbar → Lock / Delete.\n   Stroke is no longer edited here — it lives only in the Inspector's Stroke\n   group now. Mirrors the app's ShapeFormattingToolbar. */\nexport const ShapeFormattingToolbar = ({\n  element,\n  onUpdate,\n  onDelete,\n  locked,\n  onToggleLock,\n}: ShapeFormattingToolbarProps): ReactElement => (\n  <StyledFormattingToolbar onClick={stopClick} onMouseDown={stopClick}>\n    <ShapeTypeMenu\n      value={element.type}\n      onChange={(type) => onUpdate({ type })}\n    />\n    <ToolbarColorSwatch\n      value={element.fill}\n      includeTransparent\n      label=\"Fill color\"\n      onChange={(fill) => onUpdate({ fill })}\n    />\n    <ToolbarTextControls\n      fontSize={element.fontSize}\n      styleFlags={element}\n      align={element.align ?? \"left\"}\n      onFontSize={(fontSize) => onUpdate({ fontSize })}\n      onToggleStyle={(key) => onUpdate({ [key]: !element[key] })}\n      onAlign={(align) => onUpdate({ align })}\n    />\n    <ToolbarActions\n      locked={locked}\n      onToggleLock={onToggleLock}\n      onDelete={onDelete}\n    />\n  </StyledFormattingToolbar>\n);\n\nexport interface StickyTextStyle {\n  fontSize: number;\n  bold: boolean;\n  italic: boolean;\n  strikethrough: boolean;\n  underline: boolean;\n  align: TextAlign;\n  textColor: string;\n  color: string;\n  fillOpacity: number;\n}\n\nexport interface PostitFormattingToolbarProps {\n  value: StickyTextStyle;\n  onChange: (next: StickyTextStyle) => void;\n  onDelete: () => void;\n  locked: boolean;\n  onToggleLock: () => void;\n}\n\n/* PostitFormattingToolbar — flat layout: note (fill) colour → the shared text\n   controls (font-size, B/I/U/S, alignment menu) → Lock / Delete. The note's\n   colour is its whole point, so its fill swatch does NOT offer Transparent.\n   Mirrors the app's PostitFormattingToolbar. */\nexport const PostitFormattingToolbar = ({\n  value,\n  onChange,\n  onDelete,\n  locked,\n  onToggleLock,\n}: PostitFormattingToolbarProps): ReactElement => (\n  <StyledFormattingToolbar onClick={stopClick} onMouseDown={stopClick}>\n    <ToolbarColorSwatch\n      value={value.color}\n      label=\"Note color\"\n      onChange={(color) => onChange({ ...value, color })}\n    />\n    <ToolbarTextControls\n      fontSize={value.fontSize}\n      styleFlags={value}\n      align={value.align}\n      onFontSize={(fontSize) => onChange({ ...value, fontSize })}\n      onToggleStyle={(key) => onChange({ ...value, [key]: !value[key] })}\n      onAlign={(align) => onChange({ ...value, align })}\n    />\n    <ToolbarActions\n      locked={locked}\n      onToggleLock={onToggleLock}\n      onDelete={onDelete}\n    />\n  </StyledFormattingToolbar>\n);\n\n/* shape body per current (editable) type */\nexport const renderShapeBody = (\n  def: CanvasElementDef,\n  state: ShapeElementState,\n  /* Effective size — the Inspector can override the element's default width /\n     height, so the triangle polygon is drawn from the live size, not the def. */\n  width: number = def.width,\n  height: number = def.height\n): ReactElement =>\n  state.type === \"triangle\" ? (\n    /* TriangleElement: SVG polygon, apex top-center */\n    <svg\n      width=\"100%\"\n      height=\"100%\"\n      style={{ display: \"block\", overflow: \"visible\" }}\n    >\n      <polygon\n        points={`${width / 2},0 ${width},${height} 0,${height}`}\n        fill={withOpacity(state.fill, state.fillOpacity)}\n        stroke={withOpacity(state.stroke, state.strokeOpacity)}\n        strokeWidth={state.strokeWidth}\n        strokeDasharray={state.strokeDash}\n      />\n    </svg>\n  ) : (\n    <div\n      className=\"shape-fill\"\n      style={{\n        backgroundColor: withOpacity(state.fill, state.fillOpacity),\n        border: shapeBorder(state),\n        borderRadius: state.type === \"circle\" ? \"50%\" : state.borderRadius,\n      }}\n    />\n  );\n\nexport const ALIGN_OPTIONS: {\n  value: TextAlign;\n  label: string;\n  icon: ReactElement;\n}[] = [\n  { value: \"left\", label: \"Align Left\", icon: <TextAlignLeftIcon /> },\n  { value: \"center\", label: \"Align Center\", icon: <TextAlignCenterIcon /> },\n  { value: \"right\", label: \"Align Right\", icon: <TextAlignRightIcon /> },\n  { value: \"justify\", label: \"Justify\", icon: <TextAlignJustifyIcon /> },\n];\n\nexport type TextStyleKey = \"bold\" | \"italic\" | \"underline\" | \"strikethrough\";\n\nexport const STYLE_OPTIONS: {\n  key: TextStyleKey;\n  label: string;\n  icon: ReactElement;\n}[] = [\n  { key: \"bold\", label: \"Bold\", icon: <TextStyleBoldIcon /> },\n  { key: \"italic\", label: \"Italic\", icon: <TextStyleItalicIcon /> },\n  { key: \"underline\", label: \"Underline\", icon: <TextStyleUnderlineIcon /> },\n  {\n    key: \"strikethrough\",\n    label: \"Strikethrough\",\n    icon: <TextStyleStrikeIcon />,\n  },\n];\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"elements.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_Dot","_IconButton","_Icons","_List","_Menu","_Select","_SelectTrigger","_Tooltip","_colors","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","l","iterator","u","next","done","return","isArray","ELEMENT_FILL","exports","ELEMENT_STROKE","ELEMENT_TEXT","STICKY_FILL","SELECTION_BLUE","FONT_SIZE_OPTIONS","THICKNESS_OPTIONS","OPACITY_OPTIONS","RADIUS_OPTIONS","ELEMENT_BODIES","COLOR_OPTIONS","values","colors","map","entry","id","color","textColor","defaultShapeState","type","fill","fillOpacity","stroke","strokeOpacity","strokeWidth","strokeDash","undefined","borderRadius","fontSize","bold","italic","underline","strikethrough","align","withOpacity","opacityPct","alpha","startsWith","parseInt","g","b","concat","replace","shapeBorder","state","lineStyle","stickyGradient","opacity","main","faded","Math","max","GRID_LEVELS","label","dotSpacing","snapStep","gridLevel","_GRID_LEVELS$find","find","level","CANVAS_ELEMENTS","kind","initialType","x","y","width","height","INITIAL_SHAPES","reduce","acc","element","INITIAL_POSITIONS","snapValue","step","round","StyledCanvasLayer","styled","div","withConfig","displayName","componentId","StyledCanvasElement","StyledSticky","StyledHandles","RESIZE_DIRECTIONS","ResizeHandles","createElement","onMouseDown","event","stopPropagation","direction","key","className","ArrowRefreshIcon","StyledFormattingToolbar","StyledToolbarButton","button","StyledToolbarLink","withComponent","stopClick","TOOLBAR_SELECT_WIDTH","TOOLBAR_COLOR_TRIGGER_WIDTH","RoundedRectangleOutline","span","SHAPE_TYPE_ICON","rectangle","RoundedRectangleIcon","roundedRectangle","circle","CircleIcon","triangle","TriangleIcon","SHAPE_TYPE_OPTIONS","BORDER_STYLE_OPTIONS","ToolbarActions","_ref","locked","onToggleLock","onDelete","Fragment","Tooltip","title","onClick","LockIcon","TrashIcon","ShapeTypeMenu","_ref2","onChange","_useState","useState","_useState2","open","setOpen","Menu","onOpen","onClose","position","target","IconButton","variant","active","List","style","padding","tabIndex","option","ListItem","AlignmentMenu","_ref3","_ALIGN_OPTIONS$find","disabled","_useState3","_useState4","selected","ALIGN_OPTIONS","icon","TOOLBAR_TRANSPARENT_OPTION","sameHex","toLowerCase","ColorDot","_ref4","CircleSlashIcon","Dot","size","ToolbarColorSwatch","_ref5","_options$find$id","_options$find","includeTransparent","options","Select","disableSearch","forceCloseMenu","keepSameOptionsOrder","renderOption","SelectTrigger","paddingLeft","paddingRight","ToolbarFontSizeSelect","_ref6","ToolbarTextControls","_ref7","styleFlags","onFontSize","onToggleStyle","onAlign","STYLE_OPTIONS","ShapeFormattingToolbar","_ref8","_element$align","onUpdate","PostitFormattingToolbar","_ref9","renderShapeBody","def","display","overflow","points","strokeDasharray","backgroundColor","border","TextAlignLeftIcon","TextAlignCenterIcon","TextAlignRightIcon","TextAlignJustifyIcon","TextStyleBoldIcon","TextStyleItalicIcon","TextStyleUnderlineIcon","TextStyleStrikeIcon"],"sources":["../../../../src/presentation/whiteboard/elements.tsx"],"sourcesContent":["import React, { ReactElement, useState } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport { Dot } from \"../../components/Dot\";\nimport { IconButton } from \"../../components/IconButton\";\nimport {\n  ArrowRefreshIcon,\n  CircleIcon,\n  CircleSlashIcon,\n  LockIcon,\n  RoundedRectangleIcon,\n  TextAlignCenterIcon,\n  TextAlignJustifyIcon,\n  TextAlignLeftIcon,\n  TextAlignRightIcon,\n  TextStyleBoldIcon,\n  TextStyleItalicIcon,\n  TextStyleStrikeIcon,\n  TextStyleUnderlineIcon,\n  TrashIcon,\n  TriangleIcon,\n} from \"../../components/Icons\";\nimport { List, ListItem } from \"../../components/List\";\nimport { Menu } from \"../../components/Menu\";\nimport { Select } from \"../../components/Select\";\nimport { SelectTrigger } from \"../../components/SelectTrigger\";\nimport { Tooltip } from \"../../components/Tooltip\";\nimport { colors } from \"../../utils/colors\";\n\n/* ------------------------------------------------------------------ */\n/* Canvas elements (1:1 with new-activecollab-front                    */\n/* src/components/Whiteboards/ — constants.js, ShapeElement.jsx,       */\n/* PostitElement.jsx, ResizableWrapper.jsx, ResizeHandles.jsx,         */\n/* FormattingToolbarContainer.jsx + the two formatting toolbars)       */\n/* ------------------------------------------------------------------ */\n\n/* element colors are canvas DATA (app constants), not theme — hardcoded */\nexport const ELEMENT_FILL = \"#ffffff\";\nexport const ELEMENT_STROKE = \"#374151\";\nexport const ELEMENT_TEXT = \"#1f2937\";\nexport const STICKY_FILL = \"#fbbf24\";\nexport const SELECTION_BLUE = \"#3b82f6\";\n\n/* Discrete option sets for the right Inspector — mirror the app's fixed\n   font-size ladder and the border-thickness steps offered in the toolbar. */\nexport const FONT_SIZE_OPTIONS = [\n  10, 13, 16, 20, 24, 30, 36, 48, 72, 96, 144, 216, 288,\n];\nexport const THICKNESS_OPTIONS = [1, 2, 3, 4, 5];\n\nexport const OPACITY_OPTIONS = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100];\n\n/* Corner radii scaled to the board: shapes are drawn at ~100–300px, so the jump\n   from a crisp corner to a pill reads across 0–64px. */\nexport const RADIUS_OPTIONS = [0, 4, 8, 12, 16, 24, 32, 48, 64];\n\n/* Element bodies are HTML, as the API returns them (the `body` field). The\n   Inspector renders them read-only; when a body is empty the field is omitted.\n   Mock the three cases across the canvas: a short body (shape-rounded, the\n   default selection), a long one that scrolls (shape-circle), and none at all\n   (shape-triangle / sticky). */\nexport const ELEMENT_BODIES: Record<string, string> = {\n  \"shape-rounded\": \"<p>Marks the <strong>Kickoff</strong> phase.</p>\",\n  \"shape-circle\":\n    \"<p>The <strong>discovery</strong> loop for this initiative.</p><p>We collect signals from support, sales and analytics, then cluster them into themes before committing to a direction.</p><ul><li>Owner: research</li><li>Inputs: interviews, tickets, funnel data</li><li>Output: a prioritised opportunity list</li></ul><p>See the <em>retro notes</em> and last quarter's readout for the full context and prior decisions.</p>\",\n};\n\n/* Named-colour options for the Inspector fill/stroke pickers, built from the\n   design system's shared data colours (utils/colors). Shaped for the DS Select\n   (id + name + color + textColor) so it renders the standard dot-and-radio menu\n   used by the label dialogs. */\nexport const COLOR_OPTIONS = Object.values(colors).map((entry) => ({\n  id: entry.color,\n  name: entry.name,\n  color: entry.color,\n  textColor: entry.color,\n}));\n\nexport type ShapeType =\n  | \"rectangle\"\n  | \"roundedRectangle\"\n  | \"circle\"\n  | \"triangle\";\n\nexport type TextAlign = \"left\" | \"center\" | \"right\" | \"justify\";\n\n/* per-shape editable state (the app bakes opacity into rgba via\n   hexToRgba/parseOpacity; the mock keeps opacity separate and rebuilds\n   the color when rendering) */\nexport interface ShapeElementState {\n  type: ShapeType;\n  fill: string;\n  fillOpacity: number;\n  stroke: string;\n  strokeOpacity: number;\n  strokeWidth: number;\n  strokeDash?: \"5,5\" | \"2,2\";\n  borderRadius: number;\n  fontSize: number;\n  bold: boolean;\n  italic: boolean;\n  underline: boolean;\n  strikethrough: boolean;\n  textColor: string;\n  /* Text alignment — surfaced in the Inspector's Text group (the floating\n     toolbar does not expose it, so it defaults to left). */\n  align?: TextAlign;\n}\n\nexport const defaultShapeState = (type: ShapeType): ShapeElementState => ({\n  type,\n  fill: ELEMENT_FILL,\n  fillOpacity: 100,\n  stroke: ELEMENT_STROKE,\n  strokeOpacity: 100,\n  strokeWidth: 2,\n  strokeDash: undefined,\n  borderRadius: type === \"roundedRectangle\" ? 12 : 0,\n  fontSize: 16,\n  bold: false,\n  italic: false,\n  underline: false,\n  strikethrough: false,\n  textColor: ELEMENT_TEXT,\n  align: \"left\",\n});\n\n/* swatches are 6-digit hex, the color wheel returns hsl(...) */\nexport const withOpacity = (color: string, opacityPct: number): string => {\n  if (opacityPct >= 100) {\n    return color;\n  }\n\n  const alpha = opacityPct / 100;\n\n  if (color.startsWith(\"#\")) {\n    const r = parseInt(color.slice(1, 3), 16);\n    const g = parseInt(color.slice(3, 5), 16);\n    const b = parseInt(color.slice(5, 7), 16);\n\n    return `rgba(${r}, ${g}, ${b}, ${alpha})`;\n  }\n\n  if (color.startsWith(\"hsl(\")) {\n    return color.replace(\"hsl(\", \"hsla(\").replace(\")\", `, ${alpha})`);\n  }\n\n  return color;\n};\n\n/* getShapeBorder from ShapeElement.jsx */\nexport const shapeBorder = (state: ShapeElementState): string => {\n  if (state.strokeWidth === 0) {\n    return \"none\";\n  }\n\n  const lineStyle =\n    state.strokeDash === \"5,5\"\n      ? \"dashed\"\n      : state.strokeDash === \"2,2\"\n      ? \"dotted\"\n      : \"solid\";\n\n  return `${state.strokeWidth}px ${lineStyle} ${withOpacity(\n    state.stroke,\n    state.strokeOpacity\n  )}`;\n};\n\n/* PostitElement gradient: color → same color at ~87% alpha */\nexport const stickyGradient = (color: string, opacity = 100): string => {\n  const main = withOpacity(color, opacity);\n  const faded = withOpacity(color, Math.max(0, opacity - 13));\n\n  return `linear-gradient(135deg, ${main} 0%, ${faded} 100%)`;\n};\n\nexport type GridSize = \"off\" | \"small\" | \"large\";\n\n/* Grid config, aligned to the 8px design-system grid. dotSpacing drives the\n   dot layer; snapStep drives snapping — decoupled, so each level snaps finer\n   than its dots (Small: 16px dots / 8px snap; Large: 32px dots / 16px snap,\n   i.e. dots and half-dots). */\nexport const GRID_LEVELS: {\n  value: GridSize;\n  label: string;\n  dotSpacing: number | null;\n  snapStep: number | null;\n}[] = [\n  { value: \"off\", label: \"Off\", dotSpacing: null, snapStep: null },\n  { value: \"small\", label: \"Small\", dotSpacing: 16, snapStep: 8 },\n  { value: \"large\", label: \"Large\", dotSpacing: 32, snapStep: 16 },\n];\n\nexport const gridLevel = (value: GridSize): (typeof GRID_LEVELS)[number] =>\n  GRID_LEVELS.find((level) => level.value === value) ?? GRID_LEVELS[0];\n\nexport interface CanvasElementDef {\n  id: string;\n  kind: \"shape\" | \"sticky\";\n  initialType?: ShapeType;\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\n/* default sizes from DEFAULT_SHAPE_SIZES / DEFAULT_STICKY_SIZE; positions are\n   board-space pixels (top-left) so dragging can snap to the pixel grid */\nexport const CANVAS_ELEMENTS: CanvasElementDef[] = [\n  {\n    id: \"shape-circle\",\n    kind: \"shape\",\n    initialType: \"circle\",\n    x: 320,\n    y: 180,\n    width: 80,\n    height: 80,\n  },\n  {\n    id: \"shape-rounded\",\n    kind: \"shape\",\n    initialType: \"roundedRectangle\",\n    x: 560,\n    y: 300,\n    width: 100,\n    height: 60,\n  },\n  {\n    id: \"shape-triangle\",\n    kind: \"shape\",\n    initialType: \"triangle\",\n    x: 820,\n    y: 170,\n    width: 80,\n    height: 80,\n  },\n  {\n    id: \"sticky\",\n    kind: \"sticky\",\n    x: 430,\n    y: 430,\n    width: 120,\n    height: 120,\n  },\n];\n\nexport const INITIAL_SHAPES = CANVAS_ELEMENTS.reduce<\n  Record<string, ShapeElementState>\n>((acc, element) => {\n  if (element.kind === \"shape\" && element.initialType) {\n    acc[element.id] = defaultShapeState(element.initialType);\n  }\n\n  return acc;\n}, {});\n\nexport const INITIAL_POSITIONS = CANVAS_ELEMENTS.reduce<\n  Record<string, { x: number; y: number }>\n>((acc, element) => {\n  acc[element.id] = { x: element.x, y: element.y };\n\n  return acc;\n}, {});\n\nexport const snapValue = (value: number, step: number | null): number =>\n  step ? Math.round(value / step) * step : value;\n\n/* deselect happens on canvas-background click (layer under the bars) */\nexport const StyledCanvasLayer = styled.div`\n  position: absolute;\n  inset: 0;\n\n  /* the Link tool is armed: the next drag draws a card box */\n  &.drawing {\n    cursor: crosshair;\n  }\n`;\n\n/* ResizableWrapper: selected = 2px blue-500 ring @50%, hover = 4px\n   blue-400 ring @70% (Tailwind rings are box-shadows) */\nexport const StyledCanvasElement = styled.div`\n  position: absolute;\n  cursor: move;\n\n  &:hover:not(.selected) {\n    box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.7);\n  }\n\n  &.selected {\n    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5);\n  }\n\n  /* A StackedCard draws its own ring (from --sc-selection-ring, set on the\n     canvas to the board blue), so the wrapper's ring would double it. The card\n     is also auto-height: the wrapper sets width only and lets the box grow. */\n  &.is-card {\n    cursor: grab;\n    height: auto;\n\n    &:hover:not(.selected),\n    &.selected {\n      box-shadow: none;\n    }\n  }\n\n  /* fill/border/radius come from the element's editable state (inline) */\n  .shape-fill {\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n  }\n`;\n\n/* PostitElement: 12px padding, shadow-lg, 1deg tilt that straightens on\n   hover, diagonal gradient to ~87% alpha, Comic Sans */\nexport const StyledSticky = styled.div`\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  padding: 12px;\n  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),\n    0 4px 6px -4px rgba(0, 0, 0, 0.1);\n  transform: rotate(1deg);\n  transition: transform 200ms;\n  font-family: \"Comic Sans MS\", cursive, system-ui, sans-serif;\n  line-height: 1.4;\n  word-break: break-word;\n  white-space: pre-wrap;\n\n  ${StyledCanvasElement}:hover & {\n    transform: rotate(0deg);\n  }\n`;\n\n/* ResizeHandles: 8 12px blue squares w/ 2px white border on the box,\n   plus the 24px rotate handle outside the bottom-left corner */\nexport const StyledHandles = styled.div`\n  .rh {\n    position: absolute;\n    width: 12px;\n    height: 12px;\n    box-sizing: border-box;\n    background-color: ${SELECTION_BLUE};\n    border: 2px solid #ffffff;\n    border-radius: 2px;\n    z-index: 10;\n\n    &:hover {\n      background-color: #2563eb;\n    }\n  }\n\n  .rh-nw {\n    top: -6px;\n    left: -6px;\n    cursor: nw-resize;\n  }\n  .rh-n {\n    top: -6px;\n    left: 50%;\n    margin-left: -6px;\n    cursor: n-resize;\n  }\n  .rh-ne {\n    top: -6px;\n    right: -6px;\n    cursor: ne-resize;\n  }\n  .rh-w {\n    top: 50%;\n    left: -6px;\n    margin-top: -6px;\n    cursor: w-resize;\n  }\n  .rh-e {\n    top: 50%;\n    right: -6px;\n    margin-top: -6px;\n    cursor: e-resize;\n  }\n  .rh-sw {\n    bottom: -6px;\n    left: -6px;\n    cursor: sw-resize;\n  }\n  .rh-s {\n    bottom: -6px;\n    left: 50%;\n    margin-left: -6px;\n    cursor: s-resize;\n  }\n  .rh-se {\n    bottom: -6px;\n    right: -6px;\n    cursor: se-resize;\n  }\n\n  .rotate-handle {\n    position: absolute;\n    bottom: -35px;\n    left: -35px;\n    width: 24px;\n    height: 24px;\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: #ffffff;\n    border: 2px solid ${SELECTION_BLUE};\n    border-radius: 50%;\n    cursor: grab;\n    z-index: 11;\n\n    svg {\n      width: 16px;\n      height: 16px;\n    }\n  }\n`;\n\nexport const RESIZE_DIRECTIONS = [\"nw\", \"n\", \"ne\", \"w\", \"e\", \"sw\", \"s\", \"se\"];\n\nexport const ResizeHandles = (): ReactElement => (\n  <StyledHandles onMouseDown={(event) => event.stopPropagation()}>\n    {RESIZE_DIRECTIONS.map((direction) => (\n      <span key={direction} className={`rh rh-${direction}`} />\n    ))}\n    <span className=\"rotate-handle\">\n      <ArrowRefreshIcon fill={SELECTION_BLUE} />\n    </span>\n  </StyledHandles>\n);\n\n/* FormattingToolbarContainer: Paper paper-2 (bg + 8px radius + shadow,\n   no border), 8px padding, 4px gap, centered 10px above the element */\nexport const StyledFormattingToolbar = styled.div`\n  position: absolute;\n  bottom: calc(100% + 10px);\n  left: 50%;\n  transform: translateX(-50%);\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 8px;\n  border-radius: 8px;\n  background-color: var(--page-paper-main);\n  box-shadow: var(--shadow-tertiary);\n  white-space: nowrap;\n  cursor: auto;\n  z-index: 20;\n\n  .tb-group {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    padding-right: 8px;\n    margin-right: 8px;\n    border-right: 1px solid var(--border-primary);\n  }\n\n  /* submenu/popover anchor around a single trigger */\n  .tb-rel {\n    position: relative;\n    display: inline-flex;\n  }\n\n  .tb-color-value {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n  }\n\n  .divider {\n    width: 1px;\n    height: 20px;\n    background-color: var(--border-primary);\n    margin: 0 4px;\n    flex-shrink: 0;\n  }\n`;\n\n/* The app's toolbar buttons are DS `Button` / `IconButton` variant=\"option\",\n   size small, h-8 px-2: grey text (theme-700) that darkens on hover over a\n   theme-300 wash, and the primary colour only for a PRESSED state (an armed\n   lock, an active text style). Same palette here, so the story's bars read as\n   the app's and not as a row of links. */\nexport const StyledToolbarButton = styled.button`\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  height: 32px;\n  box-sizing: border-box;\n  padding: 0 8px;\n  border: 0;\n  border-radius: var(--ac-br-6);\n  background-color: transparent;\n  color: var(--color-theme-700);\n  font-family: -apple-system, BlinkMacSystemFont, \"Roboto\", \"Helvetica Neue\",\n    Arial, sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n\n  &:hover,\n  &:focus-visible {\n    background-color: var(--color-theme-300);\n    color: var(--color-theme-900);\n  }\n\n  &.active,\n  &.active:hover {\n    color: var(--color-primary);\n  }\n\n  &.icon-only {\n    width: 32px;\n    padding: 0;\n  }\n\n  &:disabled {\n    opacity: 0.45;\n    cursor: default;\n\n    &:hover {\n      background-color: transparent;\n    }\n  }\n\n  svg {\n    fill: currentColor;\n    flex-shrink: 0;\n  }\n\n  svg.i16 {\n    width: 16px;\n    height: 16px;\n  }\n\n  svg.i12 {\n    width: 12px;\n    height: 12px;\n  }\n`;\n\n/* Same chrome as a toolbar button, but an <a> — used where the action is a real\n   navigation (Visit). `withComponent` keeps the styles and swaps the element, so\n   the props type becomes the anchor's. */\nexport const StyledToolbarLink = styled(StyledToolbarButton.withComponent(\"a\"))`\n  text-decoration: none;\n`;\n\nexport const stopClick = (event: React.MouseEvent): void =>\n  event.stopPropagation();\n\n/* The trigger widths the app gives its toolbar selects: `tw-w-20` for the font\n   size (\"16 pt\"), `tw-w-16 tw-px-2` for the swatch-only colour trigger. */\nconst TOOLBAR_SELECT_WIDTH = 80;\nconst TOOLBAR_COLOR_TRIGGER_WIDTH = 64;\n\n/* Hollow rounded rectangle, the app's own glyph for the \"Rounded Rectangle\"\n   shape option (its ShapeTypeMenu draws a bordered span, because the icon set\n   has one rectangle glyph and it is already taken by \"Rectangle\"). */\nconst RoundedRectangleOutline = styled.span`\n  display: block;\n  width: 16px;\n  height: 16px;\n  box-sizing: border-box;\n  border: 1px solid currentColor;\n  border-radius: 4px;\n`;\n\nexport const SHAPE_TYPE_ICON: Record<ShapeType, ReactElement> = {\n  rectangle: <RoundedRectangleIcon className=\"i16\" />,\n  roundedRectangle: <RoundedRectangleOutline aria-hidden=\"true\" />,\n  circle: <CircleIcon className=\"i16\" />,\n  triangle: <TriangleIcon className=\"i16\" />,\n};\n\n/* The four shape types, in the order the shape-type menu lists them. */\nexport const SHAPE_TYPE_OPTIONS: { type: ShapeType; label: string }[] = [\n  { type: \"rectangle\", label: \"Rectangle\" },\n  { type: \"roundedRectangle\", label: \"Rounded Rectangle\" },\n  { type: \"circle\", label: \"Circle\" },\n  { type: \"triangle\", label: \"Triangle\" },\n];\n\n/* Stroke pattern options — now only the Inspector's Stroke group renders these\n   (the shape floating toolbar no longer edits stroke). Mirrors the app's\n   STROKE_PATTERN_OPTIONS dash enum: solid | dashed | dotted. */\nexport const BORDER_STYLE_OPTIONS: {\n  value?: ShapeElementState[\"strokeDash\"];\n  label: string;\n}[] = [\n  { value: undefined, label: \"Solid\" },\n  { value: \"5,5\", label: \"Dashed\" },\n  { value: \"2,2\", label: \"Dotted\" },\n];\n\n/* ── Shared floating-toolbar controls ───────────────────────────────────────\n   The floating toolbars were flattened this session to match the app: compact,\n   collapsed controls (single-button dropdowns) with uniform 4px spacing and a\n   single hairline separator only before Lock / Delete. These mirror the shared\n   controls in the app's Inspector/Controls (ShapeTypeMenu, AlignmentMenu,\n   ColorPicker compact, ToolbarActions). */\n\n/* ToolbarActions — the trailing block shared by EVERY floating toolbar:\n   separator → Lock → Delete, in the standard control colour (not red). Mirrors\n   app `toolbar/ToolbarActions.jsx`. */\nexport interface ToolbarActionsProps {\n  locked: boolean;\n  onToggleLock: () => void;\n  onDelete: () => void;\n}\n\nexport const ToolbarActions = ({\n  locked,\n  onToggleLock,\n  onDelete,\n}: ToolbarActionsProps): ReactElement => (\n  <>\n    <span className=\"divider\" />\n    <Tooltip title={locked ? \"Unlock\" : \"Lock\"}>\n      <StyledToolbarButton\n        className={locked ? \"icon-only active\" : \"icon-only\"}\n        aria-pressed={locked}\n        onClick={onToggleLock}\n      >\n        <LockIcon className=\"i16\" />\n      </StyledToolbarButton>\n    </Tooltip>\n    <Tooltip title=\"Delete\">\n      <StyledToolbarButton className=\"icon-only\" onClick={onDelete}>\n        <TrashIcon className=\"i16\" />\n      </StyledToolbarButton>\n    </Tooltip>\n  </>\n);\n\n/* ShapeTypeMenu — collapsed shape-type picker: one icon button showing the\n   current shape, opening a dropdown of the four types. Modeled on the app's\n   ShapeTypeMenu (DS Menu + List). */\nexport interface ToolbarShapeTypeMenuProps {\n  value: ShapeType;\n  onChange: (type: ShapeType) => void;\n}\n\nexport const ShapeTypeMenu = ({\n  value,\n  onChange,\n}: ToolbarShapeTypeMenuProps): ReactElement => {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <Menu\n      open={open}\n      onOpen={() => setOpen(true)}\n      onClose={() => setOpen(false)}\n      position=\"bottom-start\"\n      target={\n        <IconButton\n          type=\"button\"\n          variant=\"option\"\n          active={open}\n          aria-label=\"Shape\"\n        >\n          {SHAPE_TYPE_ICON[value]}\n        </IconButton>\n      }\n    >\n      <List style={{ padding: \"8px 0\" }} tabIndex={-1}>\n        {SHAPE_TYPE_OPTIONS.map((option) => (\n          <ListItem\n            key={option.type}\n            aria-label={option.label}\n            onClick={() => {\n              onChange(option.type);\n              setOpen(false);\n            }}\n          >\n            {SHAPE_TYPE_ICON[option.type]}\n            {option.label}\n          </ListItem>\n        ))}\n      </List>\n    </Menu>\n  );\n};\n\n/* AlignmentMenu — collapsed alignment picker (single button + dropdown), the\n   compact-toolbar counterpart to the Inspector's expanded four-button row.\n   Mirrors the app's AlignmentMenu. */\nexport interface ToolbarAlignmentMenuProps {\n  value: TextAlign;\n  onChange: (align: TextAlign) => void;\n  disabled?: boolean;\n}\n\nexport const AlignmentMenu = ({\n  value,\n  onChange,\n  disabled,\n}: ToolbarAlignmentMenuProps): ReactElement => {\n  const [open, setOpen] = useState(false);\n  const selected =\n    ALIGN_OPTIONS.find((option) => option.value === value) ?? ALIGN_OPTIONS[0];\n\n  return (\n    <Menu\n      open={open}\n      onOpen={() => setOpen(true)}\n      onClose={() => setOpen(false)}\n      position=\"bottom-start\"\n      target={\n        <IconButton\n          type=\"button\"\n          variant=\"option\"\n          active={open}\n          disabled={disabled}\n          aria-label=\"Alignment\"\n        >\n          {selected.icon}\n        </IconButton>\n      }\n    >\n      <List style={{ padding: \"8px 0\" }} tabIndex={-1}>\n        {ALIGN_OPTIONS.map((option) => (\n          <ListItem\n            key={option.value}\n            aria-label={option.label}\n            onClick={() => {\n              onChange(option.value);\n              setOpen(false);\n            }}\n          >\n            {option.icon}\n            {option.label}\n          </ListItem>\n        ))}\n      </List>\n    </Menu>\n  );\n};\n\n/* The app's compact `ColorPicker`: a DS `Select` whose trigger is the swatch\n   alone (a Dot, or the CircleSlash chip when transparent) and whose menu is the\n   standard dot-and-name list — the same control the Inspector's colour field\n   uses, minus the name on the trigger. `includeTransparent` adds \"Transparent\"\n   first: shape fill opts in, sticky fill and text colour do not. */\nexport interface ToolbarColorSwatchProps {\n  value: string;\n  includeTransparent?: boolean;\n  label: string;\n  onChange: (color: string) => void;\n}\n\nconst TOOLBAR_TRANSPARENT_OPTION = {\n  id: \"transparent\",\n  name: \"Transparent\",\n  color: \"transparent\",\n  textColor: \"transparent\",\n};\n\nconst sameHex = (a: string, b: string): boolean =>\n  a.toLowerCase() === b.toLowerCase();\n\nconst ColorDot = ({ color }: { color: string }): ReactElement =>\n  sameHex(color, \"transparent\") ? (\n    <CircleSlashIcon width={16} height={16} fill=\"currentColor\" />\n  ) : (\n    <Dot color={color} size={16} />\n  );\n\nexport const ToolbarColorSwatch = ({\n  value,\n  includeTransparent,\n  label,\n  onChange,\n}: ToolbarColorSwatchProps): ReactElement => {\n  const options = includeTransparent\n    ? [TOOLBAR_TRANSPARENT_OPTION, ...COLOR_OPTIONS]\n    : COLOR_OPTIONS;\n  const selected =\n    options.find((option) => sameHex(option.id, value))?.id ?? value;\n\n  return (\n    <Tooltip title={label}>\n      <span className=\"tb-rel\">\n        <Select\n          type=\"single\"\n          disableSearch\n          forceCloseMenu\n          keepSameOptionsOrder\n          options={options}\n          selected={selected}\n          onChange={(next) =>\n            onChange(String(Array.isArray(next) ? next[0] : next))\n          }\n          renderOption={(option) => (\n            <span className=\"tb-color-option\">\n              <ColorDot color={String(option.id)} />\n              {option.name}\n            </span>\n          )}\n          target={\n            <SelectTrigger\n              aria-label={label}\n              style={{\n                width: TOOLBAR_COLOR_TRIGGER_WIDTH,\n                paddingLeft: 8,\n                paddingRight: 8,\n              }}\n            >\n              <span className=\"tb-color-value\">\n                <ColorDot color={value} />\n              </span>\n            </SelectTrigger>\n          }\n        />\n      </span>\n    </Tooltip>\n  );\n};\n\n/* The app's `ValuePicker` for the font size: a DS `Select` over the fixed size\n   ladder, its trigger reading \"16 pt\". */\nexport interface ToolbarFontSizeSelectProps {\n  value: number;\n  onChange: (size: number) => void;\n}\n\nexport const ToolbarFontSizeSelect = ({\n  value,\n  onChange,\n}: ToolbarFontSizeSelectProps): ReactElement => (\n  <Tooltip title=\"Font Size\">\n    <span className=\"tb-rel\">\n      <Select\n        type=\"single\"\n        disableSearch\n        forceCloseMenu\n        keepSameOptionsOrder\n        options={FONT_SIZE_OPTIONS.map((size) => ({\n          id: size,\n          name: `${size} pt`,\n        }))}\n        selected={value}\n        onChange={(next) =>\n          onChange(Number(Array.isArray(next) ? next[0] : next))\n        }\n        target={\n          <SelectTrigger\n            aria-label=\"Font Size\"\n            style={{ width: TOOLBAR_SELECT_WIDTH }}\n          >\n            {value} pt\n          </SelectTrigger>\n        }\n      />\n    </span>\n  </Tooltip>\n);\n\n/* The text controls shared by the shape and sticky toolbars: font-size select,\n   B / I / U / S, and the collapsed alignment menu. Same set the app's sticky\n   and shape toolbars share (font-size picker, TextStyleButtons, AlignmentMenu).\n   Kept generic so both element shapes can drive it. */\nexport interface ToolbarTextControlsProps {\n  fontSize: number;\n  styleFlags: {\n    bold: boolean;\n    italic: boolean;\n    underline: boolean;\n    strikethrough: boolean;\n  };\n  align: TextAlign;\n  onFontSize: (size: number) => void;\n  onToggleStyle: (key: TextStyleKey) => void;\n  onAlign: (align: TextAlign) => void;\n}\n\nexport const ToolbarTextControls = ({\n  fontSize,\n  styleFlags,\n  align,\n  onFontSize,\n  onToggleStyle,\n  onAlign,\n}: ToolbarTextControlsProps): ReactElement => (\n  <>\n    <ToolbarFontSizeSelect value={fontSize} onChange={onFontSize} />\n    {STYLE_OPTIONS.map((option) => (\n      <Tooltip key={option.key} title={option.label}>\n        <StyledToolbarButton\n          className={styleFlags[option.key] ? \"icon-only active\" : \"icon-only\"}\n          aria-label={option.label}\n          aria-pressed={styleFlags[option.key]}\n          onClick={() => onToggleStyle(option.key)}\n        >\n          {option.icon}\n        </StyledToolbarButton>\n      </Tooltip>\n    ))}\n    <AlignmentMenu value={align} onChange={onAlign} />\n  </>\n);\n\nexport interface ShapeFormattingToolbarProps {\n  element: ShapeElementState;\n  onUpdate: (partial: Partial<ShapeElementState>) => void;\n  onDelete: () => void;\n  locked: boolean;\n  onToggleLock: () => void;\n}\n\n/* ShapeFormattingToolbar — flat layout (was submenu-based): shape-type menu →\n   fill colour → the same text controls as the sticky toolbar → Lock / Delete.\n   Stroke is no longer edited here — it lives only in the Inspector's Stroke\n   group now. Mirrors the app's ShapeFormattingToolbar. */\nexport const ShapeFormattingToolbar = ({\n  element,\n  onUpdate,\n  onDelete,\n  locked,\n  onToggleLock,\n}: ShapeFormattingToolbarProps): ReactElement => (\n  <StyledFormattingToolbar onClick={stopClick} onMouseDown={stopClick}>\n    <ShapeTypeMenu\n      value={element.type}\n      onChange={(type) => onUpdate({ type })}\n    />\n    <ToolbarColorSwatch\n      value={element.fill}\n      includeTransparent\n      label=\"Fill color\"\n      onChange={(fill) => onUpdate({ fill })}\n    />\n    <ToolbarTextControls\n      fontSize={element.fontSize}\n      styleFlags={element}\n      align={element.align ?? \"left\"}\n      onFontSize={(fontSize) => onUpdate({ fontSize })}\n      onToggleStyle={(key) => onUpdate({ [key]: !element[key] })}\n      onAlign={(align) => onUpdate({ align })}\n    />\n    <ToolbarActions\n      locked={locked}\n      onToggleLock={onToggleLock}\n      onDelete={onDelete}\n    />\n  </StyledFormattingToolbar>\n);\n\nexport interface StickyTextStyle {\n  fontSize: number;\n  bold: boolean;\n  italic: boolean;\n  strikethrough: boolean;\n  underline: boolean;\n  align: TextAlign;\n  textColor: string;\n  color: string;\n  fillOpacity: number;\n}\n\nexport interface PostitFormattingToolbarProps {\n  value: StickyTextStyle;\n  onChange: (next: StickyTextStyle) => void;\n  onDelete: () => void;\n  locked: boolean;\n  onToggleLock: () => void;\n}\n\n/* PostitFormattingToolbar — flat layout: note (fill) colour → the shared text\n   controls (font-size, B/I/U/S, alignment menu) → Lock / Delete. The note's\n   colour is its whole point, so its fill swatch does NOT offer Transparent.\n   Mirrors the app's PostitFormattingToolbar. */\nexport const PostitFormattingToolbar = ({\n  value,\n  onChange,\n  onDelete,\n  locked,\n  onToggleLock,\n}: PostitFormattingToolbarProps): ReactElement => (\n  <StyledFormattingToolbar onClick={stopClick} onMouseDown={stopClick}>\n    <ToolbarColorSwatch\n      value={value.color}\n      label=\"Note color\"\n      onChange={(color) => onChange({ ...value, color })}\n    />\n    <ToolbarTextControls\n      fontSize={value.fontSize}\n      styleFlags={value}\n      align={value.align}\n      onFontSize={(fontSize) => onChange({ ...value, fontSize })}\n      onToggleStyle={(key) => onChange({ ...value, [key]: !value[key] })}\n      onAlign={(align) => onChange({ ...value, align })}\n    />\n    <ToolbarActions\n      locked={locked}\n      onToggleLock={onToggleLock}\n      onDelete={onDelete}\n    />\n  </StyledFormattingToolbar>\n);\n\n/* shape body per current (editable) type */\nexport const renderShapeBody = (\n  def: CanvasElementDef,\n  state: ShapeElementState,\n  /* Effective size — the Inspector can override the element's default width /\n     height, so the triangle polygon is drawn from the live size, not the def. */\n  width: number = def.width,\n  height: number = def.height\n): ReactElement =>\n  state.type === \"triangle\" ? (\n    /* TriangleElement: SVG polygon, apex top-center */\n    <svg\n      width=\"100%\"\n      height=\"100%\"\n      style={{ display: \"block\", overflow: \"visible\" }}\n    >\n      <polygon\n        points={`${width / 2},0 ${width},${height} 0,${height}`}\n        fill={withOpacity(state.fill, state.fillOpacity)}\n        stroke={withOpacity(state.stroke, state.strokeOpacity)}\n        strokeWidth={state.strokeWidth}\n        strokeDasharray={state.strokeDash}\n      />\n    </svg>\n  ) : (\n    <div\n      className=\"shape-fill\"\n      style={{\n        backgroundColor: withOpacity(state.fill, state.fillOpacity),\n        border: shapeBorder(state),\n        borderRadius: state.type === \"circle\" ? \"50%\" : state.borderRadius,\n      }}\n    />\n  );\n\nexport const ALIGN_OPTIONS: {\n  value: TextAlign;\n  label: string;\n  icon: ReactElement;\n}[] = [\n  { value: \"left\", label: \"Align Left\", icon: <TextAlignLeftIcon /> },\n  { value: \"center\", label: \"Align Center\", icon: <TextAlignCenterIcon /> },\n  { value: \"right\", label: \"Align Right\", icon: <TextAlignRightIcon /> },\n  { value: \"justify\", label: \"Justify\", icon: <TextAlignJustifyIcon /> },\n];\n\nexport type TextStyleKey = \"bold\" | \"italic\" | \"underline\" | \"strikethrough\";\n\nexport const STYLE_OPTIONS: {\n  key: TextStyleKey;\n  label: string;\n  icon: ReactElement;\n}[] = [\n  { key: \"bold\", label: \"Bold\", icon: <TextStyleBoldIcon /> },\n  { key: \"italic\", label: \"Italic\", icon: <TextStyleItalicIcon /> },\n  { key: \"underline\", label: \"Underline\", icon: <TextStyleUnderlineIcon /> },\n  {\n    key: \"strikethrough\",\n    label: \"Strikethrough\",\n    icon: <TextStyleStrikeIcon />,\n  },\n];\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/presentation/whiteboard/entityCardActions.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.personDetailsProps = exports.PersonCardToolbar = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _elements = require("./elements");
+var _Icons = require("../../components/Icons");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /* ------------------------------------------------------------------ */
 /* Selection menu for the person element                               */
@@ -39,7 +40,9 @@ var PersonCardToolbar = exports.PersonCardToolbar = function PersonCardToolbar(_
   }, /*#__PURE__*/_react.default.createElement(_elements.StyledToolbarButton, {
     type: "button",
     onClick: onDetails
-  }, "Details"), /*#__PURE__*/_react.default.createElement(_elements.ToolbarActions, {
+  }, /*#__PURE__*/_react.default.createElement(_Icons.InfoIcon, {
+    className: "i16"
+  }), "Details"), /*#__PURE__*/_react.default.createElement(_elements.ToolbarActions, {
     locked: locked,
     onToggleLock: onToggleLock,
     onDelete: onDelete

package/dist/cjs/presentation/whiteboard/entityCardActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"entityCardActions.js","names":["_react","_interopRequireDefault","require","_elements","e","__esModule","default","PersonCardToolbar","exports","_ref","onDetails","locked","onToggleLock","onDelete","createElement","StyledFormattingToolbar","onMouseDown","stopClick","onClick","StyledToolbarButton","type","ToolbarActions","personDetailsProps","person","firstName","name","split","toLowerCase","replace","avatar","color","initials","hoursLabel","email","concat","extraContactsCount","joinedDate","onSendMessage","undefined","onSeeFullProfile"],"sources":["../../../../src/presentation/whiteboard/entityCardActions.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\n\nimport {\n  StyledFormattingToolbar,\n  StyledToolbarButton,\n  ToolbarActions,\n  stopClick,\n} from \"./elements\";\nimport { PickerPerson } from \"./projectElements\";\nimport type { UserDetailsDialogProps } from \"../shared\";\n\n/* ------------------------------------------------------------------ */\n/* Selection menu for the person element                               */\n/* ------------------------------------------------------------------ */\n\n/**\n * The selection toolbar for a PERSON element.\n *\n * A person is not a page you visit and not a link you copy — it is an avatar\n * chip — so its bar drops both of the entity card's leading actions and offers\n * exactly one: Details, which opens the user details dialog. The trailing\n * `ToolbarActions` block (separator → Lock → Delete) is the same one every other\n * element on this board carries, so the bar reads as: Details | (sep) Lock |\n * Delete.\n *\n * Which STATES get a toolbar is the caller's business (the canvas layer already\n * knows every element's status): only a resolved, non-limited person does. A\n * limited person must not offer a single one of these, and a placeholder or a\n * resolving skeleton has no person to act on yet.\n */\nexport interface PersonCardToolbarProps {\n  onDetails: () => void;\n  locked: boolean;\n  onToggleLock: () => void;\n  onDelete: () => void;\n}\n\nexport const PersonCardToolbar = ({\n  onDetails,\n  locked,\n  onToggleLock,\n  onDelete,\n}: PersonCardToolbarProps): ReactElement => (\n  <StyledFormattingToolbar\n    data-testid=\"wb-person-toolbar\"\n    onMouseDown={stopClick}\n    onClick={stopClick}\n  >\n    <StyledToolbarButton type=\"button\" onClick={onDetails}>\n      Details\n    </StyledToolbarButton>\n    <ToolbarActions\n      locked={locked}\n      onToggleLock={onToggleLock}\n      onDelete={onDelete}\n    />\n  </StyledFormattingToolbar>\n);\n\n/**\n * The person data the whiteboard feeds the reusable `UserDetailsDialog` when a\n * person's Details button is clicked.\n *\n * The board only knows a person's name / initials / avatar colour, so the rest\n * of the dialog's fields are representative sample data (a working-hours pill, a\n * derived email with one extra contact, and a joined date) — the dialog itself\n * takes everything as props and hardcodes none of it. `open` and `onClose` are\n * supplied by the caller that renders the dialog.\n */\nexport const personDetailsProps = (\n  person: PickerPerson\n): Omit<UserDetailsDialogProps, \"open\" | \"onClose\"> => {\n  const firstName = person.name\n    .split(\" \")[0]\n    .toLowerCase()\n    .replace(/[^a-z]/g, \"\");\n\n  return {\n    avatar: { color: person.color, initials: person.initials },\n    name: person.name,\n    hoursLabel: \"40 h/w\",\n    email: `${firstName || person.initials.toLowerCase()}@activecollab.com`,\n    extraContactsCount: 1,\n    joinedDate: \"Joined: Feb 7. 2009\",\n    onSendMessage: () => undefined,\n    onSeeFullProfile: () => undefined,\n  };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AAKoB,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAIpB;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAQO,IAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAAE,IAAA;EAAA,IAC5BC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IACZC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;EAAA,oBAERb,MAAA,CAAAM,OAAA,CAAAQ,aAAA,CAACX,SAAA,CAAAY,uBAAuB;IACtB,eAAY,mBAAmB;IAC/BC,WAAW,EAAEC,mBAAU;IACvBC,OAAO,EAAED;EAAU,gBAEnBjB,MAAA,CAAAM,OAAA,CAAAQ,aAAA,CAACX,SAAA,CAAAgB,mBAAmB;IAACC,IAAI,EAAC,QAAQ;IAACF,OAAO,EAAER;EAAU,GAAC,SAElC,CAAC,eACtBV,MAAA,CAAAM,OAAA,CAAAQ,aAAA,CAACX,SAAA,CAAAkB,cAAc;IACbV,MAAM,EAAEA,MAAO;IACfC,YAAY,EAAEA,YAAa;IAC3BC,QAAQ,EAAEA;EAAS,CACpB,CACsB,CAAC;AAAA,CAC3B;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMS,kBAAkB,GAAAd,OAAA,CAAAc,kBAAA,GAAG,SAArBA,kBAAkBA,CAC7BC,MAAoB,EACiC;EACrD,IAAMC,SAAS,GAAGD,MAAM,CAACE,IAAI,CAC1BC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CACbC,WAAW,CAAC,CAAC,CACbC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC;EAEzB,OAAO;IACLC,MAAM,EAAE;MAAEC,KAAK,EAAEP,MAAM,CAACO,KAAK;MAAEC,QAAQ,EAAER,MAAM,CAACQ;IAAS,CAAC;IAC1DN,IAAI,EAAEF,MAAM,CAACE,IAAI;IACjBO,UAAU,EAAE,QAAQ;IACpBC,KAAK,KAAAC,MAAA,CAAKV,SAAS,IAAID,MAAM,CAACQ,QAAQ,CAACJ,WAAW,CAAC,CAAC,sBAAmB;IACvEQ,kBAAkB,EAAE,CAAC;IACrBC,UAAU,EAAE,qBAAqB;IACjCC,aAAa,EAAE,SAAfA,aAAaA,CAAA;MAAA,OAAQC,SAAS;IAAA;IAC9BC,gBAAgB,EAAE,SAAlBA,gBAAgBA,CAAA;MAAA,OAAQD,SAAS;IAAA;EACnC,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"file":"entityCardActions.js","names":["_react","_interopRequireDefault","require","_elements","_Icons","e","__esModule","default","PersonCardToolbar","exports","_ref","onDetails","locked","onToggleLock","onDelete","createElement","StyledFormattingToolbar","onMouseDown","stopClick","onClick","StyledToolbarButton","type","InfoIcon","className","ToolbarActions","personDetailsProps","person","firstName","name","split","toLowerCase","replace","avatar","color","initials","hoursLabel","email","concat","extraContactsCount","joinedDate","onSendMessage","undefined","onSeeFullProfile"],"sources":["../../../../src/presentation/whiteboard/entityCardActions.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\n\nimport {\n  StyledFormattingToolbar,\n  StyledToolbarButton,\n  ToolbarActions,\n  stopClick,\n} from \"./elements\";\nimport { PickerPerson } from \"./projectElements\";\nimport { InfoIcon } from \"../../components/Icons\";\nimport type { UserDetailsDialogProps } from \"../shared\";\n\n/* ------------------------------------------------------------------ */\n/* Selection menu for the person element                               */\n/* ------------------------------------------------------------------ */\n\n/**\n * The selection toolbar for a PERSON element.\n *\n * A person is not a page you visit and not a link you copy — it is an avatar\n * chip — so its bar drops both of the entity card's leading actions and offers\n * exactly one: Details, which opens the user details dialog. The trailing\n * `ToolbarActions` block (separator → Lock → Delete) is the same one every other\n * element on this board carries, so the bar reads as: Details | (sep) Lock |\n * Delete.\n *\n * Which STATES get a toolbar is the caller's business (the canvas layer already\n * knows every element's status): only a resolved, non-limited person does. A\n * limited person must not offer a single one of these, and a placeholder or a\n * resolving skeleton has no person to act on yet.\n */\nexport interface PersonCardToolbarProps {\n  onDetails: () => void;\n  locked: boolean;\n  onToggleLock: () => void;\n  onDelete: () => void;\n}\n\nexport const PersonCardToolbar = ({\n  onDetails,\n  locked,\n  onToggleLock,\n  onDelete,\n}: PersonCardToolbarProps): ReactElement => (\n  <StyledFormattingToolbar\n    data-testid=\"wb-person-toolbar\"\n    onMouseDown={stopClick}\n    onClick={stopClick}\n  >\n    <StyledToolbarButton type=\"button\" onClick={onDetails}>\n      <InfoIcon className=\"i16\" />\n      Details\n    </StyledToolbarButton>\n    <ToolbarActions\n      locked={locked}\n      onToggleLock={onToggleLock}\n      onDelete={onDelete}\n    />\n  </StyledFormattingToolbar>\n);\n\n/**\n * The person data the whiteboard feeds the reusable `UserDetailsDialog` when a\n * person's Details button is clicked.\n *\n * The board only knows a person's name / initials / avatar colour, so the rest\n * of the dialog's fields are representative sample data (a working-hours pill, a\n * derived email with one extra contact, and a joined date) — the dialog itself\n * takes everything as props and hardcodes none of it. `open` and `onClose` are\n * supplied by the caller that renders the dialog.\n */\nexport const personDetailsProps = (\n  person: PickerPerson\n): Omit<UserDetailsDialogProps, \"open\" | \"onClose\"> => {\n  const firstName = person.name\n    .split(\" \")[0]\n    .toLowerCase()\n    .replace(/[^a-z]/g, \"\");\n\n  return {\n    avatar: { color: person.color, initials: person.initials },\n    name: person.name,\n    hoursLabel: \"40 h/w\",\n    email: `${firstName || person.initials.toLowerCase()}@activecollab.com`,\n    extraContactsCount: 1,\n    joinedDate: \"Joined: Feb 7. 2009\",\n    onSendMessage: () => undefined,\n    onSeeFullProfile: () => undefined,\n  };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AAOA,IAAAE,MAAA,GAAAF,OAAA;AAAkD,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGlD;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAQO,IAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAAE,IAAA;EAAA,IAC5BC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IACZC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;EAAA,oBAERd,MAAA,CAAAO,OAAA,CAAAQ,aAAA,CAACZ,SAAA,CAAAa,uBAAuB;IACtB,eAAY,mBAAmB;IAC/BC,WAAW,EAAEC,mBAAU;IACvBC,OAAO,EAAED;EAAU,gBAEnBlB,MAAA,CAAAO,OAAA,CAAAQ,aAAA,CAACZ,SAAA,CAAAiB,mBAAmB;IAACC,IAAI,EAAC,QAAQ;IAACF,OAAO,EAAER;EAAU,gBACpDX,MAAA,CAAAO,OAAA,CAAAQ,aAAA,CAACX,MAAA,CAAAkB,QAAQ;IAACC,SAAS,EAAC;EAAK,CAAE,CAAC,WAET,CAAC,eACtBvB,MAAA,CAAAO,OAAA,CAAAQ,aAAA,CAACZ,SAAA,CAAAqB,cAAc;IACbZ,MAAM,EAAEA,MAAO;IACfC,YAAY,EAAEA,YAAa;IAC3BC,QAAQ,EAAEA;EAAS,CACpB,CACsB,CAAC;AAAA,CAC3B;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMW,kBAAkB,GAAAhB,OAAA,CAAAgB,kBAAA,GAAG,SAArBA,kBAAkBA,CAC7BC,MAAoB,EACiC;EACrD,IAAMC,SAAS,GAAGD,MAAM,CAACE,IAAI,CAC1BC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CACbC,WAAW,CAAC,CAAC,CACbC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC;EAEzB,OAAO;IACLC,MAAM,EAAE;MAAEC,KAAK,EAAEP,MAAM,CAACO,KAAK;MAAEC,QAAQ,EAAER,MAAM,CAACQ;IAAS,CAAC;IAC1DN,IAAI,EAAEF,MAAM,CAACE,IAAI;IACjBO,UAAU,EAAE,QAAQ;IACpBC,KAAK,KAAAC,MAAA,CAAKV,SAAS,IAAID,MAAM,CAACQ,QAAQ,CAACJ,WAAW,CAAC,CAAC,sBAAmB;IACvEQ,kBAAkB,EAAE,CAAC;IACrBC,UAAU,EAAE,qBAAqB;IACjCC,aAAa,EAAE,SAAfA,aAAaA,CAAA;MAAA,OAAQC,SAAS;IAAA;IAC9BC,gBAAgB,EAAE,SAAlBA,gBAAgBA,CAAA;MAAA,OAAQD,SAAS;IAAA;EACnC,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/cjs/presentation/whiteboard/fileElement.js

@@ -263,7 +263,7 @@ var FileFormattingToolbar = exports.FileFormattingToolbar = function FileFormatt
   }), "Upload") : null, status === "uploading" || status === "preparing" ? /*#__PURE__*/_react.default.createElement(_elements.StyledToolbarButton, {
     type: "button",
     onClick: onCancel
-  }, /*#__PURE__*/_react.default.createElement(_Icons.CancelCrossIcon, {
+  }, /*#__PURE__*/_react.default.createElement(_Icons.CloseIcon, {
     className: "i16"
   }), "Cancel") : null, status === "error" ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_elements.StyledToolbarButton, {
     type: "button",
@@ -273,7 +273,7 @@ var FileFormattingToolbar = exports.FileFormattingToolbar = function FileFormatt
   }), "Retry"), /*#__PURE__*/_react.default.createElement(_elements.StyledToolbarButton, {
     type: "button",
     onClick: onCancel
-  }, /*#__PURE__*/_react.default.createElement(_Icons.CancelCrossIcon, {
+  }, /*#__PURE__*/_react.default.createElement(_Icons.CloseIcon, {
     className: "i16"
   }), "Cancel")) : null, status === "ready" ? /*#__PURE__*/_react.default.createElement(_elements.StyledToolbarButton, {
     type: "button"