Function createGraphNode

web/src/components/ProjectGraphFlow.tsx:401–435

(input: {
  id: string;
  label: string;
  kind: GraphNodeData["kind"];
  expanded: boolean;
  x: number;
  y: number;
  root?: boolean;
})

}

function createGraphNode(input: {
  id: string;
  label: string;
  kind: GraphNodeData["kind"];
  expanded: boolean;
  x: number;
  y: number;
  root?: boolean;
}): GraphNode {
  return {
    id: input.id,
    type: "default",
    position: { x: input.x, y: input.y },
    data: {
      label: input.label,
      kind: input.kind,
      expanded: input.expanded
    },
    style: {
      width: input.root ? ENTITY_NODE_WIDTH + 20 : input.kind === "entity" ? ENTITY_NODE_WIDTH : EVENT_NODE_WIDTH,
      borderRadius: 6,
      border: input.expanded ? "1.5px solid #111827" : "1px solid #d4d4d8",
      background: input.kind === "entity" ? "#ffffff" : "#f8fafc",
      color: "#111827",
      fontSize: 12,
      fontWeight: input.kind === "entity" ? 650 : 520,
      padding: "8px 10px",
      boxShadow: input.root ? "0 8px 24px rgba(15, 23, 42, 0.12)" : "0 2px 8px rgba(15, 23, 42, 0.06)",
      overflow: "hidden",
      textOverflow: "ellipsis",
      whiteSpace: "nowrap"
    },
    className: cn(input.expanded && "ring-2 ring-ring/25")
  };
}

function applySelectionStyles(input: {
  nodes: GraphNode[];