npm - @activecollab/components - Versions diffs - 2.0.397 → 2.0.399 - Mend

@activecollab/components 2.0.397 → 2.0.399

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

Files changed (61) hide show

package/dist/esm/presentation/whiteboard/inspector.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"inspector.js","names":["React","useCallback","useState","styled","BORDER_STYLE_OPTIONS","CANVAS_ELEMENTS","COLOR_OPTIONS","ELEMENT_BODIES","FONT_SIZE_OPTIONS","OPACITY_OPTIONS","RADIUS_OPTIONS","SHAPE_TYPE_ICON","THICKNESS_OPTIONS","ALIGN_OPTIONS","STYLE_OPTIONS","formatFileSize","OUTLINE_MAX_WIDTH","OUTLINE_MIN_WIDTH","OUTLINE_WIDTH","StyledChooseRow","StyledPanelChooseSlot","Checkbox","ChooseV2","Dot","EditableText","IconButton","AttachmentIcon","CircleSlashIcon","InsertLinkIcon","NoteIcon","Input","InputAdornment","InputNumber","Label","Select","SelectTrigger","Tooltip","Body2","Caption1","elementTraits","def","kind","geometry","fill","fillTransparent","stroke","text","autoHeight","TYPE_LABEL","rectangle","roundedRectangle","circle","triangle","sameColor","a","b","toLowerCase","StyledInspectorSidebar","aside","withConfig","displayName","componentId","StyledInspectorResizer","div","StyledInspectorBody","StyledPropGroups","StyledInspectorHeader","StyledInspectorEmpty","StyledPropGroup","StyledPropRow","StyledFieldGrid","StyledControl","StyledCheckboxRow","StyledBody","StyledAutoField","StyledSegmented","NumberField","_ref","label","value","min","unit","onCommit","createElement","size","weight","className","decimalLength","update","endAdornment","disablePointerEvents","color","undefined","onChange","next","Number","isNaN","Math","round","AutoField","_ref2","OptionSelect","_ref3","options","triggerLabel","type","disableSearch","forceCloseMenu","selected","Array","isArray","target","TRANSPARENT_OPTION","id","name","textColor","colorName","hex","match","find","option","ColorPickerField","_ref4","disabled","includeTransparent","onSelect","isTransparent","String","width","height","RightInspector","_ref5","_sizes$def$id","_positions$def$id","_rotations$def$id","_names$def$id","_shape$align","_BORDER_STYLE_OPTIONS","_BORDER_STYLE_OPTIONS2","selectedId","positions","setPositions","sizes","setSizes","rotations","setRotations","shapes","setShapes","stickyStyle","setStickyStyle","links","setLinks","files","setFiles","createdShapes","locks","setLocks","_useState","setWidth","_useState2","resizing","setResizing","_useState3","names","setNames","_useState4","tab","setTab","startResize","event","_event$currentTarget$","_event$currentTarget$2","preventDefault","startX","clientX","startWidth","currentTarget","parentElement","offsetWidth","previousUserSelect","document","body","style","userSelect","cursor","handleMove","moveEvent","max","handleUp","window","removeEventListener","addEventListener","element","linkDef","link","fileDef","file","shell","content","onMouseDown","role","renderBody","_ELEMENT_BODIES$id","html","dangerouslySetInnerHTML","__html","renderLocked","_locks$id","checked","current","_current$id","_extends","htmlFor","renderCardGeometry","cardWidth","onWidth","_positions$id","cardPosition","x","y","_current$id2","_current$id3","renderInspectorBody","icon","headerName","groups","variant","onSave","inputProps","maxLength","required","_names$linkDef$id","_linkDef$url","url","Fragment","placeholder","map","_names$fileDef$id","base","extension","traits","shape","position","rotation","typeLabel","updateShape","partial","currentFill","currentFillOpacity","fillOpacity","setFill","setFillOpacity","currentFontSize","fontSize","currentAlign","align","setFontSize","setAlign","styleFlags","toggleStyle","key","shapeType","autoWidth","_current$def$id$heigh","_current$def$id","_current$def$id$width","_current$def$id2","opacity","strokeDash","_BORDER_STYLE_OPTIONS3","thickness","strokeWidth","radius","borderRadius","strokeOpacity","title","active","onClick"],"sources":["../../../../src/presentation/whiteboard/inspector.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode, useCallback, useState } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport {\n BORDER_STYLE_OPTIONS,\n CANVAS_ELEMENTS,\n COLOR_OPTIONS,\n CanvasElementDef,\n ELEMENT_BODIES,\n FONT_SIZE_OPTIONS,\n OPACITY_OPTIONS,\n RADIUS_OPTIONS,\n SHAPE_TYPE_ICON,\n ShapeElementState,\n ShapeType,\n StickyTextStyle,\n THICKNESS_OPTIONS,\n TextAlign,\n ALIGN_OPTIONS,\n STYLE_OPTIONS,\n TextStyleKey,\n} from \"./elements\";\nimport { FileElementDef, formatFileSize } from \"./fileElement\";\nimport { LinkElementDef } from \"./linkElement\";\nimport {\n OUTLINE_MAX_WIDTH,\n OUTLINE_MIN_WIDTH,\n OUTLINE_WIDTH,\n StyledChooseRow,\n StyledPanelChooseSlot,\n} from \"./outline\";\nimport { Checkbox } from \"../../components/Checkbox\";\nimport { ChooseV2 } from \"../../components/ChooseV2\";\nimport { Dot } from \"../../components/Dot\";\nimport { EditableText } from \"../../components/EditableText\";\nimport { IconButton } from \"../../components/IconButton\";\nimport {\n AttachmentIcon,\n CircleSlashIcon,\n InsertLinkIcon,\n NoteIcon,\n} from \"../../components/Icons\";\nimport { Input, InputAdornment, InputNumber } from \"../../components/Input\";\nimport { Label } from \"../../components/Label\";\nimport { Select } from \"../../components/Select\";\nimport { SelectTrigger } from \"../../components/SelectTrigger\";\nimport { Tooltip } from \"../../components/Tooltip\";\nimport { Body2, Caption1 } from \"../../components/Typography\";\n\n/* ------------------------------------------------------------------ */\n/* Right Inspector — selected-element properties panel */\n/* ------------------------------------------------------------------ */\n\n/* Which right-docked panel is open. Only \"inspector\" is built here; \"comments\"\n is reserved for the next iteration. */\nexport type RightPanel = \"inspector\" | \"comments\" | null;\n\n/* ── Inspector capability traits ──────────────────────────────────────────\n The Inspector is TRAIT-DRIVEN: a selected element declares which property\n groups it supports, and only those groups render. This is the \"interface\n with implementation traits\" model — the interface is the full set of groups,\n and each element kind overrides the flags it does not support (a sticky has\n no stroke, and its height is auto because the note grows with its content).\n New element kinds slot in by returning their own trait set. */\nexport interface ElementTraits {\n geometry: boolean;\n fill: boolean;\n /* Whether this element's fill may be Transparent. Distinct from `fill`: a\n sticky HAS a fill group but must not be transparent (its colour is its\n defining property), whereas an outline-only shape is valid. Mirrors the\n app's `fillTransparent` trait. */\n fillTransparent?: boolean;\n stroke: boolean;\n text: boolean;\n autoWidth?: boolean;\n autoHeight?: boolean;\n}\n\nexport const elementTraits = (def: CanvasElementDef): ElementTraits =>\n def.kind === \"sticky\"\n ? {\n geometry: true,\n fill: true,\n fillTransparent: false,\n stroke: false,\n text: true,\n autoHeight: true,\n }\n : {\n geometry: true,\n fill: true,\n fillTransparent: true,\n stroke: true,\n text: true,\n };\n\nexport const TYPE_LABEL: Record<ShapeType, string> = {\n rectangle: \"Rectangle\",\n roundedRectangle: \"Rounded Rectangle\",\n circle: \"Circle\",\n triangle: \"Triangle\",\n};\n\nexport const sameColor = (a: string | undefined, b: string): boolean =>\n (a ?? \"\").toLowerCase() === b.toLowerCase();\n\n/* Right dock — mirrors StyledOutlineSidebar but docked on the RIGHT: border on\n the left edge, resizer on the left edge. Same 260–780 width band. */\nexport const StyledInspectorSidebar = styled.aside`\n flex-shrink: 0;\n position: relative;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n border-left: 1px solid var(--selectable);\n background-color: var(--page-paper-main);\n font-family: -apple-system, BlinkMacSystemFont, \"Roboto\", \"Helvetica Neue\",\n Arial, sans-serif;\n`;\n\n/* Grab strip on the LEFT edge, because the panel is docked right — dragging it\n left widens. Same token pair as the outline resizer: selectable grey at\n rest, the hover token while grabbed. */\nexport const StyledInspectorResizer = styled.div`\n position: absolute;\n top: 0;\n bottom: 0;\n left: -2px;\n width: 5px;\n cursor: col-resize;\n z-index: 2;\n\n &::after {\n content: \"\";\n position: absolute;\n top: 0;\n bottom: 0;\n left: 2px;\n width: 1px;\n background-color: var(--selectable-active);\n opacity: 0;\n transition: opacity 150ms ease;\n }\n\n &:hover::after,\n &.resizing::after {\n opacity: 1;\n }\n`;\n\nexport const StyledInspectorBody = styled.div`\n flex: 1;\n overflow-y: auto;\n display: flex;\n flex-direction: column;\n`;\n\n/* Wraps the property groups. The Properties/Comments switch above does the\n separating, so the first group drops its top hairline — no divider directly\n under the header, matching the left sidebar. Inner groups keep separators. */\nexport const StyledPropGroups = styled.div`\n display: flex;\n flex-direction: column;\n\n > div:first-child {\n border-top: none;\n }\n`;\n\nexport const StyledInspectorHeader = styled.div`\n display: flex;\n align-items: center;\n gap: 8px;\n height: 56px;\n padding: 0 16px;\n box-sizing: border-box;\n flex-shrink: 0;\n\n /* Icon in a fixed, centred box (like the outline's type icon and the sidebar\n header) so it lines up with the live EditableText's text rather than the\n taller input box. */\n .inspector-type-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n flex-shrink: 0;\n color: var(--color-theme-700);\n }\n\n .inspector-type-icon svg {\n width: 20px;\n height: 20px;\n }\n\n .inspector-name {\n flex: 1;\n min-width: 0;\n }\n`;\n\n/* Empty state — same muted treatment the outline uses for unnamed rows. */\nexport const StyledInspectorEmpty = styled.div`\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 24px;\n text-align: center;\n color: var(--color-theme-600);\n`;\n\n/* Non-collapsible section: bold title, no chevron / drag handle, separated from\n the section above by a hairline. */\nexport const StyledPropGroup = styled.div`\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding: 16px;\n border-top: 1px solid var(--border-primary);\n\n .group-title {\n color: var(--color-theme-800);\n }\n`;\n\nexport const StyledPropRow = styled.div`\n display: flex;\n flex-direction: column;\n gap: 4px;\n`;\n\nexport const StyledFieldGrid = styled.div`\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px;\n`;\n\n/* InputNumber's wrapper is a fixed 360px and SelectTrigger a fixed 300px — both\n overflow the narrow dock, so force every inspector control to fill its cell. */\nexport const StyledControl = styled.div`\n width: 100%;\n\n &.disabled {\n opacity: 0.4;\n pointer-events: none;\n }\n\n .c-input-wrapper {\n width: 100%;\n }\n\n .wb-inspector-trigger {\n width: 100%;\n }\n\n .wb-color-value {\n display: flex;\n align-items: center;\n gap: 8px;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n /* A transparent fill has no colour to show, so it renders the design-system\n CircleSlashIcon (a ring with a 45° slash) instead of an invisible dot. */\n .wb-color-value .wb-transparent-swatch {\n flex: none;\n color: var(--color-theme-500);\n }\n`;\n\n/* Locked checkbox row — the DS Checkbox renders only the box, so it is paired\n with a Label the way the design system expects. */\nexport const StyledCheckboxRow = styled.div`\n display: flex;\n align-items: center;\n gap: 8px;\n`;\n\n/* The element body is HTML (the API's `body` field). The Inspector renders it\n formatted and read-only for now — editing comes later. Raw text needs an\n explicit font-family (no global reset), and the child tags get light prose\n styling. */\nexport const StyledBody = styled.div`\n width: 100%;\n /* Collapsed to a reasonable height; a long body scrolls inside the field. */\n max-height: 140px;\n overflow-y: auto;\n font-family: -apple-system, BlinkMacSystemFont, \"Roboto\", \"Helvetica Neue\",\n Arial, sans-serif;\n font-size: 13px;\n line-height: 1.5;\n color: var(--color-theme-800);\n\n p {\n margin: 0 0 8px;\n }\n\n p:last-child {\n margin-bottom: 0;\n }\n\n ul,\n ol {\n margin: 0 0 8px;\n padding-left: 18px;\n }\n\n li {\n margin: 2px 0;\n }\n\n strong {\n font-weight: 600;\n }\n\n em {\n font-style: italic;\n }\n\n a {\n color: var(--color-primary);\n }\n`;\n\n/* Read-only \"Auto\" field for an auto-sized dimension (a sticky's height). */\nexport const StyledAutoField = styled.div`\n height: 32px;\n display: flex;\n align-items: center;\n padding: 0 8px;\n box-sizing: border-box;\n border: 1px solid var(--color-theme-400);\n border-radius: var(--ac-br-8);\n background-color: var(--color-theme-200);\n color: var(--color-theme-600);\n font-size: 13px;\n`;\n\nexport const StyledSegmented = styled.div`\n display: flex;\n gap: 4px;\n\n /* Icon segments (text alignment): size the glyph and center it in the cell so\n each Choose reads as an equal-width icon button. */\n svg {\n display: block;\n width: 16px;\n height: 16px;\n }\n`;\n\nexport interface NumberFieldProps {\n label: string;\n value: number;\n min?: number;\n /* Unit shown as a right adornment inside the field (px, °), the same way\n InputCurrency shows the currency code. */\n unit?: string;\n onCommit: (value: number) => void;\n}\n\nexport const NumberField = ({\n label,\n value,\n min,\n unit,\n onCommit,\n}: NumberFieldProps): ReactElement => (\n <StyledPropRow>\n <Label size=\"small\" weight=\"regular\">\n {label}\n </Label>\n <StyledControl>\n <InputNumber\n className=\"wb-inspector-num\"\n value={value}\n decimalLength={0}\n min={min}\n update\n endAdornment={\n unit ? (\n <InputAdornment disablePointerEvents>\n <Caption1 color=\"secondary\">{unit}</Caption1>\n </InputAdornment>\n ) : undefined\n }\n onChange={(next) => {\n if (next !== undefined && !Number.isNaN(next)) {\n onCommit(Math.round(next));\n }\n }}\n />\n </StyledControl>\n </StyledPropRow>\n);\n\nexport const AutoField = ({ label }: { label: string }): ReactElement => (\n <StyledPropRow>\n <Label size=\"small\" weight=\"regular\">\n {label}\n </Label>\n <StyledAutoField>Auto</StyledAutoField>\n </StyledPropRow>\n);\n\nexport interface OptionSelectProps {\n options: { id: string | number; name: string }[];\n value: string | number;\n triggerLabel: string;\n onChange: (value: string | number) => void;\n}\n\nexport const OptionSelect = ({\n options,\n value,\n triggerLabel,\n onChange,\n}: OptionSelectProps): ReactElement => (\n <StyledControl>\n <Select\n type=\"single\"\n disableSearch\n forceCloseMenu\n options={options}\n selected={value}\n onChange={(next) => onChange(Array.isArray(next) ? next[0] : next)}\n target={\n <SelectTrigger className=\"wb-inspector-trigger\">\n {triggerLabel}\n </SelectTrigger>\n }\n />\n </StyledControl>\n);\n\nexport const TRANSPARENT_OPTION = {\n id: \"transparent\",\n name: \"Transparent\",\n color: \"transparent\",\n textColor: \"transparent\",\n};\n\n/* The name shown on the color picker's trigger, resolved from the current hex. */\nexport const colorName = (hex: string | undefined): string => {\n if (!hex || sameColor(hex, \"transparent\")) {\n return \"Transparent\";\n }\n\n const match = COLOR_OPTIONS.find((option) => sameColor(hex, option.color));\n return match ? match.name : \"Custom\";\n};\n\nexport interface ColorPickerFieldProps {\n value: string | undefined;\n disabled?: boolean;\n /* Adds \"Transparent\" as the first option, rendered as the DS CircleSlashIcon.\n Driven by the element's `fillTransparent` trait, so only SHAPE fill opts in\n — sticky fill (its colour is the point) and stroke colour never do. */\n includeTransparent?: boolean;\n onSelect: (color: string) => void;\n}\n\n/* The regular design-system named-colour picker (the one in the label dialogs):\n a Select whose trigger is a Dot + colour name, and whose menu is the standard\n dot-and-radio list. Custom colours are deferred. */\nexport const ColorPickerField = ({\n value,\n disabled,\n includeTransparent,\n onSelect,\n}: ColorPickerFieldProps): ReactElement => {\n const options = includeTransparent\n ? [TRANSPARENT_OPTION, ...COLOR_OPTIONS]\n : COLOR_OPTIONS;\n const isTransparent = !value || sameColor(value, \"transparent\");\n\n return (\n <StyledControl className={disabled ? \"disabled\" : undefined}>\n <Select\n type=\"single\"\n disableSearch\n forceCloseMenu\n options={options}\n selected={isTransparent ? \"transparent\" : value}\n onChange={(next) =>\n onSelect(String(Array.isArray(next) ? next[0] : next))\n }\n target={\n <SelectTrigger className=\"wb-inspector-trigger\">\n <span className=\"wb-color-value\">\n {isTransparent ? (\n <CircleSlashIcon\n width={14}\n height={14}\n fill=\"currentColor\"\n className=\"wb-transparent-swatch\"\n />\n ) : (\n <Dot color={value} size={14} />\n )}\n {colorName(value)}\n </span>\n </SelectTrigger>\n }\n />\n </StyledControl>\n );\n};\n\nexport interface RightInspectorProps {\n selectedId: string | null;\n positions: Record<string, { x: number; y: number }>;\n setPositions: React.Dispatch<\n React.SetStateAction<Record<string, { x: number; y: number }>>\n >;\n sizes: Record<string, { width: number; height: number }>;\n setSizes: React.Dispatch<\n React.SetStateAction<Record<string, { width: number; height: number }>>\n >;\n rotations: Record<string, number>;\n setRotations: React.Dispatch<React.SetStateAction<Record<string, number>>>;\n shapes: Record<string, ShapeElementState>;\n setShapes: React.Dispatch<\n React.SetStateAction<Record<string, ShapeElementState>>\n >;\n stickyStyle: StickyTextStyle;\n setStickyStyle: React.Dispatch<React.SetStateAction<StickyTextStyle>>;\n links: LinkElementDef[];\n setLinks: React.Dispatch<React.SetStateAction<LinkElementDef[]>>;\n files: FileElementDef[];\n setFiles: React.Dispatch<React.SetStateAction<FileElementDef[]>>;\n createdShapes: CanvasElementDef[];\n locks: Record<string, boolean>;\n setLocks: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;\n}\n\nexport const RightInspector = ({\n selectedId,\n positions,\n setPositions,\n sizes,\n setSizes,\n rotations,\n setRotations,\n shapes,\n setShapes,\n stickyStyle,\n setStickyStyle,\n links,\n setLinks,\n files,\n setFiles,\n createdShapes,\n locks,\n setLocks,\n}: RightInspectorProps): ReactElement => {\n const [width, setWidth] = useState(OUTLINE_WIDTH);\n const [resizing, setResizing] = useState(false);\n /* Mock only — element display names are not persisted anywhere; they default\n to the type label until renamed here. */\n const [names, setNames] = useState<Record<string, string>>({});\n /* Which inspector tab is showing: the property groups we design, or the\n upcoming comments stream (details TBD). */\n const [tab, setTab] = useState<\"properties\" | \"comments\">(\"properties\");\n\n /* Docked right, so the grab strip is on the LEFT edge and dragging left\n widens: the delta is subtracted rather than added (see LeftSidebar). */\n const startResize = useCallback((event: React.MouseEvent) => {\n event.preventDefault();\n const startX = event.clientX;\n const startWidth = event.currentTarget.parentElement?.offsetWidth ?? 0;\n const previousUserSelect = document.body.style.userSelect;\n\n setResizing(true);\n document.body.style.userSelect = \"none\";\n document.body.style.cursor = \"col-resize\";\n\n const handleMove = (moveEvent: MouseEvent): void => {\n const next = startWidth - (moveEvent.clientX - startX);\n setWidth(Math.min(OUTLINE_MAX_WIDTH, Math.max(OUTLINE_MIN_WIDTH, next)));\n };\n\n const handleUp = (): void => {\n setResizing(false);\n document.body.style.userSelect = previousUserSelect;\n document.body.style.cursor = \"\";\n window.removeEventListener(\"mousemove\", handleMove);\n window.removeEventListener(\"mouseup\", handleUp);\n };\n\n window.addEventListener(\"mousemove\", handleMove);\n window.addEventListener(\"mouseup\", handleUp);\n }, []);\n\n const def = selectedId\n ? [...CANVAS_ELEMENTS, ...createdShapes].find(\n (element) => element.id === selectedId\n )\n : undefined;\n const linkDef = selectedId\n ? links.find((link) => link.id === selectedId)\n : undefined;\n const fileDef = selectedId\n ? files.find((file) => file.id === selectedId)\n : undefined;\n\n const shell = (content: ReactNode): ReactElement => (\n <StyledInspectorSidebar style={{ width }}>\n <StyledInspectorResizer\n className={resizing ? \"resizing\" : \"\"}\n onMouseDown={startResize}\n role=\"separator\"\n aria-orientation=\"vertical\"\n aria-label=\"Resize inspector\"\n />\n {content}\n </StyledInspectorSidebar>\n );\n\n /* Description — inline, multi-line editable text, shown first for every\n element kind. */\n /* Read-only formatted body (HTML from the API's `body` field). No label; when\n the body is empty the field is not rendered at all. No edit yet. */\n const renderBody = (id: string): ReactNode => {\n const html = ELEMENT_BODIES[id] ?? \"\";\n if (!html) {\n return null;\n }\n\n // eslint-disable-next-line react/no-danger\n return <StyledBody dangerouslySetInnerHTML={{ __html: html }} />;\n };\n\n /* The Locked checkbox — shown for every element kind, toggling a design lock\n flag keyed by element id. */\n const renderLocked = (id: string): ReactElement => (\n <StyledCheckboxRow>\n <Checkbox\n id={`wb-lock-${id}`}\n checked={locks[id] ?? false}\n onChange={() =>\n setLocks((current) => ({ ...current, [id]: !(current[id] ?? false) }))\n }\n />\n <Label htmlFor={`wb-lock-${id}`} size=\"small\" weight=\"regular\">\n Locked\n </Label>\n </StyledCheckboxRow>\n );\n\n /* Geometry for a card (link / file): X/Y from the shared positions map, an\n editable width and an auto height (cards are content-sized). Cards cannot\n be rotated, so there is no Rotation field. */\n const renderCardGeometry = (\n id: string,\n cardWidth: number,\n onWidth: (width: number) => void\n ): ReactElement => {\n const cardPosition = positions[id] ?? { x: 0, y: 0 };\n\n return (\n <StyledPropGroup>\n <Body2 weight=\"bold\" className=\"group-title\">\n Geometry\n </Body2>\n <StyledFieldGrid>\n <NumberField\n label=\"X\"\n unit=\"px\"\n value={cardPosition.x}\n onCommit={(next) =>\n setPositions((current) => ({\n ...current,\n [id]: { ...(current[id] ?? { x: 0, y: 0 }), x: next },\n }))\n }\n />\n <NumberField\n label=\"Y\"\n unit=\"px\"\n value={cardPosition.y}\n onCommit={(next) =>\n setPositions((current) => ({\n ...current,\n [id]: { ...(current[id] ?? { x: 0, y: 0 }), y: next },\n }))\n }\n />\n </StyledFieldGrid>\n <StyledFieldGrid>\n <NumberField\n label=\"Width\"\n unit=\"px\"\n value={cardWidth}\n min={1}\n onCommit={onWidth}\n />\n <AutoField label=\"Height\" />\n </StyledFieldGrid>\n </StyledPropGroup>\n );\n };\n\n /* Header + panel switch + body, shared by every element kind — only the\n groups inside differ. */\n const renderInspectorBody = (\n icon: ReactNode,\n headerName: string,\n id: string,\n groups: ReactNode\n ): ReactElement => (\n <StyledInspectorBody>\n <StyledInspectorHeader>\n <span className=\"inspector-type-icon\">{icon}</span>\n <span className=\"inspector-name\">\n <EditableText\n value={headerName}\n variant=\"Header 3\"\n weight=\"bold\"\n onSave={(event) =>\n setNames((current) => ({ ...current, [id]: event.target.value }))\n }\n inputProps={{ maxLength: 120 }}\n />\n </span>\n </StyledInspectorHeader>\n\n <StyledChooseRow>\n <StyledPanelChooseSlot>\n <ChooseV2\n required\n options={[\n { id: \"properties\", name: \"Properties\" },\n { id: \"comments\", name: \"Comments\" },\n ]}\n selected={[tab]}\n onChange={(selected) =>\n setTab(selected[0] as \"properties\" | \"comments\")\n }\n />\n </StyledPanelChooseSlot>\n </StyledChooseRow>\n\n {tab === \"comments\" ? (\n <StyledInspectorEmpty>\n <Body2>The comments stream is coming soon.</Body2>\n </StyledInspectorEmpty>\n ) : (\n <StyledPropGroups>{groups}</StyledPropGroups>\n )}\n </StyledInspectorBody>\n );\n\n /* Nothing selected. */\n if (!def && !linkDef && !fileDef) {\n return shell(\n <StyledInspectorEmpty>\n <Body2>Select an element to see its properties.</Body2>\n </StyledInspectorEmpty>\n );\n }\n\n /* Link card — its URL plus the shared Locked flag. */\n if (linkDef) {\n return shell(\n renderInspectorBody(\n <InsertLinkIcon />,\n names[linkDef.id] ?? (linkDef.url || \"Link\"),\n linkDef.id,\n <>\n <StyledPropGroup>\n {renderBody(linkDef.id)}\n <StyledPropRow>\n <Label size=\"small\" weight=\"regular\">\n URL\n </Label>\n <StyledControl>\n <Input\n value={linkDef.url ?? \"\"}\n placeholder=\"https://…\"\n onChange={(event) =>\n setLinks((current) =>\n current.map((link) =>\n link.id === linkDef.id\n ? { ...link, url: event.target.value }\n : link\n )\n )\n }\n />\n </StyledControl>\n </StyledPropRow>\n {renderLocked(linkDef.id)}\n </StyledPropGroup>\n {renderCardGeometry(linkDef.id, linkDef.width, (width) =>\n setLinks((current) =>\n current.map((link) =>\n link.id === linkDef.id ? { ...link, width } : link\n )\n )\n )}\n </>\n )\n );\n }\n\n /* File card — read-only size plus the shared Locked flag. */\n if (fileDef) {\n return shell(\n renderInspectorBody(\n <AttachmentIcon />,\n names[fileDef.id] ??\n (fileDef.file\n ? `${fileDef.file.base}.${fileDef.file.extension}`\n : \"File\"),\n fileDef.id,\n <>\n <StyledPropGroup>\n {renderBody(fileDef.id)}\n <StyledPropRow>\n <Label size=\"small\" weight=\"regular\">\n Size\n </Label>\n <StyledAutoField>\n {fileDef.file ? formatFileSize(fileDef.file.size) : \"—\"}\n </StyledAutoField>\n </StyledPropRow>\n {renderLocked(fileDef.id)}\n </StyledPropGroup>\n {renderCardGeometry(fileDef.id, fileDef.width, (width) =>\n setFiles((current) =>\n current.map((file) =>\n file.id === fileDef.id ? { ...file, width } : file\n )\n )\n )}\n </>\n )\n );\n }\n\n /* Shape / sticky from here on. */\n if (!def) {\n return shell(\n <StyledInspectorEmpty>\n <Body2>Select an element to see its properties.</Body2>\n </StyledInspectorEmpty>\n );\n }\n\n const traits = elementTraits(def);\n const shape = def.kind === \"shape\" ? shapes[def.id] : null;\n const size = sizes[def.id] ?? { width: def.width, height: def.height };\n const position = positions[def.id] ?? { x: def.x, y: def.y };\n const rotation = rotations[def.id] ?? 0;\n\n const typeLabel = shape ? TYPE_LABEL[shape.type] : \"Sticky note\";\n const name = names[def.id] ?? typeLabel;\n\n const updateShape = (partial: Partial<ShapeElementState>): void =>\n setShapes((current) => ({\n ...current,\n [def.id]: { ...current[def.id], ...partial },\n }));\n\n /* Fill is unified across kinds: a shape writes shape.fill, a sticky its note\n colour. A transparent colour means no fill. */\n const currentFill = shape ? shape.fill : stickyStyle.color;\n const currentFillOpacity = shape\n ? shape.fillOpacity\n : stickyStyle.fillOpacity;\n\n const setFill = (color: string): void => {\n if (shape) {\n updateShape({ fill: color });\n } else {\n setStickyStyle({ ...stickyStyle, color });\n }\n };\n\n const setFillOpacity = (next: number): void => {\n if (shape) {\n updateShape({ fillOpacity: next });\n } else {\n setStickyStyle({ ...stickyStyle, fillOpacity: next });\n }\n };\n\n const currentFontSize = shape ? shape.fontSize : stickyStyle.fontSize;\n const currentAlign: TextAlign = shape\n ? shape.align ?? \"left\"\n : stickyStyle.align;\n\n const setFontSize = (next: number): void => {\n if (shape) {\n updateShape({ fontSize: next });\n } else {\n setStickyStyle({ ...stickyStyle, fontSize: next });\n }\n };\n\n const setAlign = (next: TextAlign): void => {\n if (shape) {\n updateShape({ align: next });\n } else {\n setStickyStyle({ ...stickyStyle, align: next });\n }\n };\n\n const styleFlags = shape ?? stickyStyle;\n\n const toggleStyle = (key: TextStyleKey): void => {\n if (shape) {\n updateShape({ [key]: !shape[key] });\n } else {\n setStickyStyle({ ...stickyStyle, [key]: !stickyStyle[key] });\n }\n };\n\n return shell(\n renderInspectorBody(\n shape ? SHAPE_TYPE_ICON[shape.type] : <NoteIcon />,\n name,\n def.id,\n <>\n {/* Element-specific properties — no header, sits above Geometry. */}\n <StyledPropGroup>\n {renderBody(def.id)}\n {shape ? (\n <StyledPropRow>\n <Label size=\"small\" weight=\"regular\">\n Shape\n </Label>\n <OptionSelect\n options={(\n [\n \"rectangle\",\n \"roundedRectangle\",\n \"circle\",\n \"triangle\",\n ] as ShapeType[]\n ).map((shapeType) => ({\n id: shapeType,\n name: TYPE_LABEL[shapeType],\n }))}\n value={shape.type}\n triggerLabel={TYPE_LABEL[shape.type]}\n onChange={(next) => updateShape({ type: next as ShapeType })}\n />\n </StyledPropRow>\n ) : null}\n {renderLocked(def.id)}\n </StyledPropGroup>\n\n {traits.geometry ? (\n <StyledPropGroup>\n <Body2 weight=\"bold\" className=\"group-title\">\n Geometry\n </Body2>\n <StyledFieldGrid>\n <NumberField\n label=\"X\"\n unit=\"px\"\n value={position.x}\n onCommit={(next) =>\n setPositions((current) => ({\n ...current,\n [def.id]: { ...current[def.id], x: next },\n }))\n }\n />\n <NumberField\n label=\"Y\"\n unit=\"px\"\n value={position.y}\n onCommit={(next) =>\n setPositions((current) => ({\n ...current,\n [def.id]: { ...current[def.id], y: next },\n }))\n }\n />\n </StyledFieldGrid>\n <StyledFieldGrid>\n {traits.autoWidth ? (\n <AutoField label=\"Width\" />\n ) : (\n <NumberField\n label=\"Width\"\n unit=\"px\"\n value={size.width}\n min={1}\n onCommit={(next) =>\n setSizes((current) => ({\n ...current,\n [def.id]: {\n width: next,\n height: current[def.id]?.height ?? def.height,\n },\n }))\n }\n />\n )}\n {traits.autoHeight ? (\n <AutoField label=\"Height\" />\n ) : (\n <NumberField\n label=\"Height\"\n unit=\"px\"\n value={size.height}\n min={1}\n onCommit={(next) =>\n setSizes((current) => ({\n ...current,\n [def.id]: {\n width: current[def.id]?.width ?? def.width,\n height: next,\n },\n }))\n }\n />\n )}\n </StyledFieldGrid>\n <StyledFieldGrid>\n <NumberField\n label=\"Rotation\"\n unit=\"°\"\n value={rotation}\n onCommit={(next) =>\n setRotations((current) => ({ ...current, [def.id]: next }))\n }\n />\n </StyledFieldGrid>\n </StyledPropGroup>\n ) : null}\n\n {traits.fill ? (\n <StyledPropGroup>\n <Body2 weight=\"bold\" className=\"group-title\">\n Fill\n </Body2>\n <StyledFieldGrid>\n <StyledPropRow>\n <Label size=\"small\" weight=\"regular\">\n Color\n </Label>\n <ColorPickerField\n includeTransparent={traits.fillTransparent}\n value={currentFill}\n onSelect={setFill}\n />\n </StyledPropRow>\n <StyledPropRow>\n <Label size=\"small\" weight=\"regular\">\n Opacity\n </Label>\n <OptionSelect\n options={OPACITY_OPTIONS.map((opacity) => ({\n id: opacity,\n name: `${opacity}%`,\n }))}\n value={currentFillOpacity}\n triggerLabel={`${currentFillOpacity}%`}\n onChange={(next) => setFillOpacity(Number(next))}\n />\n </StyledPropRow>\n </StyledFieldGrid>\n </StyledPropGroup>\n ) : null}\n\n {traits.stroke && shape ? (\n <StyledPropGroup>\n <Body2 weight=\"bold\" className=\"group-title\">\n Stroke\n </Body2>\n <StyledPropRow>\n <Label size=\"small\" weight=\"regular\">\n Pattern\n </Label>\n <StyledSegmented>\n <ChooseV2\n required\n options={BORDER_STYLE_OPTIONS.map((option) => ({\n id: option.label,\n name: option.label,\n }))}\n selected={[\n BORDER_STYLE_OPTIONS.find(\n (option) => option.value === shape.strokeDash\n )?.label ?? \"Solid\",\n ]}\n onChange={(selected) =>\n updateShape({\n strokeDash: BORDER_STYLE_OPTIONS.find(\n (option) => option.label === selected[0]\n )?.value,\n })\n }\n />\n </StyledSegmented>\n </StyledPropRow>\n <StyledFieldGrid>\n <StyledPropRow>\n <Label size=\"small\" weight=\"regular\">\n Thickness\n </Label>\n <OptionSelect\n options={THICKNESS_OPTIONS.map((thickness) => ({\n id: thickness,\n name: `${thickness} pt`,\n }))}\n value={shape.strokeWidth}\n triggerLabel={`${shape.strokeWidth} pt`}\n onChange={(next) =>\n updateShape({ strokeWidth: Number(next) })\n }\n />\n </StyledPropRow>\n <StyledPropRow>\n <Label size=\"small\" weight=\"regular\">\n Color\n </Label>\n <ColorPickerField\n value={shape.stroke}\n onSelect={(color) => updateShape({ stroke: color })}\n />\n </StyledPropRow>\n </StyledFieldGrid>\n <StyledFieldGrid>\n <StyledPropRow>\n <Label size=\"small\" weight=\"regular\">\n Radius\n </Label>\n <OptionSelect\n options={RADIUS_OPTIONS.map((radius) => ({\n id: radius,\n name: `${radius} px`,\n }))}\n value={shape.borderRadius}\n triggerLabel={`${shape.borderRadius} px`}\n onChange={(next) =>\n updateShape({ borderRadius: Number(next) })\n }\n />\n </StyledPropRow>\n <StyledPropRow>\n <Label size=\"small\" weight=\"regular\">\n Opacity\n </Label>\n <OptionSelect\n options={OPACITY_OPTIONS.map((opacity) => ({\n id: opacity,\n name: `${opacity}%`,\n }))}\n value={shape.strokeOpacity}\n triggerLabel={`${shape.strokeOpacity}%`}\n onChange={(next) =>\n updateShape({ strokeOpacity: Number(next) })\n }\n />\n </StyledPropRow>\n </StyledFieldGrid>\n </StyledPropGroup>\n ) : null}\n\n {traits.text ? (\n <StyledPropGroup>\n <Body2 weight=\"bold\" className=\"group-title\">\n Text\n </Body2>\n <StyledFieldGrid>\n <StyledPropRow>\n <Label size=\"small\" weight=\"regular\">\n Style\n </Label>\n <StyledSegmented>\n {STYLE_OPTIONS.map((option) => (\n <Tooltip key={option.key} title={option.label}>\n <IconButton\n variant=\"text gray\"\n active={styleFlags[option.key]}\n aria-label={option.label}\n onClick={() => toggleStyle(option.key)}\n >\n {option.icon}\n </IconButton>\n </Tooltip>\n ))}\n </StyledSegmented>\n </StyledPropRow>\n <StyledPropRow>\n <Label size=\"small\" weight=\"regular\">\n Size\n </Label>\n <OptionSelect\n options={FONT_SIZE_OPTIONS.map((fontSize) => ({\n id: fontSize,\n name: `${fontSize} pt`,\n }))}\n value={currentFontSize}\n triggerLabel={`${currentFontSize} pt`}\n onChange={(next) => setFontSize(Number(next))}\n />\n </StyledPropRow>\n </StyledFieldGrid>\n <StyledPropRow>\n <Label size=\"small\" weight=\"regular\">\n Alignment\n </Label>\n <StyledSegmented>\n {ALIGN_OPTIONS.map((option) => (\n <Tooltip key={option.value} title={option.label}>\n <IconButton\n variant=\"text gray\"\n active={currentAlign === option.value}\n aria-label={option.label}\n onClick={() => setAlign(option.value)}\n >\n {option.icon}\n </IconButton>\n </Tooltip>\n ))}\n </StyledSegmented>\n </StyledPropRow>\n </StyledPropGroup>\n ) : null}\n </>\n )\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/presentation/whiteboard/linkElement.d.ts ADDED Viewed

@@ -0,0 +1,97 @@
+import React, { ReactElement } from "react";
+import { ShapeTool } from "./bottomDock";
+import { IStackedCardProps } from "../../components/StackedCard";
+import { LinkDisplay, MockLink } from "../stackedCard/content";
+/**
+ * The only canvas element here built on the shipped design-system
+ * `StackedCard`. The shell is hollow, so the board supplies the visual state
+ * (`selected`) and the width, and the content comes from `LinkCard` — which
+ * renders the unfurl lifecycle, not a static layout.
+ *
+ * Link cards are AUTO-HEIGHT. The host sets the width; the height follows the
+ * content. That is why drawing a box commits only its width, and why resizing
+ * is width-only.
+ */
+export declare const CARD_MIN_WIDTH = 180;
+export declare const CARD_MAX_WIDTH = 420;
+export declare const CARD_DRAW_THRESHOLD = 8;
+export declare const clampCardWidth: (width: number) => number;
+export declare const LINK_DEFAULT_WIDTH = 260;
+export declare const isValidLinkUrl: (value: string) => boolean;
+export declare const linkDomain: (url: string) => string;
+export declare const LINK_PALETTE: string[];
+export declare const linkColor: (domain: string, offset: number) => string;
+export declare const KNOWN_LINKS: MockLink[];
+/**
+ * The fake "server" response for a URL — what `GET /link-previews/...` would
+ * eventually hold. Known hosts get their seed; anything else resolves to a
+ * generic article keyed off its own domain, so pasting an arbitrary link still
+ * produces a believable card instead of an empty one.
+ */
+export declare const resolveMockLink: (url: string) => MockLink;
+export declare const PRIVATE_HOST: RegExp;
+export declare const isUnfurlable: (domain: string) => boolean;
+/** A link element on the board. Position lives in the shared positions map. */
+export interface LinkElementDef {
+    id: string;
+    width: number;
+    /** null while the card is an empty placeholder waiting for a URL. */
+    url: string | null;
+}
+export declare const LINK_DISPLAY: LinkDisplay;
+export declare const StyledLinkCard: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<IStackedCardProps & React.RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledLinkEditArea: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledLinkInput: import("styled-components").StyledComponent<"input", any, {
+    $invalid?: boolean;
+}, never>;
+export declare const StyledLinkHint: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("../..").ICaptionProps & Omit<import("../../components/Typography/Typography").ITypographyProps, "variant" | "weight"> & React.RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledShapePreview: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const shapePreviewGlyph: (tool: ShapeTool, width: number, height: number) => ReactElement;
+export declare const StyledLinkDraft: import("styled-components").StyledComponent<"div", any, {}, never>;
+export interface LinkFormattingToolbarProps {
+    url: string;
+    onEditUrl: () => void;
+    onDelete: () => void;
+}
+export declare const LinkFormattingToolbar: ({ url, onEditUrl, onDelete, }: LinkFormattingToolbarProps) => ReactElement;
+/**
+ * The card's three resize callbacks, handed down untouched from the board. The
+ * grip reports deltas measured from the gesture START and brackets the stream
+ * with a start and a commit, so a card is only a conduit — the board resolves
+ * what a delta means.
+ */
+export type CardResizeHandlers = Pick<IStackedCardProps, "onResizeStart" | "onResizeDelta" | "onResizeCommit">;
+export interface LinkPreviewCardProps {
+    element: LinkElementDef;
+    selected: boolean;
+    resize: CardResizeHandlers;
+    onEditUrl: () => void;
+    onDelete: () => void;
+}
+/**
+ * A link element with a committed URL: the card runs the unfurl lifecycle.
+ *
+ * One controller per card, and the seed is memoized on the URL so the board's
+ * own re-renders (drag, selection, a grid change) never restart the ladder.
+ */
+export declare const LinkPreviewCard: ({ element, selected, resize, onEditUrl, onDelete, }: LinkPreviewCardProps) => ReactElement;
+export interface LinkElementProps {
+    element: LinkElementDef;
+    selected: boolean;
+    /** Open the editor as soon as a freshly drawn placeholder lands. */
+    autoEdit: boolean;
+    onCommitUrl: (url: string) => void;
+    resize: CardResizeHandlers;
+    onDelete: () => void;
+}
+/**
+ * The three phases of a link element:
+ *
+ *   placeholder  drawn but empty — an interactive invitation, distinct from the
+ *                loading skeleton (spec §5)
+ *   editing      the inline URL field, with the shell's `entered` ring and drag
+ *                switched off
+ *   preview      a URL is committed; the unfurl lifecycle takes over
+ */
+export declare const LinkElement: ({ element, selected, autoEdit, onCommitUrl, resize, onDelete, }: LinkElementProps) => ReactElement;
+//# sourceMappingURL=linkElement.d.ts.map

package/dist/esm/presentation/whiteboard/linkElement.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"linkElement.d.ts","sourceRoot":"","sources":["../../../../src/presentation/whiteboard/linkElement.tsx"],"names":[],"mappings":"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"}

package/dist/esm/presentation/whiteboard/linkElement.js ADDED Viewed

@@ -0,0 +1,327 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useEffect, useMemo } from "react";
+import styled from "styled-components";
+import { SELECTION_BLUE, StyledFormattingToolbar, StyledToolbarButton, StyledToolbarLink, stopClick } from "./elements";
+import { InsertLinkIcon, OpenExpandedIcon, TrashIcon } from "../../components/Icons";
+import { StackedCard } from "../../components/StackedCard";
+import { Tooltip } from "../../components/Tooltip";
+import { Caption2 } from "../../components/Typography";
+import { LinkCard, LinkPlaceholder, MOCK_LINKS, useUnfurl } from "../stackedCard/content";
+import { useInlineEdit } from "../stackedCard/useInlineEdit";
+import linkCoverPhoto from "../static/stacked-card-cover.png";
+import linkHeroPhoto from "../static/stacked-card-hero.png";
+/* ------------------------------------------------------------------ */
+/* Link element — StackedCard + the URL unfurl lifecycle               */
+/* ------------------------------------------------------------------ */
+/**
+ * The only canvas element here built on the shipped design-system
+ * `StackedCard`. The shell is hollow, so the board supplies the visual state
+ * (`selected`) and the width, and the content comes from `LinkCard` — which
+ * renders the unfurl lifecycle, not a static layout.
+ *
+ * Link cards are AUTO-HEIGHT. The host sets the width; the height follows the
+ * content. That is why drawing a box commits only its width, and why resizing
+ * is width-only.
+ */
+/* Width bounds shared by every drawn card (link, file). */
+export const CARD_MIN_WIDTH = 180;
+export const CARD_MAX_WIDTH = 420;
+/* Below this the drag reads as a click, not a drawn box. */
+export const CARD_DRAW_THRESHOLD = 8;
+export const clampCardWidth = width => Math.min(CARD_MAX_WIDTH, Math.max(CARD_MIN_WIDTH, Math.round(width)));
+export const LINK_DEFAULT_WIDTH = 260;
+/* A shape check, nothing more. The real validation is server-side: the backend
+   normalizes the URL, refuses anything but http(s), blocks private address
+   space and re-checks every redirect hop. */
+export const isValidLinkUrl = value => /^https?:\/\/[^\s/?#]+\.[^\s]*$/i.test(value.trim());
+/* https://www.example.com/a?b → example.com */
+export const linkDomain = url => url.trim().replace(/^https?:\/\//i, "").split(/[/?#]/)[0].replace(/^www\./i, "");
+/* Stand-in favicon / hero colours. A real unfurl stores the fetched favicon and
+   OpenGraph image as attachments; here the colour is derived from the domain so
+   every pasted host keeps a stable identity instead of sharing one colour. */
+export const LINK_PALETTE = ["#0F6E56", "#8C5A2B", "#2F5DA8", "#8A3E6B", "#3F6B25", "#A8452F"];
+export const linkColor = (domain, offset) => {
+  let hash = 0;
+  for (let index = 0; index < domain.length; index += 1) {
+    hash = (hash * 31 + domain.charCodeAt(index)) % 997;
+  }
+  return LINK_PALETTE[(hash + offset) % LINK_PALETTE.length];
+};
+/* Hand-written seeds for the hosts worth demoing. Vimeo resolves to a playable
+   video with a real cover image; the history link deliberately resolves without
+   one, so the colour-cover fallback (a link whose page carries no OpenGraph
+   image) is on the board too. */
+export const KNOWN_LINKS = [_extends({}, MOCK_LINKS.vimeo, {
+  heroSrc: linkHeroPhoto
+}), _extends({}, MOCK_LINKS.history)];
+/**
+ * The fake "server" response for a URL — what `GET /link-previews/...` would
+ * eventually hold. Known hosts get their seed; anything else resolves to a
+ * generic article keyed off its own domain, so pasting an arbitrary link still
+ * produces a believable card instead of an empty one.
+ */
+export const resolveMockLink = url => {
+  const domain = linkDomain(url);
+  const known = KNOWN_LINKS.find(link => linkDomain(link.url) === domain);
+  if (known) {
+    return _extends({}, known, {
+      url
+    });
+  }
+  return {
+    url,
+    domain,
+    faviconColor: linkColor(domain, 0),
+    heroColor: linkColor(domain, 3),
+    heroSrc: linkCoverPhoto,
+    title: domain + " \u2014 the title a real unfurl reads from og:title",
+    description: "The summary an unfurl takes from og:description, falling back to the page's meta description when the site carries no OpenGraph tags.",
+    kind: "Article",
+    playable: false
+  };
+};
+/* Private address space — the one class of URL that passes a shape check and
+   still can never resolve, because the server refuses to fetch it (and re-checks
+   every redirect hop). Pasting one of these is how the error rung of the ladder
+   is reachable from the board. */
+export const PRIVATE_HOST = /^(?:10|127|192\.168|169\.254|172\.(?:1[6-9]|2\d|3[01]))\./;
+export const isUnfurlable = domain => !PRIVATE_HOST.test(domain);
+/** A link element on the board. Position lives in the shared positions map. */
+/* On the canvas a link is always the expanded card — hero, then the tinted
+   footer band with the domain, title and description. Compact is a column-view
+   density, so the board pins the level and shows no display switch. */
+export const LINK_DISPLAY = "expanded";
+/* The card fills the element box the board drew; the shell's reference 260px
+   width gives way to the host. Height stays auto. */
+export const StyledLinkCard = styled(StackedCard).withConfig({
+  displayName: "linkElement__StyledLinkCard",
+  componentId: "sc-1e6iu71-0"
+})(["&&{width:100%;}user-select:none;"]);
+/* The inline URL editor — the placeholder's interactive half. */
+export const StyledLinkEditArea = styled.div.withConfig({
+  displayName: "linkElement__StyledLinkEditArea",
+  componentId: "sc-1e6iu71-1"
+})(["display:flex;flex-direction:column;gap:6px;padding:16px 12px;"]);
+export const StyledLinkInput = styled.input.withConfig({
+  displayName: "linkElement__StyledLinkInput",
+  componentId: "sc-1e6iu71-2"
+})(["width:100%;box-sizing:border-box;padding:8px 10px;border:1.5px solid ", ";border-radius:6px;background:var(--page-paper-main);color:var(--color-theme-900);font-family:-apple-system,BlinkMacSystemFont,\"Roboto\",\"Helvetica Neue\",Arial,sans-serif;font-size:13px;text-align:center;outline:none;&::placeholder{color:var(--color-theme-500);}"], _ref => {
+  let $invalid = _ref.$invalid;
+  return $invalid ? "var(--red-alert)" : "var(--sc-selection-ring)";
+});
+export const StyledLinkHint = styled(Caption2).withConfig({
+  displayName: "linkElement__StyledLinkHint",
+  componentId: "sc-1e6iu71-3"
+})(["display:block;text-align:center;color:var(--red-alert);"]);
+/* The dashed rubber band drawn while the Link tool is armed. The width readout
+   is the honest signal: the box sets the card's width, the height is the
+   card's own business. */
+/* The outline the app's ShapePreview draws — stroke only, the selection blue,
+   at 70% — used both for the shape rubber band and the hover preview. */
+export const StyledShapePreview = styled.div.withConfig({
+  displayName: "linkElement__StyledShapePreview",
+  componentId: "sc-1e6iu71-4"
+})(["position:absolute;box-sizing:border-box;pointer-events:none;svg{display:block;overflow:visible;fill:none;stroke:", ";stroke-width:2;opacity:0.7;}"], SELECTION_BLUE);
+export const shapePreviewGlyph = (tool, width, height) => /*#__PURE__*/React.createElement("svg", {
+  width: "100%",
+  height: "100%"
+}, tool === "circle" ? /*#__PURE__*/React.createElement("ellipse", {
+  cx: "50%",
+  cy: "50%",
+  rx: "50%",
+  ry: "50%"
+}) : null, tool === "roundedRectangle" ? /*#__PURE__*/React.createElement("rect", {
+  x: "0",
+  y: "0",
+  width: "100%",
+  height: "100%",
+  rx: 8,
+  ry: 8
+}) : null, tool === "triangle" ? /*#__PURE__*/React.createElement("polygon", {
+  points: width / 2 + ",0 " + width + "," + height + " 0," + height
+}) : null);
+export const StyledLinkDraft = styled.div.withConfig({
+  displayName: "linkElement__StyledLinkDraft",
+  componentId: "sc-1e6iu71-5"
+})(["position:absolute;box-sizing:border-box;border:1.5px dashed ", ";border-radius:8px;background-color:rgba(59,130,246,0.08);pointer-events:none;.draft-width{position:absolute;top:-22px;left:0;padding:1px 6px;border-radius:4px;background-color:", ";color:#ffffff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;white-space:nowrap;}"], SELECTION_BLUE, SELECTION_BLUE);
+/* The link element's floating toolbar. It acts on the ENTITY: go to the page,
+   change which page, or bin the card. */
+export const LinkFormattingToolbar = _ref2 => {
+  let url = _ref2.url,
+    onEditUrl = _ref2.onEditUrl,
+    onDelete = _ref2.onDelete;
+  return /*#__PURE__*/React.createElement(StyledFormattingToolbar, {
+    onMouseDown: stopClick,
+    onClick: stopClick
+  }, /*#__PURE__*/React.createElement(StyledToolbarLink, {
+    href: url,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, /*#__PURE__*/React.createElement(OpenExpandedIcon, {
+    className: "i16"
+  }), "Visit"), /*#__PURE__*/React.createElement(StyledToolbarButton, {
+    type: "button",
+    onClick: onEditUrl
+  }, /*#__PURE__*/React.createElement(InsertLinkIcon, {
+    className: "i16"
+  }), "Edit"), /*#__PURE__*/React.createElement("span", {
+    className: "divider"
+  }), /*#__PURE__*/React.createElement(Tooltip, {
+    title: "Move to Trash"
+  }, /*#__PURE__*/React.createElement(StyledToolbarButton, {
+    type: "button",
+    className: "icon-only",
+    onClick: onDelete
+  }, /*#__PURE__*/React.createElement(TrashIcon, {
+    className: "i16"
+  }))));
+};
+/**
+ * The card's three resize callbacks, handed down untouched from the board. The
+ * grip reports deltas measured from the gesture START and brackets the stream
+ * with a start and a commit, so a card is only a conduit — the board resolves
+ * what a delta means.
+ */
+/**
+ * A link element with a committed URL: the card runs the unfurl lifecycle.
+ *
+ * One controller per card, and the seed is memoized on the URL so the board's
+ * own re-renders (drag, selection, a grid change) never restart the ladder.
+ */
+export const LinkPreviewCard = _ref3 => {
+  var _element$url;
+  let element = _ref3.element,
+    selected = _ref3.selected,
+    resize = _ref3.resize,
+    onEditUrl = _ref3.onEditUrl,
+    onDelete = _ref3.onDelete;
+  const url = (_element$url = element.url) != null ? _element$url : "";
+  const link = useMemo(() => resolveMockLink(url), [url]);
+  const unfurl = useUnfurl({
+    link,
+    delayMs: 700,
+    shouldFail: !isUnfurlable(link.domain)
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledLinkCard, _extends({
+    selected: selected,
+    resizable: selected,
+    resizeAxis: "width",
+    resizeLabel: "Resize link card"
+  }, resize), /*#__PURE__*/React.createElement(LinkCard, {
+    unfurl: unfurl,
+    display: LINK_DISPLAY
+  })), selected ? /*#__PURE__*/React.createElement(LinkFormattingToolbar, {
+    url: url,
+    onEditUrl: onEditUrl,
+    onDelete: onDelete
+  }) : null);
+};
+/**
+ * The three phases of a link element:
+ *
+ *   placeholder  drawn but empty — an interactive invitation, distinct from the
+ *                loading skeleton (spec §5)
+ *   editing      the inline URL field, with the shell's `entered` ring and drag
+ *                switched off
+ *   preview      a URL is committed; the unfurl lifecycle takes over
+ */
+export const LinkElement = _ref4 => {
+  let element = _ref4.element,
+    selected = _ref4.selected,
+    autoEdit = _ref4.autoEdit,
+    onCommitUrl = _ref4.onCommitUrl,
+    resize = _ref4.resize,
+    onDelete = _ref4.onDelete;
+  const edit = useInlineEdit({
+    validate: value => isValidLinkUrl(value) ? true : "Enter a valid link, e.g. https://…",
+    onCommit: value => onCommitUrl(value.trim())
+  });
+  const begin = edit.begin;
+  // A box drawn with the Link tool is a request to add a link, so the editor
+  // opens straight away; the placeholder is what a cancelled edit falls back to.
+  useEffect(() => {
+    if (autoEdit) {
+      begin();
+    }
+  }, [autoEdit, begin]);
+  /* Editing wins over the preview, so the same editor serves the first fill and
+     every later correction: "Edit link" seeds the field with the current URL
+     and Esc drops back to the card that was already there. */
+  if (edit.editing) {
+    return /*#__PURE__*/React.createElement(StyledLinkCard, {
+      entered: true,
+      draggable: false,
+      "aria-label": "Add a link"
+    }, /*#__PURE__*/React.createElement(StyledLinkEditArea, null, /*#__PURE__*/React.createElement(StyledLinkInput, _extends({}, edit.bind, {
+      type: "text",
+      inputMode: "url",
+      placeholder: "https://\u2026",
+      $invalid: edit.error != null
+    })), edit.error ? /*#__PURE__*/React.createElement(StyledLinkHint, {
+      role: "alert"
+    }, edit.error) : /*#__PURE__*/React.createElement(Caption2, {
+      color: "tertiary",
+      style: {
+        textAlign: "center"
+      }
+    }, "Enter to add \xB7 Esc to cancel")));
+  }
+  if (element.url != null) {
+    return /*#__PURE__*/React.createElement(LinkPreviewCard, {
+      element: element,
+      selected: selected,
+      resize: resize,
+      onEditUrl: () => {
+        var _element$url2;
+        edit.reset((_element$url2 = element.url) != null ? _element$url2 : "");
+        edit.begin();
+      },
+      onDelete: onDelete
+    });
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledLinkCard, {
+    selected: selected,
+    "aria-label": "Empty link card"
+  }, /*#__PURE__*/React.createElement(LinkPlaceholder, {
+    "data-drag-through": "",
+    onClick: edit.begin
+  })), selected ? /*#__PURE__*/React.createElement(StyledFormattingToolbar, {
+    onMouseDown: stopClick,
+    onClick: stopClick
+  }, /*#__PURE__*/React.createElement(StyledToolbarButton, {
+    type: "button",
+    onClick: edit.begin
+  }, /*#__PURE__*/React.createElement(InsertLinkIcon, {
+    className: "i16"
+  }), "Edit"), /*#__PURE__*/React.createElement("span", {
+    className: "divider"
+  }), /*#__PURE__*/React.createElement(Tooltip, {
+    title: "Move to Trash"
+  }, /*#__PURE__*/React.createElement(StyledToolbarButton, {
+    type: "button",
+    className: "icon-only",
+    onClick: onDelete
+  }, /*#__PURE__*/React.createElement(TrashIcon, {
+    className: "i16"
+  })))) : null);
+};
+//# sourceMappingURL=linkElement.js.map